franzz/spot
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

reorganize leaflet plugin css

Browse Source
This commit is contained in:
Franzz
2019-02-21 21:33:21 +01:00
parent a5bcfa25aa
commit 43f0d99bc4
5 changed files with 43 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
style/_leaflet.scss
View File

@@ -1,5 +1,39 @@
@import 'leaflet/leaflet'; $theme : "spot-theme";
$base-color : #CCC;
$highlight-color : #FFF;
$background : rgba($base-color, 0.2);
$drag-color : rgba($highlight-color, 0.2);
$axis-color : darken($base-color,20%);
$stroke-color : darken($base-color,40%);
$stroke-width-mouse-focus : 1;
$stroke-width-height-focus: 2;
$stroke-width-axis : 2;
@import 'leaflet/leaflet';
@import 'leaflet/leaflet_elevation';
/* Leaflet fixes */
.leaflet-container { .leaflet-container {
background: none; background: none;
} }
/* Leaflet Elevation fixes */
.#{$theme} {
&.height-focus,
&.height-focus.line,
&.height-focus-label,
&.leaflet-control.elevation .area {
@include drop-shadow(0.6);
}
&.leaflet-control.elevation-collapsed {
.background {
display: none;
}
.elevation-toggle {
@extend .control-icon;
@extend .fa-elevation;
}
}
}

25
style/_leaflet_elevation.scss → style/leaflet/_leaflet_elevation.scss
View File

@@ -1,14 +1,3 @@
$theme : "spot-theme";
$base-color : #CCC;
$highlight-color : #FFF;
$background : rgba($base-color, 0.2);
$drag-color : rgba($highlight-color, 0.2);
$axis-color : darken($base-color,20%);
$stroke-color : darken($base-color,40%);
$stroke-width-mouse-focus : 1;
$stroke-width-height-focus: 2;
$stroke-width-axis : 2;
.#{$theme}.leaflet-control.elevation { .#{$theme}.leaflet-control.elevation {
.background { .background {
@@ -52,33 +41,19 @@ $stroke-width-axis : 2;
} }
} }
.#{$theme}.leaflet-control.elevation-collapsed {
.background {
display: none;
}
.elevation-toggle {
@extend .control-icon;
@extend .fa-elevation;
}
}
.#{$theme}.height-focus{ .#{$theme}.height-focus{
stroke: $base-color; stroke: $base-color;
fill: $base-color; fill: $base-color;
@include drop-shadow(0.6);
} }
.#{$theme}.height-focus.line{ .#{$theme}.height-focus.line{
pointer-events: none; pointer-events: none;
stroke-width: $stroke-width-height-focus; stroke-width: $stroke-width-height-focus;
@include drop-shadow(0.6);
} }
.#{$theme}.height-focus-label{ .#{$theme}.height-focus-label{
text-anchor: middle; text-anchor: middle;
fill: $base-color; fill: $base-color;
@include drop-shadow(0.6);
} }
.#{$theme}.height-focus.circle-lower { .#{$theme}.height-focus.circle-lower {

2
style/spot.css
View File

File diff suppressed because one or more lines are too long

4
style/spot.css.map
View File

File diff suppressed because one or more lines are too long

7
style/spot.scss
View File

@@ -1,13 +1,12 @@
/* Site Global CSS */
@import 'common';
/* Modules */ /* Modules */
@import 'fa'; @import 'fa';
@import 'lightbox'; @import 'lightbox';
@import 'simplebar'; @import 'simplebar';
@import 'leaflet'; @import 'leaflet';
/* Site Global CSS */
@import 'common';
@import 'leaflet_elevation';
/* Pages Specific CSS (masks) */ /* Pages Specific CSS (masks) */
@import 'mask_project'; @import 'mask_project';
@import 'mask_upload'; @import 'mask_upload';