annotate sg101/scss/_sg101.scss @ 1069:ae015fcec351

Initial custom color/styling for V3.
author Brian Neal <bgneal@gmail.com>
date Tue, 05 Apr 2016 20:40:09 -0500
parents f0febf8956eb
children 6ac56115e0a8
rev   line source
bgneal@1045 1 .full-width {
bgneal@1045 2 width: 100%;
bgneal@1045 3 }
bgneal@1045 4
bgneal@1045 5 .quiet {
bgneal@1045 6 font-size: smaller;
bgneal@1045 7 }
bgneal@1045 8
bgneal@1061 9 .scrollable-x {
bgneal@1061 10 overflow-x: auto;
bgneal@1061 11 }
bgneal@1061 12
bgneal@1045 13 .size-12 { font-size: rem-calc(12); }
bgneal@1045 14 .size-14 { font-size: rem-calc(14); }
bgneal@1045 15 .size-16 { font-size: rem-calc(16); }
bgneal@1045 16 .size-18 { font-size: rem-calc(18); }
bgneal@1045 17 .size-21 { font-size: rem-calc(21); }
bgneal@1045 18 .size-24 { font-size: rem-calc(24); }
bgneal@1045 19 .size-36 { font-size: rem-calc(36); }
bgneal@1045 20 .size-48 { font-size: rem-calc(48); }
bgneal@1045 21 .size-60 { font-size: rem-calc(60); }
bgneal@1045 22 .size-72 { font-size: rem-calc(72); }
bgneal@1054 23
bgneal@1054 24 #logo-row {
bgneal@1054 25 margin-top: rem-calc(8);
bgneal@1054 26 margin-bottom: rem-calc(8);
bgneal@1054 27 }
bgneal@1054 28
bgneal@1054 29 #base-header {
bgneal@1054 30 margin-bottom: rem-calc(16);
bgneal@1054 31 }
bgneal@1069 32
bgneal@1069 33 .side-block-v3 {
bgneal@1069 34 margin: 0 0 1rem 0;
bgneal@1069 35 padding: 1rem;
bgneal@1069 36 //border: 1px solid $sg101-green;
bgneal@1069 37 border-radius: 2.5rem;
bgneal@1069 38 background-color: $sg101-green4;
bgneal@1069 39
bgneal@1069 40 h1 {
bgneal@1069 41 font-size: 1.25rem;
bgneal@1069 42 }
bgneal@1069 43
bgneal@1069 44 a {
bgneal@1069 45 color: $sg101-green;
bgneal@1069 46 &:hover,
bgneal@1069 47 &:focus {
bgneal@1069 48 color: $sg101-red;
bgneal@1069 49 }
bgneal@1069 50 }
bgneal@1069 51 }