juplo.de Git - examples/template-development/blob - less/frontend.less

   1 @background: #111;
   2 @normal:     #090;
   3 @light:      #9f9;
   4 @lighter:    #fff;
   5
   6
   7 body
   8 {
   9   color: @normal;
  10   background-color: @background;
  11   font-size: 20px;
  12 }
  13 a
  14 {
  15   color: @light;
  16   text-decoration: none;
  17   &:hover,
  18   &:focus
  19   {
  20     color: @lighter;
  21     text-decoration: underline;
  22   }
  23   &:active
  24   {
  25     color: @lighter;
  26   }
  27 }
  28 hr
  29 {
  30   margin: 0;
  31   border-color: @normal;
  32   clear: both;
  33 }
  34 svg
  35 {
  36   fill: currentColor;
  37 }
  38
  39
  40 header
  41 {
  42   margin-bottom: 3em;
  43   > h2 > svg
  44   {
  45     position: relative;
  46     top: .2em;
  47     height: 1.25em;
  48     width: 2.5em;
  49   }
  50 }
  51 nav
  52 {
  53   > h3
  54   {
  55     display: none;
  56   }
  57   > ul
  58   {
  59     margin: 0;
  60     padding: 0;
  61     > li
  62     {
  63       list-style-type: none;
  64       float: left;
  65       margin: .5em .5em .5em 0;
  66       &:before
  67       {
  68         content: '::';
  69         margin-right: .5em;
  70       }
  71       &:first-child
  72       {
  73         margin-left: .5em;
  74         &:before
  75         {
  76           content: none;
  77         }
  78       }
  79     }
  80   }
  81 }
  82 footer
  83 {
  84   margin-top: 3em;
  85 }