Created
May 23, 2023 07:22
-
-
Save carloscabo/6b73b7e0440398c023e51509a567bc6e 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
| // Responsive breakpoints | |
| $mobile: 767px; | |
| $tablet: 1024px; | |
| $medium-desktop: 1366px; | |
| @mixin media($breakpoint) { | |
| @media only screen and (max-width: $breakpoint) { | |
| @content; | |
| } | |
| } | |
| // | |
| $sides: ( | |
| "": "", | |
| "t": "top", | |
| "b": "bottom", | |
| "l": "left", | |
| "r": "right", | |
| ); | |
| $responsive-targets: ["", "tablet", "mobile"]; | |
| $responsive-targets: ( | |
| "": "", | |
| "tablet": $tablet, | |
| "mobile": $mobile, | |
| ); | |
| $spaces: (64, 48, 32, 24, 16, 12, 8, 4, 0); | |
| @each $responsive-prefix, $responsive-target in $responsive-targets { | |
| @if ($responsive-prefix == "") { | |
| @each $prefix, $side in $sides { | |
| $property: if($side == "", "", -#{$side}); | |
| @each $space in $spaces { | |
| .m#{$prefix}-#{$space} { | |
| margin#{$property}: #{$space}px !important; | |
| } | |
| @if ($side != "" and $space != 0) { | |
| // Negative margin | |
| .m#{$prefix}--#{$space} { | |
| margin#{$property}: -#{$space}px !important; | |
| } | |
| } | |
| .p#{$prefix}-#{$space} { | |
| padding#{$property}: #{$space}px !important; | |
| } | |
| } | |
| } | |
| } @else { | |
| @include media($responsive-target) { | |
| @each $prefix, $side in $sides { | |
| $property: if($side == "", "", -#{$side}); | |
| @each $space in $spaces { | |
| .m#{$prefix}-#{$space}-#{$responsive-prefix} { | |
| margin#{$property}: #{$space}px !important; | |
| } | |
| @if ($side != "" and $space != 0) { | |
| .m#{$prefix}--#{$space}-#{$responsive-prefix} { | |
| margin#{$property}: -#{$space}px !important; | |
| } | |
| } | |
| .p#{$prefix}-#{$space}-#{$responsive-prefix} { | |
| padding#{$property}: #{$space}px !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
| .m-64 { | |
| margin: 64px !important; | |
| } | |
| .p-64 { | |
| padding: 64px !important; | |
| } | |
| .m-48 { | |
| margin: 48px !important; | |
| } | |
| .p-48 { | |
| padding: 48px !important; | |
| } | |
| .m-32 { | |
| margin: 32px !important; | |
| } | |
| .p-32 { | |
| padding: 32px !important; | |
| } | |
| .m-24 { | |
| margin: 24px !important; | |
| } | |
| .p-24 { | |
| padding: 24px !important; | |
| } | |
| .m-16 { | |
| margin: 16px !important; | |
| } | |
| .p-16 { | |
| padding: 16px !important; | |
| } | |
| .m-12 { | |
| margin: 12px !important; | |
| } | |
| .p-12 { | |
| padding: 12px !important; | |
| } | |
| .m-8 { | |
| margin: 8px !important; | |
| } | |
| .p-8 { | |
| padding: 8px !important; | |
| } | |
| .m-4 { | |
| margin: 4px !important; | |
| } | |
| .p-4 { | |
| padding: 4px !important; | |
| } | |
| .m-0 { | |
| margin: 0px !important; | |
| } | |
| .p-0 { | |
| padding: 0px !important; | |
| } | |
| .mt-64 { | |
| margin-top: 64px !important; | |
| } | |
| .mt--64 { | |
| margin-top: -64px !important; | |
| } | |
| .pt-64 { | |
| padding-top: 64px !important; | |
| } | |
| .mt-48 { | |
| margin-top: 48px !important; | |
| } | |
| .mt--48 { | |
| margin-top: -48px !important; | |
| } | |
| .pt-48 { | |
| padding-top: 48px !important; | |
| } | |
| .mt-32 { | |
| margin-top: 32px !important; | |
| } | |
| .mt--32 { | |
| margin-top: -32px !important; | |
| } | |
| .pt-32 { | |
| padding-top: 32px !important; | |
| } | |
| .mt-24 { | |
| margin-top: 24px !important; | |
| } | |
| .mt--24 { | |
| margin-top: -24px !important; | |
| } | |
| .pt-24 { | |
| padding-top: 24px !important; | |
| } | |
| .mt-16 { | |
| margin-top: 16px !important; | |
| } | |
| .mt--16 { | |
| margin-top: -16px !important; | |
| } | |
| .pt-16 { | |
| padding-top: 16px !important; | |
| } | |
| .mt-12 { | |
| margin-top: 12px !important; | |
| } | |
| .mt--12 { | |
| margin-top: -12px !important; | |
| } | |
| .pt-12 { | |
| padding-top: 12px !important; | |
| } | |
| .mt-8 { | |
| margin-top: 8px !important; | |
| } | |
| .mt--8 { | |
| margin-top: -8px !important; | |
| } | |
| .pt-8 { | |
| padding-top: 8px !important; | |
| } | |
| .mt-4 { | |
| margin-top: 4px !important; | |
| } | |
| .mt--4 { | |
| margin-top: -4px !important; | |
| } | |
| .pt-4 { | |
| padding-top: 4px !important; | |
| } | |
| .mt-0 { | |
| margin-top: 0px !important; | |
| } | |
| .pt-0 { | |
| padding-top: 0px !important; | |
| } | |
| .mb-64 { | |
| margin-bottom: 64px !important; | |
| } | |
| .mb--64 { | |
| margin-bottom: -64px !important; | |
| } | |
| .pb-64 { | |
| padding-bottom: 64px !important; | |
| } | |
| .mb-48 { | |
| margin-bottom: 48px !important; | |
| } | |
| .mb--48 { | |
| margin-bottom: -48px !important; | |
| } | |
| .pb-48 { | |
| padding-bottom: 48px !important; | |
| } | |
| .mb-32 { | |
| margin-bottom: 32px !important; | |
| } | |
| .mb--32 { | |
| margin-bottom: -32px !important; | |
| } | |
| .pb-32 { | |
| padding-bottom: 32px !important; | |
| } | |
| .mb-24 { | |
| margin-bottom: 24px !important; | |
| } | |
| .mb--24 { | |
| margin-bottom: -24px !important; | |
| } | |
| .pb-24 { | |
| padding-bottom: 24px !important; | |
| } | |
| .mb-16 { | |
| margin-bottom: 16px !important; | |
| } | |
| .mb--16 { | |
| margin-bottom: -16px !important; | |
| } | |
| .pb-16 { | |
| padding-bottom: 16px !important; | |
| } | |
| .mb-12 { | |
| margin-bottom: 12px !important; | |
| } | |
| .mb--12 { | |
| margin-bottom: -12px !important; | |
| } | |
| .pb-12 { | |
| padding-bottom: 12px !important; | |
| } | |
| .mb-8 { | |
| margin-bottom: 8px !important; | |
| } | |
| .mb--8 { | |
| margin-bottom: -8px !important; | |
| } | |
| .pb-8 { | |
| padding-bottom: 8px !important; | |
| } | |
| .mb-4 { | |
| margin-bottom: 4px !important; | |
| } | |
| .mb--4 { | |
| margin-bottom: -4px !important; | |
| } | |
| .pb-4 { | |
| padding-bottom: 4px !important; | |
| } | |
| .mb-0 { | |
| margin-bottom: 0px !important; | |
| } | |
| .pb-0 { | |
| padding-bottom: 0px !important; | |
| } | |
| .ml-64 { | |
| margin-left: 64px !important; | |
| } | |
| .ml--64 { | |
| margin-left: -64px !important; | |
| } | |
| .pl-64 { | |
| padding-left: 64px !important; | |
| } | |
| .ml-48 { | |
| margin-left: 48px !important; | |
| } | |
| .ml--48 { | |
| margin-left: -48px !important; | |
| } | |
| .pl-48 { | |
| padding-left: 48px !important; | |
| } | |
| .ml-32 { | |
| margin-left: 32px !important; | |
| } | |
| .ml--32 { | |
| margin-left: -32px !important; | |
| } | |
| .pl-32 { | |
| padding-left: 32px !important; | |
| } | |
| .ml-24 { | |
| margin-left: 24px !important; | |
| } | |
| .ml--24 { | |
| margin-left: -24px !important; | |
| } | |
| .pl-24 { | |
| padding-left: 24px !important; | |
| } | |
| .ml-16 { | |
| margin-left: 16px !important; | |
| } | |
| .ml--16 { | |
| margin-left: -16px !important; | |
| } | |
| .pl-16 { | |
| padding-left: 16px !important; | |
| } | |
| .ml-12 { | |
| margin-left: 12px !important; | |
| } | |
| .ml--12 { | |
| margin-left: -12px !important; | |
| } | |
| .pl-12 { | |
| padding-left: 12px !important; | |
| } | |
| .ml-8 { | |
| margin-left: 8px !important; | |
| } | |
| .ml--8 { | |
| margin-left: -8px !important; | |
| } | |
| .pl-8 { | |
| padding-left: 8px !important; | |
| } | |
| .ml-4 { | |
| margin-left: 4px !important; | |
| } | |
| .ml--4 { | |
| margin-left: -4px !important; | |
| } | |
| .pl-4 { | |
| padding-left: 4px !important; | |
| } | |
| .ml-0 { | |
| margin-left: 0px !important; | |
| } | |
| .pl-0 { | |
| padding-left: 0px !important; | |
| } | |
| .mr-64 { | |
| margin-right: 64px !important; | |
| } | |
| .mr--64 { | |
| margin-right: -64px !important; | |
| } | |
| .pr-64 { | |
| padding-right: 64px !important; | |
| } | |
| .mr-48 { | |
| margin-right: 48px !important; | |
| } | |
| .mr--48 { | |
| margin-right: -48px !important; | |
| } | |
| .pr-48 { | |
| padding-right: 48px !important; | |
| } | |
| .mr-32 { | |
| margin-right: 32px !important; | |
| } | |
| .mr--32 { | |
| margin-right: -32px !important; | |
| } | |
| .pr-32 { | |
| padding-right: 32px !important; | |
| } | |
| .mr-24 { | |
| margin-right: 24px !important; | |
| } | |
| .mr--24 { | |
| margin-right: -24px !important; | |
| } | |
| .pr-24 { | |
| padding-right: 24px !important; | |
| } | |
| .mr-16 { | |
| margin-right: 16px !important; | |
| } | |
| .mr--16 { | |
| margin-right: -16px !important; | |
| } | |
| .pr-16 { | |
| padding-right: 16px !important; | |
| } | |
| .mr-12 { | |
| margin-right: 12px !important; | |
| } | |
| .mr--12 { | |
| margin-right: -12px !important; | |
| } | |
| .pr-12 { | |
| padding-right: 12px !important; | |
| } | |
| .mr-8 { | |
| margin-right: 8px !important; | |
| } | |
| .mr--8 { | |
| margin-right: -8px !important; | |
| } | |
| .pr-8 { | |
| padding-right: 8px !important; | |
| } | |
| .mr-4 { | |
| margin-right: 4px !important; | |
| } | |
| .mr--4 { | |
| margin-right: -4px !important; | |
| } | |
| .pr-4 { | |
| padding-right: 4px !important; | |
| } | |
| .mr-0 { | |
| margin-right: 0px !important; | |
| } | |
| .pr-0 { | |
| padding-right: 0px !important; | |
| } | |
| @media only screen and (max-width: 1024px) { | |
| .m-64-tablet { | |
| margin: 64px !important; | |
| } | |
| .p-64-tablet { | |
| padding: 64px !important; | |
| } | |
| .m-48-tablet { | |
| margin: 48px !important; | |
| } | |
| .p-48-tablet { | |
| padding: 48px !important; | |
| } | |
| .m-32-tablet { | |
| margin: 32px !important; | |
| } | |
| .p-32-tablet { | |
| padding: 32px !important; | |
| } | |
| .m-24-tablet { | |
| margin: 24px !important; | |
| } | |
| .p-24-tablet { | |
| padding: 24px !important; | |
| } | |
| .m-16-tablet { | |
| margin: 16px !important; | |
| } | |
| .p-16-tablet { | |
| padding: 16px !important; | |
| } | |
| .m-12-tablet { | |
| margin: 12px !important; | |
| } | |
| .p-12-tablet { | |
| padding: 12px !important; | |
| } | |
| .m-8-tablet { | |
| margin: 8px !important; | |
| } | |
| .p-8-tablet { | |
| padding: 8px !important; | |
| } | |
| .m-4-tablet { | |
| margin: 4px !important; | |
| } | |
| .p-4-tablet { | |
| padding: 4px !important; | |
| } | |
| .m-0-tablet { | |
| margin: 0px !important; | |
| } | |
| .p-0-tablet { | |
| padding: 0px !important; | |
| } | |
| .mt-64-tablet { | |
| margin-top: 64px !important; | |
| } | |
| .mt--64-tablet { | |
| margin-top: -64px !important; | |
| } | |
| .pt-64-tablet { | |
| padding-top: 64px !important; | |
| } | |
| .mt-48-tablet { | |
| margin-top: 48px !important; | |
| } | |
| .mt--48-tablet { | |
| margin-top: -48px !important; | |
| } | |
| .pt-48-tablet { | |
| padding-top: 48px !important; | |
| } | |
| .mt-32-tablet { | |
| margin-top: 32px !important; | |
| } | |
| .mt--32-tablet { | |
| margin-top: -32px !important; | |
| } | |
| .pt-32-tablet { | |
| padding-top: 32px !important; | |
| } | |
| .mt-24-tablet { | |
| margin-top: 24px !important; | |
| } | |
| .mt--24-tablet { | |
| margin-top: -24px !important; | |
| } | |
| .pt-24-tablet { | |
| padding-top: 24px !important; | |
| } | |
| .mt-16-tablet { | |
| margin-top: 16px !important; | |
| } | |
| .mt--16-tablet { | |
| margin-top: -16px !important; | |
| } | |
| .pt-16-tablet { | |
| padding-top: 16px !important; | |
| } | |
| .mt-12-tablet { | |
| margin-top: 12px !important; | |
| } | |
| .mt--12-tablet { | |
| margin-top: -12px !important; | |
| } | |
| .pt-12-tablet { | |
| padding-top: 12px !important; | |
| } | |
| .mt-8-tablet { | |
| margin-top: 8px !important; | |
| } | |
| .mt--8-tablet { | |
| margin-top: -8px !important; | |
| } | |
| .pt-8-tablet { | |
| padding-top: 8px !important; | |
| } | |
| .mt-4-tablet { | |
| margin-top: 4px !important; | |
| } | |
| .mt--4-tablet { | |
| margin-top: -4px !important; | |
| } | |
| .pt-4-tablet { | |
| padding-top: 4px !important; | |
| } | |
| .mt-0-tablet { | |
| margin-top: 0px !important; | |
| } | |
| .pt-0-tablet { | |
| padding-top: 0px !important; | |
| } | |
| .mb-64-tablet { | |
| margin-bottom: 64px !important; | |
| } | |
| .mb--64-tablet { | |
| margin-bottom: -64px !important; | |
| } | |
| .pb-64-tablet { | |
| padding-bottom: 64px !important; | |
| } | |
| .mb-48-tablet { | |
| margin-bottom: 48px !important; | |
| } | |
| .mb--48-tablet { | |
| margin-bottom: -48px !important; | |
| } | |
| .pb-48-tablet { | |
| padding-bottom: 48px !important; | |
| } | |
| .mb-32-tablet { | |
| margin-bottom: 32px !important; | |
| } | |
| .mb--32-tablet { | |
| margin-bottom: -32px !important; | |
| } | |
| .pb-32-tablet { | |
| padding-bottom: 32px !important; | |
| } | |
| .mb-24-tablet { | |
| margin-bottom: 24px !important; | |
| } | |
| .mb--24-tablet { | |
| margin-bottom: -24px !important; | |
| } | |
| .pb-24-tablet { | |
| padding-bottom: 24px !important; | |
| } | |
| .mb-16-tablet { | |
| margin-bottom: 16px !important; | |
| } | |
| .mb--16-tablet { | |
| margin-bottom: -16px !important; | |
| } | |
| .pb-16-tablet { | |
| padding-bottom: 16px !important; | |
| } | |
| .mb-12-tablet { | |
| margin-bottom: 12px !important; | |
| } | |
| .mb--12-tablet { | |
| margin-bottom: -12px !important; | |
| } | |
| .pb-12-tablet { | |
| padding-bottom: 12px !important; | |
| } | |
| .mb-8-tablet { | |
| margin-bottom: 8px !important; | |
| } | |
| .mb--8-tablet { | |
| margin-bottom: -8px !important; | |
| } | |
| .pb-8-tablet { | |
| padding-bottom: 8px !important; | |
| } | |
| .mb-4-tablet { | |
| margin-bottom: 4px !important; | |
| } | |
| .mb--4-tablet { | |
| margin-bottom: -4px !important; | |
| } | |
| .pb-4-tablet { | |
| padding-bottom: 4px !important; | |
| } | |
| .mb-0-tablet { | |
| margin-bottom: 0px !important; | |
| } | |
| .pb-0-tablet { | |
| padding-bottom: 0px !important; | |
| } | |
| .ml-64-tablet { | |
| margin-left: 64px !important; | |
| } | |
| .ml--64-tablet { | |
| margin-left: -64px !important; | |
| } | |
| .pl-64-tablet { | |
| padding-left: 64px !important; | |
| } | |
| .ml-48-tablet { | |
| margin-left: 48px !important; | |
| } | |
| .ml--48-tablet { | |
| margin-left: -48px !important; | |
| } | |
| .pl-48-tablet { | |
| padding-left: 48px !important; | |
| } | |
| .ml-32-tablet { | |
| margin-left: 32px !important; | |
| } | |
| .ml--32-tablet { | |
| margin-left: -32px !important; | |
| } | |
| .pl-32-tablet { | |
| padding-left: 32px !important; | |
| } | |
| .ml-24-tablet { | |
| margin-left: 24px !important; | |
| } | |
| .ml--24-tablet { | |
| margin-left: -24px !important; | |
| } | |
| .pl-24-tablet { | |
| padding-left: 24px !important; | |
| } | |
| .ml-16-tablet { | |
| margin-left: 16px !important; | |
| } | |
| .ml--16-tablet { | |
| margin-left: -16px !important; | |
| } | |
| .pl-16-tablet { | |
| padding-left: 16px !important; | |
| } | |
| .ml-12-tablet { | |
| margin-left: 12px !important; | |
| } | |
| .ml--12-tablet { | |
| margin-left: -12px !important; | |
| } | |
| .pl-12-tablet { | |
| padding-left: 12px !important; | |
| } | |
| .ml-8-tablet { | |
| margin-left: 8px !important; | |
| } | |
| .ml--8-tablet { | |
| margin-left: -8px !important; | |
| } | |
| .pl-8-tablet { | |
| padding-left: 8px !important; | |
| } | |
| .ml-4-tablet { | |
| margin-left: 4px !important; | |
| } | |
| .ml--4-tablet { | |
| margin-left: -4px !important; | |
| } | |
| .pl-4-tablet { | |
| padding-left: 4px !important; | |
| } | |
| .ml-0-tablet { | |
| margin-left: 0px !important; | |
| } | |
| .pl-0-tablet { | |
| padding-left: 0px !important; | |
| } | |
| .mr-64-tablet { | |
| margin-right: 64px !important; | |
| } | |
| .mr--64-tablet { | |
| margin-right: -64px !important; | |
| } | |
| .pr-64-tablet { | |
| padding-right: 64px !important; | |
| } | |
| .mr-48-tablet { | |
| margin-right: 48px !important; | |
| } | |
| .mr--48-tablet { | |
| margin-right: -48px !important; | |
| } | |
| .pr-48-tablet { | |
| padding-right: 48px !important; | |
| } | |
| .mr-32-tablet { | |
| margin-right: 32px !important; | |
| } | |
| .mr--32-tablet { | |
| margin-right: -32px !important; | |
| } | |
| .pr-32-tablet { | |
| padding-right: 32px !important; | |
| } | |
| .mr-24-tablet { | |
| margin-right: 24px !important; | |
| } | |
| .mr--24-tablet { | |
| margin-right: -24px !important; | |
| } | |
| .pr-24-tablet { | |
| padding-right: 24px !important; | |
| } | |
| .mr-16-tablet { | |
| margin-right: 16px !important; | |
| } | |
| .mr--16-tablet { | |
| margin-right: -16px !important; | |
| } | |
| .pr-16-tablet { | |
| padding-right: 16px !important; | |
| } | |
| .mr-12-tablet { | |
| margin-right: 12px !important; | |
| } | |
| .mr--12-tablet { | |
| margin-right: -12px !important; | |
| } | |
| .pr-12-tablet { | |
| padding-right: 12px !important; | |
| } | |
| .mr-8-tablet { | |
| margin-right: 8px !important; | |
| } | |
| .mr--8-tablet { | |
| margin-right: -8px !important; | |
| } | |
| .pr-8-tablet { | |
| padding-right: 8px !important; | |
| } | |
| .mr-4-tablet { | |
| margin-right: 4px !important; | |
| } | |
| .mr--4-tablet { | |
| margin-right: -4px !important; | |
| } | |
| .pr-4-tablet { | |
| padding-right: 4px !important; | |
| } | |
| .mr-0-tablet { | |
| margin-right: 0px !important; | |
| } | |
| .pr-0-tablet { | |
| padding-right: 0px !important; | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| .m-64-mobile { | |
| margin: 64px !important; | |
| } | |
| .p-64-mobile { | |
| padding: 64px !important; | |
| } | |
| .m-48-mobile { | |
| margin: 48px !important; | |
| } | |
| .p-48-mobile { | |
| padding: 48px !important; | |
| } | |
| .m-32-mobile { | |
| margin: 32px !important; | |
| } | |
| .p-32-mobile { | |
| padding: 32px !important; | |
| } | |
| .m-24-mobile { | |
| margin: 24px !important; | |
| } | |
| .p-24-mobile { | |
| padding: 24px !important; | |
| } | |
| .m-16-mobile { | |
| margin: 16px !important; | |
| } | |
| .p-16-mobile { | |
| padding: 16px !important; | |
| } | |
| .m-12-mobile { | |
| margin: 12px !important; | |
| } | |
| .p-12-mobile { | |
| padding: 12px !important; | |
| } | |
| .m-8-mobile { | |
| margin: 8px !important; | |
| } | |
| .p-8-mobile { | |
| padding: 8px !important; | |
| } | |
| .m-4-mobile { | |
| margin: 4px !important; | |
| } | |
| .p-4-mobile { | |
| padding: 4px !important; | |
| } | |
| .m-0-mobile { | |
| margin: 0px !important; | |
| } | |
| .p-0-mobile { | |
| padding: 0px !important; | |
| } | |
| .mt-64-mobile { | |
| margin-top: 64px !important; | |
| } | |
| .mt--64-mobile { | |
| margin-top: -64px !important; | |
| } | |
| .pt-64-mobile { | |
| padding-top: 64px !important; | |
| } | |
| .mt-48-mobile { | |
| margin-top: 48px !important; | |
| } | |
| .mt--48-mobile { | |
| margin-top: -48px !important; | |
| } | |
| .pt-48-mobile { | |
| padding-top: 48px !important; | |
| } | |
| .mt-32-mobile { | |
| margin-top: 32px !important; | |
| } | |
| .mt--32-mobile { | |
| margin-top: -32px !important; | |
| } | |
| .pt-32-mobile { | |
| padding-top: 32px !important; | |
| } | |
| .mt-24-mobile { | |
| margin-top: 24px !important; | |
| } | |
| .mt--24-mobile { | |
| margin-top: -24px !important; | |
| } | |
| .pt-24-mobile { | |
| padding-top: 24px !important; | |
| } | |
| .mt-16-mobile { | |
| margin-top: 16px !important; | |
| } | |
| .mt--16-mobile { | |
| margin-top: -16px !important; | |
| } | |
| .pt-16-mobile { | |
| padding-top: 16px !important; | |
| } | |
| .mt-12-mobile { | |
| margin-top: 12px !important; | |
| } | |
| .mt--12-mobile { | |
| margin-top: -12px !important; | |
| } | |
| .pt-12-mobile { | |
| padding-top: 12px !important; | |
| } | |
| .mt-8-mobile { | |
| margin-top: 8px !important; | |
| } | |
| .mt--8-mobile { | |
| margin-top: -8px !important; | |
| } | |
| .pt-8-mobile { | |
| padding-top: 8px !important; | |
| } | |
| .mt-4-mobile { | |
| margin-top: 4px !important; | |
| } | |
| .mt--4-mobile { | |
| margin-top: -4px !important; | |
| } | |
| .pt-4-mobile { | |
| padding-top: 4px !important; | |
| } | |
| .mt-0-mobile { | |
| margin-top: 0px !important; | |
| } | |
| .pt-0-mobile { | |
| padding-top: 0px !important; | |
| } | |
| .mb-64-mobile { | |
| margin-bottom: 64px !important; | |
| } | |
| .mb--64-mobile { | |
| margin-bottom: -64px !important; | |
| } | |
| .pb-64-mobile { | |
| padding-bottom: 64px !important; | |
| } | |
| .mb-48-mobile { | |
| margin-bottom: 48px !important; | |
| } | |
| .mb--48-mobile { | |
| margin-bottom: -48px !important; | |
| } | |
| .pb-48-mobile { | |
| padding-bottom: 48px !important; | |
| } | |
| .mb-32-mobile { | |
| margin-bottom: 32px !important; | |
| } | |
| .mb--32-mobile { | |
| margin-bottom: -32px !important; | |
| } | |
| .pb-32-mobile { | |
| padding-bottom: 32px !important; | |
| } | |
| .mb-24-mobile { | |
| margin-bottom: 24px !important; | |
| } | |
| .mb--24-mobile { | |
| margin-bottom: -24px !important; | |
| } | |
| .pb-24-mobile { | |
| padding-bottom: 24px !important; | |
| } | |
| .mb-16-mobile { | |
| margin-bottom: 16px !important; | |
| } | |
| .mb--16-mobile { | |
| margin-bottom: -16px !important; | |
| } | |
| .pb-16-mobile { | |
| padding-bottom: 16px !important; | |
| } | |
| .mb-12-mobile { | |
| margin-bottom: 12px !important; | |
| } | |
| .mb--12-mobile { | |
| margin-bottom: -12px !important; | |
| } | |
| .pb-12-mobile { | |
| padding-bottom: 12px !important; | |
| } | |
| .mb-8-mobile { | |
| margin-bottom: 8px !important; | |
| } | |
| .mb--8-mobile { | |
| margin-bottom: -8px !important; | |
| } | |
| .pb-8-mobile { | |
| padding-bottom: 8px !important; | |
| } | |
| .mb-4-mobile { | |
| margin-bottom: 4px !important; | |
| } | |
| .mb--4-mobile { | |
| margin-bottom: -4px !important; | |
| } | |
| .pb-4-mobile { | |
| padding-bottom: 4px !important; | |
| } | |
| .mb-0-mobile { | |
| margin-bottom: 0px !important; | |
| } | |
| .pb-0-mobile { | |
| padding-bottom: 0px !important; | |
| } | |
| .ml-64-mobile { | |
| margin-left: 64px !important; | |
| } | |
| .ml--64-mobile { | |
| margin-left: -64px !important; | |
| } | |
| .pl-64-mobile { | |
| padding-left: 64px !important; | |
| } | |
| .ml-48-mobile { | |
| margin-left: 48px !important; | |
| } | |
| .ml--48-mobile { | |
| margin-left: -48px !important; | |
| } | |
| .pl-48-mobile { | |
| padding-left: 48px !important; | |
| } | |
| .ml-32-mobile { | |
| margin-left: 32px !important; | |
| } | |
| .ml--32-mobile { | |
| margin-left: -32px !important; | |
| } | |
| .pl-32-mobile { | |
| padding-left: 32px !important; | |
| } | |
| .ml-24-mobile { | |
| margin-left: 24px !important; | |
| } | |
| .ml--24-mobile { | |
| margin-left: -24px !important; | |
| } | |
| .pl-24-mobile { | |
| padding-left: 24px !important; | |
| } | |
| .ml-16-mobile { | |
| margin-left: 16px !important; | |
| } | |
| .ml--16-mobile { | |
| margin-left: -16px !important; | |
| } | |
| .pl-16-mobile { | |
| padding-left: 16px !important; | |
| } | |
| .ml-12-mobile { | |
| margin-left: 12px !important; | |
| } | |
| .ml--12-mobile { | |
| margin-left: -12px !important; | |
| } | |
| .pl-12-mobile { | |
| padding-left: 12px !important; | |
| } | |
| .ml-8-mobile { | |
| margin-left: 8px !important; | |
| } | |
| .ml--8-mobile { | |
| margin-left: -8px !important; | |
| } | |
| .pl-8-mobile { | |
| padding-left: 8px !important; | |
| } | |
| .ml-4-mobile { | |
| margin-left: 4px !important; | |
| } | |
| .ml--4-mobile { | |
| margin-left: -4px !important; | |
| } | |
| .pl-4-mobile { | |
| padding-left: 4px !important; | |
| } | |
| .ml-0-mobile { | |
| margin-left: 0px !important; | |
| } | |
| .pl-0-mobile { | |
| padding-left: 0px !important; | |
| } | |
| .mr-64-mobile { | |
| margin-right: 64px !important; | |
| } | |
| .mr--64-mobile { | |
| margin-right: -64px !important; | |
| } | |
| .pr-64-mobile { | |
| padding-right: 64px !important; | |
| } | |
| .mr-48-mobile { | |
| margin-right: 48px !important; | |
| } | |
| .mr--48-mobile { | |
| margin-right: -48px !important; | |
| } | |
| .pr-48-mobile { | |
| padding-right: 48px !important; | |
| } | |
| .mr-32-mobile { | |
| margin-right: 32px !important; | |
| } | |
| .mr--32-mobile { | |
| margin-right: -32px !important; | |
| } | |
| .pr-32-mobile { | |
| padding-right: 32px !important; | |
| } | |
| .mr-24-mobile { | |
| margin-right: 24px !important; | |
| } | |
| .mr--24-mobile { | |
| margin-right: -24px !important; | |
| } | |
| .pr-24-mobile { | |
| padding-right: 24px !important; | |
| } | |
| .mr-16-mobile { | |
| margin-right: 16px !important; | |
| } | |
| .mr--16-mobile { | |
| margin-right: -16px !important; | |
| } | |
| .pr-16-mobile { | |
| padding-right: 16px !important; | |
| } | |
| .mr-12-mobile { | |
| margin-right: 12px !important; | |
| } | |
| .mr--12-mobile { | |
| margin-right: -12px !important; | |
| } | |
| .pr-12-mobile { | |
| padding-right: 12px !important; | |
| } | |
| .mr-8-mobile { | |
| margin-right: 8px !important; | |
| } | |
| .mr--8-mobile { | |
| margin-right: -8px !important; | |
| } | |
| .pr-8-mobile { | |
| padding-right: 8px !important; | |
| } | |
| .mr-4-mobile { | |
| margin-right: 4px !important; | |
| } | |
| .mr--4-mobile { | |
| margin-right: -4px !important; | |
| } | |
| .pr-4-mobile { | |
| padding-right: 4px !important; | |
| } | |
| .mr-0-mobile { | |
| margin-right: 0px !important; | |
| } | |
| .pr-0-mobile { | |
| padding-right: 0px !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.32.12", | |
| "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