Fundacja Nowoczesna Polska | Kod - redakcja.git/blob

   1 #yelow {
   2   #short {
   3     color: #fea;
   4   }
   5   #long {
   6     color: #ffeeaa;
   7   }
   8   #rgba {
   9     color: rgba(255, 238, 170, 0.1);
  10   }
  11   #argb {
  12     color: argb(rgba(255, 238, 170, 0.1));
  13   }
  14 }
  15
  16 #blue {
  17   #short {
  18     color: #00f;
  19   }
  20   #long {
  21     color: #0000ff;
  22   }
  23   #rgba {
  24     color: rgba(0, 0, 255, 0.1);
  25   }
  26   #argb {
  27     color: argb(rgba(0, 0, 255, 0.1));
  28   }
  29 }
  30
  31 #alpha #hsla {
  32     color: hsla(11, 20%, 20%, 0.6);
  33 }
  34
  35 #overflow {
  36   .a { color: (#111111 - #444444); } // #000000
  37   .b { color: (#eee + #fff); } // #ffffff
  38   .c { color: (#aaa * 3); } // #ffffff
  39   .d { color: (#00ee00 + #009900); } // #00ff00
  40 }
  41
  42 #grey {
  43   color: rgb(200, 200, 200);
  44 }
  45
  46 #333333 {
  47   color: rgb(20%, 20%, 20%);
  48 }
  49
  50 #808080 {
  51   color: hsl(50, 0%, 50%);
  52 }
  53
  54 #00ff00 {
  55   color: hsl(120, 100%, 50%);
  56 }
  57
  58 .lightenblue {
  59     color: lighten(blue, 10%);
  60 }
  61
  62 .darkenblue {
  63     color: darken(blue, 10%);
  64 }
  65
  66 .unknowncolors {
  67     color: blue2;
  68     border: 2px solid superred;
  69 }
  70
  71 .transparent {
  72     color: transparent;
  73     background-color: rgba(0, 0, 0, 0);
  74 }
  75 #alpha {
  76     @colorvar: rgba(150, 200, 150, 0.7);
  77     #fromvar {
  78         opacity: alpha(@colorvar);
  79     }
  80     #short {
  81         opacity: alpha(#aaa);
  82     }
  83     #long {
  84         opacity: alpha(#bababa);
  85     }
  86     #rgba {
  87         opacity: alpha(rgba(50, 120, 95, 0.2));
  88     }
  89     #hsl {
  90         opacity: alpha(hsl(120, 100%, 50%));
  91     }
  92 }