ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2026-08-02 11:17:26 +00:00
Code Issues Projects Releases Wiki Activity

Add stylelint and fix lint issues

Browse Source
This commit is contained in:
Lukas Martinelli
2017-01-12 11:23:06 +01:00
parent 93c7f323fc
commit 69f2e12ea0
16 changed files with 133 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/_layer.scss
+16 -27
View File
@@ -1,13 +1,9 @@
// LAYER LIST
.maputnik-add-layer {
}
.maputnik-layer-list {
&-header{
&-header {
padding: $margin-2;
display: flex;
display: -ms-flexbox;
@include vendor-prefix(flex-direction, row)
@include flex-row;
> * {
vertical-align: middle;
@@ -32,7 +28,7 @@
font-weight: 400;
color: $color-lowgray;
font-size: $font-size-6;
border-width: 0px 0px 1px;
border-width: 0 0 1px;
border-style: solid;
border-color: lighten($color-black, 0.1);
user-select: none;
@@ -43,24 +39,24 @@
padding: 5px 10px;
line-height: 1.3;
max-height: 50px;
display: flex;
display: -ms-flexbox;
@include vendor-prefix(flex-direction, row);
opacity: 1;
opacity: 1;
-webkit-transition: opacity 600ms, visibility 600ms;
transition: opacity 600ms, visibility 600ms;
@include flex-row;
}
&-icon-action svg {
fill: $color-black;
}
.maputnik-layer-list-item:hover, .maputnik-layer-list-item-selected {
.maputnik-layer-list-item:hover,
.maputnik-layer-list-item-selected {
background-color: lighten($color-black, 2);
.maputnik-layer-list-icon-action svg {
fill: darken($color-lowgray, 0.5);
&:hover {
fill: $color-white;
}
@@ -73,9 +69,9 @@
&-item-collapsed {
position: absolute;
max-height: 0px;
max-height: 0;
overflow: hidden;
padding: 0px;
padding: 0;
opacity: 0;
visibility: hidden;
}
@@ -91,10 +87,6 @@
text-overflow: ellipsis;
}
&-group {
//border-bottom: 2px solid $color-gray;
}
&-group-header {
font-size: $font-size-6;
color: $color-lowgray;
@@ -102,9 +94,8 @@
cursor: pointer;
user-select: none;
padding: $margin-2;
display: flex;
display: -ms-flexbox;
@include vendor-prefix(flex-direction, row)
@include flex-row;
svg {
width: 14px;
@@ -121,7 +112,6 @@
}
}
// FILTER EDITOR
.maputnik-layer-editor-group {
font-weight: bold;
@@ -131,11 +121,10 @@
cursor: pointer;
user-select: none;
padding: $margin-2;
display: flex;
display: -ms-flexbox;
@include vendor-prefix(flex-direction, row)
line-height: 20px;
@include flex-row;
&:hover {
background-color: $color-gray;
}