Colours map; Commands interface

This commit is contained in:
James Barnsley
2018-10-13 14:28:46 +13:00
parent 49aa6df033
commit 11f21e252b
46 changed files with 11478 additions and 14382 deletions

View File

@ -15,7 +15,7 @@
width: 190px;
box-shadow: 2px 3px 6px rgba(0,0,0,0.2);
border-radius: 3px;
background: $grey;
background: colour(grey);
font-size: 14px;
font-weight: 500;
font-family: "Overpass";
@ -28,7 +28,7 @@
position: relative;
overflow: hidden;
text-decoration: none;
background: $darkest_grey;
background: colour(darkest_grey);
.background {
@include blur(5px);
@ -83,7 +83,7 @@
padding: 9px 12px 8px;
box-sizing: border-box;
position: relative;
color: $white;
color: colour(white);
.notouch &:hover {
&:before {
@ -92,8 +92,8 @@
}
.notouch &:active {
background: $black;
color: $white;
background: colour(black);
color: colour(white);
}
}
@ -119,7 +119,7 @@
width: 0;
height: 100%;
overflow-y: scroll;
background: lighten($grey, 10%);
background: lighten(colour(grey), 10%);
z-index: 3;
border-radius: 3px;
@ -139,7 +139,7 @@
width: 100%;
&.close-submenu {
color: $mid_grey;
color: colour(mid_grey);
}
}
}
@ -149,7 +149,7 @@
height: 1px;
padding: 0;
margin: 0;
background: lighten($grey, 5%);
background: lighten(colour(grey), 5%);
}
& > span {
@ -170,7 +170,7 @@
text-transform: none;
font-weight: 300;
color: inherit;
border-bottom: 1px solid lighten($grey, 5%) !important;
border-bottom: 1px solid lighten(colour(grey), 5%) !important;
.icon,
.icon {
@ -178,7 +178,7 @@
}
.notouch &:hover {
background: lighten($dark_grey, 5%);
background: lighten(colour(dark_grey), 5%);
}
}
@ -211,7 +211,7 @@
& > .liner {
background: transparent;
color: $white !important;
color: colour(white) !important;
margin: -3px -5px;
&:before {
@ -223,7 +223,7 @@
padding: 3px 5px;
border-radius: 0;
opacity: 0.6;
color: $white !important;
color: colour(white) !important;
&:before {
display: none !important;
@ -257,7 +257,7 @@
right: 0;
bottom: 0;
left: 0;
background: $overlay_dark;
background: colour(overlay_dark);
z-index: 1;
}
@ -279,13 +279,13 @@
& > span {
button,
.button {
color: $white;
color: colour(white);
font-weight: 800;
background: transparent;
}
.dropdown-field {
color: $white;
color: colour(white);
}
}
@ -315,7 +315,7 @@
&:hover {
cursor: pointer;
color: $blue !important;
color: colour(blue) !important;
}
}