bgneal@1045: .full-width {
bgneal@1045:    width: 100%;
bgneal@1045: }
bgneal@1045: 
bgneal@1045: .quiet {
bgneal@1045:    font-size: smaller;
bgneal@1045: }
bgneal@1045: 
bgneal@1061: .scrollable-x {
bgneal@1061:    overflow-x: auto;
bgneal@1061: }
bgneal@1061: 
bgneal@1045: .size-12 { font-size: rem-calc(12); }
bgneal@1045: .size-14 { font-size: rem-calc(14); }
bgneal@1045: .size-16 { font-size: rem-calc(16); }
bgneal@1045: .size-18 { font-size: rem-calc(18); }
bgneal@1045: .size-21 { font-size: rem-calc(21); }
bgneal@1045: .size-24 { font-size: rem-calc(24); }
bgneal@1045: .size-36 { font-size: rem-calc(36); }
bgneal@1045: .size-48 { font-size: rem-calc(48); }
bgneal@1045: .size-60 { font-size: rem-calc(60); }
bgneal@1045: .size-72 { font-size: rem-calc(72); }
bgneal@1054: 
bgneal@1054: #logo-row {
bgneal@1054:    margin-top: rem-calc(8);
bgneal@1054:    margin-bottom: rem-calc(8);
bgneal@1054: }
bgneal@1054: 
bgneal@1054: #base-header {
bgneal@1054:    margin-bottom: rem-calc(16);
bgneal@1054: }
bgneal@1069: 
bgneal@1069: .side-block-v3 {
bgneal@1069:    margin: 0 0 1rem 0;
bgneal@1069:    padding: 1rem;
bgneal@1069:    //border: 1px solid $sg101-green;
bgneal@1069:    border-radius: 2.5rem;
bgneal@1069:    background-color: $sg101-green4;
bgneal@1069: 
bgneal@1069:    h1 {
bgneal@1069:       font-size: 1.25rem;
bgneal@1069:    }
bgneal@1069: 
bgneal@1069:    a {
bgneal@1069:       color: $sg101-green;
bgneal@1069:       &:hover,
bgneal@1069:       &:focus {
bgneal@1069:          color: $sg101-red;
bgneal@1069:       }
bgneal@1069:    }
bgneal@1069: }