freifunk/hopglass
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

scss: refactor box shadows

Browse source
This commit is contained in:
Nils Schneider 2015-07-06 23:00:11 +02:00
commit d17d6c881e
2 changed files with 25 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

11
scss/main.scss
View file

@ -1,4 +1,5 @@
@import '_reset';
@import '_shadow';
@import '_base';
@import '_leaflet';
@import '_leaflet.label';
@ -40,7 +41,7 @@ $buttondistance: 12pt;
display: flex;
font-family: Roboto;
background: rgba(0, 0, 0, 0.02);
box-shadow: 0px 0.5px 3px rgba(0, 0, 0, 0.16), 0px 0.5px 2px rgba(0, 0, 0, 0.24);
@include shadow(1);
}
.tabs li {
@ -121,7 +122,7 @@ table.attributes td {
.sidebar {
.infobox, .container {
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.19), 0px 3px 6px rgba(0, 0, 0, 0.23);
@include shadow(2);
background: rgba(255, 255, 255, 0.9);
border-radius: 2px;
}
@ -155,7 +156,7 @@ table.attributes td {
button {
-webkit-tap-highlight-color: transparent;
font-family: "ionicons";
box-shadow: 0px 0.5px 3px rgba(0, 0, 0, 0.16), 0px 0.5px 2px rgba(0, 0, 0, 0.24);
@include shadow(1);
border-radius: 0.9em;
background: rgba(255, 255, 255, 0.7);
border: none;
@ -174,7 +175,7 @@ button.active {
button:hover {
background: white;
color: #dc0067;
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.19), 0px 3px 6px rgba(0, 0, 0, 0.23);
@include shadow(2);
}
button:active {
@ -357,7 +358,7 @@ table {
margin: 0pt;
width: $sidebarwidthsmall;
min-height: 100vh;
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.19), 0px 3px 6px rgba(0, 0, 0, 0.23);
@include shadow(2);
background: white;
.sidebarhandle {