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
  35 header
  36 {
  37   margin-bottom: 3em;
  38 }
  39 nav
  40 {
  41   > h3
  42   {
  43     display: none;
  44   }
  45   > ul
  46   {
  47     margin: 0;
  48     padding: 0;
  49     > li
  50     {
  51       list-style-type: none;
  52       float: left;
  53       margin: .5em .5em .5em 0;
  54       &:before
  55       {
  56         content: '::';
  57         margin-right: .5em;
  58       }
  59       &:first-child
  60       {
  61         margin-left: .5em;
  62         &:before
  63         {
  64           content: none;
  65         }
  66       }
  67     }
  68   }
  69 }
  70 footer
  71 {
  72   margin-top: 3em;
  73 }