Experimenting with colour options

This commit is contained in:
James Barnsley
2017-07-23 10:15:02 +12:00
parent d38a2c9934
commit 396aec1a49
12 changed files with 61 additions and 57 deletions

View File

@ -16,17 +16,16 @@
margin: 0 -10px -1px -10px;
cursor: pointer;
border-radius: 3px;
border-bottom: 1px solid #FAFAFA;
border-top: 1px solid #FAFAFA;
border-bottom: 1px solid rgba(255,255,255,0.05);
border-top: 1px solid rgba(255,255,255,0.05);
&.selected {
background: $yellow !important;
border-color: darken($yellow,10%);
background: rgba(255,255,255,0.08) !important;
.select-zone {
&::after {
background: $dark_grey;
border-color: $dark_grey;
background: $blue;
border-color: $blue;
}
}
}
@ -41,13 +40,13 @@
}
:root .notouch:not(.dragging) &:not(.header):not(.no-click).hover {
background: lighten($yellow, 10%);
background: rgba(255,255,255,0.03);
cursor: pointer;
}
&.header {
font-size: 10px;
color: #CCCCCC;
color: $grey;
text-transform: uppercase;
border-top: 0;
padding-bottom: 2px;
@ -205,7 +204,7 @@
a.artist:hover {
.thumbnail {
border-color: $turquoise;
opacity: 0.8;
opacity: 1;
}
}
}
@ -241,7 +240,7 @@
&:after {
display: block;
content: '';
border: 1px solid $darkest_grey;
border: 1px solid $mid_grey;
border-radius: 50%;
width: 14px;
height: 14px;
@ -259,6 +258,7 @@
width: 38px;
font-size: 14px;
display: block;
color: $mid_grey;
.fa {
position: absolute;