Skip to content

Instantly share code, notes, and snippets.

@JuanSerranoTech
Created November 24, 2021 11:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JuanSerranoTech/1c316acc23cdbf27f2dc9fdf65404fd0 to your computer and use it in GitHub Desktop.
Save JuanSerranoTech/1c316acc23cdbf27f2dc9fdf65404fd0 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
$a-mp: (
(0/16): 0,
(5/16): 5,
(10/16): 10,
(15/16): 15,
(20/16): 20,
(25/16): 25,
(30/16): 30,
(35/16): 35,
(40/16): 40,
(45/16): 45,
(50/16): 50,
(55/16): 55,
(60/16): 60,
(65/16): 65,
(70/16): 70,
(75/16): 75,
(80/16): 80,
(85/16): 85,
(90/16): 90,
(95/16): 95,
(100/16): 100,
(120/16): 120,
(130/16): 130,
(140/16): 140,
(150/16): 150,
(160/16): 160,
(170/16): 170,
(180/16): 180,
(190/16): 190,
(200/16): 200,
(220/16): 220,
(270/16): 270
);
/* a-marginTop a-marginBottom */
$varPercent-1000: 0.85rem;
$varPercent-800: 0.70rem;
@each $varMargin, $varPixel in $a-mp {
.u-mT-#{$varPixel}{
margin-top: $varMargin * 1rem;
}
.u-mB-#{$varPixel}{
margin-bottom: $varMargin * 1rem;
}
.u-mTB-#{$varPixel}{
margin-bottom: $varMargin * 1rem;
margin-top: $varMargin * 1rem;
}
@media (max-width: 1000px) {
.u-mT-#{$varPixel}{
margin-top: $varMargin * $varPercent-1000;
}
.u-mB-#{$varPixel}{
margin-bottom: $varMargin * $varPercent-1000;
}
.u-mTB-#{$varPixel}{
margin-bottom: $varMargin * $varPercent-1000;
margin-top: $varMargin * $varPercent-1000;
}
}
@media (max-width: 800px) {
.u-mT-#{$varPixel}{
margin-top: $varMargin * $varPercent-800;
}
.u-mB-#{$varPixel}{
margin-bottom: $varMargin * $varPercent-800;
}
.u-mTB-#{$varPixel}{
margin-bottom: $varMargin * $varPercent-800;
margin-top: $varMargin * $varPercent-800;
}
}
}
/* a-marginTop a-marginBottom */
.u-mT-0 {
margin-top: 0rem;
}
.u-mB-0 {
margin-bottom: 0rem;
}
.u-mTB-0 {
margin-bottom: 0rem;
margin-top: 0rem;
}
@media (max-width: 1000px) {
.u-mT-0 {
margin-top: 0rem;
}
.u-mB-0 {
margin-bottom: 0rem;
}
.u-mTB-0 {
margin-bottom: 0rem;
margin-top: 0rem;
}
}
@media (max-width: 800px) {
.u-mT-0 {
margin-top: 0rem;
}
.u-mB-0 {
margin-bottom: 0rem;
}
.u-mTB-0 {
margin-bottom: 0rem;
margin-top: 0rem;
}
}
.u-mT-5 {
margin-top: 0.3125rem;
}
.u-mB-5 {
margin-bottom: 0.3125rem;
}
.u-mTB-5 {
margin-bottom: 0.3125rem;
margin-top: 0.3125rem;
}
@media (max-width: 1000px) {
.u-mT-5 {
margin-top: 0.265625rem;
}
.u-mB-5 {
margin-bottom: 0.265625rem;
}
.u-mTB-5 {
margin-bottom: 0.265625rem;
margin-top: 0.265625rem;
}
}
@media (max-width: 800px) {
.u-mT-5 {
margin-top: 0.21875rem;
}
.u-mB-5 {
margin-bottom: 0.21875rem;
}
.u-mTB-5 {
margin-bottom: 0.21875rem;
margin-top: 0.21875rem;
}
}
.u-mT-10 {
margin-top: 0.625rem;
}
.u-mB-10 {
margin-bottom: 0.625rem;
}
.u-mTB-10 {
margin-bottom: 0.625rem;
margin-top: 0.625rem;
}
@media (max-width: 1000px) {
.u-mT-10 {
margin-top: 0.53125rem;
}
.u-mB-10 {
margin-bottom: 0.53125rem;
}
.u-mTB-10 {
margin-bottom: 0.53125rem;
margin-top: 0.53125rem;
}
}
@media (max-width: 800px) {
.u-mT-10 {
margin-top: 0.4375rem;
}
.u-mB-10 {
margin-bottom: 0.4375rem;
}
.u-mTB-10 {
margin-bottom: 0.4375rem;
margin-top: 0.4375rem;
}
}
.u-mT-15 {
margin-top: 0.9375rem;
}
.u-mB-15 {
margin-bottom: 0.9375rem;
}
.u-mTB-15 {
margin-bottom: 0.9375rem;
margin-top: 0.9375rem;
}
@media (max-width: 1000px) {
.u-mT-15 {
margin-top: 0.796875rem;
}
.u-mB-15 {
margin-bottom: 0.796875rem;
}
.u-mTB-15 {
margin-bottom: 0.796875rem;
margin-top: 0.796875rem;
}
}
@media (max-width: 800px) {
.u-mT-15 {
margin-top: 0.65625rem;
}
.u-mB-15 {
margin-bottom: 0.65625rem;
}
.u-mTB-15 {
margin-bottom: 0.65625rem;
margin-top: 0.65625rem;
}
}
.u-mT-20 {
margin-top: 1.25rem;
}
.u-mB-20 {
margin-bottom: 1.25rem;
}
.u-mTB-20 {
margin-bottom: 1.25rem;
margin-top: 1.25rem;
}
@media (max-width: 1000px) {
.u-mT-20 {
margin-top: 1.0625rem;
}
.u-mB-20 {
margin-bottom: 1.0625rem;
}
.u-mTB-20 {
margin-bottom: 1.0625rem;
margin-top: 1.0625rem;
}
}
@media (max-width: 800px) {
.u-mT-20 {
margin-top: 0.875rem;
}
.u-mB-20 {
margin-bottom: 0.875rem;
}
.u-mTB-20 {
margin-bottom: 0.875rem;
margin-top: 0.875rem;
}
}
.u-mT-25 {
margin-top: 1.5625rem;
}
.u-mB-25 {
margin-bottom: 1.5625rem;
}
.u-mTB-25 {
margin-bottom: 1.5625rem;
margin-top: 1.5625rem;
}
@media (max-width: 1000px) {
.u-mT-25 {
margin-top: 1.328125rem;
}
.u-mB-25 {
margin-bottom: 1.328125rem;
}
.u-mTB-25 {
margin-bottom: 1.328125rem;
margin-top: 1.328125rem;
}
}
@media (max-width: 800px) {
.u-mT-25 {
margin-top: 1.09375rem;
}
.u-mB-25 {
margin-bottom: 1.09375rem;
}
.u-mTB-25 {
margin-bottom: 1.09375rem;
margin-top: 1.09375rem;
}
}
.u-mT-30 {
margin-top: 1.875rem;
}
.u-mB-30 {
margin-bottom: 1.875rem;
}
.u-mTB-30 {
margin-bottom: 1.875rem;
margin-top: 1.875rem;
}
@media (max-width: 1000px) {
.u-mT-30 {
margin-top: 1.59375rem;
}
.u-mB-30 {
margin-bottom: 1.59375rem;
}
.u-mTB-30 {
margin-bottom: 1.59375rem;
margin-top: 1.59375rem;
}
}
@media (max-width: 800px) {
.u-mT-30 {
margin-top: 1.3125rem;
}
.u-mB-30 {
margin-bottom: 1.3125rem;
}
.u-mTB-30 {
margin-bottom: 1.3125rem;
margin-top: 1.3125rem;
}
}
.u-mT-35 {
margin-top: 2.1875rem;
}
.u-mB-35 {
margin-bottom: 2.1875rem;
}
.u-mTB-35 {
margin-bottom: 2.1875rem;
margin-top: 2.1875rem;
}
@media (max-width: 1000px) {
.u-mT-35 {
margin-top: 1.859375rem;
}
.u-mB-35 {
margin-bottom: 1.859375rem;
}
.u-mTB-35 {
margin-bottom: 1.859375rem;
margin-top: 1.859375rem;
}
}
@media (max-width: 800px) {
.u-mT-35 {
margin-top: 1.53125rem;
}
.u-mB-35 {
margin-bottom: 1.53125rem;
}
.u-mTB-35 {
margin-bottom: 1.53125rem;
margin-top: 1.53125rem;
}
}
.u-mT-40 {
margin-top: 2.5rem;
}
.u-mB-40 {
margin-bottom: 2.5rem;
}
.u-mTB-40 {
margin-bottom: 2.5rem;
margin-top: 2.5rem;
}
@media (max-width: 1000px) {
.u-mT-40 {
margin-top: 2.125rem;
}
.u-mB-40 {
margin-bottom: 2.125rem;
}
.u-mTB-40 {
margin-bottom: 2.125rem;
margin-top: 2.125rem;
}
}
@media (max-width: 800px) {
.u-mT-40 {
margin-top: 1.75rem;
}
.u-mB-40 {
margin-bottom: 1.75rem;
}
.u-mTB-40 {
margin-bottom: 1.75rem;
margin-top: 1.75rem;
}
}
.u-mT-45 {
margin-top: 2.8125rem;
}
.u-mB-45 {
margin-bottom: 2.8125rem;
}
.u-mTB-45 {
margin-bottom: 2.8125rem;
margin-top: 2.8125rem;
}
@media (max-width: 1000px) {
.u-mT-45 {
margin-top: 2.390625rem;
}
.u-mB-45 {
margin-bottom: 2.390625rem;
}
.u-mTB-45 {
margin-bottom: 2.390625rem;
margin-top: 2.390625rem;
}
}
@media (max-width: 800px) {
.u-mT-45 {
margin-top: 1.96875rem;
}
.u-mB-45 {
margin-bottom: 1.96875rem;
}
.u-mTB-45 {
margin-bottom: 1.96875rem;
margin-top: 1.96875rem;
}
}
.u-mT-50 {
margin-top: 3.125rem;
}
.u-mB-50 {
margin-bottom: 3.125rem;
}
.u-mTB-50 {
margin-bottom: 3.125rem;
margin-top: 3.125rem;
}
@media (max-width: 1000px) {
.u-mT-50 {
margin-top: 2.65625rem;
}
.u-mB-50 {
margin-bottom: 2.65625rem;
}
.u-mTB-50 {
margin-bottom: 2.65625rem;
margin-top: 2.65625rem;
}
}
@media (max-width: 800px) {
.u-mT-50 {
margin-top: 2.1875rem;
}
.u-mB-50 {
margin-bottom: 2.1875rem;
}
.u-mTB-50 {
margin-bottom: 2.1875rem;
margin-top: 2.1875rem;
}
}
.u-mT-55 {
margin-top: 3.4375rem;
}
.u-mB-55 {
margin-bottom: 3.4375rem;
}
.u-mTB-55 {
margin-bottom: 3.4375rem;
margin-top: 3.4375rem;
}
@media (max-width: 1000px) {
.u-mT-55 {
margin-top: 2.921875rem;
}
.u-mB-55 {
margin-bottom: 2.921875rem;
}
.u-mTB-55 {
margin-bottom: 2.921875rem;
margin-top: 2.921875rem;
}
}
@media (max-width: 800px) {
.u-mT-55 {
margin-top: 2.40625rem;
}
.u-mB-55 {
margin-bottom: 2.40625rem;
}
.u-mTB-55 {
margin-bottom: 2.40625rem;
margin-top: 2.40625rem;
}
}
.u-mT-60 {
margin-top: 3.75rem;
}
.u-mB-60 {
margin-bottom: 3.75rem;
}
.u-mTB-60 {
margin-bottom: 3.75rem;
margin-top: 3.75rem;
}
@media (max-width: 1000px) {
.u-mT-60 {
margin-top: 3.1875rem;
}
.u-mB-60 {
margin-bottom: 3.1875rem;
}
.u-mTB-60 {
margin-bottom: 3.1875rem;
margin-top: 3.1875rem;
}
}
@media (max-width: 800px) {
.u-mT-60 {
margin-top: 2.625rem;
}
.u-mB-60 {
margin-bottom: 2.625rem;
}
.u-mTB-60 {
margin-bottom: 2.625rem;
margin-top: 2.625rem;
}
}
.u-mT-65 {
margin-top: 4.0625rem;
}
.u-mB-65 {
margin-bottom: 4.0625rem;
}
.u-mTB-65 {
margin-bottom: 4.0625rem;
margin-top: 4.0625rem;
}
@media (max-width: 1000px) {
.u-mT-65 {
margin-top: 3.453125rem;
}
.u-mB-65 {
margin-bottom: 3.453125rem;
}
.u-mTB-65 {
margin-bottom: 3.453125rem;
margin-top: 3.453125rem;
}
}
@media (max-width: 800px) {
.u-mT-65 {
margin-top: 2.84375rem;
}
.u-mB-65 {
margin-bottom: 2.84375rem;
}
.u-mTB-65 {
margin-bottom: 2.84375rem;
margin-top: 2.84375rem;
}
}
.u-mT-70 {
margin-top: 4.375rem;
}
.u-mB-70 {
margin-bottom: 4.375rem;
}
.u-mTB-70 {
margin-bottom: 4.375rem;
margin-top: 4.375rem;
}
@media (max-width: 1000px) {
.u-mT-70 {
margin-top: 3.71875rem;
}
.u-mB-70 {
margin-bottom: 3.71875rem;
}
.u-mTB-70 {
margin-bottom: 3.71875rem;
margin-top: 3.71875rem;
}
}
@media (max-width: 800px) {
.u-mT-70 {
margin-top: 3.0625rem;
}
.u-mB-70 {
margin-bottom: 3.0625rem;
}
.u-mTB-70 {
margin-bottom: 3.0625rem;
margin-top: 3.0625rem;
}
}
.u-mT-75 {
margin-top: 4.6875rem;
}
.u-mB-75 {
margin-bottom: 4.6875rem;
}
.u-mTB-75 {
margin-bottom: 4.6875rem;
margin-top: 4.6875rem;
}
@media (max-width: 1000px) {
.u-mT-75 {
margin-top: 3.984375rem;
}
.u-mB-75 {
margin-bottom: 3.984375rem;
}
.u-mTB-75 {
margin-bottom: 3.984375rem;
margin-top: 3.984375rem;
}
}
@media (max-width: 800px) {
.u-mT-75 {
margin-top: 3.28125rem;
}
.u-mB-75 {
margin-bottom: 3.28125rem;
}
.u-mTB-75 {
margin-bottom: 3.28125rem;
margin-top: 3.28125rem;
}
}
.u-mT-80 {
margin-top: 5rem;
}
.u-mB-80 {
margin-bottom: 5rem;
}
.u-mTB-80 {
margin-bottom: 5rem;
margin-top: 5rem;
}
@media (max-width: 1000px) {
.u-mT-80 {
margin-top: 4.25rem;
}
.u-mB-80 {
margin-bottom: 4.25rem;
}
.u-mTB-80 {
margin-bottom: 4.25rem;
margin-top: 4.25rem;
}
}
@media (max-width: 800px) {
.u-mT-80 {
margin-top: 3.5rem;
}
.u-mB-80 {
margin-bottom: 3.5rem;
}
.u-mTB-80 {
margin-bottom: 3.5rem;
margin-top: 3.5rem;
}
}
.u-mT-85 {
margin-top: 5.3125rem;
}
.u-mB-85 {
margin-bottom: 5.3125rem;
}
.u-mTB-85 {
margin-bottom: 5.3125rem;
margin-top: 5.3125rem;
}
@media (max-width: 1000px) {
.u-mT-85 {
margin-top: 4.515625rem;
}
.u-mB-85 {
margin-bottom: 4.515625rem;
}
.u-mTB-85 {
margin-bottom: 4.515625rem;
margin-top: 4.515625rem;
}
}
@media (max-width: 800px) {
.u-mT-85 {
margin-top: 3.71875rem;
}
.u-mB-85 {
margin-bottom: 3.71875rem;
}
.u-mTB-85 {
margin-bottom: 3.71875rem;
margin-top: 3.71875rem;
}
}
.u-mT-90 {
margin-top: 5.625rem;
}
.u-mB-90 {
margin-bottom: 5.625rem;
}
.u-mTB-90 {
margin-bottom: 5.625rem;
margin-top: 5.625rem;
}
@media (max-width: 1000px) {
.u-mT-90 {
margin-top: 4.78125rem;
}
.u-mB-90 {
margin-bottom: 4.78125rem;
}
.u-mTB-90 {
margin-bottom: 4.78125rem;
margin-top: 4.78125rem;
}
}
@media (max-width: 800px) {
.u-mT-90 {
margin-top: 3.9375rem;
}
.u-mB-90 {
margin-bottom: 3.9375rem;
}
.u-mTB-90 {
margin-bottom: 3.9375rem;
margin-top: 3.9375rem;
}
}
.u-mT-95 {
margin-top: 5.9375rem;
}
.u-mB-95 {
margin-bottom: 5.9375rem;
}
.u-mTB-95 {
margin-bottom: 5.9375rem;
margin-top: 5.9375rem;
}
@media (max-width: 1000px) {
.u-mT-95 {
margin-top: 5.046875rem;
}
.u-mB-95 {
margin-bottom: 5.046875rem;
}
.u-mTB-95 {
margin-bottom: 5.046875rem;
margin-top: 5.046875rem;
}
}
@media (max-width: 800px) {
.u-mT-95 {
margin-top: 4.15625rem;
}
.u-mB-95 {
margin-bottom: 4.15625rem;
}
.u-mTB-95 {
margin-bottom: 4.15625rem;
margin-top: 4.15625rem;
}
}
.u-mT-100 {
margin-top: 6.25rem;
}
.u-mB-100 {
margin-bottom: 6.25rem;
}
.u-mTB-100 {
margin-bottom: 6.25rem;
margin-top: 6.25rem;
}
@media (max-width: 1000px) {
.u-mT-100 {
margin-top: 5.3125rem;
}
.u-mB-100 {
margin-bottom: 5.3125rem;
}
.u-mTB-100 {
margin-bottom: 5.3125rem;
margin-top: 5.3125rem;
}
}
@media (max-width: 800px) {
.u-mT-100 {
margin-top: 4.375rem;
}
.u-mB-100 {
margin-bottom: 4.375rem;
}
.u-mTB-100 {
margin-bottom: 4.375rem;
margin-top: 4.375rem;
}
}
.u-mT-120 {
margin-top: 7.5rem;
}
.u-mB-120 {
margin-bottom: 7.5rem;
}
.u-mTB-120 {
margin-bottom: 7.5rem;
margin-top: 7.5rem;
}
@media (max-width: 1000px) {
.u-mT-120 {
margin-top: 6.375rem;
}
.u-mB-120 {
margin-bottom: 6.375rem;
}
.u-mTB-120 {
margin-bottom: 6.375rem;
margin-top: 6.375rem;
}
}
@media (max-width: 800px) {
.u-mT-120 {
margin-top: 5.25rem;
}
.u-mB-120 {
margin-bottom: 5.25rem;
}
.u-mTB-120 {
margin-bottom: 5.25rem;
margin-top: 5.25rem;
}
}
.u-mT-130 {
margin-top: 8.125rem;
}
.u-mB-130 {
margin-bottom: 8.125rem;
}
.u-mTB-130 {
margin-bottom: 8.125rem;
margin-top: 8.125rem;
}
@media (max-width: 1000px) {
.u-mT-130 {
margin-top: 6.90625rem;
}
.u-mB-130 {
margin-bottom: 6.90625rem;
}
.u-mTB-130 {
margin-bottom: 6.90625rem;
margin-top: 6.90625rem;
}
}
@media (max-width: 800px) {
.u-mT-130 {
margin-top: 5.6875rem;
}
.u-mB-130 {
margin-bottom: 5.6875rem;
}
.u-mTB-130 {
margin-bottom: 5.6875rem;
margin-top: 5.6875rem;
}
}
.u-mT-140 {
margin-top: 8.75rem;
}
.u-mB-140 {
margin-bottom: 8.75rem;
}
.u-mTB-140 {
margin-bottom: 8.75rem;
margin-top: 8.75rem;
}
@media (max-width: 1000px) {
.u-mT-140 {
margin-top: 7.4375rem;
}
.u-mB-140 {
margin-bottom: 7.4375rem;
}
.u-mTB-140 {
margin-bottom: 7.4375rem;
margin-top: 7.4375rem;
}
}
@media (max-width: 800px) {
.u-mT-140 {
margin-top: 6.125rem;
}
.u-mB-140 {
margin-bottom: 6.125rem;
}
.u-mTB-140 {
margin-bottom: 6.125rem;
margin-top: 6.125rem;
}
}
.u-mT-150 {
margin-top: 9.375rem;
}
.u-mB-150 {
margin-bottom: 9.375rem;
}
.u-mTB-150 {
margin-bottom: 9.375rem;
margin-top: 9.375rem;
}
@media (max-width: 1000px) {
.u-mT-150 {
margin-top: 7.96875rem;
}
.u-mB-150 {
margin-bottom: 7.96875rem;
}
.u-mTB-150 {
margin-bottom: 7.96875rem;
margin-top: 7.96875rem;
}
}
@media (max-width: 800px) {
.u-mT-150 {
margin-top: 6.5625rem;
}
.u-mB-150 {
margin-bottom: 6.5625rem;
}
.u-mTB-150 {
margin-bottom: 6.5625rem;
margin-top: 6.5625rem;
}
}
.u-mT-160 {
margin-top: 10rem;
}
.u-mB-160 {
margin-bottom: 10rem;
}
.u-mTB-160 {
margin-bottom: 10rem;
margin-top: 10rem;
}
@media (max-width: 1000px) {
.u-mT-160 {
margin-top: 8.5rem;
}
.u-mB-160 {
margin-bottom: 8.5rem;
}
.u-mTB-160 {
margin-bottom: 8.5rem;
margin-top: 8.5rem;
}
}
@media (max-width: 800px) {
.u-mT-160 {
margin-top: 7rem;
}
.u-mB-160 {
margin-bottom: 7rem;
}
.u-mTB-160 {
margin-bottom: 7rem;
margin-top: 7rem;
}
}
.u-mT-170 {
margin-top: 10.625rem;
}
.u-mB-170 {
margin-bottom: 10.625rem;
}
.u-mTB-170 {
margin-bottom: 10.625rem;
margin-top: 10.625rem;
}
@media (max-width: 1000px) {
.u-mT-170 {
margin-top: 9.03125rem;
}
.u-mB-170 {
margin-bottom: 9.03125rem;
}
.u-mTB-170 {
margin-bottom: 9.03125rem;
margin-top: 9.03125rem;
}
}
@media (max-width: 800px) {
.u-mT-170 {
margin-top: 7.4375rem;
}
.u-mB-170 {
margin-bottom: 7.4375rem;
}
.u-mTB-170 {
margin-bottom: 7.4375rem;
margin-top: 7.4375rem;
}
}
.u-mT-180 {
margin-top: 11.25rem;
}
.u-mB-180 {
margin-bottom: 11.25rem;
}
.u-mTB-180 {
margin-bottom: 11.25rem;
margin-top: 11.25rem;
}
@media (max-width: 1000px) {
.u-mT-180 {
margin-top: 9.5625rem;
}
.u-mB-180 {
margin-bottom: 9.5625rem;
}
.u-mTB-180 {
margin-bottom: 9.5625rem;
margin-top: 9.5625rem;
}
}
@media (max-width: 800px) {
.u-mT-180 {
margin-top: 7.875rem;
}
.u-mB-180 {
margin-bottom: 7.875rem;
}
.u-mTB-180 {
margin-bottom: 7.875rem;
margin-top: 7.875rem;
}
}
.u-mT-190 {
margin-top: 11.875rem;
}
.u-mB-190 {
margin-bottom: 11.875rem;
}
.u-mTB-190 {
margin-bottom: 11.875rem;
margin-top: 11.875rem;
}
@media (max-width: 1000px) {
.u-mT-190 {
margin-top: 10.09375rem;
}
.u-mB-190 {
margin-bottom: 10.09375rem;
}
.u-mTB-190 {
margin-bottom: 10.09375rem;
margin-top: 10.09375rem;
}
}
@media (max-width: 800px) {
.u-mT-190 {
margin-top: 8.3125rem;
}
.u-mB-190 {
margin-bottom: 8.3125rem;
}
.u-mTB-190 {
margin-bottom: 8.3125rem;
margin-top: 8.3125rem;
}
}
.u-mT-200 {
margin-top: 12.5rem;
}
.u-mB-200 {
margin-bottom: 12.5rem;
}
.u-mTB-200 {
margin-bottom: 12.5rem;
margin-top: 12.5rem;
}
@media (max-width: 1000px) {
.u-mT-200 {
margin-top: 10.625rem;
}
.u-mB-200 {
margin-bottom: 10.625rem;
}
.u-mTB-200 {
margin-bottom: 10.625rem;
margin-top: 10.625rem;
}
}
@media (max-width: 800px) {
.u-mT-200 {
margin-top: 8.75rem;
}
.u-mB-200 {
margin-bottom: 8.75rem;
}
.u-mTB-200 {
margin-bottom: 8.75rem;
margin-top: 8.75rem;
}
}
.u-mT-220 {
margin-top: 13.75rem;
}
.u-mB-220 {
margin-bottom: 13.75rem;
}
.u-mTB-220 {
margin-bottom: 13.75rem;
margin-top: 13.75rem;
}
@media (max-width: 1000px) {
.u-mT-220 {
margin-top: 11.6875rem;
}
.u-mB-220 {
margin-bottom: 11.6875rem;
}
.u-mTB-220 {
margin-bottom: 11.6875rem;
margin-top: 11.6875rem;
}
}
@media (max-width: 800px) {
.u-mT-220 {
margin-top: 9.625rem;
}
.u-mB-220 {
margin-bottom: 9.625rem;
}
.u-mTB-220 {
margin-bottom: 9.625rem;
margin-top: 9.625rem;
}
}
.u-mT-270 {
margin-top: 16.875rem;
}
.u-mB-270 {
margin-bottom: 16.875rem;
}
.u-mTB-270 {
margin-bottom: 16.875rem;
margin-top: 16.875rem;
}
@media (max-width: 1000px) {
.u-mT-270 {
margin-top: 14.34375rem;
}
.u-mB-270 {
margin-bottom: 14.34375rem;
}
.u-mTB-270 {
margin-bottom: 14.34375rem;
margin-top: 14.34375rem;
}
}
@media (max-width: 800px) {
.u-mT-270 {
margin-top: 11.8125rem;
}
.u-mB-270 {
margin-bottom: 11.8125rem;
}
.u-mTB-270 {
margin-bottom: 11.8125rem;
margin-top: 11.8125rem;
}
}
{
"sass": {
"compiler": "dart-sass/1.32.12",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": true
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment