~wuz/wuz.sh

ref: ce48754d8b7eeb3273759c8b78c33c14ceadc13e wuz.sh/_includes/styles/atoms/spacing.scss -rw-r--r-- 1.6 KiB
ce48754d — Conlin Durbin Add writing changes and fixes 10 months ago
                                                                                
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
@for $i from 1 to 10 {
  .padding\:$i {
    padding: em(spacing($i));

    @media screen and (max-width: 468px) {
      & {
        padding: em(16);
      }
    }
  }

  .padding\:$i\:left {
    padding-left: em(spacing($i));

    @media screen and (max-width: 468px) {
      & {
        padding-left: em(16);
      }
    }
  }

  .padding\:$i\:right {
    padding-right: em(spacing($i));

    @media screen and (max-width: 468px) {
      & {
        padding-right: em(16);
      }
    }
  }

  .padding\:$i\:bottom {
    padding-bottom: em(spacing($i));

    @media screen and (max-width: 468px) {
      & {
        padding-bottom: em(16);
      }
    }
  }

  .padding\:$i\:top {
    padding-top: em(spacing($i));

    @media screen and (max-width: 468px) {
      & {
        padding-top: em(16);
      }
    }
  }

  .margin\:$i {
    margin: em(spacing($i));

    @media screen and (max-width: 468px) {
      & {
        margin: em(16);
      }
    }
  }

  .margin\:$i\:left {
    margin-left: em(spacing($i));

    @media screen and (max-width: 468px) {
      & {
        margin-left: em(16);
      }
    }
  }

  .margin\:$i\:right {
    margin-right: em(spacing($i));

    @media screen and (max-width: 468px) {
      & {
        margin-right: em(16);
      }
    }
  }

  .margin\:$i\:bottom {
    margin-bottom: em(spacing($i));

    @media screen and (max-width: 468px) {
      & {
        margin-bottom: em(16);
      }
    }
  }

  .margin\:$i\:top {
    margin-top: em(spacing($i));

    @media screen and (max-width: 468px) {
      & {
        margin-top: em(16);
      }
    }
  }
}