summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_card.scss16
-rw-r--r--assets/css/components/_outer-button.scss10
2 files changed, 18 insertions, 8 deletions
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index 066a00d..0a64f1f 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -13,6 +13,7 @@
13 --bg: prop(--colors --bg-lo, $global: true), 13 --bg: prop(--colors --bg-lo, $global: true),
14 --fg: prop(--colors --fg, $global: true), 14 --fg: prop(--colors --fg, $global: true),
15 --unread: prop(--colors --bg, $global: true), 15 --unread: prop(--colors --bg, $global: true),
16 --border: prop(--colors --obj-hi, $global: true),
16 --hover: ( 17 --hover: (
17 --bg: prop(--colors --fg-lo, $global: true), 18 --bg: prop(--colors --fg-lo, $global: true),
18 --fg: prop(--colors --bg-hi, $global: true), 19 --fg: prop(--colors --bg-hi, $global: true),
@@ -24,6 +25,7 @@
24 --colors: ( 25 --colors: (
25 --bg: prop(--colors --bg-hi, $global: true), 26 --bg: prop(--colors --bg-hi, $global: true),
26 --unread: prop(--colors --bg-lo, $global: true), 27 --unread: prop(--colors --bg-lo, $global: true),
28 --border: prop(--colors --bg-lo, $global: true),
27 ) 29 )
28 ), 'light'); 30 ), 'light');
29 31
@@ -98,6 +100,20 @@
98 width: 100%; 100 width: 100%;
99 } 101 }
100 102
103 /*@include modifier('separator') {
104 align-self: stretch;
105 padding-top: 0;
106 padding-bottom: 0;
107
108 &::before {
109 content: '';
110 display: block;
111 width: 1px;
112 height: 100%;
113 background-color: prop(--colors --border);
114 }
115 }*/
116
101 @include modifier('indicator') { 117 @include modifier('indicator') {
102 transition: color .2s; 118 transition: color .2s;
103 color: prop(--colors --unread); 119 color: prop(--colors --unread);
diff --git a/assets/css/components/_outer-button.scss b/assets/css/components/_outer-button.scss
index f3d3276..fb3a51e 100644
--- a/assets/css/components/_outer-button.scss
+++ b/assets/css/components/_outer-button.scss
@@ -3,7 +3,7 @@
3 --colors: ( 3 --colors: (
4 --fg: prop(--colors --bg-hi, $global: true), 4 --fg: prop(--colors --bg-hi, $global: true),
5 --bg: prop(--colors --fg-lo, $global: true), 5 --bg: prop(--colors --fg-lo, $global: true),
6 --border: rgba(#000, .1), 6 --border: prop(--colors --fg, $global: true),
7 --hover: ( 7 --hover: (
8 --bg: prop(--colors --accent --color, $global: true), 8 --bg: prop(--colors --accent --color, $global: true),
9 --fg: prop(--colors --bg-hi, $global: true), 9 --fg: prop(--colors --bg-hi, $global: true),
@@ -18,12 +18,6 @@
18 ) 18 )
19 )); 19 ));
20 20
21 @include store((
22 --colors: (
23 --border: rgba(#fff, .1),
24 )
25 ), 'light');
26
27 @include component(namespace()) { 21 @include component(namespace()) {
28 display: flex; 22 display: flex;
29 height: prop(--dims --outer, $global: true); 23 height: prop(--dims --outer, $global: true);
@@ -72,7 +66,7 @@
72 height: 100%; 66 height: 100%;
73 padding-right: prop(--dims --pad-x); 67 padding-right: prop(--dims --pad-x);
74 padding-left: prop(--dims --pad-x); 68 padding-left: prop(--dims --pad-x);
75 transition: border-color .2s; 69 transition: border-left-color .2s;
76 font-size: 1 / 16 * 14em; 70 font-size: 1 / 16 * 14em;
77 line-height: prop(--dims --outer, $global: true); 71 line-height: prop(--dims --outer, $global: true);
78 white-space: nowrap; 72 white-space: nowrap;