From 3751379f1e9a4c215fb6eb898b4ccc67659b9ace Mon Sep 17 00:00:00 2001 From: stephanchrst Date: Tue, 10 May 2022 21:51:50 +0700 Subject: initial commit 2 --- .../static/src/snippets/s_google_map/000.scss | 42 ++++++++++++++++++++++ 1 file changed, 42 insertions(+) create mode 100644 addons/website/static/src/snippets/s_google_map/000.scss (limited to 'addons/website/static/src/snippets/s_google_map/000.scss') 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)); + } +} -- cgit v1.2.3