From 6f50cc0562b15ce188986869cefb67f1d9675042 Mon Sep 17 00:00:00 2001 From: Justin Date: Thu, 14 Nov 2019 18:13:10 -0800 Subject: [PATCH] fix: css for all samples with correct imports --- build/extract_css.sh | 40 +++++++++++ package.json | 2 +- samples/aerial-rotation/src/style.scss | 2 + samples/aerial-simple/src/style.scss | 1 + samples/circle-simple/src/style.scss | 1 + samples/conserve-map-on-scroll/src/style.scss | 1 + .../control-bounds-restriction/src/style.scss | 1 + samples/control-custom-state/src/style.scss | 2 + samples/control-custom/src/style.scss | 1 + samples/control-default/src/style.scss | 1 + samples/control-disableUI/src/style.scss | 1 + samples/control-options/src/style.scss | 1 + samples/control-positioning/src/style.scss | 1 + samples/control-replacement/src/style.scss | 1 + samples/control-simple/src/style.scss | 1 + samples/controls-basic-map/src/style.scss | 1 + samples/custom-markers/src/style.scss | 1 + samples/delete-vertex-menu/src/style.scss | 2 + samples/directions-complex/src/style.scss | 3 + samples/directions-draggable/src/style.scss | 2 + samples/directions-panel/src/style.scss | 4 ++ samples/directions-simple/src/style.scss | 2 + .../directions-travel-modes/src/style.scss | 2 + samples/directions-waypoints/src/style.scss | 2 + samples/disable-zoom-and-pan/src/style.scss | 1 + samples/distance-matrix/src/style.scss | 2 + samples/drawing-tools/src/style.scss | 1 + samples/earthquake_circles/src/style.scss | 1 + samples/earthquake_heatmap/src/style.scss | 1 + .../src/style.scss | 1 + samples/earthquake_markers/src/style.scss | 1 + samples/elevation-paths/src/style.scss | 1 + samples/elevation-simple/src/style.scss | 1 + samples/event-arguments/src/style.scss | 1 + samples/event-closure/src/style.scss | 1 + samples/event-domListener/src/style.scss | 1 + samples/event-poi/src/style.scss | 1 + samples/event-properties/src/style.scss | 1 + samples/event-simple/src/style.scss | 1 + .../src/style.scss | 2 + samples/geocoding-place-id/src/style.scss | 3 + samples/geocoding-reverse/src/style.scss | 3 + samples/geocoding-simple/src/style.scss | 2 + samples/geometry-encodings/src/style.scss | 2 + samples/geometry-headings/src/style.scss | 2 + samples/groundoverlay-simple/src/style.scss | 1 + samples/hiding-features/src/style.scss | 2 + samples/icon-complex/src/style.scss | 1 + samples/icon-simple/src/style.scss | 1 + samples/infowindow-simple-max/src/style.scss | 1 + samples/infowindow-simple/src/style.scss | 1 + .../interaction-cooperative/src/style.scss | 1 + samples/layer-bicycling/src/style.scss | 1 + samples/layer-data-dragndrop/src/style.scss | 1 + samples/layer-data-dynamic/src/style.scss | 1 + samples/layer-data-event/src/style.scss | 2 + samples/layer-data-polygon/src/style.scss | 1 + samples/layer-data-quakes-red/src/style.scss | 1 + .../layer-data-quakes-simple/src/style.scss | 1 + samples/layer-data-quakes/src/style.scss | 1 + samples/layer-data-simple/src/style.scss | 1 + samples/layer-data-style/src/style.scss | 1 + samples/layer-georss/src/style.scss | 1 + samples/layer-heatmap/src/style.scss | 3 + samples/layer-kml-features/src/style.scss | 1 + samples/layer-kml/src/style.scss | 1 + samples/layer-traffic/src/style.scss | 1 + samples/layer-transit/src/style.scss | 1 + samples/legend/src/style.scss | 1 + samples/map-coordinates/src/style.scss | 1 + samples/map-geolocation/src/style.scss | 1 + samples/map-language/src/style.scss | 1 + samples/map-latlng-literal/src/style.scss | 1 + samples/map-projection-simple/src/style.scss | 2 + samples/map-puzzle/src/style.scss | 1 + samples/map-rtl/src/style.scss | 1 + samples/map-simple/src/style.scss | 1 + samples/map-sync/src/style.scss | 1 + samples/maptype-base/src/style.scss | 1 + samples/maptype-image-overlay/src/style.scss | 1 + samples/maptype-image/src/style.scss | 1 + samples/maptype-overlay/src/style.scss | 1 + samples/maptype-styled-simple/src/style.scss | 1 + .../src/style.scss | 3 + samples/marker-animations/src/style.scss | 1 + samples/marker-clustering/src/style.scss | 1 + samples/marker-labels/src/style.scss | 1 + samples/marker-remove/src/style.scss | 2 + samples/marker-simple/src/style.scss | 1 + samples/marker-symbol-custom/src/style.scss | 1 + .../marker-symbol-predefined/src/style.scss | 1 + samples/maxzoom-simple/src/style.scss | 1 + samples/overlay-hideshow/src/style.scss | 2 + samples/overlay-popup/src/style.scss | 1 + samples/overlay-remove/src/style.scss | 2 + samples/overlay-simple/src/style.scss | 1 + samples/overlay-symbol-animate/src/style.scss | 1 + samples/overlay-symbol-arrow/src/style.scss | 1 + samples/overlay-symbol-custom/src/style.scss | 1 + samples/overlay-symbol-dashed/src/style.scss | 1 + samples/place-details/src/style.scss | 1 + .../place-search-pagination/src/style.scss | 3 + samples/place-search/src/style.scss | 1 + .../src/style.scss | 1 + .../src/style.scss | 2 + .../src/style.scss | 2 + .../src/style.scss | 2 + samples/places-autocomplete/src/style.scss | 2 + samples/places-placeid-finder/src/style.scss | 2 + .../places-placeid-geocoder/src/style.scss | 2 + samples/places-queryprediction/src/style.scss | 2 + samples/places-searchbox/src/style.scss | 3 + samples/poly-containsLocation/src/style.scss | 1 + samples/polygon-arrays/src/style.scss | 1 + samples/polygon-autoclose/src/style.scss | 1 + samples/polygon-draggable/src/style.scss | 1 + samples/polygon-hole/src/style.scss | 1 + samples/polygon-simple/src/style.scss | 1 + samples/polyline-complex/src/style.scss | 1 + samples/polyline-remove/src/style.scss | 2 + samples/polyline-simple/src/style.scss | 1 + samples/rectangle-event/src/style.scss | 1 + samples/rectangle-simple/src/style.scss | 1 + samples/rectangle-zoom/src/style.scss | 1 + samples/streetview-controls/src/style.scss | 1 + .../streetview-custom-simple/src/style.scss | 1 + .../streetview-custom-tiles/src/style.scss | 1 + samples/streetview-embed/src/style.scss | 1 + samples/streetview-events/src/style.scss | 3 + samples/streetview-overlays/src/style.scss | 3 + samples/streetview-service/src/style.scss | 1 + samples/streetview-simple/src/style.scss | 1 + samples/style-array/src/style.scss | 1 + samples/style-selector/src/style.scss | 2 + samples/user-editable-shapes/src/style.scss | 1 + shared/scss/autocomplete-directions.scss | 40 +++++++++++ shared/scss/autocomplete.scss | 67 +++++++++++++++++++ shared/scss/custom-control-state.scss | 23 +++++++ shared/{ => scss}/default.scss | 4 +- shared/scss/floating-panel.scss | 13 ++++ shared/scss/right-panel.scss | 18 +++++ 141 files changed, 385 insertions(+), 3 deletions(-) create mode 100755 build/extract_css.sh create mode 100644 shared/scss/autocomplete-directions.scss create mode 100644 shared/scss/autocomplete.scss create mode 100644 shared/scss/custom-control-state.scss rename shared/{ => scss}/default.scss (54%) create mode 100644 shared/scss/floating-panel.scss create mode 100644 shared/scss/right-panel.scss diff --git a/build/extract_css.sh b/build/extract_css.sh new file mode 100755 index 0000000000..561f1a6044 --- /dev/null +++ b/build/extract_css.sh @@ -0,0 +1,40 @@ +#!/bin/bash + +set -euo pipefail + +files=`cat src/index.full.html | grep -oP '[a-zA-Z-_]*\\.css' | sed 's/css/scss/g'` + +skip="$LERNA_PACKAGE_NAME.scss" + +imports="" +count=0 + +for f in $files; do + if [ "$f" == "$skip" ]; + then + echo "skip $skip" + else + old=`echo $f | sed 's/scss/css/g'` + echo $old + # copy shared css + if [ -f "../../shared/scss/$f" ]; then + echo "skipping copy of $f" + else + mv /..[HIDDEN]../_css/${old} ../../shared/scss/${f} + fi + if [ $count == 0 ]; then + imports="@import '../../../shared/scss/${f}';\n" + else + imports="${imports}@import '../../../shared/scss/${f}';\n" + fi + count=$((count + 1)) + fi +done + +exit 0 + +head -n 17 src/style.scss > src/style.tmp.scss +echo -e $imports >> src/style.tmp.scss +sed -n "$((18))"',$p' src/style.scss >> src/style.tmp.scss + +mv src/style.tmp.scss src/style.scss \ No newline at end of file diff --git a/package.json b/package.json index f18ce7f014..7b69ccf827 100644 --- a/package.json +++ b/package.json @@ -28,7 +28,7 @@ "ci": "npm run lint && npm run test && npm build", "format": "npm run format:root && lerna run format", "format:dist": "lerna run format:dist", - "format:root": "sort-package-json && prettier *.json *.js shared/*.scss --write --loglevel error", + "format:root": "sort-package-json && prettier *.json *.js shared/**/*.scss --write --loglevel error", "lint": "lerna run lint", "package:defaults:merge": "lerna exec '../../build/merge_default_package.sh'", "serve": "node serve.js", diff --git a/samples/aerial-rotation/src/style.scss b/samples/aerial-rotation/src/style.scss index 0d14f83c6e..b83344ccf0 100644 --- a/samples/aerial-rotation/src/style.scss +++ b/samples/aerial-rotation/src/style.scss @@ -15,5 +15,7 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; /*! [END css] */ diff --git a/samples/aerial-simple/src/style.scss b/samples/aerial-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/aerial-simple/src/style.scss +++ b/samples/aerial-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/circle-simple/src/style.scss b/samples/circle-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/circle-simple/src/style.scss +++ b/samples/circle-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/conserve-map-on-scroll/src/style.scss b/samples/conserve-map-on-scroll/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/conserve-map-on-scroll/src/style.scss +++ b/samples/conserve-map-on-scroll/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/control-bounds-restriction/src/style.scss b/samples/control-bounds-restriction/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/control-bounds-restriction/src/style.scss +++ b/samples/control-bounds-restriction/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/control-custom-state/src/style.scss b/samples/control-custom-state/src/style.scss index 0d14f83c6e..961f32ea72 100644 --- a/samples/control-custom-state/src/style.scss +++ b/samples/control-custom-state/src/style.scss @@ -15,5 +15,7 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/custom-control-state.scss"; /*! [END css] */ diff --git a/samples/control-custom/src/style.scss b/samples/control-custom/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/control-custom/src/style.scss +++ b/samples/control-custom/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/control-default/src/style.scss b/samples/control-default/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/control-default/src/style.scss +++ b/samples/control-default/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/control-disableUI/src/style.scss b/samples/control-disableUI/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/control-disableUI/src/style.scss +++ b/samples/control-disableUI/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/control-options/src/style.scss b/samples/control-options/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/control-options/src/style.scss +++ b/samples/control-options/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/control-positioning/src/style.scss b/samples/control-positioning/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/control-positioning/src/style.scss +++ b/samples/control-positioning/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/control-replacement/src/style.scss b/samples/control-replacement/src/style.scss index 6e22a2231b..3ee74ab5c0 100644 --- a/samples/control-replacement/src/style.scss +++ b/samples/control-replacement/src/style.scss @@ -15,6 +15,7 @@ */ /* [START css] */ + /* Always set the map height explicitly to define the size of the div * element that contains the map. */ #map { diff --git a/samples/control-simple/src/style.scss b/samples/control-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/control-simple/src/style.scss +++ b/samples/control-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/controls-basic-map/src/style.scss b/samples/controls-basic-map/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/controls-basic-map/src/style.scss +++ b/samples/controls-basic-map/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/custom-markers/src/style.scss b/samples/custom-markers/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/custom-markers/src/style.scss +++ b/samples/custom-markers/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/delete-vertex-menu/src/style.scss b/samples/delete-vertex-menu/src/style.scss index 96a51bd187..3ffb71e95e 100644 --- a/samples/delete-vertex-menu/src/style.scss +++ b/samples/delete-vertex-menu/src/style.scss @@ -15,6 +15,8 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; + .delete-menu { position: absolute; background: white; diff --git a/samples/directions-complex/src/style.scss b/samples/directions-complex/src/style.scss index 0ae066ceeb..1681f1c5fc 100644 --- a/samples/directions-complex/src/style.scss +++ b/samples/directions-complex/src/style.scss @@ -15,6 +15,9 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; + #warnings-panel { width: 100%; height: 10%; diff --git a/samples/directions-draggable/src/style.scss b/samples/directions-draggable/src/style.scss index 4a0bfc1469..5ee0447a62 100644 --- a/samples/directions-draggable/src/style.scss +++ b/samples/directions-draggable/src/style.scss @@ -15,6 +15,8 @@ */ /* [START css] */ +@import "../../../shared/scss/right-panel.scss"; + html, body { height: 100%; diff --git a/samples/directions-panel/src/style.scss b/samples/directions-panel/src/style.scss index ca94f7f6be..433b06da1e 100644 --- a/samples/directions-panel/src/style.scss +++ b/samples/directions-panel/src/style.scss @@ -15,6 +15,10 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; +@import "../../../shared/scss/right-panel.scss"; + #right-panel { height: 100%; float: right; diff --git a/samples/directions-simple/src/style.scss b/samples/directions-simple/src/style.scss index 0d14f83c6e..b83344ccf0 100644 --- a/samples/directions-simple/src/style.scss +++ b/samples/directions-simple/src/style.scss @@ -15,5 +15,7 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; /*! [END css] */ diff --git a/samples/directions-travel-modes/src/style.scss b/samples/directions-travel-modes/src/style.scss index 0d14f83c6e..b83344ccf0 100644 --- a/samples/directions-travel-modes/src/style.scss +++ b/samples/directions-travel-modes/src/style.scss @@ -15,5 +15,7 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; /*! [END css] */ diff --git a/samples/directions-waypoints/src/style.scss b/samples/directions-waypoints/src/style.scss index 2fb5428878..741b64cc45 100644 --- a/samples/directions-waypoints/src/style.scss +++ b/samples/directions-waypoints/src/style.scss @@ -15,6 +15,8 @@ */ /* [START css] */ +@import "../../../shared/scss/right-panel.scss"; + html, body { height: 100%; diff --git a/samples/disable-zoom-and-pan/src/style.scss b/samples/disable-zoom-and-pan/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/disable-zoom-and-pan/src/style.scss +++ b/samples/disable-zoom-and-pan/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/distance-matrix/src/style.scss b/samples/distance-matrix/src/style.scss index 96a2c4a1c1..e2203e4bcc 100644 --- a/samples/distance-matrix/src/style.scss +++ b/samples/distance-matrix/src/style.scss @@ -15,6 +15,8 @@ */ /* [START css] */ +@import "../../../shared/scss/right-panel.scss"; + html, body { height: 100%; diff --git a/samples/drawing-tools/src/style.scss b/samples/drawing-tools/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/drawing-tools/src/style.scss +++ b/samples/drawing-tools/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/earthquake_circles/src/style.scss b/samples/earthquake_circles/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/earthquake_circles/src/style.scss +++ b/samples/earthquake_circles/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/earthquake_heatmap/src/style.scss b/samples/earthquake_heatmap/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/earthquake_heatmap/src/style.scss +++ b/samples/earthquake_heatmap/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/earthquake_heatmap_weighted/src/style.scss b/samples/earthquake_heatmap_weighted/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/earthquake_heatmap_weighted/src/style.scss +++ b/samples/earthquake_heatmap_weighted/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/earthquake_markers/src/style.scss b/samples/earthquake_markers/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/earthquake_markers/src/style.scss +++ b/samples/earthquake_markers/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/elevation-paths/src/style.scss b/samples/elevation-paths/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/elevation-paths/src/style.scss +++ b/samples/elevation-paths/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/elevation-simple/src/style.scss b/samples/elevation-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/elevation-simple/src/style.scss +++ b/samples/elevation-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/event-arguments/src/style.scss b/samples/event-arguments/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/event-arguments/src/style.scss +++ b/samples/event-arguments/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/event-closure/src/style.scss b/samples/event-closure/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/event-closure/src/style.scss +++ b/samples/event-closure/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/event-domListener/src/style.scss b/samples/event-domListener/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/event-domListener/src/style.scss +++ b/samples/event-domListener/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/event-poi/src/style.scss b/samples/event-poi/src/style.scss index e55c726540..b95b766bed 100644 --- a/samples/event-poi/src/style.scss +++ b/samples/event-poi/src/style.scss @@ -15,6 +15,7 @@ */ /* [START css] */ + /* Always set the map height explicitly to define the size of the div * element that contains the map. */ #map { diff --git a/samples/event-properties/src/style.scss b/samples/event-properties/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/event-properties/src/style.scss +++ b/samples/event-properties/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/event-simple/src/style.scss b/samples/event-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/event-simple/src/style.scss +++ b/samples/event-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/geocoding-component-restriction/src/style.scss b/samples/geocoding-component-restriction/src/style.scss index 0d14f83c6e..b83344ccf0 100644 --- a/samples/geocoding-component-restriction/src/style.scss +++ b/samples/geocoding-component-restriction/src/style.scss @@ -15,5 +15,7 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; /*! [END css] */ diff --git a/samples/geocoding-place-id/src/style.scss b/samples/geocoding-place-id/src/style.scss index d0b7587aa4..50cfdeda7d 100644 --- a/samples/geocoding-place-id/src/style.scss +++ b/samples/geocoding-place-id/src/style.scss @@ -15,6 +15,9 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; + #floating-panel { width: 440px; } diff --git a/samples/geocoding-reverse/src/style.scss b/samples/geocoding-reverse/src/style.scss index 425eb4a269..03071904dc 100644 --- a/samples/geocoding-reverse/src/style.scss +++ b/samples/geocoding-reverse/src/style.scss @@ -15,6 +15,9 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; + #floating-panel { position: absolute; top: 5px; diff --git a/samples/geocoding-simple/src/style.scss b/samples/geocoding-simple/src/style.scss index 0d14f83c6e..b83344ccf0 100644 --- a/samples/geocoding-simple/src/style.scss +++ b/samples/geocoding-simple/src/style.scss @@ -15,5 +15,7 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; /*! [END css] */ diff --git a/samples/geometry-encodings/src/style.scss b/samples/geometry-encodings/src/style.scss index 6a761e6a52..ae13ac500b 100644 --- a/samples/geometry-encodings/src/style.scss +++ b/samples/geometry-encodings/src/style.scss @@ -15,6 +15,8 @@ */ /* [START css] */ +@import "../../../shared/scss/right-panel.scss"; + html, body { height: 100%; diff --git a/samples/geometry-headings/src/style.scss b/samples/geometry-headings/src/style.scss index 0d14f83c6e..b83344ccf0 100644 --- a/samples/geometry-headings/src/style.scss +++ b/samples/geometry-headings/src/style.scss @@ -15,5 +15,7 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; /*! [END css] */ diff --git a/samples/groundoverlay-simple/src/style.scss b/samples/groundoverlay-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/groundoverlay-simple/src/style.scss +++ b/samples/groundoverlay-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/hiding-features/src/style.scss b/samples/hiding-features/src/style.scss index 5f0aadee31..ea51cd7f6f 100644 --- a/samples/hiding-features/src/style.scss +++ b/samples/hiding-features/src/style.scss @@ -15,6 +15,8 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; + .map-control { background-color: #fff; border: 1px solid #ccc; diff --git a/samples/icon-complex/src/style.scss b/samples/icon-complex/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/icon-complex/src/style.scss +++ b/samples/icon-complex/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/icon-simple/src/style.scss b/samples/icon-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/icon-simple/src/style.scss +++ b/samples/icon-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/infowindow-simple-max/src/style.scss b/samples/infowindow-simple-max/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/infowindow-simple-max/src/style.scss +++ b/samples/infowindow-simple-max/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/infowindow-simple/src/style.scss b/samples/infowindow-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/infowindow-simple/src/style.scss +++ b/samples/infowindow-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/interaction-cooperative/src/style.scss b/samples/interaction-cooperative/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/interaction-cooperative/src/style.scss +++ b/samples/interaction-cooperative/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/layer-bicycling/src/style.scss b/samples/layer-bicycling/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/layer-bicycling/src/style.scss +++ b/samples/layer-bicycling/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/layer-data-dragndrop/src/style.scss b/samples/layer-data-dragndrop/src/style.scss index 7a08fadb52..fb503eb9c9 100644 --- a/samples/layer-data-dragndrop/src/style.scss +++ b/samples/layer-data-dragndrop/src/style.scss @@ -15,6 +15,7 @@ */ /* [START css] */ + html { height: 100%; } diff --git a/samples/layer-data-dynamic/src/style.scss b/samples/layer-data-dynamic/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/layer-data-dynamic/src/style.scss +++ b/samples/layer-data-dynamic/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/layer-data-event/src/style.scss b/samples/layer-data-event/src/style.scss index e94ebf8805..eb10f82992 100644 --- a/samples/layer-data-event/src/style.scss +++ b/samples/layer-data-event/src/style.scss @@ -15,6 +15,8 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; + #info-box { background-color: white; border: 1px solid black; diff --git a/samples/layer-data-polygon/src/style.scss b/samples/layer-data-polygon/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/layer-data-polygon/src/style.scss +++ b/samples/layer-data-polygon/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/layer-data-quakes-red/src/style.scss b/samples/layer-data-quakes-red/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/layer-data-quakes-red/src/style.scss +++ b/samples/layer-data-quakes-red/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/layer-data-quakes-simple/src/style.scss b/samples/layer-data-quakes-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/layer-data-quakes-simple/src/style.scss +++ b/samples/layer-data-quakes-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/layer-data-quakes/src/style.scss b/samples/layer-data-quakes/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/layer-data-quakes/src/style.scss +++ b/samples/layer-data-quakes/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/layer-data-simple/src/style.scss b/samples/layer-data-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/layer-data-simple/src/style.scss +++ b/samples/layer-data-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/layer-data-style/src/style.scss b/samples/layer-data-style/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/layer-data-style/src/style.scss +++ b/samples/layer-data-style/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/layer-georss/src/style.scss b/samples/layer-georss/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/layer-georss/src/style.scss +++ b/samples/layer-georss/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/layer-heatmap/src/style.scss b/samples/layer-heatmap/src/style.scss index f21501e32b..39a770e872 100644 --- a/samples/layer-heatmap/src/style.scss +++ b/samples/layer-heatmap/src/style.scss @@ -15,6 +15,9 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; + #floating-panel { background-color: #fff; border: 1px solid #999; diff --git a/samples/layer-kml-features/src/style.scss b/samples/layer-kml-features/src/style.scss index cd5fcdded8..5bcecfa68b 100644 --- a/samples/layer-kml-features/src/style.scss +++ b/samples/layer-kml-features/src/style.scss @@ -15,6 +15,7 @@ */ /* [START css] */ + html, body { height: 100%; diff --git a/samples/layer-kml/src/style.scss b/samples/layer-kml/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/layer-kml/src/style.scss +++ b/samples/layer-kml/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/layer-traffic/src/style.scss b/samples/layer-traffic/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/layer-traffic/src/style.scss +++ b/samples/layer-traffic/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/layer-transit/src/style.scss b/samples/layer-transit/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/layer-transit/src/style.scss +++ b/samples/layer-transit/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/legend/src/style.scss b/samples/legend/src/style.scss index 34d09b64a9..8b435bd9cf 100644 --- a/samples/legend/src/style.scss +++ b/samples/legend/src/style.scss @@ -15,6 +15,7 @@ */ /* [START css] */ + html, body { margin: 0; diff --git a/samples/map-coordinates/src/style.scss b/samples/map-coordinates/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/map-coordinates/src/style.scss +++ b/samples/map-coordinates/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/map-geolocation/src/style.scss b/samples/map-geolocation/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/map-geolocation/src/style.scss +++ b/samples/map-geolocation/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/map-language/src/style.scss b/samples/map-language/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/map-language/src/style.scss +++ b/samples/map-language/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/map-latlng-literal/src/style.scss b/samples/map-latlng-literal/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/map-latlng-literal/src/style.scss +++ b/samples/map-latlng-literal/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/map-projection-simple/src/style.scss b/samples/map-projection-simple/src/style.scss index 3a25809c02..c1f0cfa191 100644 --- a/samples/map-projection-simple/src/style.scss +++ b/samples/map-projection-simple/src/style.scss @@ -15,6 +15,8 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; + #coords { background-color: black; color: white; diff --git a/samples/map-puzzle/src/style.scss b/samples/map-puzzle/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/map-puzzle/src/style.scss +++ b/samples/map-puzzle/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/map-rtl/src/style.scss b/samples/map-rtl/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/map-rtl/src/style.scss +++ b/samples/map-rtl/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/map-simple/src/style.scss b/samples/map-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/map-simple/src/style.scss +++ b/samples/map-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/map-sync/src/style.scss b/samples/map-sync/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/map-sync/src/style.scss +++ b/samples/map-sync/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/maptype-base/src/style.scss b/samples/maptype-base/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/maptype-base/src/style.scss +++ b/samples/maptype-base/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/maptype-image-overlay/src/style.scss b/samples/maptype-image-overlay/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/maptype-image-overlay/src/style.scss +++ b/samples/maptype-image-overlay/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/maptype-image/src/style.scss b/samples/maptype-image/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/maptype-image/src/style.scss +++ b/samples/maptype-image/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/maptype-overlay/src/style.scss b/samples/maptype-overlay/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/maptype-overlay/src/style.scss +++ b/samples/maptype-overlay/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/maptype-styled-simple/src/style.scss b/samples/maptype-styled-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/maptype-styled-simple/src/style.scss +++ b/samples/maptype-styled-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/marker-animations-iteration/src/style.scss b/samples/marker-animations-iteration/src/style.scss index 9a970701c4..62bbdc0550 100644 --- a/samples/marker-animations-iteration/src/style.scss +++ b/samples/marker-animations-iteration/src/style.scss @@ -15,6 +15,9 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; + #floating-panel { margin-left: -52px; } diff --git a/samples/marker-animations/src/style.scss b/samples/marker-animations/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/marker-animations/src/style.scss +++ b/samples/marker-animations/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/marker-clustering/src/style.scss b/samples/marker-clustering/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/marker-clustering/src/style.scss +++ b/samples/marker-clustering/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/marker-labels/src/style.scss b/samples/marker-labels/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/marker-labels/src/style.scss +++ b/samples/marker-labels/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/marker-remove/src/style.scss b/samples/marker-remove/src/style.scss index 0d14f83c6e..b83344ccf0 100644 --- a/samples/marker-remove/src/style.scss +++ b/samples/marker-remove/src/style.scss @@ -15,5 +15,7 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; /*! [END css] */ diff --git a/samples/marker-simple/src/style.scss b/samples/marker-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/marker-simple/src/style.scss +++ b/samples/marker-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/marker-symbol-custom/src/style.scss b/samples/marker-symbol-custom/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/marker-symbol-custom/src/style.scss +++ b/samples/marker-symbol-custom/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/marker-symbol-predefined/src/style.scss b/samples/marker-symbol-predefined/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/marker-symbol-predefined/src/style.scss +++ b/samples/marker-symbol-predefined/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/maxzoom-simple/src/style.scss b/samples/maxzoom-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/maxzoom-simple/src/style.scss +++ b/samples/maxzoom-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/overlay-hideshow/src/style.scss b/samples/overlay-hideshow/src/style.scss index 0d14f83c6e..b83344ccf0 100644 --- a/samples/overlay-hideshow/src/style.scss +++ b/samples/overlay-hideshow/src/style.scss @@ -15,5 +15,7 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; /*! [END css] */ diff --git a/samples/overlay-popup/src/style.scss b/samples/overlay-popup/src/style.scss index a360f496cd..677c42bfd3 100644 --- a/samples/overlay-popup/src/style.scss +++ b/samples/overlay-popup/src/style.scss @@ -15,6 +15,7 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; /* The popup bubble styling. */ .popup-bubble { diff --git a/samples/overlay-remove/src/style.scss b/samples/overlay-remove/src/style.scss index 0d14f83c6e..b83344ccf0 100644 --- a/samples/overlay-remove/src/style.scss +++ b/samples/overlay-remove/src/style.scss @@ -15,5 +15,7 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; /*! [END css] */ diff --git a/samples/overlay-simple/src/style.scss b/samples/overlay-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/overlay-simple/src/style.scss +++ b/samples/overlay-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/overlay-symbol-animate/src/style.scss b/samples/overlay-symbol-animate/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/overlay-symbol-animate/src/style.scss +++ b/samples/overlay-symbol-animate/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/overlay-symbol-arrow/src/style.scss b/samples/overlay-symbol-arrow/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/overlay-symbol-arrow/src/style.scss +++ b/samples/overlay-symbol-arrow/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/overlay-symbol-custom/src/style.scss b/samples/overlay-symbol-custom/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/overlay-symbol-custom/src/style.scss +++ b/samples/overlay-symbol-custom/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/overlay-symbol-dashed/src/style.scss b/samples/overlay-symbol-dashed/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/overlay-symbol-dashed/src/style.scss +++ b/samples/overlay-symbol-dashed/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/place-details/src/style.scss b/samples/place-details/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/place-details/src/style.scss +++ b/samples/place-details/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/place-search-pagination/src/style.scss b/samples/place-search-pagination/src/style.scss index 1f477618e0..f1e376eaad 100644 --- a/samples/place-search-pagination/src/style.scss +++ b/samples/place-search-pagination/src/style.scss @@ -15,6 +15,9 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/right-panel.scss"; + #right-panel { font-family: Arial, Helvetica, sans-serif; position: absolute; diff --git a/samples/place-search/src/style.scss b/samples/place-search/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/place-search/src/style.scss +++ b/samples/place-search/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/places-autocomplete-addressform/src/style.scss b/samples/places-autocomplete-addressform/src/style.scss index 26163d722c..82a4453a4f 100644 --- a/samples/places-autocomplete-addressform/src/style.scss +++ b/samples/places-autocomplete-addressform/src/style.scss @@ -15,6 +15,7 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; #locationField, #controls { diff --git a/samples/places-autocomplete-directions/src/style.scss b/samples/places-autocomplete-directions/src/style.scss index 0d14f83c6e..697dec6414 100644 --- a/samples/places-autocomplete-directions/src/style.scss +++ b/samples/places-autocomplete-directions/src/style.scss @@ -15,5 +15,7 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/autocomplete-directions.scss"; /*! [END css] */ diff --git a/samples/places-autocomplete-hotelsearch/src/style.scss b/samples/places-autocomplete-hotelsearch/src/style.scss index 8c0511c86b..f3e6ea7cbd 100644 --- a/samples/places-autocomplete-hotelsearch/src/style.scss +++ b/samples/places-autocomplete-hotelsearch/src/style.scss @@ -15,6 +15,8 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; + body { padding: 0 !important; } diff --git a/samples/places-autocomplete-multiple-countries/src/style.scss b/samples/places-autocomplete-multiple-countries/src/style.scss index 0d14f83c6e..3d3c53c0cc 100644 --- a/samples/places-autocomplete-multiple-countries/src/style.scss +++ b/samples/places-autocomplete-multiple-countries/src/style.scss @@ -15,5 +15,7 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/autocomplete.scss"; /*! [END css] */ diff --git a/samples/places-autocomplete/src/style.scss b/samples/places-autocomplete/src/style.scss index 0d14f83c6e..3d3c53c0cc 100644 --- a/samples/places-autocomplete/src/style.scss +++ b/samples/places-autocomplete/src/style.scss @@ -15,5 +15,7 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/autocomplete.scss"; /*! [END css] */ diff --git a/samples/places-placeid-finder/src/style.scss b/samples/places-placeid-finder/src/style.scss index 3243cd0b5a..1b901f9efa 100644 --- a/samples/places-placeid-finder/src/style.scss +++ b/samples/places-placeid-finder/src/style.scss @@ -15,6 +15,8 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; + .controls { background-color: #fff; border-radius: 2px; diff --git a/samples/places-placeid-geocoder/src/style.scss b/samples/places-placeid-geocoder/src/style.scss index 3243cd0b5a..1b901f9efa 100644 --- a/samples/places-placeid-geocoder/src/style.scss +++ b/samples/places-placeid-geocoder/src/style.scss @@ -15,6 +15,8 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; + .controls { background-color: #fff; border-radius: 2px; diff --git a/samples/places-queryprediction/src/style.scss b/samples/places-queryprediction/src/style.scss index 0d14f83c6e..c314f6847a 100644 --- a/samples/places-queryprediction/src/style.scss +++ b/samples/places-queryprediction/src/style.scss @@ -15,5 +15,7 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/right-panel.scss"; /*! [END css] */ diff --git a/samples/places-searchbox/src/style.scss b/samples/places-searchbox/src/style.scss index 31d86297ee..13a6e479d2 100644 --- a/samples/places-searchbox/src/style.scss +++ b/samples/places-searchbox/src/style.scss @@ -15,6 +15,9 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/autocomplete.scss"; + #target { width: 345px; } diff --git a/samples/poly-containsLocation/src/style.scss b/samples/poly-containsLocation/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/poly-containsLocation/src/style.scss +++ b/samples/poly-containsLocation/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/polygon-arrays/src/style.scss b/samples/polygon-arrays/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/polygon-arrays/src/style.scss +++ b/samples/polygon-arrays/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/polygon-autoclose/src/style.scss b/samples/polygon-autoclose/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/polygon-autoclose/src/style.scss +++ b/samples/polygon-autoclose/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/polygon-draggable/src/style.scss b/samples/polygon-draggable/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/polygon-draggable/src/style.scss +++ b/samples/polygon-draggable/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/polygon-hole/src/style.scss b/samples/polygon-hole/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/polygon-hole/src/style.scss +++ b/samples/polygon-hole/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/polygon-simple/src/style.scss b/samples/polygon-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/polygon-simple/src/style.scss +++ b/samples/polygon-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/polyline-complex/src/style.scss b/samples/polyline-complex/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/polyline-complex/src/style.scss +++ b/samples/polyline-complex/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/polyline-remove/src/style.scss b/samples/polyline-remove/src/style.scss index 0d14f83c6e..b83344ccf0 100644 --- a/samples/polyline-remove/src/style.scss +++ b/samples/polyline-remove/src/style.scss @@ -15,5 +15,7 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; /*! [END css] */ diff --git a/samples/polyline-simple/src/style.scss b/samples/polyline-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/polyline-simple/src/style.scss +++ b/samples/polyline-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/rectangle-event/src/style.scss b/samples/rectangle-event/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/rectangle-event/src/style.scss +++ b/samples/rectangle-event/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/rectangle-simple/src/style.scss b/samples/rectangle-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/rectangle-simple/src/style.scss +++ b/samples/rectangle-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/rectangle-zoom/src/style.scss b/samples/rectangle-zoom/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/rectangle-zoom/src/style.scss +++ b/samples/rectangle-zoom/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/streetview-controls/src/style.scss b/samples/streetview-controls/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/streetview-controls/src/style.scss +++ b/samples/streetview-controls/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/streetview-custom-simple/src/style.scss b/samples/streetview-custom-simple/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/streetview-custom-simple/src/style.scss +++ b/samples/streetview-custom-simple/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/streetview-custom-tiles/src/style.scss b/samples/streetview-custom-tiles/src/style.scss index ea38de7a7e..5a3fc92195 100644 --- a/samples/streetview-custom-tiles/src/style.scss +++ b/samples/streetview-custom-tiles/src/style.scss @@ -15,6 +15,7 @@ */ /* [START css] */ + html, body { height: 100%; diff --git a/samples/streetview-embed/src/style.scss b/samples/streetview-embed/src/style.scss index ea38de7a7e..5a3fc92195 100644 --- a/samples/streetview-embed/src/style.scss +++ b/samples/streetview-embed/src/style.scss @@ -15,6 +15,7 @@ */ /* [START css] */ + html, body { height: 100%; diff --git a/samples/streetview-events/src/style.scss b/samples/streetview-events/src/style.scss index 3f95a9ce20..7c89a259af 100644 --- a/samples/streetview-events/src/style.scss +++ b/samples/streetview-events/src/style.scss @@ -15,6 +15,9 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; + #pano { width: 50%; height: 100%; diff --git a/samples/streetview-overlays/src/style.scss b/samples/streetview-overlays/src/style.scss index e3eb6bc2f3..62ff657920 100644 --- a/samples/streetview-overlays/src/style.scss +++ b/samples/streetview-overlays/src/style.scss @@ -15,6 +15,9 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; +@import "../../../shared/scss/floating-panel.scss"; + #floating-panel { margin-left: -100px; } diff --git a/samples/streetview-service/src/style.scss b/samples/streetview-service/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/streetview-service/src/style.scss +++ b/samples/streetview-service/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/streetview-simple/src/style.scss b/samples/streetview-simple/src/style.scss index 212702f384..b697f7c520 100644 --- a/samples/streetview-simple/src/style.scss +++ b/samples/streetview-simple/src/style.scss @@ -15,6 +15,7 @@ */ /* [START css] */ + html, body { height: 100%; diff --git a/samples/style-array/src/style.scss b/samples/style-array/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/style-array/src/style.scss +++ b/samples/style-array/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/samples/style-selector/src/style.scss b/samples/style-selector/src/style.scss index aeb4cd9a90..f2bc98764b 100644 --- a/samples/style-selector/src/style.scss +++ b/samples/style-selector/src/style.scss @@ -15,6 +15,8 @@ */ /* [START css] */ +@import "../../../shared/scss/default.scss"; + .map-control { background-color: #fff; border: 1px solid #ccc; diff --git a/samples/user-editable-shapes/src/style.scss b/samples/user-editable-shapes/src/style.scss index 0d14f83c6e..402eb22e42 100644 --- a/samples/user-editable-shapes/src/style.scss +++ b/samples/user-editable-shapes/src/style.scss @@ -15,5 +15,6 @@ */ /*! [START css] */ +@import "../../../shared/scss/default.scss"; /*! [END css] */ diff --git a/shared/scss/autocomplete-directions.scss b/shared/scss/autocomplete-directions.scss new file mode 100644 index 0000000000..896c4442bd --- /dev/null +++ b/shared/scss/autocomplete-directions.scss @@ -0,0 +1,40 @@ +.controls { + margin-top: 10px; + border: 1px solid transparent; + border-radius: 2px 0 0 2px; + box-sizing: border-box; + -moz-box-sizing: border-box; + height: 32px; + outline: none; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); +} + +#origin-input, +#destination-input { + background-color: #fff; + font-family: Roboto; + font-size: 15px; + font-weight: 300; + margin-left: 12px; + padding: 0 11px 0 13px; + text-overflow: ellipsis; + width: 200px; +} + +#origin-input:focus, +#destination-input:focus { + border-color: #4d90fe; +} + +#mode-selector { + color: #fff; + background-color: #4d90fe; + margin-left: 12px; + padding: 5px 11px 0px 11px; +} + +#mode-selector label { + font-family: Roboto; + font-size: 13px; + font-weight: 300; +} diff --git a/shared/scss/autocomplete.scss b/shared/scss/autocomplete.scss new file mode 100644 index 0000000000..dd0d00731f --- /dev/null +++ b/shared/scss/autocomplete.scss @@ -0,0 +1,67 @@ +#description { + font-family: Roboto; + font-size: 15px; + font-weight: 300; +} + +#infowindow-content .title { + font-weight: bold; +} + +#infowindow-content { + display: none; +} + +#map #infowindow-content { + display: inline; +} + +.pac-card { + margin: 10px 10px 0 0; + border-radius: 2px 0 0 2px; + box-sizing: border-box; + -moz-box-sizing: border-box; + outline: none; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + background-color: #fff; + font-family: Roboto; +} + +#pac-container { + padding-bottom: 12px; + margin-right: 12px; +} + +.pac-controls { + display: inline-block; + padding: 5px 11px; +} + +.pac-controls label { + font-family: Roboto; + font-size: 13px; + font-weight: 300; +} + +#pac-input { + background-color: #fff; + font-family: Roboto; + font-size: 15px; + font-weight: 300; + margin-left: 12px; + padding: 0 11px 0 13px; + text-overflow: ellipsis; + width: 400px; +} + +#pac-input:focus { + border-color: #4d90fe; +} + +#title { + color: #fff; + background-color: #4d90fe; + font-size: 25px; + font-weight: 500; + padding: 6px 12px; +} diff --git a/shared/scss/custom-control-state.scss b/shared/scss/custom-control-state.scss new file mode 100644 index 0000000000..d04d4fe88f --- /dev/null +++ b/shared/scss/custom-control-state.scss @@ -0,0 +1,23 @@ +#goCenterUI, +#setCenterUI { + background-color: #fff; + border: 2px solid #fff; + border-radius: 3px; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); + cursor: pointer; + float: left; + margin-bottom: 22px; + text-align: center; +} +#goCenterText, +#setCenterText { + color: rgb(25, 25, 25); + font-family: Roboto, Arial, sans-serif; + font-size: 15px; + line-height: 25px; + padding-left: 5px; + padding-right: 5px; +} +#setCenterUI { + margin-left: 12px; +} diff --git a/shared/default.scss b/shared/scss/default.scss similarity index 54% rename from shared/default.scss rename to shared/scss/default.scss index 0334f66abf..70db9a5540 100644 --- a/shared/default.scss +++ b/shared/scss/default.scss @@ -1,5 +1,5 @@ -/* Always set the map height explicitly to define -the size of the div element that contains the map. */ +/* Always set the map height explicitly to define the size of the div + * element that contains the map. */ #map { height: 100%; } diff --git a/shared/scss/floating-panel.scss b/shared/scss/floating-panel.scss new file mode 100644 index 0000000000..8cb4984353 --- /dev/null +++ b/shared/scss/floating-panel.scss @@ -0,0 +1,13 @@ +#floating-panel { + position: absolute; + top: 10px; + left: 25%; + z-index: 5; + background-color: #fff; + padding: 5px; + border: 1px solid #999; + text-align: center; + font-family: "Roboto", "sans-serif"; + line-height: 30px; + padding-left: 10px; +} diff --git a/shared/scss/right-panel.scss b/shared/scss/right-panel.scss new file mode 100644 index 0000000000..2f87d6f3f0 --- /dev/null +++ b/shared/scss/right-panel.scss @@ -0,0 +1,18 @@ +#right-panel { + font-family: "Roboto", "sans-serif"; + line-height: 30px; + padding-left: 10px; +} + +#right-panel select, +#right-panel input { + font-size: 15px; +} + +#right-panel select { + width: 100%; +} + +#right-panel i { + font-size: 12px; +}