11ty Included Files and Styles - Day Two

Setting up the _includes folder

Adding some initial styles

Open the template add a style tag with some basic CSS styling. I am opting for a dark theme.

      body {
        font-family:helvetica, sans-serif;
        background-color: #202124;
        color: #e8eaed;
      }
      a {
        color: #4D9EFF;
      }
      h1 { 
        margin-bottom: 4px; 
        color: #4D9EFF;
      }
      h2 {
        color: #FFCB59;
      }
      pre {
        padding: 8px 10px;
        border-radius: 4px;
        background-color: #293336;
        color: #66ff66;
      }
      article {
        padding: 8px 0;
      }
      footer {
        margin: 6px 0 0 0;
        padding: 10px 0 20px 0;
        font-size: 86%;
        border-top: 1px solid rgba(255,255,255,0.2);
      }