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

[TASK] Box-shadow variable

Browse Source
This commit is contained in:
Xaver Maierhofer 2016-05-29 17:39:56 +02:00
parent 575e784a5f
commit 7a988ea378
4 changed files with 29 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
scss/modules/_button.scss
View File

@ -21,22 +21,26 @@ button {
color: $color-primary; color: $color-primary;
} }
&.shadow { @if $shadows == 1 {
@include shadow(1); &.shadow {
@include shadow(1);
&:hover { &:hover {
@include shadow(2); @include shadow(2);
} }
&: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 rgba($color-black, .19), inset 0 3px 6px rgba($color-black, .23);
}
} }
} }
&.close { &.close {
background: none; background: none;
border-radius: 0; border-radius: 0;
box-shadow: none; @if $shadows == 1 {
box-shadow: none;
}
color: rgba($color-black, .5); color: rgba($color-black, .5);
float: right; float: right;
font-size: 20pt; font-size: 20pt;

11
scss/modules/_sidebar.scss
View File

@ -53,7 +53,11 @@
} }
.infobox, .container { .infobox, .container {
@include shadow(2); @if $shadows == 1 {
@include shadow(2);
} @else {
border-right: 1px solid darken($color-white, 10%);
}
background: rgba($color-white, .97); background: rgba($color-white, .97);
min-height: 100vh; min-height: 100vh;
overflow-y: visible; overflow-y: visible;
@ -66,7 +70,6 @@
} }
@media screen and (max-width: 80em) { @media screen and (max-width: 80em) {
@include shadow(2);
background: $color-white; background: $color-white;
font-size: .8em; font-size: .8em;
margin: 0; margin: 0;
@ -78,7 +81,9 @@
.container, .infobox { .container, .infobox {
border-radius: 0; border-radius: 0;
box-shadow: none; @if $shadows == 1 {
box-shadow: none;
}
margin: 0; margin: 0;
} }
} }

7
scss/modules/_tabs.scss
View File

@ -1,5 +1,10 @@
.tabs { .tabs {
@include shadow(1); @if $shadows == 1 {
@include shadow(1);
} @else {
border: solid darken($color-white, 10%);
border-width: 1px 0;
}
background: rgba($color-black, .02); background: rgba($color-black, .02);
display: flex; display: flex;
font-family: $font-family; font-family: $font-family;

3
scss/modules/_variables.scss
View File

@ -20,3 +20,6 @@ $minscreenwidth: 630pt !default;
$sidebarwidth: 420pt !default; $sidebarwidth: 420pt !default;
$sidebarwidthsmall: 320pt !default; $sidebarwidthsmall: 320pt !default;
$buttondistance: 12pt !default; $buttondistance: 12pt !default;
// En/disable box-shadows
$shadows: 1 !default;