Freifunk-Troisdorf/meshviewer
5
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[TASK] Activate sass no-color-literals

Browse Source
This commit is contained in:
Xaver Maierhofer 2016-06-01 21:21:21 +02:00
parent 35811e8824
commit 1c69363233
8 changed files with 15 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.sass-lint.yml
View File

@ -1,5 +1,4 @@
rules: rules:
no-color-literals: 0
single-line-per-selector: 0 single-line-per-selector: 0
# Allow for new prefixes like -webkit-tap-highlight-color or antialiasing # Allow for new prefixes like -webkit-tap-highlight-color or antialiasing
# Can maybe be enabled again with sass-lint 1.8 https://github.com/sasstools/sass-lint/pull/709 # Can maybe be enabled again with sass-lint 1.8 https://github.com/sasstools/sass-lint/pull/709

10
scss/mixins/_shadow.scss
View File

@ -1,14 +1,14 @@
// Original is in LESS and can be found here: https://gist.github.com/gefangenimnetz/3ef3e18364edf105c5af // Original is in LESS and can be found here: https://gist.github.com/gefangenimnetz/3ef3e18364edf105c5af
@mixin shadow($level: 1) { @mixin shadow($level: 1) {
@if $level == 1 { @if $level == 1 {
box-shadow: 0 1px 3px rgba($color-black, .12), 0 1px 2px rgba($color-black, .24); box-shadow: 0 1px 3px transparentize($color-black, .88), 0 1px 2px transparentize($color-black, .76);
} @else if $level == 2 { } @else if $level == 2 {
box-shadow: 0 3px 6px rgba($color-black, .16), 0 3px 6px rgba($color-black, .23); box-shadow: 0 3px 6px transparentize($color-black, .84), 0 3px 6px transparentize($color-black, .77);
} @else if $level == 3 { } @else if $level == 3 {
box-shadow: 0 10px 20px rgba($color-black, .19), 0 6px 6px rgba($color-black, .23); box-shadow: 0 10px 20px transparentize($color-black, .81), 0 6px 6px transparentize($color-black, .77);
} @else if $level == 4 { } @else if $level == 4 {
box-shadow: 0 14px 28px rgba($color-black, .25), 0 10px 10px rgba($color-black, .22); box-shadow: 0 14px 28px transparentize($color-black, .75), 0 10px 10px transparentize($color-black, .78);
} @else if $level == 5 { } @else if $level == 5 {
box-shadow: 0 19px 38px rgba($color-black, .3), 0 15px 12px rgba($color-black, .22); box-shadow: 0 19px 38px transparentize($color-black, .7), 0 15px 12px transparentize($color-black, .78);
} }
} }

2
scss/modules/_base.scss
View File

@ -7,7 +7,7 @@ body {
} }
header { header {
background: rgba($color-black, .02); background: transparentize($color-black, .98);
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {

4
scss/modules/_button.scss
View File

@ -30,7 +30,7 @@ button {
} }
&:active { &:active {
box-shadow: inset 0 5px 20px rgba($color-black, .19), inset 0 3px 6px rgba($color-black, .23); box-shadow: inset 0 5px 20px transparentize($color-black, .81), inset 0 3px 6px transparentize($color-black, .77);
} }
} }
} }
@ -41,7 +41,7 @@ button {
@if $shadows == 1 { @if $shadows == 1 {
box-shadow: none; box-shadow: none;
} }
color: rgba($color-black, .5); color: transparentize($color-black, .5);
float: right; float: right;
font-size: 20pt; font-size: 20pt;
height: auto; height: auto;

4
scss/modules/_leaflet-layer.scss
View File

@ -5,7 +5,7 @@
border-radius: 0; border-radius: 0;
box-shadow: none; box-shadow: none;
margin: 0; margin: 0;
opacity: .7; opacity: .8;
} }
} }
@ -33,7 +33,7 @@
} }
.leaflet-control-layers-list { .leaflet-control-layers-list {
background: rgba($color-white, .9); background: transparentize($color-white, .1);
color: $color-gray-dark; color: $color-gray-dark;
padding: 10px; padding: 10px;

4
scss/modules/_node.scss
View File

@ -1,11 +1,11 @@
.bar { .bar {
background: rgba($color-new, .5); background: transparentize($color-new, .5);
display: block; display: block;
height: 1.4em; height: 1.4em;
position: relative; position: relative;
span { span {
background: rgba($color-new, .8); background: transparentize($color-new, .92);
display: inline-block; display: inline-block;
height: 1.4em; height: 1.4em;
} }

2
scss/modules/_sidebar.scss
View File

@ -58,7 +58,7 @@
} @else { } @else {
border-right: 1px solid darken($color-white, 10%); border-right: 1px solid darken($color-white, 10%);
} }
background: rgba($color-white, .97); background: transparentize($color-white, .03);
min-height: 100vh; min-height: 100vh;
overflow-y: visible; overflow-y: visible;
} }

4
scss/modules/_tabs.scss
View File

@ -5,7 +5,7 @@
border: solid darken($color-white, 10%); border: solid darken($color-white, 10%);
border-width: 1px 0; border-width: 1px 0;
} }
background: rgba($color-black, .02); background: transparentize($color-black, .98);
display: flex; display: flex;
font-family: $font-family-secondary; font-family: $font-family-secondary;
list-style: none; list-style: none;
@ -13,7 +13,7 @@
padding: 0; padding: 0;
li { li {
color: rgba($color-black, .5); color: transparentize($color-black, .5);
cursor: pointer; cursor: pointer;
flex: 1 1 auto; flex: 1 1 auto;
padding: 1.3em .5em 1em; padding: 1.3em .5em 1em;