From d1a14dea4668a0ae8bdbd0f6f32376cd8406688d Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 11 Feb 2022 22:38:01 +0100 Subject: Update --- src/_vars.scss | 2 +- src/layouts/_button-group.scss | 4 ++-- src/layouts/_card.scss | 8 ++++---- src/layouts/_container.scss | 4 ++-- src/objects/_action-button.scss | 4 ++-- src/objects/_action-menu.scss | 4 ++-- src/objects/_button.scss | 4 ++-- src/objects/_checkbox.scss | 6 +++--- src/objects/_menu.scss | 2 +- src/objects/_radio.scss | 6 +++--- src/objects/_switch.scss | 6 +++--- src/objects/_text-field.scss | 4 ++-- 12 files changed, 27 insertions(+), 27 deletions(-) diff --git a/src/_vars.scss b/src/_vars.scss index 9537429..8531715 100644 --- a/src/_vars.scss +++ b/src/_vars.scss @@ -22,7 +22,7 @@ media.$unit-intervals: ( @include iro.props-store(( --dims: ( --spacing: ( - --base: 1.6rem, + --base: iro.fn-px-to-rem(26px), --factors: ( --xs: .25, --sm: .5, diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss index aee2000..17de1e1 100644 --- a/src/layouts/_button-group.scss +++ b/src/layouts/_button-group.scss @@ -4,12 +4,12 @@ @include iro.props-namespace('button-group') { @include iro.props-store(( --dims: ( - --spacing: 1rem + --spacing: iro.fn-px-to-rem(16px), ), ), 'dims'); @include iro.bem-layout(iro.props-namespace()) { display: flex; - gap: 1rem; + gap: fn.dim(--spacing); } } diff --git a/src/layouts/_card.scss b/src/layouts/_card.scss index ce742bf..75c16ff 100644 --- a/src/layouts/_card.scss +++ b/src/layouts/_card.scss @@ -5,11 +5,11 @@ @include iro.props-namespace('card') { @include iro.props-store(( --dims: ( - --pad-x: .6rem, - --pad-y: .4rem, + --pad-x: iro.fn-px-to-rem(10px), + --pad-y: iro.fn-px-to-rem(7px), --lg: ( - --pad-x: .9rem, - --pad-y: .7rem, + --pad-x: iro.fn-px-to-rem(14px), + --pad-y: iro.fn-px-to-rem(11px), ) ) ), 'dims'); diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index 7f13a8b..f63b04d 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss @@ -7,8 +7,8 @@ --dims: ( --content-width: iro.fn-px-to-rem(700px), --sm-content-width: iro.fn-px-to-rem(360px), - --pad-x: 3rem, - --pad-y: 3rem, + --pad-x: 3rem, + --pad-y: 3rem, --in-page-spacing-y: fn.global-dim(--spacing --y --xl), ) ), 'dims'); diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss index 751a01e..160aa5d 100644 --- a/src/objects/_action-button.scss +++ b/src/objects/_action-button.scss @@ -4,8 +4,8 @@ @include iro.props-namespace('action-button') { @include iro.props-store(( --dims: ( - --pad-x: .6rem, - --pad-y: .6rem, + --pad-x: iro.fn-px-to-rem(10px), + --pad-y: iro.fn-px-to-rem(10px), --rounding: 3px, ), ), 'dims'); diff --git a/src/objects/_action-menu.scss b/src/objects/_action-menu.scss index 3c10604..4f73cf7 100644 --- a/src/objects/_action-menu.scss +++ b/src/objects/_action-menu.scss @@ -5,8 +5,8 @@ @include iro.props-store(( --dims: ( --pad-x: 0, - --pad-y: .3rem, - --separator: .3rem, + --pad-y: iro.fn-px-to-rem(5px), + --separator: iro.fn-px-to-rem(5px), --rounding: 3px, --border: 1px, --item: ( diff --git a/src/objects/_button.scss b/src/objects/_button.scss index e5fcfaa..586ee84 100644 --- a/src/objects/_button.scss +++ b/src/objects/_button.scss @@ -35,8 +35,8 @@ @include iro.props-namespace('button') { @include iro.props-store(( --dims: ( - --pad-x: 1.2rem, - --pad-y: .5rem, + --pad-x: iro.fn-px-to-rem(19px), + --pad-y: iro.fn-px-to-rem(8px), --rounding: 10em, ), ), 'dims'); diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss index 053a6ab..5d81b19 100644 --- a/src/objects/_checkbox.scss +++ b/src/objects/_checkbox.scss @@ -5,10 +5,10 @@ @include iro.props-store(( --dims: ( --size: iro.fn-px-to-rem(14px), - --label-gap: .6rem, + --label-gap: iro.fn-px-to-rem(10px), --border-width: fn.global-dim(--border-width --medium), - --pad-x: .3rem, - --pad-y: .3rem, + --pad-x: iro.fn-px-to-rem(5px), + --pad-y: iro.fn-px-to-rem(5px), --margin-right: fn.global-dim(--spacing --x --md), ), ), 'dims'); diff --git a/src/objects/_menu.scss b/src/objects/_menu.scss index 12899a3..4707209 100644 --- a/src/objects/_menu.scss +++ b/src/objects/_menu.scss @@ -4,7 +4,7 @@ @include iro.props-namespace('menu') { @include iro.props-store(( --dims: ( - --separator: .6rem, + --separator: iro.fn-px-to-rem(10px), --item: ( --pad-x: iro.fn-px-to-rem(10px), --pad-y: iro.fn-px-to-rem(5px), diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss index f5f3632..1a6e1a6 100644 --- a/src/objects/_radio.scss +++ b/src/objects/_radio.scss @@ -5,10 +5,10 @@ @include iro.props-store(( --dims: ( --diameter: iro.fn-px-to-rem(15px), - --label-gap: .6rem, + --label-gap: iro.fn-px-to-rem(10px), --border-width: fn.global-dim(--border-width --medium), - --pad-x: .3rem, - --pad-y: .3rem, + --pad-x: iro.fn-px-to-rem(5px), + --pad-y: iro.fn-px-to-rem(5px), --margin-right: fn.global-dim(--spacing --x --md), ), ), 'dims'); diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss index 4417297..1a2fb80 100644 --- a/src/objects/_switch.scss +++ b/src/objects/_switch.scss @@ -6,10 +6,10 @@ --dims: ( --width: iro.fn-px-to-rem(26px), --height: iro.fn-px-to-rem(15px), - --label-gap: .6rem, + --label-gap: iro.fn-px-to-rem(10px), --border-width: fn.global-dim(--border-width --medium), - --pad-x: .3rem, - --pad-y: .3rem, + --pad-x: iro.fn-px-to-rem(5px), + --pad-y: iro.fn-px-to-rem(5px), --margin-right: fn.global-dim(--spacing --x --md), ), ), 'dims'); diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss index 55e8a5c..1bd7ea1 100644 --- a/src/objects/_text-field.scss +++ b/src/objects/_text-field.scss @@ -32,8 +32,8 @@ @include iro.props-namespace('text-field') { @include iro.props-store(( --dims: ( - --pad-x: .6rem, - --pad-y: .5rem, + --pad-x: iro.fn-px-to-rem(10px), + --pad-y: iro.fn-px-to-rem(8px), --border-width: fn.global-dim(--border-width --thin), --border-radius: 2px, -- cgit v1.2.3-70-g09d2