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; |
