solid/_lib/solid-utilities/layout/_padding.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

// Padding
// -------------------------

@include generate-breakpoint-prefixes {
  &p0  { padding:        0 !important; }
  &pt0 { padding-top:    0 !important; }
  &pr0 { padding-right:  0 !important; }
  &pb0 { padding-bottom: 0 !important; }
  &pl0 { padding-left:   0 !important; }
  &px0 { padding-left:   0 !important; padding-right: 0  !important;}
  &py0 { padding-top:    0 !important; padding-bottom: 0 !important;}

  &p05  { padding:        $space-05 !important; }
  &pt05 { padding-top:    $space-05 !important; }
  &pr05 { padding-right:  $space-05 !important; }
  &pb05 { padding-bottom: $space-05 !important; }
  &pl05 { padding-left:   $space-05 !important; }
  &px05 { padding-left:   $space-05 !important; padding-right: $space-05  !important; }
  &py05 { padding-top:    $space-05 !important; padding-bottom: $space-05 !important; }

  &p1  { padding:        $space-1 !important; }
  &pt1 { padding-top:    $space-1 !important; }
  &pr1 { padding-right:  $space-1 !important; }
  &pb1 { padding-bottom: $space-1 !important; }
  &pl1 { padding-left:   $space-1 !important; }
  &px1 { padding-left:   $space-1 !important; padding-right: $space-1  !important; }
  &py1 { padding-top:    $space-1 !important; padding-bottom: $space-1 !important; }

  &p2  { padding:        $space-2 !important; }
  &pt2 { padding-top:    $space-2 !important; }
  &pr2 { padding-right:  $space-2 !important; }
  &pb2 { padding-bottom: $space-2 !important; }
  &pl2 { padding-left:   $space-2 !important; }
  &px2 { padding-left:   $space-2 !important; padding-right: $space-2  !important;}
  &py2 { padding-top:    $space-2 !important; padding-bottom: $space-2 !important;}

  &p3  { padding:        $space-3 !important; }
  &pt3 { padding-top:    $space-3 !important; }
  &pr3 { padding-right:  $space-3 !important; }
  &pb3 { padding-bottom: $space-3 !important; }
  &pl3 { padding-left:   $space-3 !important; }
  &px3 { padding-left:   $space-3 !important; padding-right: $space-3  !important;}
  &py3 { padding-top:    $space-3 !important; padding-bottom: $space-3 !important;}

  &p4  { padding:        $space-4 !important; }
  &pt4 { padding-top:    $space-4 !important; }
  &pr4 { padding-right:  $space-4 !important; }
  &pb4 { padding-bottom: $space-4 !important; }
  &pl4 { padding-left:   $space-4 !important; }
  &px4 { padding-left:   $space-4 !important; padding-right: $space-4  !important;}
  &py4 { padding-top:    $space-4 !important; padding-bottom: $space-4 !important;}

  &p5  { padding:        $space-5 !important; }
  &pt5 { padding-top:    $space-5 !important; }
  &pr5 { padding-right:  $space-5 !important; }
  &pb5 { padding-bottom: $space-5 !important; }
  &pl5 { padding-left:   $space-5 !important; }
  &px5 { padding-left:   $space-5 !important; padding-right: $space-5  !important;}
  &py5 { padding-top:    $space-5 !important; padding-bottom: $space-5 !important;}

  &p6  { padding:        $space-6 !important; }
  &pt6 { padding-top:    $space-6 !important; }
  &pr6 { padding-right:  $space-6 !important; }
  &pb6 { padding-bottom: $space-6 !important; }
  &pl6 { padding-left:   $space-6 !important; }
  &px6 { padding-left:   $space-6 !important; padding-right: $space-6  !important;}
  &py6 { padding-top:    $space-6 !important; padding-bottom: $space-6 !important;}
}