mirror of
https://github.com/a2nt/webpack-bootstrap-ui-kit.git
synced 2024-10-22 11:05:45 +02:00
IMPROVEMENT: .hover and .disabled classes
This commit is contained in:
Tony Air
parent
3411bb0565
commit
2aa4e9334e
356
dist/css/app.css
vendored
356
dist/css/app.css
vendored
@ -14793,178 +14793,151 @@ img {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.a:hover,
|
.a :not(.disabled).hover,
|
||||||
.a.hover,
|
.a :not(.disabled):hover,
|
||||||
.a:focus,
|
.a :not(.disabled):focus,
|
||||||
a:hover,
|
a :not(.disabled).hover,
|
||||||
a.hover,
|
a :not(.disabled):hover,
|
||||||
a:focus,
|
a :not(.disabled):focus,
|
||||||
[data-toggle]:hover,
|
[data-toggle] :not(.disabled).hover,
|
||||||
[data-toggle].hover,
|
[data-toggle] :not(.disabled):hover,
|
||||||
[data-toggle]:focus,
|
[data-toggle] :not(.disabled):focus,
|
||||||
button:hover,
|
button :not(.disabled).hover,
|
||||||
button.hover,
|
button :not(.disabled):hover,
|
||||||
button:focus,
|
button :not(.disabled):focus,
|
||||||
.btn:hover,
|
.btn :not(.disabled).hover,
|
||||||
.btn.hover,
|
.btn :not(.disabled):hover,
|
||||||
.btn:focus {
|
.btn :not(.disabled):focus {
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.a:hover > .fa,
|
.a :not(.disabled).hover > .fa,
|
||||||
.a:hover > .far,
|
.a :not(.disabled).hover > .far,
|
||||||
.a:hover > .fas,
|
.a :not(.disabled).hover > .fas,
|
||||||
.a:hover > .fab,
|
.a :not(.disabled).hover > .fab,
|
||||||
.a:hover.fa,
|
.a :not(.disabled).hover.fa,
|
||||||
.a:hover.far,
|
.a :not(.disabled).hover.far,
|
||||||
.a:hover.fas,
|
.a :not(.disabled).hover.fas,
|
||||||
.a:hover.fab,
|
.a :not(.disabled).hover.fab,
|
||||||
.a.hover > .fa,
|
.a :not(.disabled):hover > .fa,
|
||||||
.a.hover > .far,
|
.a :not(.disabled):hover > .far,
|
||||||
.a.hover > .fas,
|
.a :not(.disabled):hover > .fas,
|
||||||
.a.hover > .fab,
|
.a :not(.disabled):hover > .fab,
|
||||||
.a.hover.fa,
|
.a :not(.disabled):hover.fa,
|
||||||
.a.hover.far,
|
.a :not(.disabled):hover.far,
|
||||||
.a.hover.fas,
|
.a :not(.disabled):hover.fas,
|
||||||
.a.hover.fab,
|
.a :not(.disabled):hover.fab,
|
||||||
.a:focus > .fa,
|
.a :not(.disabled):focus > .fa,
|
||||||
.a:focus > .far,
|
.a :not(.disabled):focus > .far,
|
||||||
.a:focus > .fas,
|
.a :not(.disabled):focus > .fas,
|
||||||
.a:focus > .fab,
|
.a :not(.disabled):focus > .fab,
|
||||||
.a:focus.fa,
|
.a :not(.disabled):focus.fa,
|
||||||
.a:focus.far,
|
.a :not(.disabled):focus.far,
|
||||||
.a:focus.fas,
|
.a :not(.disabled):focus.fas,
|
||||||
.a:focus.fab,
|
.a :not(.disabled):focus.fab,
|
||||||
a:hover > .fa,
|
a :not(.disabled).hover > .fa,
|
||||||
a:hover > .far,
|
a :not(.disabled).hover > .far,
|
||||||
a:hover > .fas,
|
a :not(.disabled).hover > .fas,
|
||||||
a:hover > .fab,
|
a :not(.disabled).hover > .fab,
|
||||||
a:hover.fa,
|
a :not(.disabled).hover.fa,
|
||||||
a:hover.far,
|
a :not(.disabled).hover.far,
|
||||||
a:hover.fas,
|
a :not(.disabled).hover.fas,
|
||||||
a:hover.fab,
|
a :not(.disabled).hover.fab,
|
||||||
a.hover > .fa,
|
a :not(.disabled):hover > .fa,
|
||||||
a.hover > .far,
|
a :not(.disabled):hover > .far,
|
||||||
a.hover > .fas,
|
a :not(.disabled):hover > .fas,
|
||||||
a.hover > .fab,
|
a :not(.disabled):hover > .fab,
|
||||||
a.hover.fa,
|
a :not(.disabled):hover.fa,
|
||||||
a.hover.far,
|
a :not(.disabled):hover.far,
|
||||||
a.hover.fas,
|
a :not(.disabled):hover.fas,
|
||||||
a.hover.fab,
|
a :not(.disabled):hover.fab,
|
||||||
a:focus > .fa,
|
a :not(.disabled):focus > .fa,
|
||||||
a:focus > .far,
|
a :not(.disabled):focus > .far,
|
||||||
a:focus > .fas,
|
a :not(.disabled):focus > .fas,
|
||||||
a:focus > .fab,
|
a :not(.disabled):focus > .fab,
|
||||||
a:focus.fa,
|
a :not(.disabled):focus.fa,
|
||||||
a:focus.far,
|
a :not(.disabled):focus.far,
|
||||||
a:focus.fas,
|
a :not(.disabled):focus.fas,
|
||||||
a:focus.fab,
|
a :not(.disabled):focus.fab,
|
||||||
[data-toggle]:hover > .fa,
|
[data-toggle] :not(.disabled).hover > .fa,
|
||||||
[data-toggle]:hover > .far,
|
[data-toggle] :not(.disabled).hover > .far,
|
||||||
[data-toggle]:hover > .fas,
|
[data-toggle] :not(.disabled).hover > .fas,
|
||||||
[data-toggle]:hover > .fab,
|
[data-toggle] :not(.disabled).hover > .fab,
|
||||||
[data-toggle]:hover.fa,
|
[data-toggle] :not(.disabled).hover.fa,
|
||||||
[data-toggle]:hover.far,
|
[data-toggle] :not(.disabled).hover.far,
|
||||||
[data-toggle]:hover.fas,
|
[data-toggle] :not(.disabled).hover.fas,
|
||||||
[data-toggle]:hover.fab,
|
[data-toggle] :not(.disabled).hover.fab,
|
||||||
[data-toggle].hover > .fa,
|
[data-toggle] :not(.disabled):hover > .fa,
|
||||||
[data-toggle].hover > .far,
|
[data-toggle] :not(.disabled):hover > .far,
|
||||||
[data-toggle].hover > .fas,
|
[data-toggle] :not(.disabled):hover > .fas,
|
||||||
[data-toggle].hover > .fab,
|
[data-toggle] :not(.disabled):hover > .fab,
|
||||||
[data-toggle].hover.fa,
|
[data-toggle] :not(.disabled):hover.fa,
|
||||||
[data-toggle].hover.far,
|
[data-toggle] :not(.disabled):hover.far,
|
||||||
[data-toggle].hover.fas,
|
[data-toggle] :not(.disabled):hover.fas,
|
||||||
[data-toggle].hover.fab,
|
[data-toggle] :not(.disabled):hover.fab,
|
||||||
[data-toggle]:focus > .fa,
|
[data-toggle] :not(.disabled):focus > .fa,
|
||||||
[data-toggle]:focus > .far,
|
[data-toggle] :not(.disabled):focus > .far,
|
||||||
[data-toggle]:focus > .fas,
|
[data-toggle] :not(.disabled):focus > .fas,
|
||||||
[data-toggle]:focus > .fab,
|
[data-toggle] :not(.disabled):focus > .fab,
|
||||||
[data-toggle]:focus.fa,
|
[data-toggle] :not(.disabled):focus.fa,
|
||||||
[data-toggle]:focus.far,
|
[data-toggle] :not(.disabled):focus.far,
|
||||||
[data-toggle]:focus.fas,
|
[data-toggle] :not(.disabled):focus.fas,
|
||||||
[data-toggle]:focus.fab,
|
[data-toggle] :not(.disabled):focus.fab,
|
||||||
button:hover > .fa,
|
button :not(.disabled).hover > .fa,
|
||||||
button:hover > .far,
|
button :not(.disabled).hover > .far,
|
||||||
button:hover > .fas,
|
button :not(.disabled).hover > .fas,
|
||||||
button:hover > .fab,
|
button :not(.disabled).hover > .fab,
|
||||||
button:hover.fa,
|
button :not(.disabled).hover.fa,
|
||||||
button:hover.far,
|
button :not(.disabled).hover.far,
|
||||||
button:hover.fas,
|
button :not(.disabled).hover.fas,
|
||||||
button:hover.fab,
|
button :not(.disabled).hover.fab,
|
||||||
button.hover > .fa,
|
button :not(.disabled):hover > .fa,
|
||||||
button.hover > .far,
|
button :not(.disabled):hover > .far,
|
||||||
button.hover > .fas,
|
button :not(.disabled):hover > .fas,
|
||||||
button.hover > .fab,
|
button :not(.disabled):hover > .fab,
|
||||||
button.hover.fa,
|
button :not(.disabled):hover.fa,
|
||||||
button.hover.far,
|
button :not(.disabled):hover.far,
|
||||||
button.hover.fas,
|
button :not(.disabled):hover.fas,
|
||||||
button.hover.fab,
|
button :not(.disabled):hover.fab,
|
||||||
button:focus > .fa,
|
button :not(.disabled):focus > .fa,
|
||||||
button:focus > .far,
|
button :not(.disabled):focus > .far,
|
||||||
button:focus > .fas,
|
button :not(.disabled):focus > .fas,
|
||||||
button:focus > .fab,
|
button :not(.disabled):focus > .fab,
|
||||||
button:focus.fa,
|
button :not(.disabled):focus.fa,
|
||||||
button:focus.far,
|
button :not(.disabled):focus.far,
|
||||||
button:focus.fas,
|
button :not(.disabled):focus.fas,
|
||||||
button:focus.fab,
|
button :not(.disabled):focus.fab,
|
||||||
.btn:hover > .fa,
|
.btn :not(.disabled).hover > .fa,
|
||||||
.btn:hover > .far,
|
.btn :not(.disabled).hover > .far,
|
||||||
.btn:hover > .fas,
|
.btn :not(.disabled).hover > .fas,
|
||||||
.btn:hover > .fab,
|
.btn :not(.disabled).hover > .fab,
|
||||||
.btn:hover.fa,
|
.btn :not(.disabled).hover.fa,
|
||||||
.btn:hover.far,
|
.btn :not(.disabled).hover.far,
|
||||||
.btn:hover.fas,
|
.btn :not(.disabled).hover.fas,
|
||||||
.btn:hover.fab,
|
.btn :not(.disabled).hover.fab,
|
||||||
.btn.hover > .fa,
|
.btn :not(.disabled):hover > .fa,
|
||||||
.btn.hover > .far,
|
.btn :not(.disabled):hover > .far,
|
||||||
.btn.hover > .fas,
|
.btn :not(.disabled):hover > .fas,
|
||||||
.btn.hover > .fab,
|
.btn :not(.disabled):hover > .fab,
|
||||||
.btn.hover.fa,
|
.btn :not(.disabled):hover.fa,
|
||||||
.btn.hover.far,
|
.btn :not(.disabled):hover.far,
|
||||||
.btn.hover.fas,
|
.btn :not(.disabled):hover.fas,
|
||||||
.btn.hover.fab,
|
.btn :not(.disabled):hover.fab,
|
||||||
.btn:focus > .fa,
|
.btn :not(.disabled):focus > .fa,
|
||||||
.btn:focus > .far,
|
.btn :not(.disabled):focus > .far,
|
||||||
.btn:focus > .fas,
|
.btn :not(.disabled):focus > .fas,
|
||||||
.btn:focus > .fab,
|
.btn :not(.disabled):focus > .fab,
|
||||||
.btn:focus.fa,
|
.btn :not(.disabled):focus.fa,
|
||||||
.btn:focus.far,
|
.btn :not(.disabled):focus.far,
|
||||||
.btn:focus.fas,
|
.btn :not(.disabled):focus.fas,
|
||||||
.btn:focus.fab {
|
.btn :not(.disabled):focus.fab {
|
||||||
-webkit-transform: rotate(-180deg);
|
-webkit-transform: rotate(-180deg);
|
||||||
transform: rotate(-180deg);
|
transform: rotate(-180deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.a.disabled,
|
[data-toggle='table'] :not(.disabled).hover,
|
||||||
a.disabled,
|
[data-toggle='table'] :not(.disabled):hover,
|
||||||
[data-toggle].disabled,
|
[data-toggle='table'] :not(.disabled):focus {
|
||||||
button.disabled,
|
|
||||||
.btn.disabled {
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.a.disabled:hover,
|
|
||||||
.a.disabled.hover,
|
|
||||||
.a.disabled:focus,
|
|
||||||
a.disabled:hover,
|
|
||||||
a.disabled.hover,
|
|
||||||
a.disabled:focus,
|
|
||||||
[data-toggle].disabled:hover,
|
|
||||||
[data-toggle].disabled.hover,
|
|
||||||
[data-toggle].disabled:focus,
|
|
||||||
button.disabled:hover,
|
|
||||||
button.disabled.hover,
|
|
||||||
button.disabled:focus,
|
|
||||||
.btn.disabled:hover,
|
|
||||||
.btn.disabled.hover,
|
|
||||||
.btn.disabled:focus {
|
|
||||||
-webkit-transform: rotate(0deg);
|
|
||||||
transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
[data-toggle='table']:hover,
|
|
||||||
[data-toggle='table'].hover,
|
|
||||||
[data-toggle='table']:focus {
|
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -15056,9 +15029,9 @@ textarea,
|
|||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn:hover,
|
.btn :not(.disabled).hover,
|
||||||
.btn.hover,
|
.btn :not(.disabled):hover,
|
||||||
.btn:focus {
|
.btn :not(.disabled):focus {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -15077,8 +15050,7 @@ textarea,
|
|||||||
/*
|
/*
|
||||||
.dropdown.show {
|
.dropdown.show {
|
||||||
.dropdown {
|
.dropdown {
|
||||||
&:hover,&.hover,
|
@include ss_hover {
|
||||||
&:focus {
|
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@ -15091,8 +15063,7 @@ textarea,
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-hover ul li {
|
.dropdown-hover ul li {
|
||||||
&:hover,&.hover,
|
@include ss_hover {
|
||||||
&:focus {
|
|
||||||
> .dropdown-toggle::after {
|
> .dropdown-toggle::after {
|
||||||
transform: rotate(-90deg);
|
transform: rotate(-90deg);
|
||||||
}
|
}
|
||||||
@ -15116,8 +15087,7 @@ textarea,
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-hover ul ul li {
|
.dropdown-hover ul ul li {
|
||||||
&:hover,&.hover,
|
@include ss_hover {
|
||||||
&:focus {
|
|
||||||
> ul {
|
> ul {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@ -15137,8 +15107,7 @@ textarea,
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-hover ul ul ul li {
|
.dropdown-hover ul ul ul li {
|
||||||
&:hover,&.hover,
|
@include ss_hover {
|
||||||
&:focus {
|
|
||||||
ul {
|
ul {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@ -15155,8 +15124,9 @@ textarea,
|
|||||||
}
|
}
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
.navbar-dark .nav-link:hover,
|
.navbar-dark .nav-link :not(.disabled).hover,
|
||||||
.navbar-dark .nav-link:focus {
|
.navbar-dark .nav-link :not(.disabled):hover,
|
||||||
|
.navbar-dark .nav-link :not(.disabled):focus {
|
||||||
background: #212121;
|
background: #212121;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -15183,12 +15153,15 @@ textarea,
|
|||||||
color: rgba(255, 255, 255, 0.5);
|
color: rgba(255, 255, 255, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu.bg-dark .nav-link:hover,
|
.dropdown-menu.bg-dark .nav-link :not(.disabled).hover,
|
||||||
.dropdown-menu.bg-alt .nav-link:hover,
|
.dropdown-menu.bg-alt .nav-link :not(.disabled).hover,
|
||||||
.element.site__elements__accordion .card .dropdown-menu.card-header .nav-link:hover,
|
.element.site__elements__accordion .card .dropdown-menu.card-header .nav-link :not(.disabled).hover,
|
||||||
.dropdown-menu.bg-dark .nav-link:focus,
|
.dropdown-menu.bg-dark .nav-link :not(.disabled):hover,
|
||||||
.dropdown-menu.bg-alt .nav-link:focus,
|
.dropdown-menu.bg-alt .nav-link :not(.disabled):hover,
|
||||||
.element.site__elements__accordion .card .dropdown-menu.card-header .nav-link:focus {
|
.element.site__elements__accordion .card .dropdown-menu.card-header .nav-link :not(.disabled):hover,
|
||||||
|
.dropdown-menu.bg-dark .nav-link :not(.disabled):focus,
|
||||||
|
.dropdown-menu.bg-alt .nav-link :not(.disabled):focus,
|
||||||
|
.element.site__elements__accordion .card .dropdown-menu.card-header .nav-link :not(.disabled):focus {
|
||||||
color: rgba(255, 255, 255, 0.75);
|
color: rgba(255, 255, 255, 0.75);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -15213,12 +15186,15 @@ textarea,
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu.bg-dark .dropdown-item:hover,
|
.dropdown-menu.bg-dark .dropdown-item :not(.disabled).hover,
|
||||||
.dropdown-menu.bg-alt .dropdown-item:hover,
|
.dropdown-menu.bg-alt .dropdown-item :not(.disabled).hover,
|
||||||
.element.site__elements__accordion .card .dropdown-menu.card-header .dropdown-item:hover,
|
.element.site__elements__accordion .card .dropdown-menu.card-header .dropdown-item :not(.disabled).hover,
|
||||||
.dropdown-menu.bg-dark .dropdown-item:focus,
|
.dropdown-menu.bg-dark .dropdown-item :not(.disabled):hover,
|
||||||
.dropdown-menu.bg-alt .dropdown-item:focus,
|
.dropdown-menu.bg-alt .dropdown-item :not(.disabled):hover,
|
||||||
.element.site__elements__accordion .card .dropdown-menu.card-header .dropdown-item:focus {
|
.element.site__elements__accordion .card .dropdown-menu.card-header .dropdown-item :not(.disabled):hover,
|
||||||
|
.dropdown-menu.bg-dark .dropdown-item :not(.disabled):focus,
|
||||||
|
.dropdown-menu.bg-alt .dropdown-item :not(.disabled):focus,
|
||||||
|
.element.site__elements__accordion .card .dropdown-menu.card-header .dropdown-item :not(.disabled):focus {
|
||||||
color: rgba(255, 255, 255, 0.75);
|
color: rgba(255, 255, 255, 0.75);
|
||||||
background: #212121;
|
background: #212121;
|
||||||
}
|
}
|
||||||
|
|||||||
2
dist/css/app.css.map
vendored
2
dist/css/app.css.map
vendored
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
|||||||
{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AAyBA;;;ECtBE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEhCA;EACI;EACA;AFmCJ;;AE/BI;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;EACA;EACA;AFoCR;;AEjCI;;;EAGI;EAAA;MAAA;UAAA;AFuCR;;AEpCI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AFwCR;;AErCI;EACI;EACA;EACA;EACA;EACA;EACA;AFwCR;;AE9CK;;EAUO;EACA;AFyCZ;;AErCI;EACI;EACA;EACA;EACA;AFwCR;;AErCI;EACI;MAAA;EACA;EACA;AFyCR;;AEtCI;EACI;EACA;EACA;EACA;EACA;EACA;AFyCR;;AE/CK;;;;EAYO;UAAA;AF2CZ","file":"css/app_SilverShop.Page.CheckoutPageController.css","sourcesContent":["@import \"_colors\";\n\n$grid-breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1390px, xxxl: 1590px) !default;\n$container-max-widths: (sm: 540px, md: 720px, lg: 960px, xl: 1140px, xxl: 1330px, xxxl: 1560px) !default;\n\n$font-family-base: \"Lato\", sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import \"~bootstrap/scss/functions\";\n@import \"~bootstrap/scss/variables\";\n@import \"~bootstrap/scss/mixins\";\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n font-size: .8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: .5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n font-size: .8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: .5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""}
|
{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AAyCA;;;ECtCE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEhCA;EACI;EACA;AFmCJ;;AE/BI;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;EACA;EACA;AFoCR;;AEjCI;;;EAGI;EAAA;MAAA;UAAA;AFuCR;;AEpCI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AFwCR;;AErCI;EACI;EACA;EACA;EACA;EACA;EACA;AFwCR;;AE9CK;;EAUO;EACA;AFyCZ;;AErCI;EACI;EACA;EACA;EACA;AFwCR;;AErCI;EACI;MAAA;EACA;EACA;AFyCR;;AEtCI;EACI;EACA;EACA;EACA;EACA;EACA;AFyCR;;AE/CK;;;;EAYO;UAAA;AF2CZ","file":"css/app_SilverShop.Page.CheckoutPageController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px,\n\txxl: 1390px,\n\txxxl: 1590px\n) !default;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px,\n\txxl: 1330px,\n\txxxl: 1560px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n font-size: .8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: .5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n font-size: .8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: .5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""}
|
||||||
@ -1 +1 @@
|
|||||||
{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AAyBA;;;ECtBE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEhCA;EACI;EACA;AFmCJ;;AE/BI;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;EACA;EACA;AFoCR;;AEjCI;;;EAGI;EAAA;MAAA;UAAA;AFuCR;;AEpCI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AFwCR;;AErCI;EACI;EACA;EACA;EACA;EACA;EACA;AFwCR;;AE9CK;;EAUO;EACA;AFyCZ;;AErCI;EACI;EACA;EACA;EACA;AFwCR;;AErCI;EACI;MAAA;EACA;EACA;AFyCR;;AEtCI;EACI;EACA;EACA;EACA;EACA;EACA;AFyCR;;AE/CK;;;;EAYO;UAAA;AF2CZ","file":"css/app_Site.Controllers.MapElementController.css","sourcesContent":["@import \"_colors\";\n\n$grid-breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1390px, xxxl: 1590px) !default;\n$container-max-widths: (sm: 540px, md: 720px, lg: 960px, xl: 1140px, xxl: 1330px, xxxl: 1560px) !default;\n\n$font-family-base: \"Lato\", sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import \"~bootstrap/scss/functions\";\n@import \"~bootstrap/scss/variables\";\n@import \"~bootstrap/scss/mixins\";\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n font-size: .8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: .5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n font-size: .8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: .5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""}
|
{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AAyCA;;;ECtCE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEhCA;EACI;EACA;AFmCJ;;AE/BI;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;EACA;EACA;AFoCR;;AEjCI;;;EAGI;EAAA;MAAA;UAAA;AFuCR;;AEpCI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AFwCR;;AErCI;EACI;EACA;EACA;EACA;EACA;EACA;AFwCR;;AE9CK;;EAUO;EACA;AFyCZ;;AErCI;EACI;EACA;EACA;EACA;AFwCR;;AErCI;EACI;MAAA;EACA;EACA;AFyCR;;AEtCI;EACI;EACA;EACA;EACA;EACA;EACA;AFyCR;;AE/CK;;;;EAYO;UAAA;AF2CZ","file":"css/app_Site.Controllers.MapElementController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px,\n\txxl: 1390px,\n\txxxl: 1590px\n) !default;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px,\n\txxl: 1330px,\n\txxxl: 1560px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n font-size: .8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: .5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n font-size: .8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: .5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""}
|
||||||
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate",
|
"name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate",
|
||||||
"version": "1.4.4",
|
"version": "1.4.7",
|
||||||
"author": "Tony Air <tony@twma.pro>",
|
"author": "Tony Air <tony@twma.pro>",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"description": "This UI Kit allows you to build Bootstrap 4 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.",
|
"description": "This UI Kit allows you to build Bootstrap 4 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.",
|
||||||
|
|||||||
@ -31,9 +31,7 @@ a,
|
|||||||
[data-toggle],
|
[data-toggle],
|
||||||
button,
|
button,
|
||||||
.btn {
|
.btn {
|
||||||
&:hover,
|
@include ss_hover {
|
||||||
&.hover,
|
|
||||||
&:focus {
|
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
|
|
||||||
> .fa,
|
> .fa,
|
||||||
@ -47,23 +45,11 @@ button,
|
|||||||
transform: rotate(-180deg);
|
transform: rotate(-180deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.disabled {
|
|
||||||
opacity: 0.5;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&.hover,
|
|
||||||
&:focus {
|
|
||||||
transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// exclude bootstrap-table
|
// exclude bootstrap-table
|
||||||
[data-toggle='table'] {
|
[data-toggle='table'] {
|
||||||
&:hover,
|
@include ss_hover {
|
||||||
&.hover,
|
|
||||||
&:focus {
|
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -168,9 +154,7 @@ textarea,
|
|||||||
|
|
||||||
// rewrite btn opacity on hover
|
// rewrite btn opacity on hover
|
||||||
.btn {
|
.btn {
|
||||||
&:hover,
|
@include ss_hover {
|
||||||
&.hover,
|
|
||||||
&:focus {
|
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -206,8 +190,7 @@ textarea,
|
|||||||
/*
|
/*
|
||||||
.dropdown.show {
|
.dropdown.show {
|
||||||
.dropdown {
|
.dropdown {
|
||||||
&:hover,&.hover,
|
@include ss_hover {
|
||||||
&:focus {
|
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@ -220,8 +203,7 @@ textarea,
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-hover ul li {
|
.dropdown-hover ul li {
|
||||||
&:hover,&.hover,
|
@include ss_hover {
|
||||||
&:focus {
|
|
||||||
> .dropdown-toggle::after {
|
> .dropdown-toggle::after {
|
||||||
transform: rotate(-90deg);
|
transform: rotate(-90deg);
|
||||||
}
|
}
|
||||||
@ -245,8 +227,7 @@ textarea,
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-hover ul ul li {
|
.dropdown-hover ul ul li {
|
||||||
&:hover,&.hover,
|
@include ss_hover {
|
||||||
&:focus {
|
|
||||||
> ul {
|
> ul {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@ -266,8 +247,7 @@ textarea,
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-hover ul ul ul li {
|
.dropdown-hover ul ul ul li {
|
||||||
&:hover,&.hover,
|
@include ss_hover {
|
||||||
&:focus {
|
|
||||||
ul {
|
ul {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@ -287,7 +267,7 @@ textarea,
|
|||||||
// dark dropdowns
|
// dark dropdowns
|
||||||
.navbar-dark {
|
.navbar-dark {
|
||||||
.nav-link {
|
.nav-link {
|
||||||
@include hover-focus {
|
@include ss_hover {
|
||||||
background: $navbar-dark-hover-background;
|
background: $navbar-dark-hover-background;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -310,7 +290,7 @@ textarea,
|
|||||||
.nav-link {
|
.nav-link {
|
||||||
color: $navbar-dark-color;
|
color: $navbar-dark-color;
|
||||||
|
|
||||||
@include hover-focus {
|
@include ss_hover {
|
||||||
color: $navbar-dark-hover-color;
|
color: $navbar-dark-hover-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -327,7 +307,7 @@ textarea,
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-item {
|
.dropdown-item {
|
||||||
@include hover-focus {
|
@include ss_hover {
|
||||||
color: $navbar-dark-hover-color;
|
color: $navbar-dark-hover-color;
|
||||||
background: $navbar-dark-hover-background;
|
background: $navbar-dark-hover-background;
|
||||||
}
|
}
|
||||||
|
|||||||
9
src/scss/_mixings.scss
Executable file
9
src/scss/_mixings.scss
Executable file
@ -0,0 +1,9 @@
|
|||||||
|
@mixin ss_hover() {
|
||||||
|
:not(.disabled) {
|
||||||
|
&.hover,
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,9 +1,25 @@
|
|||||||
@import "_colors";
|
@import '_mixings';
|
||||||
|
@import '_colors';
|
||||||
|
|
||||||
$grid-breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1390px, xxxl: 1590px) !default;
|
$grid-breakpoints: (
|
||||||
$container-max-widths: (sm: 540px, md: 720px, lg: 960px, xl: 1140px, xxl: 1330px, xxxl: 1560px) !default;
|
xs: 0,
|
||||||
|
sm: 576px,
|
||||||
|
md: 768px,
|
||||||
|
lg: 992px,
|
||||||
|
xl: 1200px,
|
||||||
|
xxl: 1390px,
|
||||||
|
xxxl: 1590px
|
||||||
|
) !default;
|
||||||
|
$container-max-widths: (
|
||||||
|
sm: 540px,
|
||||||
|
md: 720px,
|
||||||
|
lg: 960px,
|
||||||
|
xl: 1140px,
|
||||||
|
xxl: 1330px,
|
||||||
|
xxxl: 1560px
|
||||||
|
) !default;
|
||||||
|
|
||||||
$font-family-base: "Lato", sans-serif !default;
|
$font-family-base: 'Lato', sans-serif !default;
|
||||||
|
|
||||||
$font-size-base: 1rem !default;
|
$font-size-base: 1rem !default;
|
||||||
|
|
||||||
@ -37,6 +53,6 @@ $enable-flex: true !default;
|
|||||||
|
|
||||||
$enable-responsive-font-sizes: true !default;
|
$enable-responsive-font-sizes: true !default;
|
||||||
|
|
||||||
@import "~bootstrap/scss/functions";
|
@import '~bootstrap/scss/functions';
|
||||||
@import "~bootstrap/scss/variables";
|
@import '~bootstrap/scss/variables';
|
||||||
@import "~bootstrap/scss/mixins";
|
@import '~bootstrap/scss/mixins';
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user