ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2026-01-03 12:00:00 +00:00
Code Issues Projects Releases Wiki Activity

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

23
src/styles/_modal.scss
View File

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

1
src/styles/index.scss
View File

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