summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-12 10:10:33 +0100
committerVolpeon <git@volpeon.ink>2022-02-12 10:10:33 +0100
commitc645b7be46f343ef66c0e19532a12e6d6dd9db88 (patch)
treeda3d5686c70dcbc90f216edd63fbde70d495807d /src/layouts
parentAdded close button to dialog (diff)
downloadiro-design-c645b7be46f343ef66c0e19532a12e6d6dd9db88.tar.gz
iro-design-c645b7be46f343ef66c0e19532a12e6d6dd9db88.tar.bz2
iro-design-c645b7be46f343ef66c0e19532a12e6d6dd9db88.zip
Added dark color palette
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/_container.scss14
-rw-r--r--src/layouts/_form.scss4
2 files changed, 9 insertions, 9 deletions
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index f63b04d..d3ecb5f 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -7,9 +7,9 @@
7 --dims: ( 7 --dims: (
8 --content-width: iro.fn-px-to-rem(700px), 8 --content-width: iro.fn-px-to-rem(700px),
9 --sm-content-width: iro.fn-px-to-rem(360px), 9 --sm-content-width: iro.fn-px-to-rem(360px),
10 --pad-x: 3rem, 10 --pad-x: fn.global-dim(--spacing --xl),
11 --pad-y: 3rem, 11 --pad-y: fn.global-dim(--spacing --xl),
12 --in-page-spacing-y: fn.global-dim(--spacing --y --xl), 12 --in-page-spacing-y: fn.global-dim(--spacing --xl),
13 ) 13 )
14 ), 'dims'); 14 ), 'dims');
15 15
@@ -17,8 +17,8 @@
17 overflow: hidden; 17 overflow: hidden;
18 18
19 @include iro.bem-elem('inner') { 19 @include iro.bem-elem('inner') {
20 margin-top: calc(-1 * fn.global-dim(--spacing --y --xl)); 20 margin-top: calc(-1 * fn.global-dim(--spacing --xl));
21 margin-bottom: calc(-1 * fn.global-dim(--spacing --y --xl)); 21 margin-bottom: calc(-1 * fn.global-dim(--spacing --xl));
22 22
23 &::before, 23 &::before,
24 &::after { 24 &::after {
@@ -29,11 +29,11 @@
29 } 29 }
30 30
31 &::before { 31 &::before {
32 margin-bottom: fn.global-dim(--spacing --y --xl); 32 margin-bottom: fn.global-dim(--spacing --xl);
33 } 33 }
34 34
35 &::after { 35 &::after {
36 margin-top: fn.global-dim(--spacing --y --xl); 36 margin-top: fn.global-dim(--spacing --xl);
37 } 37 }
38 } 38 }
39 39
diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss
index 7225807..4334192 100644
--- a/src/layouts/_form.scss
+++ b/src/layouts/_form.scss
@@ -4,8 +4,8 @@
4@include iro.props-namespace('form') { 4@include iro.props-namespace('form') {
5 @include iro.props-store(( 5 @include iro.props-store((
6 --dims: ( 6 --dims: (
7 --item-spacing-y: fn.global-dim(--spacing --y --md), 7 --item-spacing-y: fn.global-dim(--spacing --md),
8 --label-spacing-x: fn.global-dim(--spacing --x --md), 8 --label-spacing-x: fn.global-dim(--spacing --md),
9 --hint-font-size: fn.global-dim(--font-size --sm), 9 --hint-font-size: fn.global-dim(--font-size --sm),
10 ), 10 ),
11 ), 'dims'); 11 ), 'dims');