Created
February 11, 2016 18:36
-
-
Save sophshep/9632850668d83d965ed4 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains hidden or 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
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| $grid-breakpoints: ( | |
| // Extra small screen / phone | |
| xs: 0, | |
| // Small screen / phone | |
| sm: 544px, | |
| // Medium screen / tablet | |
| md: 768px, | |
| // Large screen / desktop | |
| lg: 992px, | |
| // Extra large screen / wide desktop | |
| xl: 1200px | |
| ) !default; | |
| $spacer: 6px !default; | |
| $spacers: ( | |
| 0, | |
| round($spacer / 2), | |
| $spacer, | |
| $spacer * 2, | |
| $spacer * 4, | |
| $spacer * 6, | |
| $spacer * 8, | |
| $spacer * 10 | |
| ); | |
| @function breakpoint-min($name, $breakpoints: $grid-breakpoints) { | |
| $min: map-get($breakpoints, $name); | |
| @return if($min != 0, $min, null); | |
| } | |
| // Media of at least the minimum breakpoint width. No query for the smallest breakpoint. | |
| // Makes the @content apply to the given breakpoint and wider. | |
| @mixin breakpoint($name, $breakpoints: $grid-breakpoints) { | |
| $min: breakpoint-min($name, $breakpoints); | |
| @if $min { | |
| @media (min-width: $min) { | |
| @content; | |
| } | |
| } @else { | |
| @content; | |
| } | |
| } | |
| @for $i from 1 through length($spacers) { | |
| $size: #{nth($spacers, $i)}; | |
| $scale: #{$i - 1}; | |
| @each $prop, $abbrev in (margin: m, padding: p) { | |
| .#{$abbrev}-#{$scale} { #{$prop}: #{$size} !important; } | |
| .#{$abbrev}t-#{$scale} { #{$prop}-top: #{$size} !important; } | |
| .#{$abbrev}r-#{$scale} { #{$prop}-right: #{$size} !important; } | |
| .#{$abbrev}b-#{$scale} { #{$prop}-bottom: #{$size} !important; } | |
| .#{$abbrev}l-#{$scale} { #{$prop}-left: #{$size} !important; } | |
| .#{$abbrev}x-#{$scale} { | |
| #{$prop}-right: #{$size} !important; | |
| #{$prop}-left: #{$size} !important; | |
| } | |
| .#{$abbrev}y-#{$scale} { | |
| #{$prop}-top: #{$size} !important; | |
| #{$prop}-bottom: #{$size} !important; | |
| } | |
| @each $breakpoint in map-keys($grid-breakpoints) { | |
| @include breakpoint($breakpoint) { | |
| .#{$abbrev}-#{$breakpoint}-#{$scale} { #{$prop}: #{$size} !important; } | |
| .#{$abbrev}t-#{$breakpoint}-#{$scale} { #{$prop}-top: #{$size} !important; } | |
| .#{$abbrev}r-#{$breakpoint}-#{$scale} { #{$prop}-right: #{$size} !important; } | |
| .#{$abbrev}b-#{$breakpoint}-#{$scale} { #{$prop}-bottom: #{$size} !important; } | |
| .#{$abbrev}l-#{$breakpoint}-#{$scale} { #{$prop}-left: #{$size} !important; } | |
| .#{$abbrev}x-#{$breakpoint}-#{$scale} { | |
| #{$prop}-right: #{$size} !important; | |
| #{$prop}-left: #{$size} !important; | |
| } | |
| .#{$abbrev}y-#{$breakpoint}-#{$scale} { | |
| #{$prop}-top: #{$size} !important; | |
| #{$prop}-bottom: #{$size} !important; | |
| } | |
| } | |
| } | |
| } | |
| } |
This file contains hidden or 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
| .m-0 { | |
| margin: 0 !important; | |
| } | |
| .mt-0 { | |
| margin-top: 0 !important; | |
| } | |
| .mr-0 { | |
| margin-right: 0 !important; | |
| } | |
| .mb-0 { | |
| margin-bottom: 0 !important; | |
| } | |
| .ml-0 { | |
| margin-left: 0 !important; | |
| } | |
| .mx-0 { | |
| margin-right: 0 !important; | |
| margin-left: 0 !important; | |
| } | |
| .my-0 { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; | |
| } | |
| .m-xs-0 { | |
| margin: 0 !important; | |
| } | |
| .mt-xs-0 { | |
| margin-top: 0 !important; | |
| } | |
| .mr-xs-0 { | |
| margin-right: 0 !important; | |
| } | |
| .mb-xs-0 { | |
| margin-bottom: 0 !important; | |
| } | |
| .ml-xs-0 { | |
| margin-left: 0 !important; | |
| } | |
| .mx-xs-0 { | |
| margin-right: 0 !important; | |
| margin-left: 0 !important; | |
| } | |
| .my-xs-0 { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; | |
| } | |
| @media (min-width: 544px) { | |
| .m-sm-0 { | |
| margin: 0 !important; | |
| } | |
| .mt-sm-0 { | |
| margin-top: 0 !important; | |
| } | |
| .mr-sm-0 { | |
| margin-right: 0 !important; | |
| } | |
| .mb-sm-0 { | |
| margin-bottom: 0 !important; | |
| } | |
| .ml-sm-0 { | |
| margin-left: 0 !important; | |
| } | |
| .mx-sm-0 { | |
| margin-right: 0 !important; | |
| margin-left: 0 !important; | |
| } | |
| .my-sm-0 { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .m-md-0 { | |
| margin: 0 !important; | |
| } | |
| .mt-md-0 { | |
| margin-top: 0 !important; | |
| } | |
| .mr-md-0 { | |
| margin-right: 0 !important; | |
| } | |
| .mb-md-0 { | |
| margin-bottom: 0 !important; | |
| } | |
| .ml-md-0 { | |
| margin-left: 0 !important; | |
| } | |
| .mx-md-0 { | |
| margin-right: 0 !important; | |
| margin-left: 0 !important; | |
| } | |
| .my-md-0 { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .m-lg-0 { | |
| margin: 0 !important; | |
| } | |
| .mt-lg-0 { | |
| margin-top: 0 !important; | |
| } | |
| .mr-lg-0 { | |
| margin-right: 0 !important; | |
| } | |
| .mb-lg-0 { | |
| margin-bottom: 0 !important; | |
| } | |
| .ml-lg-0 { | |
| margin-left: 0 !important; | |
| } | |
| .mx-lg-0 { | |
| margin-right: 0 !important; | |
| margin-left: 0 !important; | |
| } | |
| .my-lg-0 { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .m-xl-0 { | |
| margin: 0 !important; | |
| } | |
| .mt-xl-0 { | |
| margin-top: 0 !important; | |
| } | |
| .mr-xl-0 { | |
| margin-right: 0 !important; | |
| } | |
| .mb-xl-0 { | |
| margin-bottom: 0 !important; | |
| } | |
| .ml-xl-0 { | |
| margin-left: 0 !important; | |
| } | |
| .mx-xl-0 { | |
| margin-right: 0 !important; | |
| margin-left: 0 !important; | |
| } | |
| .my-xl-0 { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; | |
| } | |
| } | |
| .p-0 { | |
| padding: 0 !important; | |
| } | |
| .pt-0 { | |
| padding-top: 0 !important; | |
| } | |
| .pr-0 { | |
| padding-right: 0 !important; | |
| } | |
| .pb-0 { | |
| padding-bottom: 0 !important; | |
| } | |
| .pl-0 { | |
| padding-left: 0 !important; | |
| } | |
| .px-0 { | |
| padding-right: 0 !important; | |
| padding-left: 0 !important; | |
| } | |
| .py-0 { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; | |
| } | |
| .p-xs-0 { | |
| padding: 0 !important; | |
| } | |
| .pt-xs-0 { | |
| padding-top: 0 !important; | |
| } | |
| .pr-xs-0 { | |
| padding-right: 0 !important; | |
| } | |
| .pb-xs-0 { | |
| padding-bottom: 0 !important; | |
| } | |
| .pl-xs-0 { | |
| padding-left: 0 !important; | |
| } | |
| .px-xs-0 { | |
| padding-right: 0 !important; | |
| padding-left: 0 !important; | |
| } | |
| .py-xs-0 { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; | |
| } | |
| @media (min-width: 544px) { | |
| .p-sm-0 { | |
| padding: 0 !important; | |
| } | |
| .pt-sm-0 { | |
| padding-top: 0 !important; | |
| } | |
| .pr-sm-0 { | |
| padding-right: 0 !important; | |
| } | |
| .pb-sm-0 { | |
| padding-bottom: 0 !important; | |
| } | |
| .pl-sm-0 { | |
| padding-left: 0 !important; | |
| } | |
| .px-sm-0 { | |
| padding-right: 0 !important; | |
| padding-left: 0 !important; | |
| } | |
| .py-sm-0 { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .p-md-0 { | |
| padding: 0 !important; | |
| } | |
| .pt-md-0 { | |
| padding-top: 0 !important; | |
| } | |
| .pr-md-0 { | |
| padding-right: 0 !important; | |
| } | |
| .pb-md-0 { | |
| padding-bottom: 0 !important; | |
| } | |
| .pl-md-0 { | |
| padding-left: 0 !important; | |
| } | |
| .px-md-0 { | |
| padding-right: 0 !important; | |
| padding-left: 0 !important; | |
| } | |
| .py-md-0 { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .p-lg-0 { | |
| padding: 0 !important; | |
| } | |
| .pt-lg-0 { | |
| padding-top: 0 !important; | |
| } | |
| .pr-lg-0 { | |
| padding-right: 0 !important; | |
| } | |
| .pb-lg-0 { | |
| padding-bottom: 0 !important; | |
| } | |
| .pl-lg-0 { | |
| padding-left: 0 !important; | |
| } | |
| .px-lg-0 { | |
| padding-right: 0 !important; | |
| padding-left: 0 !important; | |
| } | |
| .py-lg-0 { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .p-xl-0 { | |
| padding: 0 !important; | |
| } | |
| .pt-xl-0 { | |
| padding-top: 0 !important; | |
| } | |
| .pr-xl-0 { | |
| padding-right: 0 !important; | |
| } | |
| .pb-xl-0 { | |
| padding-bottom: 0 !important; | |
| } | |
| .pl-xl-0 { | |
| padding-left: 0 !important; | |
| } | |
| .px-xl-0 { | |
| padding-right: 0 !important; | |
| padding-left: 0 !important; | |
| } | |
| .py-xl-0 { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; | |
| } | |
| } | |
| .m-1 { | |
| margin: 3px !important; | |
| } | |
| .mt-1 { | |
| margin-top: 3px !important; | |
| } | |
| .mr-1 { | |
| margin-right: 3px !important; | |
| } | |
| .mb-1 { | |
| margin-bottom: 3px !important; | |
| } | |
| .ml-1 { | |
| margin-left: 3px !important; | |
| } | |
| .mx-1 { | |
| margin-right: 3px !important; | |
| margin-left: 3px !important; | |
| } | |
| .my-1 { | |
| margin-top: 3px !important; | |
| margin-bottom: 3px !important; | |
| } | |
| .m-xs-1 { | |
| margin: 3px !important; | |
| } | |
| .mt-xs-1 { | |
| margin-top: 3px !important; | |
| } | |
| .mr-xs-1 { | |
| margin-right: 3px !important; | |
| } | |
| .mb-xs-1 { | |
| margin-bottom: 3px !important; | |
| } | |
| .ml-xs-1 { | |
| margin-left: 3px !important; | |
| } | |
| .mx-xs-1 { | |
| margin-right: 3px !important; | |
| margin-left: 3px !important; | |
| } | |
| .my-xs-1 { | |
| margin-top: 3px !important; | |
| margin-bottom: 3px !important; | |
| } | |
| @media (min-width: 544px) { | |
| .m-sm-1 { | |
| margin: 3px !important; | |
| } | |
| .mt-sm-1 { | |
| margin-top: 3px !important; | |
| } | |
| .mr-sm-1 { | |
| margin-right: 3px !important; | |
| } | |
| .mb-sm-1 { | |
| margin-bottom: 3px !important; | |
| } | |
| .ml-sm-1 { | |
| margin-left: 3px !important; | |
| } | |
| .mx-sm-1 { | |
| margin-right: 3px !important; | |
| margin-left: 3px !important; | |
| } | |
| .my-sm-1 { | |
| margin-top: 3px !important; | |
| margin-bottom: 3px !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .m-md-1 { | |
| margin: 3px !important; | |
| } | |
| .mt-md-1 { | |
| margin-top: 3px !important; | |
| } | |
| .mr-md-1 { | |
| margin-right: 3px !important; | |
| } | |
| .mb-md-1 { | |
| margin-bottom: 3px !important; | |
| } | |
| .ml-md-1 { | |
| margin-left: 3px !important; | |
| } | |
| .mx-md-1 { | |
| margin-right: 3px !important; | |
| margin-left: 3px !important; | |
| } | |
| .my-md-1 { | |
| margin-top: 3px !important; | |
| margin-bottom: 3px !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .m-lg-1 { | |
| margin: 3px !important; | |
| } | |
| .mt-lg-1 { | |
| margin-top: 3px !important; | |
| } | |
| .mr-lg-1 { | |
| margin-right: 3px !important; | |
| } | |
| .mb-lg-1 { | |
| margin-bottom: 3px !important; | |
| } | |
| .ml-lg-1 { | |
| margin-left: 3px !important; | |
| } | |
| .mx-lg-1 { | |
| margin-right: 3px !important; | |
| margin-left: 3px !important; | |
| } | |
| .my-lg-1 { | |
| margin-top: 3px !important; | |
| margin-bottom: 3px !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .m-xl-1 { | |
| margin: 3px !important; | |
| } | |
| .mt-xl-1 { | |
| margin-top: 3px !important; | |
| } | |
| .mr-xl-1 { | |
| margin-right: 3px !important; | |
| } | |
| .mb-xl-1 { | |
| margin-bottom: 3px !important; | |
| } | |
| .ml-xl-1 { | |
| margin-left: 3px !important; | |
| } | |
| .mx-xl-1 { | |
| margin-right: 3px !important; | |
| margin-left: 3px !important; | |
| } | |
| .my-xl-1 { | |
| margin-top: 3px !important; | |
| margin-bottom: 3px !important; | |
| } | |
| } | |
| .p-1 { | |
| padding: 3px !important; | |
| } | |
| .pt-1 { | |
| padding-top: 3px !important; | |
| } | |
| .pr-1 { | |
| padding-right: 3px !important; | |
| } | |
| .pb-1 { | |
| padding-bottom: 3px !important; | |
| } | |
| .pl-1 { | |
| padding-left: 3px !important; | |
| } | |
| .px-1 { | |
| padding-right: 3px !important; | |
| padding-left: 3px !important; | |
| } | |
| .py-1 { | |
| padding-top: 3px !important; | |
| padding-bottom: 3px !important; | |
| } | |
| .p-xs-1 { | |
| padding: 3px !important; | |
| } | |
| .pt-xs-1 { | |
| padding-top: 3px !important; | |
| } | |
| .pr-xs-1 { | |
| padding-right: 3px !important; | |
| } | |
| .pb-xs-1 { | |
| padding-bottom: 3px !important; | |
| } | |
| .pl-xs-1 { | |
| padding-left: 3px !important; | |
| } | |
| .px-xs-1 { | |
| padding-right: 3px !important; | |
| padding-left: 3px !important; | |
| } | |
| .py-xs-1 { | |
| padding-top: 3px !important; | |
| padding-bottom: 3px !important; | |
| } | |
| @media (min-width: 544px) { | |
| .p-sm-1 { | |
| padding: 3px !important; | |
| } | |
| .pt-sm-1 { | |
| padding-top: 3px !important; | |
| } | |
| .pr-sm-1 { | |
| padding-right: 3px !important; | |
| } | |
| .pb-sm-1 { | |
| padding-bottom: 3px !important; | |
| } | |
| .pl-sm-1 { | |
| padding-left: 3px !important; | |
| } | |
| .px-sm-1 { | |
| padding-right: 3px !important; | |
| padding-left: 3px !important; | |
| } | |
| .py-sm-1 { | |
| padding-top: 3px !important; | |
| padding-bottom: 3px !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .p-md-1 { | |
| padding: 3px !important; | |
| } | |
| .pt-md-1 { | |
| padding-top: 3px !important; | |
| } | |
| .pr-md-1 { | |
| padding-right: 3px !important; | |
| } | |
| .pb-md-1 { | |
| padding-bottom: 3px !important; | |
| } | |
| .pl-md-1 { | |
| padding-left: 3px !important; | |
| } | |
| .px-md-1 { | |
| padding-right: 3px !important; | |
| padding-left: 3px !important; | |
| } | |
| .py-md-1 { | |
| padding-top: 3px !important; | |
| padding-bottom: 3px !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .p-lg-1 { | |
| padding: 3px !important; | |
| } | |
| .pt-lg-1 { | |
| padding-top: 3px !important; | |
| } | |
| .pr-lg-1 { | |
| padding-right: 3px !important; | |
| } | |
| .pb-lg-1 { | |
| padding-bottom: 3px !important; | |
| } | |
| .pl-lg-1 { | |
| padding-left: 3px !important; | |
| } | |
| .px-lg-1 { | |
| padding-right: 3px !important; | |
| padding-left: 3px !important; | |
| } | |
| .py-lg-1 { | |
| padding-top: 3px !important; | |
| padding-bottom: 3px !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .p-xl-1 { | |
| padding: 3px !important; | |
| } | |
| .pt-xl-1 { | |
| padding-top: 3px !important; | |
| } | |
| .pr-xl-1 { | |
| padding-right: 3px !important; | |
| } | |
| .pb-xl-1 { | |
| padding-bottom: 3px !important; | |
| } | |
| .pl-xl-1 { | |
| padding-left: 3px !important; | |
| } | |
| .px-xl-1 { | |
| padding-right: 3px !important; | |
| padding-left: 3px !important; | |
| } | |
| .py-xl-1 { | |
| padding-top: 3px !important; | |
| padding-bottom: 3px !important; | |
| } | |
| } | |
| .m-2 { | |
| margin: 6px !important; | |
| } | |
| .mt-2 { | |
| margin-top: 6px !important; | |
| } | |
| .mr-2 { | |
| margin-right: 6px !important; | |
| } | |
| .mb-2 { | |
| margin-bottom: 6px !important; | |
| } | |
| .ml-2 { | |
| margin-left: 6px !important; | |
| } | |
| .mx-2 { | |
| margin-right: 6px !important; | |
| margin-left: 6px !important; | |
| } | |
| .my-2 { | |
| margin-top: 6px !important; | |
| margin-bottom: 6px !important; | |
| } | |
| .m-xs-2 { | |
| margin: 6px !important; | |
| } | |
| .mt-xs-2 { | |
| margin-top: 6px !important; | |
| } | |
| .mr-xs-2 { | |
| margin-right: 6px !important; | |
| } | |
| .mb-xs-2 { | |
| margin-bottom: 6px !important; | |
| } | |
| .ml-xs-2 { | |
| margin-left: 6px !important; | |
| } | |
| .mx-xs-2 { | |
| margin-right: 6px !important; | |
| margin-left: 6px !important; | |
| } | |
| .my-xs-2 { | |
| margin-top: 6px !important; | |
| margin-bottom: 6px !important; | |
| } | |
| @media (min-width: 544px) { | |
| .m-sm-2 { | |
| margin: 6px !important; | |
| } | |
| .mt-sm-2 { | |
| margin-top: 6px !important; | |
| } | |
| .mr-sm-2 { | |
| margin-right: 6px !important; | |
| } | |
| .mb-sm-2 { | |
| margin-bottom: 6px !important; | |
| } | |
| .ml-sm-2 { | |
| margin-left: 6px !important; | |
| } | |
| .mx-sm-2 { | |
| margin-right: 6px !important; | |
| margin-left: 6px !important; | |
| } | |
| .my-sm-2 { | |
| margin-top: 6px !important; | |
| margin-bottom: 6px !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .m-md-2 { | |
| margin: 6px !important; | |
| } | |
| .mt-md-2 { | |
| margin-top: 6px !important; | |
| } | |
| .mr-md-2 { | |
| margin-right: 6px !important; | |
| } | |
| .mb-md-2 { | |
| margin-bottom: 6px !important; | |
| } | |
| .ml-md-2 { | |
| margin-left: 6px !important; | |
| } | |
| .mx-md-2 { | |
| margin-right: 6px !important; | |
| margin-left: 6px !important; | |
| } | |
| .my-md-2 { | |
| margin-top: 6px !important; | |
| margin-bottom: 6px !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .m-lg-2 { | |
| margin: 6px !important; | |
| } | |
| .mt-lg-2 { | |
| margin-top: 6px !important; | |
| } | |
| .mr-lg-2 { | |
| margin-right: 6px !important; | |
| } | |
| .mb-lg-2 { | |
| margin-bottom: 6px !important; | |
| } | |
| .ml-lg-2 { | |
| margin-left: 6px !important; | |
| } | |
| .mx-lg-2 { | |
| margin-right: 6px !important; | |
| margin-left: 6px !important; | |
| } | |
| .my-lg-2 { | |
| margin-top: 6px !important; | |
| margin-bottom: 6px !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .m-xl-2 { | |
| margin: 6px !important; | |
| } | |
| .mt-xl-2 { | |
| margin-top: 6px !important; | |
| } | |
| .mr-xl-2 { | |
| margin-right: 6px !important; | |
| } | |
| .mb-xl-2 { | |
| margin-bottom: 6px !important; | |
| } | |
| .ml-xl-2 { | |
| margin-left: 6px !important; | |
| } | |
| .mx-xl-2 { | |
| margin-right: 6px !important; | |
| margin-left: 6px !important; | |
| } | |
| .my-xl-2 { | |
| margin-top: 6px !important; | |
| margin-bottom: 6px !important; | |
| } | |
| } | |
| .p-2 { | |
| padding: 6px !important; | |
| } | |
| .pt-2 { | |
| padding-top: 6px !important; | |
| } | |
| .pr-2 { | |
| padding-right: 6px !important; | |
| } | |
| .pb-2 { | |
| padding-bottom: 6px !important; | |
| } | |
| .pl-2 { | |
| padding-left: 6px !important; | |
| } | |
| .px-2 { | |
| padding-right: 6px !important; | |
| padding-left: 6px !important; | |
| } | |
| .py-2 { | |
| padding-top: 6px !important; | |
| padding-bottom: 6px !important; | |
| } | |
| .p-xs-2 { | |
| padding: 6px !important; | |
| } | |
| .pt-xs-2 { | |
| padding-top: 6px !important; | |
| } | |
| .pr-xs-2 { | |
| padding-right: 6px !important; | |
| } | |
| .pb-xs-2 { | |
| padding-bottom: 6px !important; | |
| } | |
| .pl-xs-2 { | |
| padding-left: 6px !important; | |
| } | |
| .px-xs-2 { | |
| padding-right: 6px !important; | |
| padding-left: 6px !important; | |
| } | |
| .py-xs-2 { | |
| padding-top: 6px !important; | |
| padding-bottom: 6px !important; | |
| } | |
| @media (min-width: 544px) { | |
| .p-sm-2 { | |
| padding: 6px !important; | |
| } | |
| .pt-sm-2 { | |
| padding-top: 6px !important; | |
| } | |
| .pr-sm-2 { | |
| padding-right: 6px !important; | |
| } | |
| .pb-sm-2 { | |
| padding-bottom: 6px !important; | |
| } | |
| .pl-sm-2 { | |
| padding-left: 6px !important; | |
| } | |
| .px-sm-2 { | |
| padding-right: 6px !important; | |
| padding-left: 6px !important; | |
| } | |
| .py-sm-2 { | |
| padding-top: 6px !important; | |
| padding-bottom: 6px !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .p-md-2 { | |
| padding: 6px !important; | |
| } | |
| .pt-md-2 { | |
| padding-top: 6px !important; | |
| } | |
| .pr-md-2 { | |
| padding-right: 6px !important; | |
| } | |
| .pb-md-2 { | |
| padding-bottom: 6px !important; | |
| } | |
| .pl-md-2 { | |
| padding-left: 6px !important; | |
| } | |
| .px-md-2 { | |
| padding-right: 6px !important; | |
| padding-left: 6px !important; | |
| } | |
| .py-md-2 { | |
| padding-top: 6px !important; | |
| padding-bottom: 6px !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .p-lg-2 { | |
| padding: 6px !important; | |
| } | |
| .pt-lg-2 { | |
| padding-top: 6px !important; | |
| } | |
| .pr-lg-2 { | |
| padding-right: 6px !important; | |
| } | |
| .pb-lg-2 { | |
| padding-bottom: 6px !important; | |
| } | |
| .pl-lg-2 { | |
| padding-left: 6px !important; | |
| } | |
| .px-lg-2 { | |
| padding-right: 6px !important; | |
| padding-left: 6px !important; | |
| } | |
| .py-lg-2 { | |
| padding-top: 6px !important; | |
| padding-bottom: 6px !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .p-xl-2 { | |
| padding: 6px !important; | |
| } | |
| .pt-xl-2 { | |
| padding-top: 6px !important; | |
| } | |
| .pr-xl-2 { | |
| padding-right: 6px !important; | |
| } | |
| .pb-xl-2 { | |
| padding-bottom: 6px !important; | |
| } | |
| .pl-xl-2 { | |
| padding-left: 6px !important; | |
| } | |
| .px-xl-2 { | |
| padding-right: 6px !important; | |
| padding-left: 6px !important; | |
| } | |
| .py-xl-2 { | |
| padding-top: 6px !important; | |
| padding-bottom: 6px !important; | |
| } | |
| } | |
| .m-3 { | |
| margin: 12px !important; | |
| } | |
| .mt-3 { | |
| margin-top: 12px !important; | |
| } | |
| .mr-3 { | |
| margin-right: 12px !important; | |
| } | |
| .mb-3 { | |
| margin-bottom: 12px !important; | |
| } | |
| .ml-3 { | |
| margin-left: 12px !important; | |
| } | |
| .mx-3 { | |
| margin-right: 12px !important; | |
| margin-left: 12px !important; | |
| } | |
| .my-3 { | |
| margin-top: 12px !important; | |
| margin-bottom: 12px !important; | |
| } | |
| .m-xs-3 { | |
| margin: 12px !important; | |
| } | |
| .mt-xs-3 { | |
| margin-top: 12px !important; | |
| } | |
| .mr-xs-3 { | |
| margin-right: 12px !important; | |
| } | |
| .mb-xs-3 { | |
| margin-bottom: 12px !important; | |
| } | |
| .ml-xs-3 { | |
| margin-left: 12px !important; | |
| } | |
| .mx-xs-3 { | |
| margin-right: 12px !important; | |
| margin-left: 12px !important; | |
| } | |
| .my-xs-3 { | |
| margin-top: 12px !important; | |
| margin-bottom: 12px !important; | |
| } | |
| @media (min-width: 544px) { | |
| .m-sm-3 { | |
| margin: 12px !important; | |
| } | |
| .mt-sm-3 { | |
| margin-top: 12px !important; | |
| } | |
| .mr-sm-3 { | |
| margin-right: 12px !important; | |
| } | |
| .mb-sm-3 { | |
| margin-bottom: 12px !important; | |
| } | |
| .ml-sm-3 { | |
| margin-left: 12px !important; | |
| } | |
| .mx-sm-3 { | |
| margin-right: 12px !important; | |
| margin-left: 12px !important; | |
| } | |
| .my-sm-3 { | |
| margin-top: 12px !important; | |
| margin-bottom: 12px !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .m-md-3 { | |
| margin: 12px !important; | |
| } | |
| .mt-md-3 { | |
| margin-top: 12px !important; | |
| } | |
| .mr-md-3 { | |
| margin-right: 12px !important; | |
| } | |
| .mb-md-3 { | |
| margin-bottom: 12px !important; | |
| } | |
| .ml-md-3 { | |
| margin-left: 12px !important; | |
| } | |
| .mx-md-3 { | |
| margin-right: 12px !important; | |
| margin-left: 12px !important; | |
| } | |
| .my-md-3 { | |
| margin-top: 12px !important; | |
| margin-bottom: 12px !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .m-lg-3 { | |
| margin: 12px !important; | |
| } | |
| .mt-lg-3 { | |
| margin-top: 12px !important; | |
| } | |
| .mr-lg-3 { | |
| margin-right: 12px !important; | |
| } | |
| .mb-lg-3 { | |
| margin-bottom: 12px !important; | |
| } | |
| .ml-lg-3 { | |
| margin-left: 12px !important; | |
| } | |
| .mx-lg-3 { | |
| margin-right: 12px !important; | |
| margin-left: 12px !important; | |
| } | |
| .my-lg-3 { | |
| margin-top: 12px !important; | |
| margin-bottom: 12px !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .m-xl-3 { | |
| margin: 12px !important; | |
| } | |
| .mt-xl-3 { | |
| margin-top: 12px !important; | |
| } | |
| .mr-xl-3 { | |
| margin-right: 12px !important; | |
| } | |
| .mb-xl-3 { | |
| margin-bottom: 12px !important; | |
| } | |
| .ml-xl-3 { | |
| margin-left: 12px !important; | |
| } | |
| .mx-xl-3 { | |
| margin-right: 12px !important; | |
| margin-left: 12px !important; | |
| } | |
| .my-xl-3 { | |
| margin-top: 12px !important; | |
| margin-bottom: 12px !important; | |
| } | |
| } | |
| .p-3 { | |
| padding: 12px !important; | |
| } | |
| .pt-3 { | |
| padding-top: 12px !important; | |
| } | |
| .pr-3 { | |
| padding-right: 12px !important; | |
| } | |
| .pb-3 { | |
| padding-bottom: 12px !important; | |
| } | |
| .pl-3 { | |
| padding-left: 12px !important; | |
| } | |
| .px-3 { | |
| padding-right: 12px !important; | |
| padding-left: 12px !important; | |
| } | |
| .py-3 { | |
| padding-top: 12px !important; | |
| padding-bottom: 12px !important; | |
| } | |
| .p-xs-3 { | |
| padding: 12px !important; | |
| } | |
| .pt-xs-3 { | |
| padding-top: 12px !important; | |
| } | |
| .pr-xs-3 { | |
| padding-right: 12px !important; | |
| } | |
| .pb-xs-3 { | |
| padding-bottom: 12px !important; | |
| } | |
| .pl-xs-3 { | |
| padding-left: 12px !important; | |
| } | |
| .px-xs-3 { | |
| padding-right: 12px !important; | |
| padding-left: 12px !important; | |
| } | |
| .py-xs-3 { | |
| padding-top: 12px !important; | |
| padding-bottom: 12px !important; | |
| } | |
| @media (min-width: 544px) { | |
| .p-sm-3 { | |
| padding: 12px !important; | |
| } | |
| .pt-sm-3 { | |
| padding-top: 12px !important; | |
| } | |
| .pr-sm-3 { | |
| padding-right: 12px !important; | |
| } | |
| .pb-sm-3 { | |
| padding-bottom: 12px !important; | |
| } | |
| .pl-sm-3 { | |
| padding-left: 12px !important; | |
| } | |
| .px-sm-3 { | |
| padding-right: 12px !important; | |
| padding-left: 12px !important; | |
| } | |
| .py-sm-3 { | |
| padding-top: 12px !important; | |
| padding-bottom: 12px !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .p-md-3 { | |
| padding: 12px !important; | |
| } | |
| .pt-md-3 { | |
| padding-top: 12px !important; | |
| } | |
| .pr-md-3 { | |
| padding-right: 12px !important; | |
| } | |
| .pb-md-3 { | |
| padding-bottom: 12px !important; | |
| } | |
| .pl-md-3 { | |
| padding-left: 12px !important; | |
| } | |
| .px-md-3 { | |
| padding-right: 12px !important; | |
| padding-left: 12px !important; | |
| } | |
| .py-md-3 { | |
| padding-top: 12px !important; | |
| padding-bottom: 12px !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .p-lg-3 { | |
| padding: 12px !important; | |
| } | |
| .pt-lg-3 { | |
| padding-top: 12px !important; | |
| } | |
| .pr-lg-3 { | |
| padding-right: 12px !important; | |
| } | |
| .pb-lg-3 { | |
| padding-bottom: 12px !important; | |
| } | |
| .pl-lg-3 { | |
| padding-left: 12px !important; | |
| } | |
| .px-lg-3 { | |
| padding-right: 12px !important; | |
| padding-left: 12px !important; | |
| } | |
| .py-lg-3 { | |
| padding-top: 12px !important; | |
| padding-bottom: 12px !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .p-xl-3 { | |
| padding: 12px !important; | |
| } | |
| .pt-xl-3 { | |
| padding-top: 12px !important; | |
| } | |
| .pr-xl-3 { | |
| padding-right: 12px !important; | |
| } | |
| .pb-xl-3 { | |
| padding-bottom: 12px !important; | |
| } | |
| .pl-xl-3 { | |
| padding-left: 12px !important; | |
| } | |
| .px-xl-3 { | |
| padding-right: 12px !important; | |
| padding-left: 12px !important; | |
| } | |
| .py-xl-3 { | |
| padding-top: 12px !important; | |
| padding-bottom: 12px !important; | |
| } | |
| } | |
| .m-4 { | |
| margin: 24px !important; | |
| } | |
| .mt-4 { | |
| margin-top: 24px !important; | |
| } | |
| .mr-4 { | |
| margin-right: 24px !important; | |
| } | |
| .mb-4 { | |
| margin-bottom: 24px !important; | |
| } | |
| .ml-4 { | |
| margin-left: 24px !important; | |
| } | |
| .mx-4 { | |
| margin-right: 24px !important; | |
| margin-left: 24px !important; | |
| } | |
| .my-4 { | |
| margin-top: 24px !important; | |
| margin-bottom: 24px !important; | |
| } | |
| .m-xs-4 { | |
| margin: 24px !important; | |
| } | |
| .mt-xs-4 { | |
| margin-top: 24px !important; | |
| } | |
| .mr-xs-4 { | |
| margin-right: 24px !important; | |
| } | |
| .mb-xs-4 { | |
| margin-bottom: 24px !important; | |
| } | |
| .ml-xs-4 { | |
| margin-left: 24px !important; | |
| } | |
| .mx-xs-4 { | |
| margin-right: 24px !important; | |
| margin-left: 24px !important; | |
| } | |
| .my-xs-4 { | |
| margin-top: 24px !important; | |
| margin-bottom: 24px !important; | |
| } | |
| @media (min-width: 544px) { | |
| .m-sm-4 { | |
| margin: 24px !important; | |
| } | |
| .mt-sm-4 { | |
| margin-top: 24px !important; | |
| } | |
| .mr-sm-4 { | |
| margin-right: 24px !important; | |
| } | |
| .mb-sm-4 { | |
| margin-bottom: 24px !important; | |
| } | |
| .ml-sm-4 { | |
| margin-left: 24px !important; | |
| } | |
| .mx-sm-4 { | |
| margin-right: 24px !important; | |
| margin-left: 24px !important; | |
| } | |
| .my-sm-4 { | |
| margin-top: 24px !important; | |
| margin-bottom: 24px !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .m-md-4 { | |
| margin: 24px !important; | |
| } | |
| .mt-md-4 { | |
| margin-top: 24px !important; | |
| } | |
| .mr-md-4 { | |
| margin-right: 24px !important; | |
| } | |
| .mb-md-4 { | |
| margin-bottom: 24px !important; | |
| } | |
| .ml-md-4 { | |
| margin-left: 24px !important; | |
| } | |
| .mx-md-4 { | |
| margin-right: 24px !important; | |
| margin-left: 24px !important; | |
| } | |
| .my-md-4 { | |
| margin-top: 24px !important; | |
| margin-bottom: 24px !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .m-lg-4 { | |
| margin: 24px !important; | |
| } | |
| .mt-lg-4 { | |
| margin-top: 24px !important; | |
| } | |
| .mr-lg-4 { | |
| margin-right: 24px !important; | |
| } | |
| .mb-lg-4 { | |
| margin-bottom: 24px !important; | |
| } | |
| .ml-lg-4 { | |
| margin-left: 24px !important; | |
| } | |
| .mx-lg-4 { | |
| margin-right: 24px !important; | |
| margin-left: 24px !important; | |
| } | |
| .my-lg-4 { | |
| margin-top: 24px !important; | |
| margin-bottom: 24px !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .m-xl-4 { | |
| margin: 24px !important; | |
| } | |
| .mt-xl-4 { | |
| margin-top: 24px !important; | |
| } | |
| .mr-xl-4 { | |
| margin-right: 24px !important; | |
| } | |
| .mb-xl-4 { | |
| margin-bottom: 24px !important; | |
| } | |
| .ml-xl-4 { | |
| margin-left: 24px !important; | |
| } | |
| .mx-xl-4 { | |
| margin-right: 24px !important; | |
| margin-left: 24px !important; | |
| } | |
| .my-xl-4 { | |
| margin-top: 24px !important; | |
| margin-bottom: 24px !important; | |
| } | |
| } | |
| .p-4 { | |
| padding: 24px !important; | |
| } | |
| .pt-4 { | |
| padding-top: 24px !important; | |
| } | |
| .pr-4 { | |
| padding-right: 24px !important; | |
| } | |
| .pb-4 { | |
| padding-bottom: 24px !important; | |
| } | |
| .pl-4 { | |
| padding-left: 24px !important; | |
| } | |
| .px-4 { | |
| padding-right: 24px !important; | |
| padding-left: 24px !important; | |
| } | |
| .py-4 { | |
| padding-top: 24px !important; | |
| padding-bottom: 24px !important; | |
| } | |
| .p-xs-4 { | |
| padding: 24px !important; | |
| } | |
| .pt-xs-4 { | |
| padding-top: 24px !important; | |
| } | |
| .pr-xs-4 { | |
| padding-right: 24px !important; | |
| } | |
| .pb-xs-4 { | |
| padding-bottom: 24px !important; | |
| } | |
| .pl-xs-4 { | |
| padding-left: 24px !important; | |
| } | |
| .px-xs-4 { | |
| padding-right: 24px !important; | |
| padding-left: 24px !important; | |
| } | |
| .py-xs-4 { | |
| padding-top: 24px !important; | |
| padding-bottom: 24px !important; | |
| } | |
| @media (min-width: 544px) { | |
| .p-sm-4 { | |
| padding: 24px !important; | |
| } | |
| .pt-sm-4 { | |
| padding-top: 24px !important; | |
| } | |
| .pr-sm-4 { | |
| padding-right: 24px !important; | |
| } | |
| .pb-sm-4 { | |
| padding-bottom: 24px !important; | |
| } | |
| .pl-sm-4 { | |
| padding-left: 24px !important; | |
| } | |
| .px-sm-4 { | |
| padding-right: 24px !important; | |
| padding-left: 24px !important; | |
| } | |
| .py-sm-4 { | |
| padding-top: 24px !important; | |
| padding-bottom: 24px !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .p-md-4 { | |
| padding: 24px !important; | |
| } | |
| .pt-md-4 { | |
| padding-top: 24px !important; | |
| } | |
| .pr-md-4 { | |
| padding-right: 24px !important; | |
| } | |
| .pb-md-4 { | |
| padding-bottom: 24px !important; | |
| } | |
| .pl-md-4 { | |
| padding-left: 24px !important; | |
| } | |
| .px-md-4 { | |
| padding-right: 24px !important; | |
| padding-left: 24px !important; | |
| } | |
| .py-md-4 { | |
| padding-top: 24px !important; | |
| padding-bottom: 24px !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .p-lg-4 { | |
| padding: 24px !important; | |
| } | |
| .pt-lg-4 { | |
| padding-top: 24px !important; | |
| } | |
| .pr-lg-4 { | |
| padding-right: 24px !important; | |
| } | |
| .pb-lg-4 { | |
| padding-bottom: 24px !important; | |
| } | |
| .pl-lg-4 { | |
| padding-left: 24px !important; | |
| } | |
| .px-lg-4 { | |
| padding-right: 24px !important; | |
| padding-left: 24px !important; | |
| } | |
| .py-lg-4 { | |
| padding-top: 24px !important; | |
| padding-bottom: 24px !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .p-xl-4 { | |
| padding: 24px !important; | |
| } | |
| .pt-xl-4 { | |
| padding-top: 24px !important; | |
| } | |
| .pr-xl-4 { | |
| padding-right: 24px !important; | |
| } | |
| .pb-xl-4 { | |
| padding-bottom: 24px !important; | |
| } | |
| .pl-xl-4 { | |
| padding-left: 24px !important; | |
| } | |
| .px-xl-4 { | |
| padding-right: 24px !important; | |
| padding-left: 24px !important; | |
| } | |
| .py-xl-4 { | |
| padding-top: 24px !important; | |
| padding-bottom: 24px !important; | |
| } | |
| } | |
| .m-5 { | |
| margin: 36px !important; | |
| } | |
| .mt-5 { | |
| margin-top: 36px !important; | |
| } | |
| .mr-5 { | |
| margin-right: 36px !important; | |
| } | |
| .mb-5 { | |
| margin-bottom: 36px !important; | |
| } | |
| .ml-5 { | |
| margin-left: 36px !important; | |
| } | |
| .mx-5 { | |
| margin-right: 36px !important; | |
| margin-left: 36px !important; | |
| } | |
| .my-5 { | |
| margin-top: 36px !important; | |
| margin-bottom: 36px !important; | |
| } | |
| .m-xs-5 { | |
| margin: 36px !important; | |
| } | |
| .mt-xs-5 { | |
| margin-top: 36px !important; | |
| } | |
| .mr-xs-5 { | |
| margin-right: 36px !important; | |
| } | |
| .mb-xs-5 { | |
| margin-bottom: 36px !important; | |
| } | |
| .ml-xs-5 { | |
| margin-left: 36px !important; | |
| } | |
| .mx-xs-5 { | |
| margin-right: 36px !important; | |
| margin-left: 36px !important; | |
| } | |
| .my-xs-5 { | |
| margin-top: 36px !important; | |
| margin-bottom: 36px !important; | |
| } | |
| @media (min-width: 544px) { | |
| .m-sm-5 { | |
| margin: 36px !important; | |
| } | |
| .mt-sm-5 { | |
| margin-top: 36px !important; | |
| } | |
| .mr-sm-5 { | |
| margin-right: 36px !important; | |
| } | |
| .mb-sm-5 { | |
| margin-bottom: 36px !important; | |
| } | |
| .ml-sm-5 { | |
| margin-left: 36px !important; | |
| } | |
| .mx-sm-5 { | |
| margin-right: 36px !important; | |
| margin-left: 36px !important; | |
| } | |
| .my-sm-5 { | |
| margin-top: 36px !important; | |
| margin-bottom: 36px !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .m-md-5 { | |
| margin: 36px !important; | |
| } | |
| .mt-md-5 { | |
| margin-top: 36px !important; | |
| } | |
| .mr-md-5 { | |
| margin-right: 36px !important; | |
| } | |
| .mb-md-5 { | |
| margin-bottom: 36px !important; | |
| } | |
| .ml-md-5 { | |
| margin-left: 36px !important; | |
| } | |
| .mx-md-5 { | |
| margin-right: 36px !important; | |
| margin-left: 36px !important; | |
| } | |
| .my-md-5 { | |
| margin-top: 36px !important; | |
| margin-bottom: 36px !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .m-lg-5 { | |
| margin: 36px !important; | |
| } | |
| .mt-lg-5 { | |
| margin-top: 36px !important; | |
| } | |
| .mr-lg-5 { | |
| margin-right: 36px !important; | |
| } | |
| .mb-lg-5 { | |
| margin-bottom: 36px !important; | |
| } | |
| .ml-lg-5 { | |
| margin-left: 36px !important; | |
| } | |
| .mx-lg-5 { | |
| margin-right: 36px !important; | |
| margin-left: 36px !important; | |
| } | |
| .my-lg-5 { | |
| margin-top: 36px !important; | |
| margin-bottom: 36px !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .m-xl-5 { | |
| margin: 36px !important; | |
| } | |
| .mt-xl-5 { | |
| margin-top: 36px !important; | |
| } | |
| .mr-xl-5 { | |
| margin-right: 36px !important; | |
| } | |
| .mb-xl-5 { | |
| margin-bottom: 36px !important; | |
| } | |
| .ml-xl-5 { | |
| margin-left: 36px !important; | |
| } | |
| .mx-xl-5 { | |
| margin-right: 36px !important; | |
| margin-left: 36px !important; | |
| } | |
| .my-xl-5 { | |
| margin-top: 36px !important; | |
| margin-bottom: 36px !important; | |
| } | |
| } | |
| .p-5 { | |
| padding: 36px !important; | |
| } | |
| .pt-5 { | |
| padding-top: 36px !important; | |
| } | |
| .pr-5 { | |
| padding-right: 36px !important; | |
| } | |
| .pb-5 { | |
| padding-bottom: 36px !important; | |
| } | |
| .pl-5 { | |
| padding-left: 36px !important; | |
| } | |
| .px-5 { | |
| padding-right: 36px !important; | |
| padding-left: 36px !important; | |
| } | |
| .py-5 { | |
| padding-top: 36px !important; | |
| padding-bottom: 36px !important; | |
| } | |
| .p-xs-5 { | |
| padding: 36px !important; | |
| } | |
| .pt-xs-5 { | |
| padding-top: 36px !important; | |
| } | |
| .pr-xs-5 { | |
| padding-right: 36px !important; | |
| } | |
| .pb-xs-5 { | |
| padding-bottom: 36px !important; | |
| } | |
| .pl-xs-5 { | |
| padding-left: 36px !important; | |
| } | |
| .px-xs-5 { | |
| padding-right: 36px !important; | |
| padding-left: 36px !important; | |
| } | |
| .py-xs-5 { | |
| padding-top: 36px !important; | |
| padding-bottom: 36px !important; | |
| } | |
| @media (min-width: 544px) { | |
| .p-sm-5 { | |
| padding: 36px !important; | |
| } | |
| .pt-sm-5 { | |
| padding-top: 36px !important; | |
| } | |
| .pr-sm-5 { | |
| padding-right: 36px !important; | |
| } | |
| .pb-sm-5 { | |
| padding-bottom: 36px !important; | |
| } | |
| .pl-sm-5 { | |
| padding-left: 36px !important; | |
| } | |
| .px-sm-5 { | |
| padding-right: 36px !important; | |
| padding-left: 36px !important; | |
| } | |
| .py-sm-5 { | |
| padding-top: 36px !important; | |
| padding-bottom: 36px !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .p-md-5 { | |
| padding: 36px !important; | |
| } | |
| .pt-md-5 { | |
| padding-top: 36px !important; | |
| } | |
| .pr-md-5 { | |
| padding-right: 36px !important; | |
| } | |
| .pb-md-5 { | |
| padding-bottom: 36px !important; | |
| } | |
| .pl-md-5 { | |
| padding-left: 36px !important; | |
| } | |
| .px-md-5 { | |
| padding-right: 36px !important; | |
| padding-left: 36px !important; | |
| } | |
| .py-md-5 { | |
| padding-top: 36px !important; | |
| padding-bottom: 36px !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .p-lg-5 { | |
| padding: 36px !important; | |
| } | |
| .pt-lg-5 { | |
| padding-top: 36px !important; | |
| } | |
| .pr-lg-5 { | |
| padding-right: 36px !important; | |
| } | |
| .pb-lg-5 { | |
| padding-bottom: 36px !important; | |
| } | |
| .pl-lg-5 { | |
| padding-left: 36px !important; | |
| } | |
| .px-lg-5 { | |
| padding-right: 36px !important; | |
| padding-left: 36px !important; | |
| } | |
| .py-lg-5 { | |
| padding-top: 36px !important; | |
| padding-bottom: 36px !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .p-xl-5 { | |
| padding: 36px !important; | |
| } | |
| .pt-xl-5 { | |
| padding-top: 36px !important; | |
| } | |
| .pr-xl-5 { | |
| padding-right: 36px !important; | |
| } | |
| .pb-xl-5 { | |
| padding-bottom: 36px !important; | |
| } | |
| .pl-xl-5 { | |
| padding-left: 36px !important; | |
| } | |
| .px-xl-5 { | |
| padding-right: 36px !important; | |
| padding-left: 36px !important; | |
| } | |
| .py-xl-5 { | |
| padding-top: 36px !important; | |
| padding-bottom: 36px !important; | |
| } | |
| } | |
| .m-6 { | |
| margin: 48px !important; | |
| } | |
| .mt-6 { | |
| margin-top: 48px !important; | |
| } | |
| .mr-6 { | |
| margin-right: 48px !important; | |
| } | |
| .mb-6 { | |
| margin-bottom: 48px !important; | |
| } | |
| .ml-6 { | |
| margin-left: 48px !important; | |
| } | |
| .mx-6 { | |
| margin-right: 48px !important; | |
| margin-left: 48px !important; | |
| } | |
| .my-6 { | |
| margin-top: 48px !important; | |
| margin-bottom: 48px !important; | |
| } | |
| .m-xs-6 { | |
| margin: 48px !important; | |
| } | |
| .mt-xs-6 { | |
| margin-top: 48px !important; | |
| } | |
| .mr-xs-6 { | |
| margin-right: 48px !important; | |
| } | |
| .mb-xs-6 { | |
| margin-bottom: 48px !important; | |
| } | |
| .ml-xs-6 { | |
| margin-left: 48px !important; | |
| } | |
| .mx-xs-6 { | |
| margin-right: 48px !important; | |
| margin-left: 48px !important; | |
| } | |
| .my-xs-6 { | |
| margin-top: 48px !important; | |
| margin-bottom: 48px !important; | |
| } | |
| @media (min-width: 544px) { | |
| .m-sm-6 { | |
| margin: 48px !important; | |
| } | |
| .mt-sm-6 { | |
| margin-top: 48px !important; | |
| } | |
| .mr-sm-6 { | |
| margin-right: 48px !important; | |
| } | |
| .mb-sm-6 { | |
| margin-bottom: 48px !important; | |
| } | |
| .ml-sm-6 { | |
| margin-left: 48px !important; | |
| } | |
| .mx-sm-6 { | |
| margin-right: 48px !important; | |
| margin-left: 48px !important; | |
| } | |
| .my-sm-6 { | |
| margin-top: 48px !important; | |
| margin-bottom: 48px !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .m-md-6 { | |
| margin: 48px !important; | |
| } | |
| .mt-md-6 { | |
| margin-top: 48px !important; | |
| } | |
| .mr-md-6 { | |
| margin-right: 48px !important; | |
| } | |
| .mb-md-6 { | |
| margin-bottom: 48px !important; | |
| } | |
| .ml-md-6 { | |
| margin-left: 48px !important; | |
| } | |
| .mx-md-6 { | |
| margin-right: 48px !important; | |
| margin-left: 48px !important; | |
| } | |
| .my-md-6 { | |
| margin-top: 48px !important; | |
| margin-bottom: 48px !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .m-lg-6 { | |
| margin: 48px !important; | |
| } | |
| .mt-lg-6 { | |
| margin-top: 48px !important; | |
| } | |
| .mr-lg-6 { | |
| margin-right: 48px !important; | |
| } | |
| .mb-lg-6 { | |
| margin-bottom: 48px !important; | |
| } | |
| .ml-lg-6 { | |
| margin-left: 48px !important; | |
| } | |
| .mx-lg-6 { | |
| margin-right: 48px !important; | |
| margin-left: 48px !important; | |
| } | |
| .my-lg-6 { | |
| margin-top: 48px !important; | |
| margin-bottom: 48px !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .m-xl-6 { | |
| margin: 48px !important; | |
| } | |
| .mt-xl-6 { | |
| margin-top: 48px !important; | |
| } | |
| .mr-xl-6 { | |
| margin-right: 48px !important; | |
| } | |
| .mb-xl-6 { | |
| margin-bottom: 48px !important; | |
| } | |
| .ml-xl-6 { | |
| margin-left: 48px !important; | |
| } | |
| .mx-xl-6 { | |
| margin-right: 48px !important; | |
| margin-left: 48px !important; | |
| } | |
| .my-xl-6 { | |
| margin-top: 48px !important; | |
| margin-bottom: 48px !important; | |
| } | |
| } | |
| .p-6 { | |
| padding: 48px !important; | |
| } | |
| .pt-6 { | |
| padding-top: 48px !important; | |
| } | |
| .pr-6 { | |
| padding-right: 48px !important; | |
| } | |
| .pb-6 { | |
| padding-bottom: 48px !important; | |
| } | |
| .pl-6 { | |
| padding-left: 48px !important; | |
| } | |
| .px-6 { | |
| padding-right: 48px !important; | |
| padding-left: 48px !important; | |
| } | |
| .py-6 { | |
| padding-top: 48px !important; | |
| padding-bottom: 48px !important; | |
| } | |
| .p-xs-6 { | |
| padding: 48px !important; | |
| } | |
| .pt-xs-6 { | |
| padding-top: 48px !important; | |
| } | |
| .pr-xs-6 { | |
| padding-right: 48px !important; | |
| } | |
| .pb-xs-6 { | |
| padding-bottom: 48px !important; | |
| } | |
| .pl-xs-6 { | |
| padding-left: 48px !important; | |
| } | |
| .px-xs-6 { | |
| padding-right: 48px !important; | |
| padding-left: 48px !important; | |
| } | |
| .py-xs-6 { | |
| padding-top: 48px !important; | |
| padding-bottom: 48px !important; | |
| } | |
| @media (min-width: 544px) { | |
| .p-sm-6 { | |
| padding: 48px !important; | |
| } | |
| .pt-sm-6 { | |
| padding-top: 48px !important; | |
| } | |
| .pr-sm-6 { | |
| padding-right: 48px !important; | |
| } | |
| .pb-sm-6 { | |
| padding-bottom: 48px !important; | |
| } | |
| .pl-sm-6 { | |
| padding-left: 48px !important; | |
| } | |
| .px-sm-6 { | |
| padding-right: 48px !important; | |
| padding-left: 48px !important; | |
| } | |
| .py-sm-6 { | |
| padding-top: 48px !important; | |
| padding-bottom: 48px !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .p-md-6 { | |
| padding: 48px !important; | |
| } | |
| .pt-md-6 { | |
| padding-top: 48px !important; | |
| } | |
| .pr-md-6 { | |
| padding-right: 48px !important; | |
| } | |
| .pb-md-6 { | |
| padding-bottom: 48px !important; | |
| } | |
| .pl-md-6 { | |
| padding-left: 48px !important; | |
| } | |
| .px-md-6 { | |
| padding-right: 48px !important; | |
| padding-left: 48px !important; | |
| } | |
| .py-md-6 { | |
| padding-top: 48px !important; | |
| padding-bottom: 48px !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .p-lg-6 { | |
| padding: 48px !important; | |
| } | |
| .pt-lg-6 { | |
| padding-top: 48px !important; | |
| } | |
| .pr-lg-6 { | |
| padding-right: 48px !important; | |
| } | |
| .pb-lg-6 { | |
| padding-bottom: 48px !important; | |
| } | |
| .pl-lg-6 { | |
| padding-left: 48px !important; | |
| } | |
| .px-lg-6 { | |
| padding-right: 48px !important; | |
| padding-left: 48px !important; | |
| } | |
| .py-lg-6 { | |
| padding-top: 48px !important; | |
| padding-bottom: 48px !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .p-xl-6 { | |
| padding: 48px !important; | |
| } | |
| .pt-xl-6 { | |
| padding-top: 48px !important; | |
| } | |
| .pr-xl-6 { | |
| padding-right: 48px !important; | |
| } | |
| .pb-xl-6 { | |
| padding-bottom: 48px !important; | |
| } | |
| .pl-xl-6 { | |
| padding-left: 48px !important; | |
| } | |
| .px-xl-6 { | |
| padding-right: 48px !important; | |
| padding-left: 48px !important; | |
| } | |
| .py-xl-6 { | |
| padding-top: 48px !important; | |
| padding-bottom: 48px !important; | |
| } | |
| } | |
| .m-7 { | |
| margin: 60px !important; | |
| } | |
| .mt-7 { | |
| margin-top: 60px !important; | |
| } | |
| .mr-7 { | |
| margin-right: 60px !important; | |
| } | |
| .mb-7 { | |
| margin-bottom: 60px !important; | |
| } | |
| .ml-7 { | |
| margin-left: 60px !important; | |
| } | |
| .mx-7 { | |
| margin-right: 60px !important; | |
| margin-left: 60px !important; | |
| } | |
| .my-7 { | |
| margin-top: 60px !important; | |
| margin-bottom: 60px !important; | |
| } | |
| .m-xs-7 { | |
| margin: 60px !important; | |
| } | |
| .mt-xs-7 { | |
| margin-top: 60px !important; | |
| } | |
| .mr-xs-7 { | |
| margin-right: 60px !important; | |
| } | |
| .mb-xs-7 { | |
| margin-bottom: 60px !important; | |
| } | |
| .ml-xs-7 { | |
| margin-left: 60px !important; | |
| } | |
| .mx-xs-7 { | |
| margin-right: 60px !important; | |
| margin-left: 60px !important; | |
| } | |
| .my-xs-7 { | |
| margin-top: 60px !important; | |
| margin-bottom: 60px !important; | |
| } | |
| @media (min-width: 544px) { | |
| .m-sm-7 { | |
| margin: 60px !important; | |
| } | |
| .mt-sm-7 { | |
| margin-top: 60px !important; | |
| } | |
| .mr-sm-7 { | |
| margin-right: 60px !important; | |
| } | |
| .mb-sm-7 { | |
| margin-bottom: 60px !important; | |
| } | |
| .ml-sm-7 { | |
| margin-left: 60px !important; | |
| } | |
| .mx-sm-7 { | |
| margin-right: 60px !important; | |
| margin-left: 60px !important; | |
| } | |
| .my-sm-7 { | |
| margin-top: 60px !important; | |
| margin-bottom: 60px !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .m-md-7 { | |
| margin: 60px !important; | |
| } | |
| .mt-md-7 { | |
| margin-top: 60px !important; | |
| } | |
| .mr-md-7 { | |
| margin-right: 60px !important; | |
| } | |
| .mb-md-7 { | |
| margin-bottom: 60px !important; | |
| } | |
| .ml-md-7 { | |
| margin-left: 60px !important; | |
| } | |
| .mx-md-7 { | |
| margin-right: 60px !important; | |
| margin-left: 60px !important; | |
| } | |
| .my-md-7 { | |
| margin-top: 60px !important; | |
| margin-bottom: 60px !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .m-lg-7 { | |
| margin: 60px !important; | |
| } | |
| .mt-lg-7 { | |
| margin-top: 60px !important; | |
| } | |
| .mr-lg-7 { | |
| margin-right: 60px !important; | |
| } | |
| .mb-lg-7 { | |
| margin-bottom: 60px !important; | |
| } | |
| .ml-lg-7 { | |
| margin-left: 60px !important; | |
| } | |
| .mx-lg-7 { | |
| margin-right: 60px !important; | |
| margin-left: 60px !important; | |
| } | |
| .my-lg-7 { | |
| margin-top: 60px !important; | |
| margin-bottom: 60px !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .m-xl-7 { | |
| margin: 60px !important; | |
| } | |
| .mt-xl-7 { | |
| margin-top: 60px !important; | |
| } | |
| .mr-xl-7 { | |
| margin-right: 60px !important; | |
| } | |
| .mb-xl-7 { | |
| margin-bottom: 60px !important; | |
| } | |
| .ml-xl-7 { | |
| margin-left: 60px !important; | |
| } | |
| .mx-xl-7 { | |
| margin-right: 60px !important; | |
| margin-left: 60px !important; | |
| } | |
| .my-xl-7 { | |
| margin-top: 60px !important; | |
| margin-bottom: 60px !important; | |
| } | |
| } | |
| .p-7 { | |
| padding: 60px !important; | |
| } | |
| .pt-7 { | |
| padding-top: 60px !important; | |
| } | |
| .pr-7 { | |
| padding-right: 60px !important; | |
| } | |
| .pb-7 { | |
| padding-bottom: 60px !important; | |
| } | |
| .pl-7 { | |
| padding-left: 60px !important; | |
| } | |
| .px-7 { | |
| padding-right: 60px !important; | |
| padding-left: 60px !important; | |
| } | |
| .py-7 { | |
| padding-top: 60px !important; | |
| padding-bottom: 60px !important; | |
| } | |
| .p-xs-7 { | |
| padding: 60px !important; | |
| } | |
| .pt-xs-7 { | |
| padding-top: 60px !important; | |
| } | |
| .pr-xs-7 { | |
| padding-right: 60px !important; | |
| } | |
| .pb-xs-7 { | |
| padding-bottom: 60px !important; | |
| } | |
| .pl-xs-7 { | |
| padding-left: 60px !important; | |
| } | |
| .px-xs-7 { | |
| padding-right: 60px !important; | |
| padding-left: 60px !important; | |
| } | |
| .py-xs-7 { | |
| padding-top: 60px !important; | |
| padding-bottom: 60px !important; | |
| } | |
| @media (min-width: 544px) { | |
| .p-sm-7 { | |
| padding: 60px !important; | |
| } | |
| .pt-sm-7 { | |
| padding-top: 60px !important; | |
| } | |
| .pr-sm-7 { | |
| padding-right: 60px !important; | |
| } | |
| .pb-sm-7 { | |
| padding-bottom: 60px !important; | |
| } | |
| .pl-sm-7 { | |
| padding-left: 60px !important; | |
| } | |
| .px-sm-7 { | |
| padding-right: 60px !important; | |
| padding-left: 60px !important; | |
| } | |
| .py-sm-7 { | |
| padding-top: 60px !important; | |
| padding-bottom: 60px !important; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .p-md-7 { | |
| padding: 60px !important; | |
| } | |
| .pt-md-7 { | |
| padding-top: 60px !important; | |
| } | |
| .pr-md-7 { | |
| padding-right: 60px !important; | |
| } | |
| .pb-md-7 { | |
| padding-bottom: 60px !important; | |
| } | |
| .pl-md-7 { | |
| padding-left: 60px !important; | |
| } | |
| .px-md-7 { | |
| padding-right: 60px !important; | |
| padding-left: 60px !important; | |
| } | |
| .py-md-7 { | |
| padding-top: 60px !important; | |
| padding-bottom: 60px !important; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .p-lg-7 { | |
| padding: 60px !important; | |
| } | |
| .pt-lg-7 { | |
| padding-top: 60px !important; | |
| } | |
| .pr-lg-7 { | |
| padding-right: 60px !important; | |
| } | |
| .pb-lg-7 { | |
| padding-bottom: 60px !important; | |
| } | |
| .pl-lg-7 { | |
| padding-left: 60px !important; | |
| } | |
| .px-lg-7 { | |
| padding-right: 60px !important; | |
| padding-left: 60px !important; | |
| } | |
| .py-lg-7 { | |
| padding-top: 60px !important; | |
| padding-bottom: 60px !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .p-xl-7 { | |
| padding: 60px !important; | |
| } | |
| .pt-xl-7 { | |
| padding-top: 60px !important; | |
| } | |
| .pr-xl-7 { | |
| padding-right: 60px !important; | |
| } | |
| .pb-xl-7 { | |
| padding-bottom: 60px !important; | |
| } | |
| .pl-xl-7 { | |
| padding-left: 60px !important; | |
| } | |
| .px-xl-7 { | |
| padding-right: 60px !important; | |
| padding-left: 60px !important; | |
| } | |
| .py-xl-7 { | |
| padding-top: 60px !important; | |
| padding-bottom: 60px !important; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment