solid/_lib/solid-utilities/layout/_margin.scss at 78eaa0f8ce28946706d775204690fb298321a4da · buzzfeed/solid · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71

// Margin
// -------------------------

@include generate-breakpoint-prefixes {
  &m0 {  margin: 0        !important; }
  &mt0 { margin-top: 0    !important; }
  &mr0 { margin-right: 0  !important; }
  &mb0 { margin-bottom: 0 !important; }
  &ml0 { margin-left: 0   !important; }
  &mx0 { margin-left: 0   !important; margin-right: 0  !important; }
  &my0 { margin-top: 0    !important; margin-bottom: 0 !important; }

  &m05  { margin:        $space-05 !important; }
  &mt05 { margin-top:    $space-05 !important; }
  &mr05 { margin-right:  $space-05 !important; }
  &mb05 { margin-bottom: $space-05 !important; }
  &ml05 { margin-left:   $space-05 !important; }
  &mx05 { margin-left:   $space-05 !important; margin-right: $space-05  !important;}
  &my05 { margin-top:    $space-05 !important; margin-bottom: $space-05 !important;}

  &m1  { margin:        $space-1 !important; }
  &mt1 { margin-top:    $space-1 !important; }
  &mr1 { margin-right:  $space-1 !important; }
  &mb1 { margin-bottom: $space-1 !important; }
  &ml1 { margin-left:   $space-1 !important; }
  &mx1 { margin-left:   $space-1 !important; margin-right: $space-1  !important;}
  &my1 { margin-top:    $space-1 !important; margin-bottom: $space-1 !important;}

  &m2  { margin:        $space-2 !important; }
  &mt2 { margin-top:    $space-2 !important; }
  &mr2 { margin-right:  $space-2 !important; }
  &mb2 { margin-bottom: $space-2 !important; }
  &ml2 { margin-left:   $space-2 !important; }
  &mx2 { margin-left:   $space-2 !important; margin-right: $space-2  !important;}
  &my2 { margin-top:    $space-2 !important; margin-bottom: $space-2 !important;}

  &m3  { margin:        $space-3 !important; }
  &mt3 { margin-top:    $space-3 !important; }
  &mr3 { margin-right:  $space-3 !important; }
  &mb3 { margin-bottom: $space-3 !important; }
  &ml3 { margin-left:   $space-3 !important; }
  &mx3 { margin-left:   $space-3 !important; margin-right: $space-3  !important;}
  &my3 { margin-top:    $space-3 !important; margin-bottom: $space-3 !important;}

  &m4  { margin:        $space-4 !important; }
  &mt4 { margin-top:    $space-4 !important; }
  &mr4 { margin-right:  $space-4 !important; }
  &mb4 { margin-bottom: $space-4 !important; }
  &ml4 { margin-left:   $space-4 !important; }
  &mx4 { margin-left:   $space-4 !important; margin-right: $space-4  !important;}
  &my4 { margin-top:    $space-4 !important; margin-bottom: $space-4 !important;}

  &m5  { margin:        $space-5 !important; }
  &mt5 { margin-top:    $space-5 !important; }
  &mr5 { margin-right:  $space-5 !important; }
  &mb5 { margin-bottom: $space-5 !important; }
  &ml5 { margin-left:   $space-5 !important; }
  &mx5 { margin-left:   $space-5 !important; margin-right: $space-5  !important;}
  &my5 { margin-top:    $space-5 !important; margin-bottom: $space-5 !important;}

  &m6  { margin:        $space-6 !important; }
  &mt6 { margin-top:    $space-6 !important; }
  &mr6 { margin-right:  $space-6 !important; }
  &mb6 { margin-bottom: $space-6 !important; }
  &ml6 { margin-left:   $space-6 !important; }
  &mx6 { margin-left:   $space-6 !important; margin-right: $space-6  !important;}
  &my6 { margin-top:    $space-6 !important; margin-bottom: $space-6 !important;}

  &mx-auto { margin-left: auto !important; margin-right: auto !important; }
}