less/modules/palette.less

0001 //
0002 // Palette
0003 // --------------------------------------------------
0004
0005 .palette {
0006   color: @inverse;
0007   margin: 0;
0008   padding: 15px;
0009   text-transform: uppercase;
0010
0011   dt {
0012     display: block;
0013     font-weight: 500;
0014     .opacity(80);
0015   }
0016   dd {
0017     font-weight: 200;
0018     margin-left: 0;
0019     .opacity(80);
0020   }
0021 }
0022
0023 //
0024 // Pallet grid
0025 // --------------------------------------------------
0026 .calc-color(~"turquoise", ~"green-sea");
0027 .calc-color(~"emerald", ~"nephritis");
0028 .calc-color(~"peter-river", ~"belize-hole");
0029 .calc-color(~"amethyst", ~"wisteria");
0030 .calc-color(~"wet-asphalt", ~"midnight-blue");
0031
0032 .calc-color(~"sun-flower", ~"orange");
0033 .calc-color(~"carrot", ~"pumpkin");
0034 .calc-color(~"alizarin", ~"pomegranate");
0035 .calc-color(~"clouds", ~"silver");
0036 .calc-color(~"concrete", ~"asbestos");
0037
0038 .palette-clouds {
0039   color: #bdc3c7;
0040 }
0041
0042 // Palette paragraph
0043 .palette-paragraph {
0044   color: #7f8c8d;
0045   font-size: 12px;
0046   line-height: 17px;
0047
0048   span {
0049     color: #bdc3c7;
0050   }
0051 }
0052
0053 // Headline
0054 .palette-headline {
0055   color: #7f8c8d;
0056   font-weight: 700;
0057   margin-top: -5px;
0058 }