git.s-ol.nu isomorphic-kb-explorer / a0ad5d6
simpler key styling s-ol 4 months ago
1 changed file(s) with 10 addition(s) and 17 deletion(s). Raw diff Collapse all Expand all
7878
7979 .hexagon {
8080 position: absolute;
81 width: ${rem(sizeA)};
82 height: ${rem(sizeB)};
83 }
84
85 .col-major .hexagon {
86 width: ${rem(sizeB)};
87 height: ${rem(sizeA)};
88 }
89
90 .hexagon > .inner {
91 margin: auto;
9281 width: ${rem(longSize * 1.4)};
9382 height: ${rem(longSize * 1.4)};
94 padding: ${rem(longSize * 0.4)};
9583 border-radius: ${rem(longSize)};
84
9685 box-sizing: border-box;
9786 font-size: ${rem(longSize * 0.5)};
9887 text-align: center;
10190 color: #eeeeee;
10291 cursor: pointer;
10392
93 display: flex;
94 justify-content: center;
95 align-items: center;
96
10497 transition: background 300ms, border 300ms;
10598 }
10699
107 .hexagon.disabled > .inner {
100 .hexagon.disabled {
108101 background: #363636 !important;
109102 border-color: #363636;
110103 color: #848484;
111104 }
112 .hexagon.core> .inner {
105 .hexagon.core > .inner {
113106 border-color: #eeeeee;
114107 }
115108
116 .hexagon > .inner:hover {
109 .hexagon:hover {
117110 background: #848484;
118111 border-color: #848484;
119112 }
120 .hexagon > .inner:active,
121 .hexagon.active > .inner {
113 .hexagon:active,
114 .hexagon.active {
122115 background: #eeeeee;
123116 border-color: #eeeeee;
124117 color: #696969;