Commit a0ad5d6a93b4ce4cbecba856a8af65a06dc09944 - isomorphic-kb-explorer

simpler key styling s-ol 1 year, 1 day ago

1 changed file(s) with 10 addition(s) and 17 deletion(s). Raw diff Collapse all Expand all

+10

-17

app/style.js less more

78	78
79	79	.hexagon {
80	80	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;
92	81	width: ${rem(longSize * 1.4)};
93	82	height: ${rem(longSize * 1.4)};
94		padding: ${rem(longSize * 0.4)};
95	83	border-radius: ${rem(longSize)};
	84
96	85	box-sizing: border-box;
97	86	font-size: ${rem(longSize * 0.5)};
98	87	text-align: center;

101	90	color: #eeeeee;
102	91	cursor: pointer;
103	92
	93	display: flex;
	94	justify-content: center;
	95	align-items: center;
	96
104	97	transition: background 300ms, border 300ms;
105	98	}
106	99
107		.hexagon.disabled > .inner {
	100	.hexagon.disabled {
108	101	background: #363636 !important;
109	102	border-color: #363636;
110	103	color: #848484;
111	104	}
112		.hexagon.core> .inner {
	105	.hexagon.core > .inner {
113	106	border-color: #eeeeee;
114	107	}
115	108
116		.hexagon > .inner:hover {
	109	.hexagon:hover {
117	110	background: #848484;
118	111	border-color: #848484;
119	112	}
120		.hexagon > .inner:active,
121		.hexagon.active > .inner {
	113	.hexagon:active,
	114	.hexagon.active {
122	115	background: #eeeeee;
123	116	border-color: #eeeeee;
124	117	color: #696969;