franzz/spot
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Rounded legend tracks

Browse Source
This commit is contained in:
Franzz
2019-10-13 11:22:22 +02:00
parent 5addf8717b
commit df82b27d80
5 changed files with 28 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
style/_mask_project.scss
View File

@@ -140,27 +140,29 @@ $legend-color: #222;
}
#legend {
.line {
display: block;
border-left: 2em solid;
line-height: 4px;
padding-left: 0.5em;
margin: 1em 1em 0.5em;
font-size: 1em;
color: $legend-color;
&:first-child {
margin-top: 0.5em;
.track {
.line {
width: 2em;
height: 4px;
display: inline-block;
border-radius: 2px;
vertical-align: middle;
&.main {
background-color: $track-main-color;
}
&.off-track {
background-color: $track-off-track-color;
}
&.hitchhiking {
background-color: $track-hitchhiking-color;
}
}
&.main {
border-color: $track-main-color;
}
&.off-track {
border-color: $track-off-track-color;
}
&.hitchhiking {
border-color: $track-hitchhiking-color;
.desc {
font-size: 1em;
margin-left: 0.5em;
color: $legend-color;
}
}
}

2
style/scss.bat
View File

@@ -1 +1 @@
sass --unix-newline -l --style=compressed --watch spot.scss:spot.css
sass --style=compressed --watch spot.scss:spot.css

3
style/spot.css
View File

File diff suppressed because one or more lines are too long

8
style/spot.css.map
View File

File diff suppressed because one or more lines are too long