schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2024-12-28 00:55:27 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add vendor prefixes

Browse source
This commit is contained in:
Lukas Martinelli 2017-01-11 16:20:10 +01:00
parent 196d9f0a10
commit 82da251218
3 changed files with 21 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/styles/_layer.scss
View file

@ -9,7 +9,8 @@
font-size: $font-size-5; font-size: $font-size-5;
color: $color-lowgray; color: $color-lowgray;
display: flex; display: flex;
flex-direction: row; display: -ms-flexbox;
@include vendor-prefix(flex-direction, row)
> * { > * {
vertical-align: middle; vertical-align: middle;
@ -39,7 +40,8 @@
background-color: $color-black; background-color: $color-black;
line-height: 1.3; line-height: 1.3;
display: flex; display: flex;
flex-direction: row; display: -ms-flexbox;
@include vendor-prefix(flex-direction, row)
} }
&-icon-action svg { &-icon-action svg {
@ -80,7 +82,8 @@
user-select: none; user-select: none;
padding: $margin-2; padding: $margin-2;
display: flex; display: flex;
flex-direction: row; display: -ms-flexbox;
@include vendor-prefix(flex-direction, row)
line-height: 20px; line-height: 20px;
&:hover { &:hover {

23
src/styles/_modal.scss
View file

@ -13,7 +13,8 @@
.maputnik-modal-header { .maputnik-modal-header {
background-color: $color-gray; background-color: $color-gray;
display: flex; display: flex;
flex-direction: row; display: -ms-flexbox;
@include vendor-prefix(flex-direction, row)
padding: $margin-3; padding: $margin-3;
} }
.maputnik-modal-header-title { .maputnik-modal-header-title {
@ -50,8 +51,9 @@
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
position: fixed; position: fixed;
display: -ms-flexbox;
display: flex; display: flex;
flex-direction: column; @include vendor-prefix(flex-direction, column)
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
@ -81,7 +83,8 @@
} }
.maputnik-public-style-header { .maputnik-public-style-header {
display: flex; display: flex;
flex-direction: row; display: -ms-flexbox;
@include vendor-prefix(flex-direction, row)
} }
.maputnik-public-style-thumbnail { .maputnik-public-style-thumbnail {
@ -119,7 +122,8 @@
font-size: $font-size-5; font-size: $font-size-5;
color: $color-lowgray; color: $color-lowgray;
display: flex; display: flex;
flex-direction: row; display: -ms-flexbox;
@include vendor-prefix(flex-direction, row)
background-color: transparent; background-color: transparent;
} }
@ -135,11 +139,12 @@
min-width: 500px; min-width: 500px;
} }
.maputnik-active-source-type-editor-header { .maputnik-active-source-type-editor-header {
background-color: $color-gray; background-color: $color-gray;
color: $color-lowgray; color: $color-lowgray;
padding: $margin-2; padding: $margin-2;
display: flex; display: flex;
flex-direction: row; display: -ms-flexbox;
@include vendor-prefix(flex-direction, row)
} }
.maputnik-active-source-type-editor-header-id { .maputnik-active-source-type-editor-header-id {
font-weight: 700; font-weight: 700;

1
src/styles/index.scss
View file

@ -19,6 +19,7 @@ $font-family: Roboto, sans-serif;
$toolbar-height: 40px; $toolbar-height: 40px;
@import 'mixins';
@import 'reset'; @import 'reset';
@import 'base'; @import 'base';