summaryrefslogtreecommitdiff
path: root/addons/website/static/src/snippets/s_google_map/000.scss
diff options
context:
space:
mode:
authorstephanchrst <stephanchrst@gmail.com>2022-05-10 21:51:50 +0700
committerstephanchrst <stephanchrst@gmail.com>2022-05-10 21:51:50 +0700
commit3751379f1e9a4c215fb6eb898b4ccc67659b9ace (patch)
treea44932296ef4a9b71d5f010906253d8c53727726 /addons/website/static/src/snippets/s_google_map/000.scss
parent0a15094050bfde69a06d6eff798e9a8ddf2b8c21 (diff)
initial commit 2
Diffstat (limited to 'addons/website/static/src/snippets/s_google_map/000.scss')
-rw-r--r--addons/website/static/src/snippets/s_google_map/000.scss42
1 files changed, 42 insertions, 0 deletions
diff --git a/addons/website/static/src/snippets/s_google_map/000.scss b/addons/website/static/src/snippets/s_google_map/000.scss
new file mode 100644
index 00000000..9a8df732
--- /dev/null
+++ b/addons/website/static/src/snippets/s_google_map/000.scss
@@ -0,0 +1,42 @@
+
+$s-google-map-desc-bg: theme-color('primary') !default;
+$s-google-map-desc-alpha: 0.80 !default;
+$s-google-map-desc-hover-bg: theme-color('primary') !default;
+$s-google-map-desc-hover-alpha: 0.55 !default;
+
+.s_google_map {
+ position: relative;
+ min-height: 100px;
+
+ .map_container {
+ @include o-position-absolute(0, 0, 0, 0);
+ }
+ .description {
+ @include o-position-absolute(auto, 0, 0, 0);
+ z-index: 99;
+ padding: 0 1em;
+ background: rgba($s-google-map-desc-bg, $s-google-map-desc-alpha);
+ color: color-yiq(rgba($s-google-map-desc-bg, $s-google-map-desc-alpha));
+ transition: background-color 250ms ease;
+
+ font {
+ float: left;
+ margin-top: 20px;
+ margin-bottom: 15px;
+ font-weight: bold;
+ text-transform: uppercase;
+ }
+ span {
+ float: left;
+ text-transform: none;
+ font-weight: normal;
+ margin-top: 20px;
+ margin-left: 10px;
+ }
+ }
+ &:hover .description {
+ background: $s-google-map-desc-hover-bg;
+ background: rgba($s-google-map-desc-hover-bg, $s-google-map-desc-hover-alpha);
+ color: color-yiq(rgba($s-google-map-desc-hover-bg, $s-google-map-desc-hover-alpha));
+ }
+}