Created
February 5, 2021 20:47
-
-
Save jasonmelgoza/c968acac4a442d4f8b1377422800d156 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // | |
| // Spacing Utilities | |
| // | |
| // Spacing System | |
| // | |
| $space-unit: 4px; | |
| $space-2xs: $space-unit; // 4px | |
| $space-xs: $space-unit * 2; // 8px | |
| $space-sm: $space-unit * 3; // 12px | |
| $space-md: $space-unit * 4; // 16px | |
| $space-lg: $space-unit * 5; // 20px | |
| $space-xl: $space-unit * 8; // 32px | |
| $space-2xl: $space-unit * 14; // 56px | |
| $space-3xl: $space-unit * 16; // 64px | |
| $space-4xl: $space-unit * 18; // 72px | |
| // | |
| // Spacing Utilities | |
| // | |
| // Varabiles | |
| // ------------------------------ | |
| // Mounts | |
| $spaceamounts: ( | |
| '0' 0, | |
| '1' $space-2xs, | |
| '2' $space-xs, | |
| '3' $space-sm, | |
| '4' $space-md, | |
| '5' $space-lg, | |
| '6' $space-xl, | |
| '7' $space-2xl, | |
| '8' $space-3xl, | |
| '9' $space-4xl | |
| ); | |
| // Sides | |
| $sides: all, vertical, horizontal, top, right, bottom, left; | |
| // Sizes | |
| $desktop: 30em; | |
| $lg-desktop: 60em; | |
| @each $space in $spaceamounts { | |
| @each $side in $sides { | |
| @if $side == all { | |
| .ma#{nth($space, 1)} { | |
| margin: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == vertical { | |
| .mv#{nth($space, 1)} { | |
| margin-top: #{nth($space, 2)} !important; | |
| margin-bottom: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == horizontal { | |
| .mh#{nth($space, 1)} { | |
| margin-right: #{nth($space, 2)} !important; | |
| margin-left: #{nth($space, 2)} !important; | |
| } | |
| } @else { | |
| .m#{str-slice($side, 0, 1)}#{nth($space, 1)} { | |
| margin-#{$side}: #{nth($space, 2)} !important; | |
| } | |
| } | |
| } | |
| } | |
| // Padding | |
| @each $space in $spaceamounts { | |
| @each $side in $sides { | |
| @if $side == all { | |
| .pa#{nth($space, 1)} { | |
| padding: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == vertical { | |
| .pv#{nth($space, 1)} { | |
| padding-top: #{nth($space, 2)} !important; | |
| padding-bottom: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == horizontal { | |
| .ph#{nth($space, 1)} { | |
| padding-right: #{nth($space, 2)} !important; | |
| padding-left: #{nth($space, 2)} !important; | |
| } | |
| } @else { | |
| .p#{str-slice($side, 0, 1)}#{nth($space, 1)} { | |
| padding-#{$side}: #{nth($space, 2)} !important; | |
| } | |
| } | |
| } | |
| } | |
| // Breakpoints | |
| // Not small | |
| @media screen and (min-width: $desktop) { | |
| @each $space in $spaceamounts { | |
| @each $side in $sides { | |
| @if $side == all { | |
| .ma#{nth($space, 1)}-ns { | |
| margin: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == vertical { | |
| .mv#{nth($space, 1)}-ns { | |
| margin-top: #{nth($space, 2)} !important; | |
| margin-bottom: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == horizontal { | |
| .mh#{nth($space, 1)}-ns { | |
| margin-right: #{nth($space, 2)} !important; | |
| margin-left: #{nth($space, 2)} !important; | |
| } | |
| } @else { | |
| .m#{str-slice($side, 0, 1)}#{nth($space, 1)}-ns { | |
| margin-#{$side}: #{nth($space, 2)} !important; | |
| } | |
| } | |
| } | |
| } | |
| @each $space in $spaceamounts { | |
| @each $side in $sides { | |
| @if $side == all { | |
| .pa#{nth($space, 1)}-ns { | |
| padding: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == vertical { | |
| .pv#{nth($space, 1)}-ns { | |
| padding-top: #{nth($space, 2)} !important; | |
| padding-bottom: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == horizontal { | |
| .ph#{nth($space, 1)}-ns { | |
| padding-right: #{nth($space, 2)} !important; | |
| padding-left: #{nth($space, 2)} !important; | |
| } | |
| } @else { | |
| .p#{str-slice($side, 0, 1)}#{nth($space, 1)}-ns { | |
| padding-#{$side}: #{nth($space, 2)} !important; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| // Medium | |
| @media screen and (min-width: $desktop) and (max-width: $lg-desktop) { | |
| @each $space in $spaceamounts { | |
| @each $side in $sides { | |
| @if $side == all { | |
| .ma#{nth($space, 1)}-m { | |
| margin: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == vertical { | |
| .mv#{nth($space, 1)}-m { | |
| margin-top: #{nth($space, 2)} !important; | |
| margin-bottom: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == horizontal { | |
| .mh#{nth($space, 1)}-m { | |
| margin-right: #{nth($space, 2)} !important; | |
| margin-left: #{nth($space, 2)} !important; | |
| } | |
| } @else { | |
| .m#{str-slice($side, 0, 1)}#{nth($space, 1)}-m { | |
| margin-#{$side}: #{nth($space, 2)} !important; | |
| } | |
| } | |
| } | |
| } | |
| @each $space in $spaceamounts { | |
| @each $side in $sides { | |
| @if $side == all { | |
| .pa#{nth($space, 1)}-m { | |
| padding: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == vertical { | |
| .pv#{nth($space, 1)}-m { | |
| padding-top: #{nth($space, 2)} !important; | |
| padding-bottom: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == horizontal { | |
| .ph#{nth($space, 1)}-m { | |
| padding-right: #{nth($space, 2)} !important; | |
| padding-left: #{nth($space, 2)} !important; | |
| } | |
| } @else { | |
| .p#{str-slice($side, 0, 1)}#{nth($space, 1)}-m { | |
| padding-#{$side}: #{nth($space, 2)} !important; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| // Large | |
| @media screen and (min-width: $lg-desktop) { | |
| @each $space in $spaceamounts { | |
| @each $side in $sides { | |
| @if $side == all { | |
| .ma#{nth($space, 1)}-l { | |
| margin: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == vertical { | |
| .mv#{nth($space, 1)}-l { | |
| margin-top: #{nth($space, 2)} !important; | |
| margin-bottom: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == horizontal { | |
| .mh#{nth($space, 1)}-l { | |
| margin-right: #{nth($space, 2)} !important; | |
| margin-left: #{nth($space, 2)} !important; | |
| } | |
| } @else { | |
| .m#{str-slice($side, 0, 1)}#{nth($space, 1)}-l { | |
| margin-#{$side}: #{nth($space, 2)} !important; | |
| } | |
| } | |
| } | |
| } | |
| @each $space in $spaceamounts { | |
| @each $side in $sides { | |
| @if $side == all { | |
| .pa#{nth($space, 1)}-l { | |
| padding: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == vertical { | |
| .pv#{nth($space, 1)}-l { | |
| padding-top: #{nth($space, 2)} !important; | |
| padding-bottom: #{nth($space, 2)} !important; | |
| } | |
| } @else if $side == horizontal { | |
| .ph#{nth($space, 1)}-l { | |
| padding-right: #{nth($space, 2)} !important; | |
| padding-left: #{nth($space, 2)} !important; | |
| } | |
| } @else { | |
| .p#{str-slice($side, 0, 1)}#{nth($space, 1)}-l { | |
| padding-#{$side}: #{nth($space, 2)} !important; | |
| } | |
| } | |
| } | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .ma0 { | |
| margin: 0 !important; | |
| } | |
| .mv0 { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; | |
| } | |
| .mh0 { | |
| margin-right: 0 !important; | |
| margin-left: 0 !important; | |
| } | |
| .mt0 { | |
| margin-top: 0 !important; | |
| } | |
| .mr0 { | |
| margin-right: 0 !important; | |
| } | |
| .mb0 { | |
| margin-bottom: 0 !important; | |
| } | |
| .ml0 { | |
| margin-left: 0 !important; | |
| } | |
| .ma1 { | |
| margin: 4px !important; | |
| } | |
| .mv1 { | |
| margin-top: 4px !important; | |
| margin-bottom: 4px !important; | |
| } | |
| .mh1 { | |
| margin-right: 4px !important; | |
| margin-left: 4px !important; | |
| } | |
| .mt1 { | |
| margin-top: 4px !important; | |
| } | |
| .mr1 { | |
| margin-right: 4px !important; | |
| } | |
| .mb1 { | |
| margin-bottom: 4px !important; | |
| } | |
| .ml1 { | |
| margin-left: 4px !important; | |
| } | |
| .ma2 { | |
| margin: 8px !important; | |
| } | |
| .mv2 { | |
| margin-top: 8px !important; | |
| margin-bottom: 8px !important; | |
| } | |
| .mh2 { | |
| margin-right: 8px !important; | |
| margin-left: 8px !important; | |
| } | |
| .mt2 { | |
| margin-top: 8px !important; | |
| } | |
| .mr2 { | |
| margin-right: 8px !important; | |
| } | |
| .mb2 { | |
| margin-bottom: 8px !important; | |
| } | |
| .ml2 { | |
| margin-left: 8px !important; | |
| } | |
| .ma3 { | |
| margin: 12px !important; | |
| } | |
| .mv3 { | |
| margin-top: 12px !important; | |
| margin-bottom: 12px !important; | |
| } | |
| .mh3 { | |
| margin-right: 12px !important; | |
| margin-left: 12px !important; | |
| } | |
| .mt3 { | |
| margin-top: 12px !important; | |
| } | |
| .mr3 { | |
| margin-right: 12px !important; | |
| } | |
| .mb3 { | |
| margin-bottom: 12px !important; | |
| } | |
| .ml3 { | |
| margin-left: 12px !important; | |
| } | |
| .ma4 { | |
| margin: 16px !important; | |
| } | |
| .mv4 { | |
| margin-top: 16px !important; | |
| margin-bottom: 16px !important; | |
| } | |
| .mh4 { | |
| margin-right: 16px !important; | |
| margin-left: 16px !important; | |
| } | |
| .mt4 { | |
| margin-top: 16px !important; | |
| } | |
| .mr4 { | |
| margin-right: 16px !important; | |
| } | |
| .mb4 { | |
| margin-bottom: 16px !important; | |
| } | |
| .ml4 { | |
| margin-left: 16px !important; | |
| } | |
| .ma5 { | |
| margin: 20px !important; | |
| } | |
| .mv5 { | |
| margin-top: 20px !important; | |
| margin-bottom: 20px !important; | |
| } | |
| .mh5 { | |
| margin-right: 20px !important; | |
| margin-left: 20px !important; | |
| } | |
| .mt5 { | |
| margin-top: 20px !important; | |
| } | |
| .mr5 { | |
| margin-right: 20px !important; | |
| } | |
| .mb5 { | |
| margin-bottom: 20px !important; | |
| } | |
| .ml5 { | |
| margin-left: 20px !important; | |
| } | |
| .ma6 { | |
| margin: 32px !important; | |
| } | |
| .mv6 { | |
| margin-top: 32px !important; | |
| margin-bottom: 32px !important; | |
| } | |
| .mh6 { | |
| margin-right: 32px !important; | |
| margin-left: 32px !important; | |
| } | |
| .mt6 { | |
| margin-top: 32px !important; | |
| } | |
| .mr6 { | |
| margin-right: 32px !important; | |
| } | |
| .mb6 { | |
| margin-bottom: 32px !important; | |
| } | |
| .ml6 { | |
| margin-left: 32px !important; | |
| } | |
| .ma7 { | |
| margin: 56px !important; | |
| } | |
| .mv7 { | |
| margin-top: 56px !important; | |
| margin-bottom: 56px !important; | |
| } | |
| .mh7 { | |
| margin-right: 56px !important; | |
| margin-left: 56px !important; | |
| } | |
| .mt7 { | |
| margin-top: 56px !important; | |
| } | |
| .mr7 { | |
| margin-right: 56px !important; | |
| } | |
| .mb7 { | |
| margin-bottom: 56px !important; | |
| } | |
| .ml7 { | |
| margin-left: 56px !important; | |
| } | |
| .ma8 { | |
| margin: 64px !important; | |
| } | |
| .mv8 { | |
| margin-top: 64px !important; | |
| margin-bottom: 64px !important; | |
| } | |
| .mh8 { | |
| margin-right: 64px !important; | |
| margin-left: 64px !important; | |
| } | |
| .mt8 { | |
| margin-top: 64px !important; | |
| } | |
| .mr8 { | |
| margin-right: 64px !important; | |
| } | |
| .mb8 { | |
| margin-bottom: 64px !important; | |
| } | |
| .ml8 { | |
| margin-left: 64px !important; | |
| } | |
| .ma9 { | |
| margin: 72px !important; | |
| } | |
| .mv9 { | |
| margin-top: 72px !important; | |
| margin-bottom: 72px !important; | |
| } | |
| .mh9 { | |
| margin-right: 72px !important; | |
| margin-left: 72px !important; | |
| } | |
| .mt9 { | |
| margin-top: 72px !important; | |
| } | |
| .mr9 { | |
| margin-right: 72px !important; | |
| } | |
| .mb9 { | |
| margin-bottom: 72px !important; | |
| } | |
| .ml9 { | |
| margin-left: 72px !important; | |
| } | |
| .pa0 { | |
| padding: 0 !important; | |
| } | |
| .pv0 { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; | |
| } | |
| .ph0 { | |
| padding-right: 0 !important; | |
| padding-left: 0 !important; | |
| } | |
| .pt0 { | |
| padding-top: 0 !important; | |
| } | |
| .pr0 { | |
| padding-right: 0 !important; | |
| } | |
| .pb0 { | |
| padding-bottom: 0 !important; | |
| } | |
| .pl0 { | |
| padding-left: 0 !important; | |
| } | |
| .pa1 { | |
| padding: 4px !important; | |
| } | |
| .pv1 { | |
| padding-top: 4px !important; | |
| padding-bottom: 4px !important; | |
| } | |
| .ph1 { | |
| padding-right: 4px !important; | |
| padding-left: 4px !important; | |
| } | |
| .pt1 { | |
| padding-top: 4px !important; | |
| } | |
| .pr1 { | |
| padding-right: 4px !important; | |
| } | |
| .pb1 { | |
| padding-bottom: 4px !important; | |
| } | |
| .pl1 { | |
| padding-left: 4px !important; | |
| } | |
| .pa2 { | |
| padding: 8px !important; | |
| } | |
| .pv2 { | |
| padding-top: 8px !important; | |
| padding-bottom: 8px !important; | |
| } | |
| .ph2 { | |
| padding-right: 8px !important; | |
| padding-left: 8px !important; | |
| } | |
| .pt2 { | |
| padding-top: 8px !important; | |
| } | |
| .pr2 { | |
| padding-right: 8px !important; | |
| } | |
| .pb2 { | |
| padding-bottom: 8px !important; | |
| } | |
| .pl2 { | |
| padding-left: 8px !important; | |
| } | |
| .pa3 { | |
| padding: 12px !important; | |
| } | |
| .pv3 { | |
| padding-top: 12px !important; | |
| padding-bottom: 12px !important; | |
| } | |
| .ph3 { | |
| padding-right: 12px !important; | |
| padding-left: 12px !important; | |
| } | |
| .pt3 { | |
| padding-top: 12px !important; | |
| } | |
| .pr3 { | |
| padding-right: 12px !important; | |
| } | |
| .pb3 { | |
| padding-bottom: 12px !important; | |
| } | |
| .pl3 { | |
| padding-left: 12px !important; | |
| } | |
| .pa4 { | |
| padding: 16px !important; | |
| } | |
| .pv4 { | |
| padding-top: 16px !important; | |
| padding-bottom: 16px !important; | |
| } | |
| .ph4 { | |
| padding-right: 16px !important; | |
| padding-left: 16px !important; | |
| } | |
| .pt4 { | |
| padding-top: 16px !important; | |
| } | |
| .pr4 { | |
| padding-right: 16px !important; | |
| } | |
| .pb4 { | |
| padding-bottom: 16px !important; | |
| } | |
| .pl4 { | |
| padding-left: 16px !important; | |
| } | |
| .pa5 { | |
| padding: 20px !important; | |
| } | |
| .pv5 { | |
| padding-top: 20px !important; | |
| padding-bottom: 20px !important; | |
| } | |
| .ph5 { | |
| padding-right: 20px !important; | |
| padding-left: 20px !important; | |
| } | |
| .pt5 { | |
| padding-top: 20px !important; | |
| } | |
| .pr5 { | |
| padding-right: 20px !important; | |
| } | |
| .pb5 { | |
| padding-bottom: 20px !important; | |
| } | |
| .pl5 { | |
| padding-left: 20px !important; | |
| } | |
| .pa6 { | |
| padding: 32px !important; | |
| } | |
| .pv6 { | |
| padding-top: 32px !important; | |
| padding-bottom: 32px !important; | |
| } | |
| .ph6 { | |
| padding-right: 32px !important; | |
| padding-left: 32px !important; | |
| } | |
| .pt6 { | |
| padding-top: 32px !important; | |
| } | |
| .pr6 { | |
| padding-right: 32px !important; | |
| } | |
| .pb6 { | |
| padding-bottom: 32px !important; | |
| } | |
| .pl6 { | |
| padding-left: 32px !important; | |
| } | |
| .pa7 { | |
| padding: 56px !important; | |
| } | |
| .pv7 { | |
| padding-top: 56px !important; | |
| padding-bottom: 56px !important; | |
| } | |
| .ph7 { | |
| padding-right: 56px !important; | |
| padding-left: 56px !important; | |
| } | |
| .pt7 { | |
| padding-top: 56px !important; | |
| } | |
| .pr7 { | |
| padding-right: 56px !important; | |
| } | |
| .pb7 { | |
| padding-bottom: 56px !important; | |
| } | |
| .pl7 { | |
| padding-left: 56px !important; | |
| } | |
| .pa8 { | |
| padding: 64px !important; | |
| } | |
| .pv8 { | |
| padding-top: 64px !important; | |
| padding-bottom: 64px !important; | |
| } | |
| .ph8 { | |
| padding-right: 64px !important; | |
| padding-left: 64px !important; | |
| } | |
| .pt8 { | |
| padding-top: 64px !important; | |
| } | |
| .pr8 { | |
| padding-right: 64px !important; | |
| } | |
| .pb8 { | |
| padding-bottom: 64px !important; | |
| } | |
| .pl8 { | |
| padding-left: 64px !important; | |
| } | |
| .pa9 { | |
| padding: 72px !important; | |
| } | |
| .pv9 { | |
| padding-top: 72px !important; | |
| padding-bottom: 72px !important; | |
| } | |
| .ph9 { | |
| padding-right: 72px !important; | |
| padding-left: 72px !important; | |
| } | |
| .pt9 { | |
| padding-top: 72px !important; | |
| } | |
| .pr9 { | |
| padding-right: 72px !important; | |
| } | |
| .pb9 { | |
| padding-bottom: 72px !important; | |
| } | |
| .pl9 { | |
| padding-left: 72px !important; | |
| } | |
| @media screen and (min-width: 30em) { | |
| .ma0-ns { | |
| margin: 0 !important; | |
| } | |
| .mv0-ns { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; | |
| } | |
| .mh0-ns { | |
| margin-right: 0 !important; | |
| margin-left: 0 !important; | |
| } | |
| .mt0-ns { | |
| margin-top: 0 !important; | |
| } | |
| .mr0-ns { | |
| margin-right: 0 !important; | |
| } | |
| .mb0-ns { | |
| margin-bottom: 0 !important; | |
| } | |
| .ml0-ns { | |
| margin-left: 0 !important; | |
| } | |
| .ma1-ns { | |
| margin: 4px !important; | |
| } | |
| .mv1-ns { | |
| margin-top: 4px !important; | |
| margin-bottom: 4px !important; | |
| } | |
| .mh1-ns { | |
| margin-right: 4px !important; | |
| margin-left: 4px !important; | |
| } | |
| .mt1-ns { | |
| margin-top: 4px !important; | |
| } | |
| .mr1-ns { | |
| margin-right: 4px !important; | |
| } | |
| .mb1-ns { | |
| margin-bottom: 4px !important; | |
| } | |
| .ml1-ns { | |
| margin-left: 4px !important; | |
| } | |
| .ma2-ns { | |
| margin: 8px !important; | |
| } | |
| .mv2-ns { | |
| margin-top: 8px !important; | |
| margin-bottom: 8px !important; | |
| } | |
| .mh2-ns { | |
| margin-right: 8px !important; | |
| margin-left: 8px !important; | |
| } | |
| .mt2-ns { | |
| margin-top: 8px !important; | |
| } | |
| .mr2-ns { | |
| margin-right: 8px !important; | |
| } | |
| .mb2-ns { | |
| margin-bottom: 8px !important; | |
| } | |
| .ml2-ns { | |
| margin-left: 8px !important; | |
| } | |
| .ma3-ns { | |
| margin: 12px !important; | |
| } | |
| .mv3-ns { | |
| margin-top: 12px !important; | |
| margin-bottom: 12px !important; | |
| } | |
| .mh3-ns { | |
| margin-right: 12px !important; | |
| margin-left: 12px !important; | |
| } | |
| .mt3-ns { | |
| margin-top: 12px !important; | |
| } | |
| .mr3-ns { | |
| margin-right: 12px !important; | |
| } | |
| .mb3-ns { | |
| margin-bottom: 12px !important; | |
| } | |
| .ml3-ns { | |
| margin-left: 12px !important; | |
| } | |
| .ma4-ns { | |
| margin: 16px !important; | |
| } | |
| .mv4-ns { | |
| margin-top: 16px !important; | |
| margin-bottom: 16px !important; | |
| } | |
| .mh4-ns { | |
| margin-right: 16px !important; | |
| margin-left: 16px !important; | |
| } | |
| .mt4-ns { | |
| margin-top: 16px !important; | |
| } | |
| .mr4-ns { | |
| margin-right: 16px !important; | |
| } | |
| .mb4-ns { | |
| margin-bottom: 16px !important; | |
| } | |
| .ml4-ns { | |
| margin-left: 16px !important; | |
| } | |
| .ma5-ns { | |
| margin: 20px !important; | |
| } | |
| .mv5-ns { | |
| margin-top: 20px !important; | |
| margin-bottom: 20px !important; | |
| } | |
| .mh5-ns { | |
| margin-right: 20px !important; | |
| margin-left: 20px !important; | |
| } | |
| .mt5-ns { | |
| margin-top: 20px !important; | |
| } | |
| .mr5-ns { | |
| margin-right: 20px !important; | |
| } | |
| .mb5-ns { | |
| margin-bottom: 20px !important; | |
| } | |
| .ml5-ns { | |
| margin-left: 20px !important; | |
| } | |
| .ma6-ns { | |
| margin: 32px !important; | |
| } | |
| .mv6-ns { | |
| margin-top: 32px !important; | |
| margin-bottom: 32px !important; | |
| } | |
| .mh6-ns { | |
| margin-right: 32px !important; | |
| margin-left: 32px !important; | |
| } | |
| .mt6-ns { | |
| margin-top: 32px !important; | |
| } | |
| .mr6-ns { | |
| margin-right: 32px !important; | |
| } | |
| .mb6-ns { | |
| margin-bottom: 32px !important; | |
| } | |
| .ml6-ns { | |
| margin-left: 32px !important; | |
| } | |
| .ma7-ns { | |
| margin: 56px !important; | |
| } | |
| .mv7-ns { | |
| margin-top: 56px !important; | |
| margin-bottom: 56px !important; | |
| } | |
| .mh7-ns { | |
| margin-right: 56px !important; | |
| margin-left: 56px !important; | |
| } | |
| .mt7-ns { | |
| margin-top: 56px !important; | |
| } | |
| .mr7-ns { | |
| margin-right: 56px !important; | |
| } | |
| .mb7-ns { | |
| margin-bottom: 56px !important; | |
| } | |
| .ml7-ns { | |
| margin-left: 56px !important; | |
| } | |
| .ma8-ns { | |
| margin: 64px !important; | |
| } | |
| .mv8-ns { | |
| margin-top: 64px !important; | |
| margin-bottom: 64px !important; | |
| } | |
| .mh8-ns { | |
| margin-right: 64px !important; | |
| margin-left: 64px !important; | |
| } | |
| .mt8-ns { | |
| margin-top: 64px !important; | |
| } | |
| .mr8-ns { | |
| margin-right: 64px !important; | |
| } | |
| .mb8-ns { | |
| margin-bottom: 64px !important; | |
| } | |
| .ml8-ns { | |
| margin-left: 64px !important; | |
| } | |
| .ma9-ns { | |
| margin: 72px !important; | |
| } | |
| .mv9-ns { | |
| margin-top: 72px !important; | |
| margin-bottom: 72px !important; | |
| } | |
| .mh9-ns { | |
| margin-right: 72px !important; | |
| margin-left: 72px !important; | |
| } | |
| .mt9-ns { | |
| margin-top: 72px !important; | |
| } | |
| .mr9-ns { | |
| margin-right: 72px !important; | |
| } | |
| .mb9-ns { | |
| margin-bottom: 72px !important; | |
| } | |
| .ml9-ns { | |
| margin-left: 72px !important; | |
| } | |
| .pa0-ns { | |
| padding: 0 !important; | |
| } | |
| .pv0-ns { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; | |
| } | |
| .ph0-ns { | |
| padding-right: 0 !important; | |
| padding-left: 0 !important; | |
| } | |
| .pt0-ns { | |
| padding-top: 0 !important; | |
| } | |
| .pr0-ns { | |
| padding-right: 0 !important; | |
| } | |
| .pb0-ns { | |
| padding-bottom: 0 !important; | |
| } | |
| .pl0-ns { | |
| padding-left: 0 !important; | |
| } | |
| .pa1-ns { | |
| padding: 4px !important; | |
| } | |
| .pv1-ns { | |
| padding-top: 4px !important; | |
| padding-bottom: 4px !important; | |
| } | |
| .ph1-ns { | |
| padding-right: 4px !important; | |
| padding-left: 4px !important; | |
| } | |
| .pt1-ns { | |
| padding-top: 4px !important; | |
| } | |
| .pr1-ns { | |
| padding-right: 4px !important; | |
| } | |
| .pb1-ns { | |
| padding-bottom: 4px !important; | |
| } | |
| .pl1-ns { | |
| padding-left: 4px !important; | |
| } | |
| .pa2-ns { | |
| padding: 8px !important; | |
| } | |
| .pv2-ns { | |
| padding-top: 8px !important; | |
| padding-bottom: 8px !important; | |
| } | |
| .ph2-ns { | |
| padding-right: 8px !important; | |
| padding-left: 8px !important; | |
| } | |
| .pt2-ns { | |
| padding-top: 8px !important; | |
| } | |
| .pr2-ns { | |
| padding-right: 8px !important; | |
| } | |
| .pb2-ns { | |
| padding-bottom: 8px !important; | |
| } | |
| .pl2-ns { | |
| padding-left: 8px !important; | |
| } | |
| .pa3-ns { | |
| padding: 12px !important; | |
| } | |
| .pv3-ns { | |
| padding-top: 12px !important; | |
| padding-bottom: 12px !important; | |
| } | |
| .ph3-ns { | |
| padding-right: 12px !important; | |
| padding-left: 12px !important; | |
| } | |
| .pt3-ns { | |
| padding-top: 12px !important; | |
| } | |
| .pr3-ns { | |
| padding-right: 12px !important; | |
| } | |
| .pb3-ns { | |
| padding-bottom: 12px !important; | |
| } | |
| .pl3-ns { | |
| padding-left: 12px !important; | |
| } | |
| .pa4-ns { | |
| padding: 16px !important; | |
| } | |
| .pv4-ns { | |
| padding-top: 16px !important; | |
| padding-bottom: 16px !important; | |
| } | |
| .ph4-ns { | |
| padding-right: 16px !important; | |
| padding-left: 16px !important; | |
| } | |
| .pt4-ns { | |
| padding-top: 16px !important; | |
| } | |
| .pr4-ns { | |
| padding-right: 16px !important; | |
| } | |
| .pb4-ns { | |
| padding-bottom: 16px !important; | |
| } | |
| .pl4-ns { | |
| padding-left: 16px !important; | |
| } | |
| .pa5-ns { | |
| padding: 20px !important; | |
| } | |
| .pv5-ns { | |
| padding-top: 20px !important; | |
| padding-bottom: 20px !important; | |
| } | |
| .ph5-ns { | |
| padding-right: 20px !important; | |
| padding-left: 20px !important; | |
| } | |
| .pt5-ns { | |
| padding-top: 20px !important; | |
| } | |
| .pr5-ns { | |
| padding-right: 20px !important; | |
| } | |
| .pb5-ns { | |
| padding-bottom: 20px !important; | |
| } | |
| .pl5-ns { | |
| padding-left: 20px !important; | |
| } | |
| .pa6-ns { | |
| padding: 32px !important; | |
| } | |
| .pv6-ns { | |
| padding-top: 32px !important; | |
| padding-bottom: 32px !important; | |
| } | |
| .ph6-ns { | |
| padding-right: 32px !important; | |
| padding-left: 32px !important; | |
| } | |
| .pt6-ns { | |
| padding-top: 32px !important; | |
| } | |
| .pr6-ns { | |
| padding-right: 32px !important; | |
| } | |
| .pb6-ns { | |
| padding-bottom: 32px !important; | |
| } | |
| .pl6-ns { | |
| padding-left: 32px !important; | |
| } | |
| .pa7-ns { | |
| padding: 56px !important; | |
| } | |
| .pv7-ns { | |
| padding-top: 56px !important; | |
| padding-bottom: 56px !important; | |
| } | |
| .ph7-ns { | |
| padding-right: 56px !important; | |
| padding-left: 56px !important; | |
| } | |
| .pt7-ns { | |
| padding-top: 56px !important; | |
| } | |
| .pr7-ns { | |
| padding-right: 56px !important; | |
| } | |
| .pb7-ns { | |
| padding-bottom: 56px !important; | |
| } | |
| .pl7-ns { | |
| padding-left: 56px !important; | |
| } | |
| .pa8-ns { | |
| padding: 64px !important; | |
| } | |
| .pv8-ns { | |
| padding-top: 64px !important; | |
| padding-bottom: 64px !important; | |
| } | |
| .ph8-ns { | |
| padding-right: 64px !important; | |
| padding-left: 64px !important; | |
| } | |
| .pt8-ns { | |
| padding-top: 64px !important; | |
| } | |
| .pr8-ns { | |
| padding-right: 64px !important; | |
| } | |
| .pb8-ns { | |
| padding-bottom: 64px !important; | |
| } | |
| .pl8-ns { | |
| padding-left: 64px !important; | |
| } | |
| .pa9-ns { | |
| padding: 72px !important; | |
| } | |
| .pv9-ns { | |
| padding-top: 72px !important; | |
| padding-bottom: 72px !important; | |
| } | |
| .ph9-ns { | |
| padding-right: 72px !important; | |
| padding-left: 72px !important; | |
| } | |
| .pt9-ns { | |
| padding-top: 72px !important; | |
| } | |
| .pr9-ns { | |
| padding-right: 72px !important; | |
| } | |
| .pb9-ns { | |
| padding-bottom: 72px !important; | |
| } | |
| .pl9-ns { | |
| padding-left: 72px !important; | |
| } | |
| } | |
| @media screen and (min-width: 30em) and (max-width: 60em) { | |
| .ma0-m { | |
| margin: 0 !important; | |
| } | |
| .mv0-m { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; | |
| } | |
| .mh0-m { | |
| margin-right: 0 !important; | |
| margin-left: 0 !important; | |
| } | |
| .mt0-m { | |
| margin-top: 0 !important; | |
| } | |
| .mr0-m { | |
| margin-right: 0 !important; | |
| } | |
| .mb0-m { | |
| margin-bottom: 0 !important; | |
| } | |
| .ml0-m { | |
| margin-left: 0 !important; | |
| } | |
| .ma1-m { | |
| margin: 4px !important; | |
| } | |
| .mv1-m { | |
| margin-top: 4px !important; | |
| margin-bottom: 4px !important; | |
| } | |
| .mh1-m { | |
| margin-right: 4px !important; | |
| margin-left: 4px !important; | |
| } | |
| .mt1-m { | |
| margin-top: 4px !important; | |
| } | |
| .mr1-m { | |
| margin-right: 4px !important; | |
| } | |
| .mb1-m { | |
| margin-bottom: 4px !important; | |
| } | |
| .ml1-m { | |
| margin-left: 4px !important; | |
| } | |
| .ma2-m { | |
| margin: 8px !important; | |
| } | |
| .mv2-m { | |
| margin-top: 8px !important; | |
| margin-bottom: 8px !important; | |
| } | |
| .mh2-m { | |
| margin-right: 8px !important; | |
| margin-left: 8px !important; | |
| } | |
| .mt2-m { | |
| margin-top: 8px !important; | |
| } | |
| .mr2-m { | |
| margin-right: 8px !important; | |
| } | |
| .mb2-m { | |
| margin-bottom: 8px !important; | |
| } | |
| .ml2-m { | |
| margin-left: 8px !important; | |
| } | |
| .ma3-m { | |
| margin: 12px !important; | |
| } | |
| .mv3-m { | |
| margin-top: 12px !important; | |
| margin-bottom: 12px !important; | |
| } | |
| .mh3-m { | |
| margin-right: 12px !important; | |
| margin-left: 12px !important; | |
| } | |
| .mt3-m { | |
| margin-top: 12px !important; | |
| } | |
| .mr3-m { | |
| margin-right: 12px !important; | |
| } | |
| .mb3-m { | |
| margin-bottom: 12px !important; | |
| } | |
| .ml3-m { | |
| margin-left: 12px !important; | |
| } | |
| .ma4-m { | |
| margin: 16px !important; | |
| } | |
| .mv4-m { | |
| margin-top: 16px !important; | |
| margin-bottom: 16px !important; | |
| } | |
| .mh4-m { | |
| margin-right: 16px !important; | |
| margin-left: 16px !important; | |
| } | |
| .mt4-m { | |
| margin-top: 16px !important; | |
| } | |
| .mr4-m { | |
| margin-right: 16px !important; | |
| } | |
| .mb4-m { | |
| margin-bottom: 16px !important; | |
| } | |
| .ml4-m { | |
| margin-left: 16px !important; | |
| } | |
| .ma5-m { | |
| margin: 20px !important; | |
| } | |
| .mv5-m { | |
| margin-top: 20px !important; | |
| margin-bottom: 20px !important; | |
| } | |
| .mh5-m { | |
| margin-right: 20px !important; | |
| margin-left: 20px !important; | |
| } | |
| .mt5-m { | |
| margin-top: 20px !important; | |
| } | |
| .mr5-m { | |
| margin-right: 20px !important; | |
| } | |
| .mb5-m { | |
| margin-bottom: 20px !important; | |
| } | |
| .ml5-m { | |
| margin-left: 20px !important; | |
| } | |
| .ma6-m { | |
| margin: 32px !important; | |
| } | |
| .mv6-m { | |
| margin-top: 32px !important; | |
| margin-bottom: 32px !important; | |
| } | |
| .mh6-m { | |
| margin-right: 32px !important; | |
| margin-left: 32px !important; | |
| } | |
| .mt6-m { | |
| margin-top: 32px !important; | |
| } | |
| .mr6-m { | |
| margin-right: 32px !important; | |
| } | |
| .mb6-m { | |
| margin-bottom: 32px !important; | |
| } | |
| .ml6-m { | |
| margin-left: 32px !important; | |
| } | |
| .ma7-m { | |
| margin: 56px !important; | |
| } | |
| .mv7-m { | |
| margin-top: 56px !important; | |
| margin-bottom: 56px !important; | |
| } | |
| .mh7-m { | |
| margin-right: 56px !important; | |
| margin-left: 56px !important; | |
| } | |
| .mt7-m { | |
| margin-top: 56px !important; | |
| } | |
| .mr7-m { | |
| margin-right: 56px !important; | |
| } | |
| .mb7-m { | |
| margin-bottom: 56px !important; | |
| } | |
| .ml7-m { | |
| margin-left: 56px !important; | |
| } | |
| .ma8-m { | |
| margin: 64px !important; | |
| } | |
| .mv8-m { | |
| margin-top: 64px !important; | |
| margin-bottom: 64px !important; | |
| } | |
| .mh8-m { | |
| margin-right: 64px !important; | |
| margin-left: 64px !important; | |
| } | |
| .mt8-m { | |
| margin-top: 64px !important; | |
| } | |
| .mr8-m { | |
| margin-right: 64px !important; | |
| } | |
| .mb8-m { | |
| margin-bottom: 64px !important; | |
| } | |
| .ml8-m { | |
| margin-left: 64px !important; | |
| } | |
| .ma9-m { | |
| margin: 72px !important; | |
| } | |
| .mv9-m { | |
| margin-top: 72px !important; | |
| margin-bottom: 72px !important; | |
| } | |
| .mh9-m { | |
| margin-right: 72px !important; | |
| margin-left: 72px !important; | |
| } | |
| .mt9-m { | |
| margin-top: 72px !important; | |
| } | |
| .mr9-m { | |
| margin-right: 72px !important; | |
| } | |
| .mb9-m { | |
| margin-bottom: 72px !important; | |
| } | |
| .ml9-m { | |
| margin-left: 72px !important; | |
| } | |
| .pa0-m { | |
| padding: 0 !important; | |
| } | |
| .pv0-m { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; | |
| } | |
| .ph0-m { | |
| padding-right: 0 !important; | |
| padding-left: 0 !important; | |
| } | |
| .pt0-m { | |
| padding-top: 0 !important; | |
| } | |
| .pr0-m { | |
| padding-right: 0 !important; | |
| } | |
| .pb0-m { | |
| padding-bottom: 0 !important; | |
| } | |
| .pl0-m { | |
| padding-left: 0 !important; | |
| } | |
| .pa1-m { | |
| padding: 4px !important; | |
| } | |
| .pv1-m { | |
| padding-top: 4px !important; | |
| padding-bottom: 4px !important; | |
| } | |
| .ph1-m { | |
| padding-right: 4px !important; | |
| padding-left: 4px !important; | |
| } | |
| .pt1-m { | |
| padding-top: 4px !important; | |
| } | |
| .pr1-m { | |
| padding-right: 4px !important; | |
| } | |
| .pb1-m { | |
| padding-bottom: 4px !important; | |
| } | |
| .pl1-m { | |
| padding-left: 4px !important; | |
| } | |
| .pa2-m { | |
| padding: 8px !important; | |
| } | |
| .pv2-m { | |
| padding-top: 8px !important; | |
| padding-bottom: 8px !important; | |
| } | |
| .ph2-m { | |
| padding-right: 8px !important; | |
| padding-left: 8px !important; | |
| } | |
| .pt2-m { | |
| padding-top: 8px !important; | |
| } | |
| .pr2-m { | |
| padding-right: 8px !important; | |
| } | |
| .pb2-m { | |
| padding-bottom: 8px !important; | |
| } | |
| .pl2-m { | |
| padding-left: 8px !important; | |
| } | |
| .pa3-m { | |
| padding: 12px !important; | |
| } | |
| .pv3-m { | |
| padding-top: 12px !important; | |
| padding-bottom: 12px !important; | |
| } | |
| .ph3-m { | |
| padding-right: 12px !important; | |
| padding-left: 12px !important; | |
| } | |
| .pt3-m { | |
| padding-top: 12px !important; | |
| } | |
| .pr3-m { | |
| padding-right: 12px !important; | |
| } | |
| .pb3-m { | |
| padding-bottom: 12px !important; | |
| } | |
| .pl3-m { | |
| padding-left: 12px !important; | |
| } | |
| .pa4-m { | |
| padding: 16px !important; | |
| } | |
| .pv4-m { | |
| padding-top: 16px !important; | |
| padding-bottom: 16px !important; | |
| } | |
| .ph4-m { | |
| padding-right: 16px !important; | |
| padding-left: 16px !important; | |
| } | |
| .pt4-m { | |
| padding-top: 16px !important; | |
| } | |
| .pr4-m { | |
| padding-right: 16px !important; | |
| } | |
| .pb4-m { | |
| padding-bottom: 16px !important; | |
| } | |
| .pl4-m { | |
| padding-left: 16px !important; | |
| } | |
| .pa5-m { | |
| padding: 20px !important; | |
| } | |
| .pv5-m { | |
| padding-top: 20px !important; | |
| padding-bottom: 20px !important; | |
| } | |
| .ph5-m { | |
| padding-right: 20px !important; | |
| padding-left: 20px !important; | |
| } | |
| .pt5-m { | |
| padding-top: 20px !important; | |
| } | |
| .pr5-m { | |
| padding-right: 20px !important; | |
| } | |
| .pb5-m { | |
| padding-bottom: 20px !important; | |
| } | |
| .pl5-m { | |
| padding-left: 20px !important; | |
| } | |
| .pa6-m { | |
| padding: 32px !important; | |
| } | |
| .pv6-m { | |
| padding-top: 32px !important; | |
| padding-bottom: 32px !important; | |
| } | |
| .ph6-m { | |
| padding-right: 32px !important; | |
| padding-left: 32px !important; | |
| } | |
| .pt6-m { | |
| padding-top: 32px !important; | |
| } | |
| .pr6-m { | |
| padding-right: 32px !important; | |
| } | |
| .pb6-m { | |
| padding-bottom: 32px !important; | |
| } | |
| .pl6-m { | |
| padding-left: 32px !important; | |
| } | |
| .pa7-m { | |
| padding: 56px !important; | |
| } | |
| .pv7-m { | |
| padding-top: 56px !important; | |
| padding-bottom: 56px !important; | |
| } | |
| .ph7-m { | |
| padding-right: 56px !important; | |
| padding-left: 56px !important; | |
| } | |
| .pt7-m { | |
| padding-top: 56px !important; | |
| } | |
| .pr7-m { | |
| padding-right: 56px !important; | |
| } | |
| .pb7-m { | |
| padding-bottom: 56px !important; | |
| } | |
| .pl7-m { | |
| padding-left: 56px !important; | |
| } | |
| .pa8-m { | |
| padding: 64px !important; | |
| } | |
| .pv8-m { | |
| padding-top: 64px !important; | |
| padding-bottom: 64px !important; | |
| } | |
| .ph8-m { | |
| padding-right: 64px !important; | |
| padding-left: 64px !important; | |
| } | |
| .pt8-m { | |
| padding-top: 64px !important; | |
| } | |
| .pr8-m { | |
| padding-right: 64px !important; | |
| } | |
| .pb8-m { | |
| padding-bottom: 64px !important; | |
| } | |
| .pl8-m { | |
| padding-left: 64px !important; | |
| } | |
| .pa9-m { | |
| padding: 72px !important; | |
| } | |
| .pv9-m { | |
| padding-top: 72px !important; | |
| padding-bottom: 72px !important; | |
| } | |
| .ph9-m { | |
| padding-right: 72px !important; | |
| padding-left: 72px !important; | |
| } | |
| .pt9-m { | |
| padding-top: 72px !important; | |
| } | |
| .pr9-m { | |
| padding-right: 72px !important; | |
| } | |
| .pb9-m { | |
| padding-bottom: 72px !important; | |
| } | |
| .pl9-m { | |
| padding-left: 72px !important; | |
| } | |
| } | |
| @media screen and (min-width: 60em) { | |
| .ma0-l { | |
| margin: 0 !important; | |
| } | |
| .mv0-l { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; | |
| } | |
| .mh0-l { | |
| margin-right: 0 !important; | |
| margin-left: 0 !important; | |
| } | |
| .mt0-l { | |
| margin-top: 0 !important; | |
| } | |
| .mr0-l { | |
| margin-right: 0 !important; | |
| } | |
| .mb0-l { | |
| margin-bottom: 0 !important; | |
| } | |
| .ml0-l { | |
| margin-left: 0 !important; | |
| } | |
| .ma1-l { | |
| margin: 4px !important; | |
| } | |
| .mv1-l { | |
| margin-top: 4px !important; | |
| margin-bottom: 4px !important; | |
| } | |
| .mh1-l { | |
| margin-right: 4px !important; | |
| margin-left: 4px !important; | |
| } | |
| .mt1-l { | |
| margin-top: 4px !important; | |
| } | |
| .mr1-l { | |
| margin-right: 4px !important; | |
| } | |
| .mb1-l { | |
| margin-bottom: 4px !important; | |
| } | |
| .ml1-l { | |
| margin-left: 4px !important; | |
| } | |
| .ma2-l { | |
| margin: 8px !important; | |
| } | |
| .mv2-l { | |
| margin-top: 8px !important; | |
| margin-bottom: 8px !important; | |
| } | |
| .mh2-l { | |
| margin-right: 8px !important; | |
| margin-left: 8px !important; | |
| } | |
| .mt2-l { | |
| margin-top: 8px !important; | |
| } | |
| .mr2-l { | |
| margin-right: 8px !important; | |
| } | |
| .mb2-l { | |
| margin-bottom: 8px !important; | |
| } | |
| .ml2-l { | |
| margin-left: 8px !important; | |
| } | |
| .ma3-l { | |
| margin: 12px !important; | |
| } | |
| .mv3-l { | |
| margin-top: 12px !important; | |
| margin-bottom: 12px !important; | |
| } | |
| .mh3-l { | |
| margin-right: 12px !important; | |
| margin-left: 12px !important; | |
| } | |
| .mt3-l { | |
| margin-top: 12px !important; | |
| } | |
| .mr3-l { | |
| margin-right: 12px !important; | |
| } | |
| .mb3-l { | |
| margin-bottom: 12px !important; | |
| } | |
| .ml3-l { | |
| margin-left: 12px !important; | |
| } | |
| .ma4-l { | |
| margin: 16px !important; | |
| } | |
| .mv4-l { | |
| margin-top: 16px !important; | |
| margin-bottom: 16px !important; | |
| } | |
| .mh4-l { | |
| margin-right: 16px !important; | |
| margin-left: 16px !important; | |
| } | |
| .mt4-l { | |
| margin-top: 16px !important; | |
| } | |
| .mr4-l { | |
| margin-right: 16px !important; | |
| } | |
| .mb4-l { | |
| margin-bottom: 16px !important; | |
| } | |
| .ml4-l { | |
| margin-left: 16px !important; | |
| } | |
| .ma5-l { | |
| margin: 20px !important; | |
| } | |
| .mv5-l { | |
| margin-top: 20px !important; | |
| margin-bottom: 20px !important; | |
| } | |
| .mh5-l { | |
| margin-right: 20px !important; | |
| margin-left: 20px !important; | |
| } | |
| .mt5-l { | |
| margin-top: 20px !important; | |
| } | |
| .mr5-l { | |
| margin-right: 20px !important; | |
| } | |
| .mb5-l { | |
| margin-bottom: 20px !important; | |
| } | |
| .ml5-l { | |
| margin-left: 20px !important; | |
| } | |
| .ma6-l { | |
| margin: 32px !important; | |
| } | |
| .mv6-l { | |
| margin-top: 32px !important; | |
| margin-bottom: 32px !important; | |
| } | |
| .mh6-l { | |
| margin-right: 32px !important; | |
| margin-left: 32px !important; | |
| } | |
| .mt6-l { | |
| margin-top: 32px !important; | |
| } | |
| .mr6-l { | |
| margin-right: 32px !important; | |
| } | |
| .mb6-l { | |
| margin-bottom: 32px !important; | |
| } | |
| .ml6-l { | |
| margin-left: 32px !important; | |
| } | |
| .ma7-l { | |
| margin: 56px !important; | |
| } | |
| .mv7-l { | |
| margin-top: 56px !important; | |
| margin-bottom: 56px !important; | |
| } | |
| .mh7-l { | |
| margin-right: 56px !important; | |
| margin-left: 56px !important; | |
| } | |
| .mt7-l { | |
| margin-top: 56px !important; | |
| } | |
| .mr7-l { | |
| margin-right: 56px !important; | |
| } | |
| .mb7-l { | |
| margin-bottom: 56px !important; | |
| } | |
| .ml7-l { | |
| margin-left: 56px !important; | |
| } | |
| .ma8-l { | |
| margin: 64px !important; | |
| } | |
| .mv8-l { | |
| margin-top: 64px !important; | |
| margin-bottom: 64px !important; | |
| } | |
| .mh8-l { | |
| margin-right: 64px !important; | |
| margin-left: 64px !important; | |
| } | |
| .mt8-l { | |
| margin-top: 64px !important; | |
| } | |
| .mr8-l { | |
| margin-right: 64px !important; | |
| } | |
| .mb8-l { | |
| margin-bottom: 64px !important; | |
| } | |
| .ml8-l { | |
| margin-left: 64px !important; | |
| } | |
| .ma9-l { | |
| margin: 72px !important; | |
| } | |
| .mv9-l { | |
| margin-top: 72px !important; | |
| margin-bottom: 72px !important; | |
| } | |
| .mh9-l { | |
| margin-right: 72px !important; | |
| margin-left: 72px !important; | |
| } | |
| .mt9-l { | |
| margin-top: 72px !important; | |
| } | |
| .mr9-l { | |
| margin-right: 72px !important; | |
| } | |
| .mb9-l { | |
| margin-bottom: 72px !important; | |
| } | |
| .ml9-l { | |
| margin-left: 72px !important; | |
| } | |
| .pa0-l { | |
| padding: 0 !important; | |
| } | |
| .pv0-l { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; | |
| } | |
| .ph0-l { | |
| padding-right: 0 !important; | |
| padding-left: 0 !important; | |
| } | |
| .pt0-l { | |
| padding-top: 0 !important; | |
| } | |
| .pr0-l { | |
| padding-right: 0 !important; | |
| } | |
| .pb0-l { | |
| padding-bottom: 0 !important; | |
| } | |
| .pl0-l { | |
| padding-left: 0 !important; | |
| } | |
| .pa1-l { | |
| padding: 4px !important; | |
| } | |
| .pv1-l { | |
| padding-top: 4px !important; | |
| padding-bottom: 4px !important; | |
| } | |
| .ph1-l { | |
| padding-right: 4px !important; | |
| padding-left: 4px !important; | |
| } | |
| .pt1-l { | |
| padding-top: 4px !important; | |
| } | |
| .pr1-l { | |
| padding-right: 4px !important; | |
| } | |
| .pb1-l { | |
| padding-bottom: 4px !important; | |
| } | |
| .pl1-l { | |
| padding-left: 4px !important; | |
| } | |
| .pa2-l { | |
| padding: 8px !important; | |
| } | |
| .pv2-l { | |
| padding-top: 8px !important; | |
| padding-bottom: 8px !important; | |
| } | |
| .ph2-l { | |
| padding-right: 8px !important; | |
| padding-left: 8px !important; | |
| } | |
| .pt2-l { | |
| padding-top: 8px !important; | |
| } | |
| .pr2-l { | |
| padding-right: 8px !important; | |
| } | |
| .pb2-l { | |
| padding-bottom: 8px !important; | |
| } | |
| .pl2-l { | |
| padding-left: 8px !important; | |
| } | |
| .pa3-l { | |
| padding: 12px !important; | |
| } | |
| .pv3-l { | |
| padding-top: 12px !important; | |
| padding-bottom: 12px !important; | |
| } | |
| .ph3-l { | |
| padding-right: 12px !important; | |
| padding-left: 12px !important; | |
| } | |
| .pt3-l { | |
| padding-top: 12px !important; | |
| } | |
| .pr3-l { | |
| padding-right: 12px !important; | |
| } | |
| .pb3-l { | |
| padding-bottom: 12px !important; | |
| } | |
| .pl3-l { | |
| padding-left: 12px !important; | |
| } | |
| .pa4-l { | |
| padding: 16px !important; | |
| } | |
| .pv4-l { | |
| padding-top: 16px !important; | |
| padding-bottom: 16px !important; | |
| } | |
| .ph4-l { | |
| padding-right: 16px !important; | |
| padding-left: 16px !important; | |
| } | |
| .pt4-l { | |
| padding-top: 16px !important; | |
| } | |
| .pr4-l { | |
| padding-right: 16px !important; | |
| } | |
| .pb4-l { | |
| padding-bottom: 16px !important; | |
| } | |
| .pl4-l { | |
| padding-left: 16px !important; | |
| } | |
| .pa5-l { | |
| padding: 20px !important; | |
| } | |
| .pv5-l { | |
| padding-top: 20px !important; | |
| padding-bottom: 20px !important; | |
| } | |
| .ph5-l { | |
| padding-right: 20px !important; | |
| padding-left: 20px !important; | |
| } | |
| .pt5-l { | |
| padding-top: 20px !important; | |
| } | |
| .pr5-l { | |
| padding-right: 20px !important; | |
| } | |
| .pb5-l { | |
| padding-bottom: 20px !important; | |
| } | |
| .pl5-l { | |
| padding-left: 20px !important; | |
| } | |
| .pa6-l { | |
| padding: 32px !important; | |
| } | |
| .pv6-l { | |
| padding-top: 32px !important; | |
| padding-bottom: 32px !important; | |
| } | |
| .ph6-l { | |
| padding-right: 32px !important; | |
| padding-left: 32px !important; | |
| } | |
| .pt6-l { | |
| padding-top: 32px !important; | |
| } | |
| .pr6-l { | |
| padding-right: 32px !important; | |
| } | |
| .pb6-l { | |
| padding-bottom: 32px !important; | |
| } | |
| .pl6-l { | |
| padding-left: 32px !important; | |
| } | |
| .pa7-l { | |
| padding: 56px !important; | |
| } | |
| .pv7-l { | |
| padding-top: 56px !important; | |
| padding-bottom: 56px !important; | |
| } | |
| .ph7-l { | |
| padding-right: 56px !important; | |
| padding-left: 56px !important; | |
| } | |
| .pt7-l { | |
| padding-top: 56px !important; | |
| } | |
| .pr7-l { | |
| padding-right: 56px !important; | |
| } | |
| .pb7-l { | |
| padding-bottom: 56px !important; | |
| } | |
| .pl7-l { | |
| padding-left: 56px !important; | |
| } | |
| .pa8-l { | |
| padding: 64px !important; | |
| } | |
| .pv8-l { | |
| padding-top: 64px !important; | |
| padding-bottom: 64px !important; | |
| } | |
| .ph8-l { | |
| padding-right: 64px !important; | |
| padding-left: 64px !important; | |
| } | |
| .pt8-l { | |
| padding-top: 64px !important; | |
| } | |
| .pr8-l { | |
| padding-right: 64px !important; | |
| } | |
| .pb8-l { | |
| padding-bottom: 64px !important; | |
| } | |
| .pl8-l { | |
| padding-left: 64px !important; | |
| } | |
| .pa9-l { | |
| padding: 72px !important; | |
| } | |
| .pv9-l { | |
| padding-top: 72px !important; | |
| padding-bottom: 72px !important; | |
| } | |
| .ph9-l { | |
| padding-right: 72px !important; | |
| padding-left: 72px !important; | |
| } | |
| .pt9-l { | |
| padding-top: 72px !important; | |
| } | |
| .pr9-l { | |
| padding-right: 72px !important; | |
| } | |
| .pb9-l { | |
| padding-bottom: 72px !important; | |
| } | |
| .pl9-l { | |
| padding-left: 72px !important; | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "sass": { | |
| "compiler": "dart-sass/1.26.11", | |
| "extensions": {}, | |
| "syntax": "SCSS", | |
| "outputStyle": "expanded" | |
| }, | |
| "autoprefixer": false | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment