chore: use map/layout to import layout from theme-default

This commit is contained in:
joneff 2017-02-06 11:07:21 +02:00
Родитель 17577dacf9
Коммит 7f94a0b6f7
2 изменённых файлов: 2 добавлений и 124 удалений

Просмотреть файл

@ -10,5 +10,5 @@
// Component
@import "../node_modules/@progress/kendo-theme-default/scss/map/layout";
@import "map/layout";
@import "map/theme";

Просмотреть файл

@ -1,123 +1 @@
@include exports("map/layout") {
// Layout
.k-map {
height: 600px;
// Scroll wrap
.k-scroll-wrapper {
width: 100%;
height: 100%;
user-select: none;
position: absolute;
}
.k-touch-scrollbar { display: none; }
// Layers
.k-layer {
position: absolute;
left: 0;
top: 0;
}
// Marker
.k-marker {
margin: -40px 0 0 -14px;
width: 28px;
height: 40px;
cursor: pointer;
position: absolute;
background: green;
}
// Attribution
.k-attribution {
padding: $padding-y-sm $padding-x-sm;
font-size: $font-size-sm * .75;
background-color: rgba( $panel-bg, .8);
z-index: 1000;
}
}
// Controls
.k-map-controls {
position: absolute;
display: flex;
align-items: center;
}
.k-pos-top { top: 0; }
.k-pos-bottom { bottom: 0; }
.k-pos-left { left: 0; }
.k-pos-right { right: 0; }
// Navigator
.k-navigator {
margin: $spacer-x;
width: 3.25em;
height: 3.25em;
border-radius: 80px;
position: relative;
.k-pdf-export & { display: none; }
// Buttons
button {
border-color: transparent;
background: none;
}
.k-button {
margin: 0;
padding: 0;
border-radius: 100%;
line-height: 1;
position: absolute;
}
.k-navigator-n {
margin-left: calc( -#{$font-size/2} - 1px);
top: 2px;
left: 50%;
}
.k-navigator-e {
margin-top: calc( -#{$font-size/2} - 1px);
right: 2px;
top: 50%;
}
.k-navigator-s {
margin-left: calc( -#{$font-size/2} - 1px);
bottom: 2px;
left: 50%;
}
.k-navigator-w {
margin-top: calc( -#{$font-size/2} - 1px);
left: 2px;
top: 50%;
}
}
// Zoom control
.k-zoom-control {
margin: $spacer-x;
border: 0;
background: none;
display: flex;
.k-pdf-export & { display: none; }
// Buttons
.k-button {
padding: $button-padding-y;
}
}
.k-buttons-horizontal {}
.k-buttons-vertical {
flex-direction: vertical;
}
}
@import "../../node_modules/@progress/kendo-theme-default/scss/map/layout";