summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/components/_header.scss2
-rw-r--r--assets/css/components/_main.scss2
-rw-r--r--assets/css/layouts/_card-list.scss5
3 files changed, 7 insertions, 2 deletions
diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss
index 2d8818f..cdf3a90 100644
--- a/assets/css/components/_header.scss
+++ b/assets/css/components/_header.scss
@@ -73,7 +73,7 @@
73 height: fn.dim(--icon); 73 height: fn.dim(--icon);
74 } 74 }
75 75
76 @include media.media('>=lg') { 76 @include media.media('>lg') {
77 position: fixed; 77 position: fixed;
78 } 78 }
79 79
diff --git a/assets/css/components/_main.scss b/assets/css/components/_main.scss
index 3a64e9b..447ce56 100644
--- a/assets/css/components/_main.scss
+++ b/assets/css/components/_main.scss
@@ -12,7 +12,7 @@
12 @include iro.bem-component(iro.props-namespace()) { 12 @include iro.bem-component(iro.props-namespace()) {
13 margin-top: fn.dim(--pad-top); 13 margin-top: fn.dim(--pad-top);
14 14
15 @include media.media('>=lg') { 15 @include media.media('>lg') {
16 margin-top: calc(.25 * fn.dim(--pad-top)); 16 margin-top: calc(.25 * fn.dim(--pad-top));
17 } 17 }
18 } 18 }
diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss
index 0c06adc..b532cc1 100644
--- a/assets/css/layouts/_card-list.scss
+++ b/assets/css/layouts/_card-list.scss
@@ -1,5 +1,6 @@
1@use 'iro-sass/src/index' as iro; 1@use 'iro-sass/src/index' as iro;
2@use 'iro-design/src/functions' as fn; 2@use 'iro-design/src/functions' as fn;
3@use 'include-media/dist/include-media' as media;
3 4
4@include iro.props-namespace('card-list') { 5@include iro.props-namespace('card-list') {
5 @include iro.props-store(( 6 @include iro.props-store((
@@ -44,6 +45,10 @@
44 gap: fn.dim(--gap); 45 gap: fn.dim(--gap);
45 margin-top: fn.dim(--spacing); 46 margin-top: fn.dim(--spacing);
46 47
48 @include media.media('<=sm') {
49 gap: fn.dim(--grid-2 --gap);
50 }
51
47 @each $mode in 'grid-2' 'grid-3' 'gallery-2' 'gallery-3' { 52 @each $mode in 'grid-2' 'grid-3' 'gallery-2' 'gallery-3' {
48 @include iro.bem-modifier($mode) { 53 @include iro.bem-modifier($mode) {
49 display: grid; 54 display: grid;