summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-03-13 10:10:47 +0100
committerVolpeon <git@volpeon.ink>2022-03-13 10:10:47 +0100
commitdacf3684105df492503163bb27d080d738c3160b (patch)
tree16228a964f5b1cfacc57add74760d24be5ace223 /src
parentTable: Fixed hover bg, added small size (diff)
downloadiro-design-dacf3684105df492503163bb27d080d738c3160b.tar.gz
iro-design-dacf3684105df492503163bb27d080d738c3160b.tar.bz2
iro-design-dacf3684105df492503163bb27d080d738c3160b.zip
More table options
Diffstat (limited to 'src')
-rw-r--r--src/objects/_table.scss44
1 files changed, 30 insertions, 14 deletions
diff --git a/src/objects/_table.scss b/src/objects/_table.scss
index faf6019..410492b 100644
--- a/src/objects/_table.scss
+++ b/src/objects/_table.scss
@@ -51,6 +51,10 @@
51 border-width: 1px 0 0; 51 border-width: 1px 0 0;
52 border-style: solid; 52 border-style: solid;
53 border-color: fn.color(--border); 53 border-color: fn.color(--border);
54
55 @include iro.bem-modifier('divider') {
56 border-right-width: 1px;
57 }
54 } 58 }
55 59
56 @include iro.bem-elem('row') { 60 @include iro.bem-elem('row') {
@@ -59,18 +63,6 @@
59 border-bottom-width: 1px; 63 border-bottom-width: 1px;
60 } 64 }
61 } 65 }
62
63 &:hover {
64 @include iro.bem-elem('cell') {
65 background-color: fn.color(--hover);
66 }
67 }
68
69 &:active {
70 @include iro.bem-elem('cell') {
71 background-color: fn.color(--press);
72 }
73 }
74 } 66 }
75 67
76 @include iro.bem-modifier('flush') { 68 @include iro.bem-modifier('flush') {
@@ -122,16 +114,40 @@
122 } 114 }
123 } 115 }
124 } 116 }
117 }
118 }
119
120 @include iro.bem-modifier('interactive') {
121 @include iro.bem-elem('row') {
122 @include iro.bem-elem('cell') {
123 cursor: pointer;
124 }
125 125
126 &:hover { 126 &:hover {
127 @include iro.bem-elem('cell') { 127 @include iro.bem-elem('cell') {
128 background-color: fn.color(--box --hover); 128 background-color: fn.color(--hover);
129 } 129 }
130 } 130 }
131 131
132 &:active { 132 &:active {
133 @include iro.bem-elem('cell') { 133 @include iro.bem-elem('cell') {
134 background-color: fn.color(--box --press); 134 background-color: fn.color(--press);
135 }
136 }
137 }
138
139 @include iro.bem-modifier('box') {
140 @include iro.bem-elem('row') {
141 &:hover {
142 @include iro.bem-elem('cell') {
143 background-color: fn.color(--box --hover);
144 }
145 }
146
147 &:active {
148 @include iro.bem-elem('cell') {
149 background-color: fn.color(--box --press);
150 }
135 } 151 }
136 } 152 }
137 } 153 }