From 248a90eb5fe1f5fa624423b81d0b18df85fabe35 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 14 Feb 2022 18:45:32 +0100 Subject: Restructured size variables --- src/objects/_action-menu.scss | 8 ++++---- src/objects/_backdrop.scss | 4 ++-- src/objects/_checkbox.scss | 2 +- src/objects/_dialog.scss | 4 ++-- src/objects/_field-label.scss | 8 ++++---- src/objects/_heading.scss | 18 +++++++++--------- src/objects/_menu.scss | 8 ++++---- src/objects/_radio.scss | 2 +- src/objects/_rule.scss | 8 ++++---- src/objects/_switch.scss | 2 +- 10 files changed, 32 insertions(+), 32 deletions(-) (limited to 'src/objects') diff --git a/src/objects/_action-menu.scss b/src/objects/_action-menu.scss index e69b381..f122417 100644 --- a/src/objects/_action-menu.scss +++ b/src/objects/_action-menu.scss @@ -5,13 +5,13 @@ @include iro.props-store(( --dims: ( --pad-x: 0, - --pad-y: fn.global-dim(--spacing --xs), - --separator: fn.global-dim(--spacing --xs), + --pad-y: fn.global-dim(--size --85), + --separator: fn.global-dim(--size --85), --rounding: 3px, --border: 1px, --item: ( - --pad-x: fn.global-dim(--spacing --sm), - --pad-y: fn.global-dim(--spacing --xs), + --pad-x: fn.global-dim(--size --150), + --pad-y: fn.global-dim(--size --85), ), ), ), 'dims'); diff --git a/src/objects/_backdrop.scss b/src/objects/_backdrop.scss index ddf4ea0..5957ffa 100644 --- a/src/objects/_backdrop.scss +++ b/src/objects/_backdrop.scss @@ -5,8 +5,8 @@ @include iro.props-store(( --dims: ( --z-index: 10000, - --pad-x: fn.global-dim(--spacing --sm), - --pad-y: fn.global-dim(--spacing --sm), + --pad-x: fn.global-dim(--size --150), + --pad-y: fn.global-dim(--size --150), ), ), 'dims'); diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss index b7762d2..107d7ad 100644 --- a/src/objects/_checkbox.scss +++ b/src/objects/_checkbox.scss @@ -9,7 +9,7 @@ --border-width: fn.global-dim(--border-width --medium), --pad-x: iro.fn-px-to-rem(5px), --pad-y: iro.fn-px-to-rem(5px), - --margin-right: fn.global-dim(--spacing --md), + --margin-right: fn.global-dim(--size --325), ), ), 'dims'); diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss index 050b7ca..bf0defb 100644 --- a/src/objects/_dialog.scss +++ b/src/objects/_dialog.scss @@ -10,7 +10,7 @@ --width-md: iro.fn-px-to-rem(800px), --width-lg: iro.fn-px-to-rem(1100px), --rounding: 3px, - --title-body-spacing: fn.global-dim(--spacing --sm), + --title-body-spacing: fn.global-dim(--size --150), ), ), 'dims'); @@ -53,7 +53,7 @@ position: absolute; top: iro.fn-px-to-rem(12px); right: iro.fn-px-to-rem(12px); - font-size: fn.global-dim(--font-size --lg); + font-size: fn.global-dim(--font-size --150); } @include iro.bem-elem('rule') { diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss index a42be1d..e990568 100644 --- a/src/objects/_field-label.scss +++ b/src/objects/_field-label.scss @@ -4,10 +4,10 @@ @include iro.props-namespace('field-label') { @include iro.props-store(( --dims: ( - --spacing-x: fn.global-dim(--spacing --sm), - --spacing-y: fn.global-dim(--spacing --xs), - --label-font-size: fn.global-dim(--font-size --sm), - --hint-font-size: fn.global-dim(--font-size --sm), + --spacing-x: fn.global-dim(--size --150), + --spacing-y: fn.global-dim(--size --85), + --label-font-size: fn.global-dim(--font-size --75), + --hint-font-size: fn.global-dim(--font-size --75), ), ), 'dims'); diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index b5f02d8..48088ba 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss @@ -6,9 +6,9 @@ @include iro.props-store(( --dims: ( --in-page-margin: ( - --top: fn.global-dim(--spacing --lg), - --top-sibling: fn.global-dim(--spacing --md), - --bottom: fn.global-dim(--spacing --sm), + --top: fn.global-dim(--size --500), + --top-sibling: fn.global-dim(--size --325), + --bottom: fn.global-dim(--size --150), ), ), ), 'dims'); @@ -33,28 +33,28 @@ @include iro.bem-modifier('xxl') { color: fn.color(--strong); - font-size: fn.global-dim(--font-size --xxxl); + font-size: fn.global-dim(--font-size --400); } @include iro.bem-modifier('xl') { color: fn.color(--strong); - font-size: fn.global-dim(--font-size --xxl); + font-size: fn.global-dim(--font-size --300); } @include iro.bem-modifier('lg') { color: fn.color(--strong); - font-size: fn.global-dim(--font-size --xl); + font-size: fn.global-dim(--font-size --200); } @include iro.bem-modifier('md') { color: fn.color(--strong); - font-size: fn.global-dim(--font-size --lg); + font-size: fn.global-dim(--font-size --150); } @include iro.bem-modifier('sm') { @include mx.set-font(--standard, ( --line-height: null, - --size: fn.global-dim(--font-size --md), + --size: fn.global-dim(--font-size --100), --weight: 500 )); @@ -64,7 +64,7 @@ @include iro.bem-modifier('xs') { @include mx.set-font(--standard, ( --line-height: null, - --size: fn.global-dim(--font-size --xs), + --size: fn.global-dim(--font-size --50), --weight: 500, --transform: uppercase, --spacing: .5px diff --git a/src/objects/_menu.scss b/src/objects/_menu.scss index 851e32a..869b367 100644 --- a/src/objects/_menu.scss +++ b/src/objects/_menu.scss @@ -4,10 +4,10 @@ @include iro.props-namespace('menu') { @include iro.props-store(( --dims: ( - --separator: fn.global-dim(--spacing --xs), + --separator: fn.global-dim(--size --85), --item: ( - --pad-x: fn.global-dim(--spacing --sm), - --pad-y: fn.global-dim(--spacing --xs), + --pad-x: fn.global-dim(--size --150), + --pad-y: fn.global-dim(--size --85), ), ), ), 'dims'); @@ -42,7 +42,7 @@ fn.dim(--item --pad-x) calc(.5 * fn.dim(--item --pad-y)); color: fn.color(--header --label); - font-size: fn.global-dim(--font-size --xs); + font-size: fn.global-dim(--font-size --50); font-weight: 500; letter-spacing: .5px; text-transform: uppercase; diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss index 7346a74..96a5174 100644 --- a/src/objects/_radio.scss +++ b/src/objects/_radio.scss @@ -9,7 +9,7 @@ --border-width: fn.global-dim(--border-width --medium), --pad-x: iro.fn-px-to-rem(5px), --pad-y: iro.fn-px-to-rem(5px), - --margin-right: fn.global-dim(--spacing --md), + --margin-right: fn.global-dim(--size --325), ), ), 'dims'); diff --git a/src/objects/_rule.scss b/src/objects/_rule.scss index 1892a3d..777e864 100644 --- a/src/objects/_rule.scss +++ b/src/objects/_rule.scss @@ -4,19 +4,19 @@ @include iro.props-namespace('rule') { @include iro.props-store(( --dims: ( - --margin-y: fn.global-dim(--spacing --xs), + --margin-y: fn.global-dim(--size --85), --strong: ( --border-width: fn.global-dim(--border-width --thick), - --label-font-size: fn.global-dim(--font-size --md), + --label-font-size: fn.global-dim(--font-size --100), ), --medium: ( --border-width: fn.global-dim(--border-width --medium), - --label-font-size: fn.global-dim(--font-size --sm), + --label-font-size: fn.global-dim(--font-size --75), ), --faint: ( --border-width: fn.global-dim(--border-width --thin), - --label-font-size: fn.global-dim(--font-size --xs), + --label-font-size: fn.global-dim(--font-size --50), ), ), ), 'dims'); diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss index 06b5540..b5aa839 100644 --- a/src/objects/_switch.scss +++ b/src/objects/_switch.scss @@ -10,7 +10,7 @@ --border-width: fn.global-dim(--border-width --medium), --pad-x: iro.fn-px-to-rem(5px), --pad-y: iro.fn-px-to-rem(5px), - --margin-right: fn.global-dim(--spacing --md), + --margin-right: fn.global-dim(--size --325), ), ), 'dims'); -- cgit v1.2.3-70-g09d2