diff options
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_button.scss | 9 | ||||
-rw-r--r-- | src/objects/_icon.scss | 5 |
2 files changed, 11 insertions, 3 deletions
diff --git a/src/objects/_button.scss b/src/objects/_button.scss index ee895a3..b830475 100644 --- a/src/objects/_button.scss +++ b/src/objects/_button.scss | |||
@@ -46,6 +46,11 @@ | |||
46 | --pad-x: fn.global-dim(--size --225), | 46 | --pad-x: fn.global-dim(--size --225), |
47 | --pad-y: fn.global-dim(--size --100), | 47 | --pad-y: fn.global-dim(--size --100), |
48 | --rounding: 10em, | 48 | --rounding: 10em, |
49 | |||
50 | --lg: ( | ||
51 | --pad-x: fn.global-dim(--size --300), | ||
52 | --pad-y: fn.global-dim(--size --150), | ||
53 | ), | ||
49 | ), | 54 | ), |
50 | ), 'dims'); | 55 | ), 'dims'); |
51 | 56 | ||
@@ -141,6 +146,10 @@ | |||
141 | background-color: transparent; | 146 | background-color: transparent; |
142 | box-shadow: none; | 147 | box-shadow: none; |
143 | } | 148 | } |
149 | |||
150 | @include iro.bem-modifier('lg') { | ||
151 | padding: fn.dim(--lg --pad-y) fn.dim(--lg --pad-x); | ||
152 | } | ||
144 | 153 | ||
145 | @include button-variant('secondary'); | 154 | @include button-variant('secondary'); |
146 | 155 | ||
diff --git a/src/objects/_icon.scss b/src/objects/_icon.scss index c045056..0522d4b 100644 --- a/src/objects/_icon.scss +++ b/src/objects/_icon.scss | |||
@@ -6,7 +6,7 @@ | |||
6 | --dims: ( | 6 | --dims: ( |
7 | --stroke: 1.5px, | 7 | --stroke: 1.5px, |
8 | --size: calc(1 / 14 * 16em), | 8 | --size: calc(1 / 14 * 16em), |
9 | --vmargin: calc((1em - fn.dim(--size, null)) * .5), | 9 | --margin: calc((1em - fn.dim(--size, null)) * .5), |
10 | --valign: -.14em, | 10 | --valign: -.14em, |
11 | ) | 11 | ) |
12 | ), 'dims'); | 12 | ), 'dims'); |
@@ -15,8 +15,7 @@ | |||
15 | display: inline; | 15 | display: inline; |
16 | width: fn.dim(--size); | 16 | width: fn.dim(--size); |
17 | height: fn.dim(--size); | 17 | height: fn.dim(--size); |
18 | margin-top: fn.dim(--vmargin); | 18 | margin: fn.dim(--margin); |
19 | margin-bottom: fn.dim(--vmargin); | ||
20 | stroke-width: fn.dim(--stroke); | 19 | stroke-width: fn.dim(--stroke); |
21 | stroke-linecap: round; | 20 | stroke-linecap: round; |
22 | stroke-linejoin: round; | 21 | stroke-linejoin: round; |