maputnik/src/styles/_toolbar.scss
Alberto Valverde 32b18e9141
Configurable toolbar top offset.
For facilitate embeding in other apps.
2017-01-26 20:43:06 +01:00

57 lines
927 B
SCSS

// TOOLBAR
.maputnik-toolbar {
position: fixed;
height: $toolbar-height;
width: 100%;
z-index: 100;
left: 0;
top: $toolbar-offset;
background-color: $color-black;
}
.maputnik-toolbar-logo {
width: 180px;
text-align: left;
background-color: $color-black;
padding: $margin-2;
height: $toolbar-height;
h1 {
display: inline;
}
img {
width: 30px;
height: 30px;
padding-right: $margin-2;
vertical-align: middle;
}
}
.maputnik-toolbar-link {
vertical-align: top;
height: $toolbar-height;
display: inline-block;
padding: $margin-3;
font-size: $font-size-5;
cursor: pointer;
color: $color-white;
text-decoration: none;
&:hover {
background-color: $color-midgray;
}
}
.maputnik-toolbar-action {
@extend .maputnik-toolbar-link;
}
.maputnik-icon-text {
padding-left: $margin-1;
}
.maputnik-icon-action {
display: inline;
margin-left: $margin-1;
}