-
Notifications
You must be signed in to change notification settings - Fork 3
/
styles.css.map
1 lines (1 loc) · 22.2 KB
/
styles.css.map
1
{"version":3,"sources":["../../dist/snazzy-info-window.scss","styles.css","styles.scss","../../dist/_settings.scss"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":["// Snazzy Info Window\n@import '_settings';\n\n\n\n//////////////////////////////\n// 0. Variables\n//////////////////////////////\n\n// Snazzy Info Window settings\n$si-pre: si;\n\n// Default marker\n$si-default-marker-width: 22px;\n$si-default-marker-height: 40px;\n$si-default-marker-anchor-x: 11px;\n$si-default-marker-anchor-y: 40px;\n$si-default-marker-margin: 0;\n\n// Math variable\n$si-root-2: 1.41421356237;\n$si-inverse-root-2: 0.7071067811865474;\n\n// Pointer settings\n$si-rotation: -45deg;\n$si-rotated-shadow-h: $si-inverse-root-2 * ($si-shadow-h - $si-shadow-v); // Only applies to a -45deg rotation\n$si-rotated-shadow-v: $si-inverse-root-2 * ($si-shadow-h + $si-shadow-v); // Only applies to a -45deg rotation\n\n\n\n//////////////////////////////\n// 1. Wrapper Styles\n//////////////////////////////\n\n// Infowindow wrapper\n.#{$si-pre}-float-wrapper {\n position: absolute;\n width: 100%;\n\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n[class*='#{$si-pre}-wrapper'] {\n display: flex;\n position: absolute;\n align-items: center;\n font-size: $si-font-size;\n cursor: default;\n}\n\n// Top-positioned infowindow\n.#{$si-pre}-wrapper-top {\n flex-direction: column;\n margin-top: -$si-default-marker-anchor-y - $si-default-marker-margin;\n margin-left: $si-default-marker-width / 2 - $si-default-marker-anchor-x;\n transform: translate(-50%, -100%);\n}\n\n// Bottom-positioned infowindow\n.#{$si-pre}-wrapper-bottom {\n flex-direction: column-reverse;\n margin-top: $si-default-marker-height - $si-default-marker-anchor-y + $si-default-marker-margin;\n margin-left: $si-default-marker-width / 2 - $si-default-marker-anchor-x;\n transform: translate(-50%, 0);\n}\n\n// Left-positioned infowindow\n.#{$si-pre}-wrapper-left {\n margin-top: $si-default-marker-height / 2 - $si-default-marker-anchor-y;\n margin-left: -$si-default-marker-anchor-x - $si-default-marker-margin;\n transform: translate(-100%, -50%);\n}\n\n// Right-positioned infowindow\n.#{$si-pre}-wrapper-right {\n flex-direction: row-reverse;\n margin-top: $si-default-marker-height / 2 - $si-default-marker-anchor-y;\n margin-left: $si-default-marker-width - $si-default-marker-anchor-x + $si-default-marker-margin;\n transform: translate(0, -50%);\n}\n\n\n\n//////////////////////////////\n// 2. Infowindow Shadow\n//////////////////////////////\n\n// Shadow wrapper\n[class*='#{$si-pre}-shadow-wrapper'] {\n display: flex;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n opacity: $si-shadow-opacity;\n z-index: 1;\n}\n\n// Shadow position\n.#{$si-pre}-shadow-wrapper-top,\n.#{$si-pre}-shadow-wrapper-bottom {\n flex-direction: column;\n}\n\n.#{$si-pre}-shadow-pointer-bottom,\n.#{$si-pre}-shadow-pointer-right {\n order: -1;\n}\n\n// Box shadow\n.#{$si-pre}-shadow-frame {\n box-shadow: $si-shadow-h $si-shadow-v $si-shadow-blur $si-shadow-spread $si-shadow-color;\n}\n\n// Pointer shadow\n[class*='#{$si-pre}-shadow-pointer'] {\n position: relative;\n width: $si-pointer-length;\n height: $si-pointer-length;\n margin: auto;\n}\n\n[class*='#{$si-pre}-shadow-inner-pointer'] {\n position: absolute;\n width: 141%;\n height: 141%;\n box-shadow: $si-rotated-shadow-h $si-rotated-shadow-v $si-shadow-blur $si-shadow-spread $si-shadow-color;\n}\n\n\n.#{$si-pre}-shadow-inner-pointer-top {\n left: 50%;\n transform: translate(-50%, -50%) rotate($si-rotation);\n}\n\n.#{$si-pre}-shadow-inner-pointer-bottom {\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 50%) rotate($si-rotation);\n}\n\n.#{$si-pre}-shadow-inner-pointer-left {\n top: 50%;\n transform: translate(-50%, -50%) rotate($si-rotation);\n}\n\n.#{$si-pre}-shadow-inner-pointer-right {\n top: 50%;\n right: 0;\n transform: translate(50%, -50%) rotate($si-rotation);\n}\n\n\n\n//////////////////////////////\n// 3. Content Styles\n//////////////////////////////\n\n// Content styles\n.#{$si-pre}-frame {\n position: relative;\n flex: 1 1 auto;\n border-radius: $si-border-radius;\n overflow: hidden;\n z-index: 2;\n}\n\n.#{$si-pre}-content-wrapper {\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n padding: $si-content-padding;\n background-color: $si-content-bg;\n\n .#{$si-pre}-has-border & {\n border: $si-border-width solid $si-border-color;\n }\n}\n\n.#{$si-pre}-content {\n overflow: auto;\n}\n\n\n\n//////////////////////////////\n// 4. Close Button\n//////////////////////////////\n\n.#{$si-pre}-close-button {\n position: absolute;\n top: 0;\n right: 0;\n border: 0;\n outline: none;\n background-color: transparent;\n color: inherit;\n font-family: Arial, Baskerville, monospace;\n font-size: $si-close-font-size;\n cursor: pointer;\n opacity: $si-close-opacity;\n appearance: none;\n\n &:hover,\n &:focus {\n opacity: $si-close-hover-opacity;\n }\n}\n\n\n\n//////////////////////////////\n// 5. Pointer Styles\n//////////////////////////////\n\n[class*='#{$si-pre}-pointer-border'] {\n position: absolute;\n border: $si-pointer-length solid transparent;\n z-index: 3;\n}\n\n$si-triangle-difference: min(round($si-border-width * ($si-root-2 - 1)), $si-pointer-length);\n\n[class*='#{$si-pre}-pointer-bg'] {\n position: relative;\n border: $si-pointer-length solid transparent;\n z-index: 4;\n\n .#{$si-pre}-has-border & {\n border-width: $si-pointer-length - $si-triangle-difference;\n }\n}\n\n.#{$si-pre}-pointer-border-top,\n.#{$si-pre}-pointer-border-bottom {\n left: 50%;\n transform: translate(-50%, 0);\n}\n\n.#{$si-pre}-pointer-border-left,\n.#{$si-pre}-pointer-border-right {\n top: 50%;\n transform: translate(0, -50%);\n}\n\n// Top pointer poisitioning\n.#{$si-pre}-pointer-top {\n border-bottom: 0;\n}\n\n.#{$si-pre}-pointer-border-top {\n bottom: 0;\n border-top-color: $si-border-color;\n}\n\n.#{$si-pre}-pointer-bg-top {\n border-top-color: $si-content-bg;\n\n .#{$si-pre}-has-border & {\n top: -$si-border-width;\n margin-bottom: $si-triangle-difference;\n }\n}\n\n\n// Bottom pointer positioning\n.#{$si-pre}-pointer-bottom {\n border-top: 0;\n}\n\n.#{$si-pre}-pointer-border-bottom {\n top: 0;\n border-bottom-color: $si-border-color;\n}\n\n.#{$si-pre}-pointer-bg-bottom {\n border-bottom-color: $si-content-bg;\n\n .#{$si-pre}-has-border & {\n bottom: -$si-border-width;\n margin-top: $si-triangle-difference;\n }\n}\n\n// Left pointer positioning\n.#{$si-pre}-pointer-left {\n border-right: 0;\n}\n\n.#{$si-pre}-pointer-border-left {\n right: 0;\n border-left-color: $si-border-color;\n}\n\n.#{$si-pre}-pointer-bg-left {\n border-left-color: $si-content-bg;\n\n .#{$si-pre}-has-border & {\n left: -$si-border-width;\n margin-right: $si-triangle-difference;\n }\n}\n\n// Right pointer positioning\n.#{$si-pre}-pointer-right {\n border-left: 0;\n}\n\n.#{$si-pre}-pointer-border-right {\n left: 0;\n border-right-color: $si-border-color;\n}\n\n.#{$si-pre}-pointer-bg-right {\n border-right-color: $si-content-bg;\n\n .#{$si-pre}-has-border & {\n right: -$si-border-width;\n margin-left: $si-triangle-difference;\n }\n}\n",".si-float-wrapper {\n position: absolute;\n width: 100%; }\n .si-float-wrapper,\n .si-float-wrapper * {\n box-sizing: border-box; }\n\n[class*='si-wrapper'] {\n display: flex;\n position: absolute;\n align-items: center;\n font-size: 1.4rem;\n cursor: default; }\n\n.si-wrapper-top {\n flex-direction: column;\n margin-top: -40px;\n margin-left: 0px;\n transform: translate(-50%, -100%); }\n\n.si-wrapper-bottom {\n flex-direction: column-reverse;\n margin-top: 0px;\n margin-left: 0px;\n transform: translate(-50%, 0); }\n\n.si-wrapper-left {\n margin-top: -20px;\n margin-left: -11px;\n transform: translate(-100%, -50%); }\n\n.si-wrapper-right {\n flex-direction: row-reverse;\n margin-top: -20px;\n margin-left: 11px;\n transform: translate(0, -50%); }\n\n[class*='si-shadow-wrapper'] {\n display: flex;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n opacity: 0.4;\n z-index: 1; }\n\n.si-shadow-wrapper-top,\n.si-shadow-wrapper-bottom {\n flex-direction: column; }\n\n.si-shadow-pointer-bottom,\n.si-shadow-pointer-right {\n order: -1; }\n\n.si-shadow-frame {\n box-shadow: 0 4px 6px 0 #000; }\n\n[class*='si-shadow-pointer'] {\n position: relative;\n width: 15px;\n height: 15px;\n margin: auto; }\n\n[class*='si-shadow-inner-pointer'] {\n position: absolute;\n width: 141%;\n height: 141%;\n box-shadow: -2.82843px 2.82843px 6px 0 #000; }\n\n.si-shadow-inner-pointer-top {\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg); }\n\n.si-shadow-inner-pointer-bottom {\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 50%) rotate(-45deg); }\n\n.si-shadow-inner-pointer-left {\n top: 50%;\n transform: translate(-50%, -50%) rotate(-45deg); }\n\n.si-shadow-inner-pointer-right {\n top: 50%;\n right: 0;\n transform: translate(50%, -50%) rotate(-45deg); }\n\n.si-frame {\n position: relative;\n flex: 1 1 auto;\n border-radius: 0;\n overflow: hidden;\n z-index: 2; }\n\n.si-content-wrapper {\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n padding: 0;\n background-color: #eee; }\n .si-has-border .si-content-wrapper {\n border: 1px solid #bbb; }\n\n.si-content {\n overflow: auto; }\n\n.si-close-button {\n position: absolute;\n top: 0;\n right: 0;\n border: 0;\n outline: none;\n background-color: transparent;\n color: inherit;\n font-family: Arial, Baskerville, monospace;\n font-size: 24px;\n cursor: pointer;\n opacity: 0.5;\n appearance: none; }\n .si-close-button:hover, .si-close-button:focus {\n opacity: 0.7; }\n\n[class*='si-pointer-border'] {\n position: absolute;\n border: 15px solid transparent;\n z-index: 3; }\n\n[class*='si-pointer-bg'] {\n position: relative;\n border: 15px solid transparent;\n z-index: 4; }\n .si-has-border [class*='si-pointer-bg'] {\n border-width: 15px; }\n\n.si-pointer-border-top,\n.si-pointer-border-bottom {\n left: 50%;\n transform: translate(-50%, 0); }\n\n.si-pointer-border-left,\n.si-pointer-border-right {\n top: 50%;\n transform: translate(0, -50%); }\n\n.si-pointer-top {\n border-bottom: 0; }\n\n.si-pointer-border-top {\n bottom: 0;\n border-top-color: #bbb; }\n\n.si-pointer-bg-top {\n border-top-color: #eee; }\n .si-has-border .si-pointer-bg-top {\n top: -1px;\n margin-bottom: 0px; }\n\n.si-pointer-bottom {\n border-top: 0; }\n\n.si-pointer-border-bottom {\n top: 0;\n border-bottom-color: #bbb; }\n\n.si-pointer-bg-bottom {\n border-bottom-color: #eee; }\n .si-has-border .si-pointer-bg-bottom {\n bottom: -1px;\n margin-top: 0px; }\n\n.si-pointer-left {\n border-right: 0; }\n\n.si-pointer-border-left {\n right: 0;\n border-left-color: #bbb; }\n\n.si-pointer-bg-left {\n border-left-color: #eee; }\n .si-has-border .si-pointer-bg-left {\n left: -1px;\n margin-right: 0px; }\n\n.si-pointer-right {\n border-left: 0; }\n\n.si-pointer-border-right {\n left: 0;\n border-right-color: #bbb; }\n\n.si-pointer-bg-right {\n border-right-color: #eee; }\n .si-has-border .si-pointer-bg-right {\n right: -1px;\n margin-left: 0px; }\n\nhtml {\n height: 100%;\n font-size: 62.5%; }\n\nbody {\n height: 100%;\n margin: 0;\n font-size: 1.4rem; }\n\n.map-canvas {\n width: 100%;\n height: 100%; }\n\n.custom-window {\n top: 30px;\n max-width: 400px;\n transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n visibility: hidden; }\n .custom-window.open .si-frame {\n overflow: visible; }\n .custom-window.active {\n top: 0;\n opacity: 1;\n visibility: visible; }\n .custom-window .si-content-wrapper {\n padding-bottom: 10px; }\n .custom-window .si-content {\n overflow: visible; }\n\n.custom-content {\n position: relative;\n max-height: inherit;\n padding-top: 120px;\n overflow: auto;\n z-index: 2; }\n\n.custom-img {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n height: 120px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n z-index: 1; }\n\n.custom-header {\n position: relative;\n margin: 0;\n padding: 30px;\n background-color: #DC1B2E;\n color: #fff;\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); }\n .custom-header small {\n display: block;\n font-size: 0.55em;\n font-weight: 400;\n opacity: 0.75; }\n\n.custom-body {\n padding: 30px;\n background-color: #fff; }\n .custom-body p {\n margin: 0; }\n .custom-body * + p {\n margin-top: 1em; }\n .custom-body a {\n color: #60a295; }\n .custom-body a:hover, .custom-body a:focus, .custom-body a:active {\n color: #437369; }\n\n.custom-close {\n position: absolute;\n top: 0;\n right: -36px;\n width: 36px;\n height: 36px;\n transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n border: 0;\n background-color: rgba(68, 67, 62, 0.8);\n color: #fff;\n font-size: 1.5em;\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);\n cursor: pointer; }\n .custom-close:hover, .custom-close:focus, .custom-close:active {\n background-color: rgba(28, 28, 26, 0.8); }\n\n@media (min-width: 992px) {\n .custom-window {\n max-width: 500px; }\n .custom-content {\n padding-top: 160px; }\n .custom-img {\n height: 160px; }\n .custom-header,\n .custom-body {\n padding: 40px; } }\n","\n//////////////////////////////\n// Variables\n//////////////////////////////\n\n// Custom variables specific to this example\n\n$cus-header-bg: #DC1B2E;\n$cus-header-color: #fff;\n$cus-content-bg: #fff;\n$cus-drop-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);\n$cus-close-size: 36px;\n$cus-close-bg: rgba($cus-header-bg, 0.8);\n$cus-close-color: #fff;\n$cus-link-color: #60a295;\n$grid-gutter-width: 30px;\n$grid-gutter-width-md: 40px;\n\n// Set the Snazzy Info Window SCSS variables before\n// the plugin's SCSS is imported. Check the /dist/_settings.scss\n// for the available variables.\n\n$si-content-bg: #eee;\n$si-content-padding: 0;\n$si-border-radius: 0;\n$si-shadow-v: \t4px;\n$si-shadow-blur: 6px;\n$si-shadow-opacity: 0.4;\n$si-font-size: 1.4rem;\n\n\n\n\n//////////////////////////////\n// Imports\n//////////////////////////////\n\n// Import the Snazzy Info Window SCSS.\n\n@import '../../dist/snazzy-info-window.scss';\n\n\n\n//////////////////////////////\n// Page Scaffolding\n//////////////////////////////\n\n// Make the map fill the page.\n\nhtml {\n height: 100%;\n font-size: 62.5%;\n}\n\nbody {\n height: 100%;\n margin: 0;\n font-size: 1.4rem;\n}\n\n.map-canvas {\n width: 100%;\n height: 100%;\n}\n\n\n\n//////////////////////////////\n// Info Window Content Styles\n//////////////////////////////\n\n// Custom styles specific to this example.\n\n.custom-window {\n top: 30px;\n max-width: 400px;\n transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n visibility: hidden;\n\n &.open {\n .si-frame {\n overflow: visible;\n }\n }\n\n &.active {\n top: 0;\n opacity: 1;\n visibility: visible;\n }\n\n .si-content-wrapper {\n padding-bottom: 10px;\n }\n\n .si-content {\n overflow: visible;\n }\n}\n\n.custom-content {\n position: relative;\n max-height: inherit;\n padding-top: $grid-gutter-width * 4;\n overflow: auto;\n z-index: 2;\n}\n\n.custom-img {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n height: ($grid-gutter-width * 4);\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n z-index: 1;\n}\n\n.custom-header {\n position: relative;\n margin: 0;\n padding: $grid-gutter-width;\n background-color: $cus-header-bg;\n color: $cus-header-color;\n box-shadow: $cus-drop-shadow;\n\n small {\n display: block;\n font-size: 0.55em;\n font-weight: 400;\n opacity: 0.75;\n }\n}\n\n.custom-body {\n padding: $grid-gutter-width;\n background-color: $cus-content-bg;\n\n p {\n margin: 0;\n }\n\n * + p {\n margin-top: 1em;\n }\n\n a {\n color: $cus-link-color;\n\n &:hover,\n &:focus,\n &:active {\n color: darken($cus-link-color, 15%);\n }\n }\n}\n\n.custom-close {\n position: absolute;\n top: 0;\n right: -$cus-close-size;\n width: $cus-close-size;\n height: $cus-close-size;\n transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n border: 0;\n background-color: $cus-close-bg;\n color: $cus-close-color;\n font-size: 1.5em;\n box-shadow: $cus-drop-shadow;\n cursor: pointer;\n\n &:hover,\n &:focus,\n &:active {\n background-color: darken($cus-close-bg, 15%);\n }\n}\n\n@media (min-width: 992px) {\n .custom-window {\n max-width: 500px;\n }\n\n .custom-content {\n padding-top: $grid-gutter-width-md * 4;\n }\n\n .custom-img {\n height: $grid-gutter-width-md * 4;\n }\n\n .custom-header,\n .custom-body {\n padding: $grid-gutter-width-md;\n }\n}\n","// Content\n$si-content-bg: \t#fff !default;\t\t\t\t\t// Background color of the infowindow\n$si-content-padding: \t30px !default;\t\t\t\t\t// Padding of the infowindow\n$si-font-size:\t\t\t\t14px !default;\t\t\t\t\t// Font size of the infowindow content\n\n// Border\n$si-border-width: \t\t\t1px !default;\t\t\t\t\t// Width of the border\n$si-border-color: \t\t\t#bbb !default;\t\t\t\t\t// Color of the border\n$si-border-radius: \t3px !default;\t\t\t\t\t// Border radius of the infowindow\n\n// Pointer\n$si-pointer-length: \t15px !default;\t\t\t\t\t// Length of the pointer, from the edge of the infowindow to the tip\n\n// Shadow\n$si-shadow-h: \t0 !default;\t\t\t\t\t\t// Shadow horizontal offset\n$si-shadow-v: \t1px !default;\t\t\t\t\t// Shadow vertical offset\n$si-shadow-blur: \t3px !default;\t\t\t\t\t// Shadow blur radius\n$si-shadow-spread: \t0 !default;\t\t\t\t\t\t// Shadow spread radius\n$si-shadow-color: \t#000 !default;\t\t\t\t\t// Shadow color\n$si-shadow-opacity: \t0.298039 !default;\t\t\t\t// Shadow opacity\n\n// Close button\n$si-close-font-size:\t\t24px !default;\t\t\t\t\t// Size of the close button text\n$si-close-opacity:\t\t\t0.5 !default;\t\t\t\t\t// Initial opacity of the close button\n$si-close-hover-opacity:\t0.7 !default;\t\t\t\t\t// Hover and focus opacity of the close button\n"]}