secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Refining fonts and colours

Browse Source
This commit is contained in:
James Barnsley
2017-07-24 06:03:09 +12:00
parent 396aec1a49
commit bde12b7673
16 changed files with 57 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/scss/components/_dragger.scss
View File

@ -28,7 +28,7 @@
width: 100%;
height: 100%;
z-index: 98;
background: $off_white;
background: darken($dark_grey, 1%);
.dropzone {
@include animate();

6
src/scss/components/_dropdown-field.scss
View File

@ -46,9 +46,9 @@
background: $white;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 6px solid $mid_grey;
border-left: 5px solid $darkest_grey;
border-right: 5px solid $darkest_grey;
border-bottom: 6px solid $white;
}
.option {

2
src/scss/components/_grid.scss
View File

@ -94,7 +94,7 @@
}
&:not(.mini){
.grid-item {
@include grid_item( 5 )
@include grid_item( 4 )
}
}
}

15
src/scss/components/_header.scss
View File

@ -39,7 +39,7 @@ main {
padding: 13px 10px;
margin: 0;
min-width: 0;
color: $black;
color: $white;
&:hover {
color: $blue;
@ -57,20 +57,7 @@ main {
top: 0;
left: 0;
width: 100%;
color: $white;
z-index: 95;
.icon {
-webkit-filter: invert(1);
-moz-filter: invert(1);
filter: invert(1);
}
.context-menu-trigger {
.dot {
background: $white;
}
}
}
@include responsive( $bp_medium ){

14
src/scss/components/_images.scss
View File

@ -76,9 +76,9 @@
z-index: 9;
pointer-events: none;
background: -webkit-linear-gradient(rgba(38,39,40,0), rgba(38,39,40,1));
background: -moz-linear-gradient(rgba(38,39,40,0), rgba(38,39,40,1));
background: -o-linear-gradient(rgba(38,39,40,0), rgba(38,39,40,1));
background: linear-gradient(rgba(38,39,40,0), rgba(38,39,40,1));
background: -moz-linear-gradient(rgba(38,39,40,0),rgba(38,39,40,1));
background: -o-linear-gradient(rgba(38,39,40,0),rgba(38,39,40,1));
background: linear-gradient(rgba(38,39,40,0),rgba(38,39,40,1));
}
canvas {
@ -90,7 +90,7 @@
left: -5%;
&.loaded {
opacity: 0.4;
opacity: 0.8;
}
}
@ -105,7 +105,7 @@
padding-bottom: 60px;
.tile {
color: $dark_grey;
color: $white;
text-align: center;
position: relative;
z-index: 1;
@ -133,7 +133,7 @@
margin-top: -27px;
font-size: 60px;
z-index: -1;
color: $faint_grey;
opacity: 0.1;
}
}
@ -142,7 +142,7 @@
display: block;
width: 100%;
padding-bottom: 100%;
background: $light_grey;
background: lighten($dark_grey,2%);
z-index: -2;
}

6
src/scss/components/_lists.scss
View File

@ -12,7 +12,7 @@
display: block;
position: relative;
padding: 12px 10px;
padding: 14px 10px;
margin: 0 -10px -1px -10px;
cursor: pointer;
border-radius: 3px;
@ -334,10 +334,10 @@
&.track-list {
.list-item.can-sort {
padding: 8px 30px 8px 78px !important;
padding-left: 78px !important;
}
.list-item:not(.can-sort){
padding: 8px 30px 8px 38px !important;
padding-left: 42px !important;
}
}
}

2
src/scss/components/_loader.scss
View File

@ -28,7 +28,7 @@
top: 0;
left: 0;
border: {
color: $darkest_grey;
color: lighten($dark_grey, 5%);
}
}

5
src/scss/components/_playback-controls.scss
View File

@ -5,8 +5,9 @@
bottom: 0;
right: 0;
left: 0;
height: 50px;
background: darken($darkest_grey, 5%);
height: 49px;
background: lighten($dark_grey, 3%);
border-top: 1px solid lighten($dark_grey, 8%);
color: $white;
.current-track {

10
src/scss/components/_sidebar-toggle-button.scss
View File

@ -6,7 +6,7 @@
left: 0;
padding: 18px;
z-index: 98;
color: #FFFFFF;
color: $white;
font-size: 18px;
cursor: pointer;
display: none;
@ -15,14 +15,6 @@
display: block;
}
header & {
color: $dark_grey;
}
header.overlay & {
color: $white;
}
&.open {
position: fixed;
top: 0;

6
src/scss/components/_sidebar.scss
View File

@ -30,10 +30,10 @@ aside{
line-height: 1em;
a {
@include feature_font();
@include gradient_overlay(3px);
font-weight: 800;
font-size: 15px;
font-family: "Overpass";
font-weight: 500;
font-size: 14px;
color: $white;
text-decoration: none;
display: block;