diff options
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/_basics.scss | 2 | ||||
-rw-r--r-- | assets/css/components/_hlist.scss | 13 | ||||
-rw-r--r-- | assets/css/components/_spacer.scss | 5 | ||||
-rw-r--r-- | assets/css/style.scss | 2 |
4 files changed, 21 insertions, 1 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss index a8ed013..2b0d0a6 100644 --- a/assets/css/_basics.scss +++ b/assets/css/_basics.scss | |||
@@ -144,7 +144,7 @@ p { | |||
144 | 144 | ||
145 | hr { | 145 | hr { |
146 | height: 1px; | 146 | height: 1px; |
147 | margin: ($line-height * 2em) 0 ($line-height * 2em); | 147 | margin: ($line-height * 2em) 0; |
148 | border: 0; | 148 | border: 0; |
149 | background-color: var(--obj); | 149 | background-color: var(--obj); |
150 | } | 150 | } |
diff --git a/assets/css/components/_hlist.scss b/assets/css/components/_hlist.scss new file mode 100644 index 0000000..a7cf665 --- /dev/null +++ b/assets/css/components/_hlist.scss | |||
@@ -0,0 +1,13 @@ | |||
1 | .c-hlist { | ||
2 | display: flex; | ||
3 | |||
4 | &__item { | ||
5 | display: block; | ||
6 | margin-right: 4ch; | ||
7 | padding-left: 0; | ||
8 | |||
9 | &::before { | ||
10 | display: none; | ||
11 | } | ||
12 | } | ||
13 | } | ||
diff --git a/assets/css/components/_spacer.scss b/assets/css/components/_spacer.scss new file mode 100644 index 0000000..692eb29 --- /dev/null +++ b/assets/css/components/_spacer.scss | |||
@@ -0,0 +1,5 @@ | |||
1 | .c-spacer { | ||
2 | display: block; | ||
3 | height: 0; | ||
4 | margin: ($line-height * 2em) 0 0; | ||
5 | } | ||
diff --git a/assets/css/style.scss b/assets/css/style.scss index 8d9a87f..90c1bfc 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss | |||
@@ -2,6 +2,8 @@ | |||
2 | @import 'functions'; | 2 | @import 'functions'; |
3 | @import 'basics'; | 3 | @import 'basics'; |
4 | 4 | ||
5 | @import 'components/spacer'; | ||
6 | @import 'components/hlist'; | ||
5 | @import 'components/nav'; | 7 | @import 'components/nav'; |
6 | @import 'components/page-header'; | 8 | @import 'components/page-header'; |
7 | 9 | ||