Terncode/pixel.horse
1
0
Fork 0
mirror of https://github.com/Terncode/pixel.horse.git synced 2026-09-25 06:05:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

Archive commit

Browse Source
This commit is contained in:
Erik McClure
2019-08-28 21:15:02 -07:00
commit 735845746e
1435 changed files with 140724 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/ts/components/tools/tools-states/tools-states.scss
+57
View File
@@ -0,0 +1,57 @@
$state-size: 100px;
$time-size: 20px;
.state-item-container {
position: relative;
> svg {
position: relative;
z-index: 1;
}
}
.state-item {
position: absolute;
width: 1px;
height: 1px;
cursor: pointer;
> div {
position: absolute;
left: -$state-size / 2;
top: -$state-size / 2;
width: $state-size;
height: $state-size;
background: gray;
border-radius: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 5px #000;
}
}
.state-item-time{
position: absolute;
width: 1px;
height: 1px;
font-size: 10px;
font-weight: bold;
color: black;
z-index: 2;
> div {
position: absolute;
left: -$time-size / 2;
top: -$time-size / 2;
width: $time-size;
height: $time-size;
background: gray;
border-radius: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
}