refactor: outlines

This commit is contained in:
cha0s 2022-05-08 16:22:07 -05:00
parent ab615a4c7a
commit 5ad35f48b9

View File

@ -9,7 +9,7 @@
.number {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #ffffff 0%, #eee 20%, #eee 80%, #777 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #eee 20%, #eee 70%, #aaa 100%);
border: 3px solid black;
border-radius: 5px;
box-shadow: inset 0 0 5px black;
@ -24,10 +24,21 @@
width: 160px;
}
.number::after {
border: 3px solid white;
border-radius: 5px;
content: '';
height: calc(100% + 6px);
left: -6px;
position: absolute;
top: -6px;
width: calc(100% + 6px);
}
.sign {
background-color: #fff;
border: 3px solid black;
border-radius: 40px;
border-radius: 50px;
box-shadow: inset 0 0 3px black;
color: gold;
display: inline-block;
@ -46,6 +57,18 @@
z-index: 10;
}
.sign::after {
border: 4px solid white;
border-radius: 60px;
box-sizing: content-box;
content: '';
height: calc(100% + 6px);
left: -7px;
position: absolute;
top: -7px;
width: calc(100% + 6px);
}
.signText {
left: 0px;
position: relative;