{"version":3,"sources":["../../../scss/components/config/_banner.scss","../../../scss/vendors/mixins/_badge.scss","../../../scss/vendors/mixins/_hover.scss","dist/css/components/mekari-ui-banner.css"],"names":[],"mappings":"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","sourcesContent":[".banner {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 12px;\n margin-bottom: 1rem;\n font-weight: $font-weight-bold;\n text-align: center;\n &.warning { // this variant will be deprecated in next version\n color: $dark;\n background-color: $warning;\n .ic {\n color: $dark;\n }\n }\n &.error { // this variant will be deprecated in next version\n color: $white;\n background-color: $danger;\n .ic {\n color: $white;\n }\n }\n @each $color, $value in $theme-colors {\n &.#{$prefix}banner-#{$color} {\n @include badge-variant($value);\n }\n }\n .ic {\n width: 20px;\n height: 20px;\n font-size: 18px;\n line-height: 18px;\n color: inherit;\n }\n}\n\n.banner-text,\n.banner-link {\n display: inline-block;\n padding-left: 8px;\n}\n\n.banner-link {\n display: inline-block;\n text-decoration: underline;\n cursor: pointer;\n a {\n color: inherit;\n }\n}\n","@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n @at-root a#{&} {\n @include hover-focus {\n color: color-yiq($bg);\n background-color: darken($bg, 10%);\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n }\n }\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n",".banner {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 12px;\n margin-bottom: 1rem;\n font-weight: 500;\n text-align: center;\n}\n\n.banner.warning {\n color: #212121;\n background-color: #ffb700;\n}\n\n.banner.warning .ic {\n color: #212121;\n}\n\n.banner.error {\n color: #fff;\n background-color: #d74022;\n}\n\n.banner.error .ic {\n color: #fff;\n}\n\n.banner.banner-danger {\n color: #fff;\n background-color: #d74022;\n}\n\na.banner.banner-danger:hover, a.banner.banner-danger:focus {\n color: #fff;\n background-color: #ab331b;\n}\n\na.banner.banner-danger:focus, a.banner.banner-danger.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(215, 64, 34, 0.5);\n}\n\n.banner.banner-success {\n color: #fff;\n background-color: #009f61;\n}\n\na.banner.banner-success:hover, a.banner.banner-success:focus {\n color: #fff;\n background-color: #006c42;\n}\n\na.banner.banner-success:focus, a.banner.banner-success.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(0, 159, 97, 0.5);\n}\n\n.banner.banner-info {\n color: #212529;\n background-color: #ffeb99;\n}\n\na.banner.banner-info:hover, a.banner.banner-info:focus {\n color: #212529;\n background-color: #ffe166;\n}\n\na.banner.banner-info:focus, a.banner.banner-info.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(255, 235, 153, 0.5);\n}\n\n.banner.banner-warning {\n color: #212529;\n background-color: #ffb700;\n}\n\na.banner.banner-warning:hover, a.banner.banner-warning:focus {\n color: #212529;\n background-color: #cc9200;\n}\n\na.banner.banner-warning:focus, a.banner.banner-warning.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(255, 183, 0, 0.5);\n}\n\n.banner.banner-primary {\n color: #fff;\n background-color: #005fbf;\n}\n\na.banner.banner-primary:hover, a.banner.banner-primary:focus {\n color: #fff;\n background-color: #00468c;\n}\n\na.banner.banner-primary:focus, a.banner.banner-primary.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(0, 95, 191, 0.5);\n}\n\n.banner.banner-jurnal {\n color: #fff;\n background-color: #009bde;\n}\n\na.banner.banner-jurnal:hover, a.banner.banner-jurnal:focus {\n color: #fff;\n background-color: #0077ab;\n}\n\na.banner.banner-jurnal:focus, a.banner.banner-jurnal.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(0, 155, 222, 0.5);\n}\n\n.banner.banner-talenta {\n color: #fff;\n background-color: #c02a34;\n}\n\na.banner.banner-talenta:hover, a.banner.banner-talenta:focus {\n color: #fff;\n background-color: #962129;\n}\n\na.banner.banner-talenta:focus, a.banner.banner-talenta.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(192, 42, 52, 0.5);\n}\n\n.banner.banner-klikpajak {\n color: #fff;\n background-color: #f96d01;\n}\n\na.banner.banner-klikpajak:hover, a.banner.banner-klikpajak:focus {\n color: #fff;\n background-color: #c65701;\n}\n\na.banner.banner-klikpajak:focus, a.banner.banner-klikpajak.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(249, 109, 1, 0.5);\n}\n\n.banner.banner-mekari {\n color: #fff;\n background-color: #6d48e5;\n}\n\na.banner.banner-mekari:hover, a.banner.banner-mekari:focus {\n color: #fff;\n background-color: #4b1fdb;\n}\n\na.banner.banner-mekari:focus, a.banner.banner-mekari.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(109, 72, 229, 0.5);\n}\n\n.banner.banner-dark {\n color: #fff;\n background-color: #212121;\n}\n\na.banner.banner-dark:hover, a.banner.banner-dark:focus {\n color: #fff;\n background-color: #080808;\n}\n\na.banner.banner-dark:focus, a.banner.banner-dark.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(33, 33, 33, 0.5);\n}\n\n.banner.banner-slate {\n color: #fff;\n background-color: #777;\n}\n\na.banner.banner-slate:hover, a.banner.banner-slate:focus {\n color: #fff;\n background-color: #5e5e5e;\n}\n\na.banner.banner-slate:focus, a.banner.banner-slate.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(119, 119, 119, 0.5);\n}\n\n.banner.banner-muted {\n color: #212529;\n background-color: #b4b4b4;\n}\n\na.banner.banner-muted:hover, a.banner.banner-muted:focus {\n color: #212529;\n background-color: #9b9b9b;\n}\n\na.banner.banner-muted:focus, a.banner.banner-muted.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(180, 180, 180, 0.5);\n}\n\n.banner.banner-smoke {\n color: #212529;\n background-color: #e2e2e2;\n}\n\na.banner.banner-smoke:hover, a.banner.banner-smoke:focus {\n color: #212529;\n background-color: #c9c9c9;\n}\n\na.banner.banner-smoke:focus, a.banner.banner-smoke.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(226, 226, 226, 0.5);\n}\n\n.banner.banner-light {\n color: #212529;\n background-color: #fbfbfb;\n}\n\na.banner.banner-light:hover, a.banner.banner-light:focus {\n color: #212529;\n background-color: #e2e2e2;\n}\n\na.banner.banner-light:focus, a.banner.banner-light.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(251, 251, 251, 0.5);\n}\n\n.banner.banner-cloud {\n color: #212529;\n background-color: #f2f4f7;\n}\n\na.banner.banner-cloud:hover, a.banner.banner-cloud:focus {\n color: #212529;\n background-color: #d2d9e4;\n}\n\na.banner.banner-cloud:focus, a.banner.banner-cloud.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(242, 244, 247, 0.5);\n}\n\n.banner.banner-link {\n color: #fff;\n background-color: #1357ff;\n}\n\na.banner.banner-link:hover, a.banner.banner-link:focus {\n color: #fff;\n background-color: #0040df;\n}\n\na.banner.banner-link:focus, a.banner.banner-link.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(19, 87, 255, 0.5);\n}\n\n.banner.banner-white {\n color: #212529;\n background-color: #fff;\n}\n\na.banner.banner-white:hover, a.banner.banner-white:focus {\n color: #212529;\n background-color: #e6e6e6;\n}\n\na.banner.banner-white:focus, a.banner.banner-white.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(255, 255, 255, 0.5);\n}\n\n.banner .ic {\n width: 20px;\n height: 20px;\n font-size: 18px;\n line-height: 18px;\n color: inherit;\n}\n\n.banner-text,\n.banner-link {\n display: inline-block;\n padding-left: 8px;\n}\n\n.banner-link {\n display: inline-block;\n text-decoration: underline;\n cursor: pointer;\n}\n\n.banner-link a {\n color: inherit;\n}\n/*# sourceMappingURL=mekari-ui-banner.css.map */"]}