Fundacja Nowoczesna Polska | Kod - redakcja.git/blob

   1 .mixin { border: 1px solid black; }
   2 .mixout { border-color: orange; }
   3 .borders { border-style: dashed; }
   4
   5 #namespace {
   6   .borders {
   7     border-style: dotted;
   8   }
   9   .biohazard {
  10     content: "death";
  11     .man {
  12       color: transparent;
  13     }
  14   }
  15 }
  16 #theme {
  17   > .mixin {
  18     background-color: grey;
  19   }
  20 }
  21 #container {
  22   color: black;
  23   .mixin;
  24   .mixout;
  25   #theme > .mixin;
  26 }
  27
  28 #header {
  29   .milk {
  30     color: white;
  31     .mixin;
  32     #theme > .mixin;
  33   }
  34   #cookie {
  35     .chips {
  36       #namespace .borders;
  37       .calories {
  38         #container;
  39       }
  40     }
  41     .borders;
  42   }
  43 }
  44 .secure-zone { #namespace .biohazard .man; }
  45 .direct {
  46   #namespace > .borders;
  47 }
  48
  49 .bo, .bar {
  50     width: 100%;
  51 }
  52 .bo {
  53     border: 1px;
  54 }
  55 .ar.bo.ca {
  56     color: black;
  57 }
  58 .jo.ki {
  59     background: none;
  60 }
  61 .amp {
  62     &.support {
  63         color: orange;
  64         .higher {
  65             top: 0px;
  66         }
  67         &.deeper {
  68             height: auto;
  69         }
  70     }
  71 }
  72 .extended {
  73     .bo;
  74     .jo.ki;
  75     .amp.support;
  76     .amp.support.higher;
  77     .amp.support.deeper;
  78 }
  79 .do .re .mi .fa {
  80     .sol .la {
  81         .si {
  82             color: cyan;
  83         }
  84     }
  85 }
  86 .mutli-selector-parents {
  87     .do.re.mi.fa.sol.la.si;
  88 }
  89 .foo .bar {
  90   .bar;
  91 }
  92 .has_parents() {
  93   & .underParents {
  94     color: red;
  95   }
  96 }
  97 .has_parents();
  98 .parent {
  99   .has_parents();
 100 }
 101 .margin_between(@above, @below) {
 102      * + & { margin-top: @above; }
 103      legend + & { margin-top: 0; }
 104      & + * { margin-top: @below; }
 105 }
 106 h1 { .margin_between(25px, 10px); }
 107 h2 { .margin_between(20px, 8px); }
 108 h3 { .margin_between(15px, 5px); }
 109
 110 .mixin_def(@url, @position){
 111     background-image: @url;
 112     background-position: @position;
 113 }
 114 .error{
 115   @s: "/";
 116   .mixin_def( "@{s}a.png", center center);
 117 }
 118 .recursion() {
 119   color: black;
 120 }
 121 .test-rec {
 122   .recursion {
 123     .recursion();
 124   }
 125 }
 126 .paddingFloat(@padding) { padding-left: @padding; }
 127
 128 .button {
 129     .paddingFloat(((10px + 12) * 2));
 130
 131     &.large { .paddingFloat(((10em * 2) * 2)); }
 132 }
 133 .clearfix() {
 134   // ...
 135 }
 136 .clearfix {
 137   .clearfix();
 138 }
 139 .foo {
 140   .clearfix();
 141 }