mekari_ui_toolkit 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/lib/css/components/mekari-ui-alert-min.css +2 -0
- data/lib/css/components/mekari-ui-alert-min.css.map +1 -0
- data/lib/css/components/mekari-ui-alert.css +631 -0
- data/lib/css/components/mekari-ui-alert.css.map +1 -0
- data/lib/css/components/mekari-ui-avatar-min.css +2 -0
- data/lib/css/components/mekari-ui-avatar-min.css.map +1 -0
- data/lib/css/components/mekari-ui-avatar.css +323 -0
- data/lib/css/components/mekari-ui-avatar.css.map +1 -0
- data/lib/css/components/mekari-ui-badge-min.css +2 -0
- data/lib/css/components/mekari-ui-badge-min.css.map +1 -0
- data/lib/css/components/mekari-ui-badge.css +331 -0
- data/lib/css/components/mekari-ui-badge.css.map +1 -0
- data/lib/css/components/mekari-ui-banner-min.css +2 -0
- data/lib/css/components/mekari-ui-banner-min.css.map +1 -0
- data/lib/css/components/mekari-ui-banner.css +45 -0
- data/lib/css/components/mekari-ui-banner.css.map +1 -0
- data/lib/css/components/mekari-ui-breadcrumb-min.css +2 -0
- data/lib/css/components/mekari-ui-breadcrumb-min.css.map +1 -0
- data/lib/css/components/mekari-ui-breadcrumb.css +42 -0
- data/lib/css/components/mekari-ui-breadcrumb.css.map +1 -0
- data/lib/css/components/mekari-ui-button-min.css +2 -0
- data/lib/css/components/mekari-ui-button-min.css.map +1 -0
- data/lib/css/components/mekari-ui-button.css +1572 -0
- data/lib/css/components/mekari-ui-button.css.map +1 -0
- data/lib/css/components/mekari-ui-card-min.css +2 -0
- data/lib/css/components/mekari-ui-card-min.css.map +1 -0
- data/lib/css/components/mekari-ui-card.css +235 -0
- data/lib/css/components/mekari-ui-card.css.map +1 -0
- data/lib/css/components/mekari-ui-date-picker-min.css +2 -0
- data/lib/css/components/mekari-ui-date-picker-min.css.map +1 -0
- data/lib/css/components/mekari-ui-date-picker.css +139 -0
- data/lib/css/components/mekari-ui-date-picker.css.map +1 -0
- data/lib/css/components/mekari-ui-dropdown-min.css +2 -0
- data/lib/css/components/mekari-ui-dropdown-min.css.map +1 -0
- data/lib/css/components/mekari-ui-dropdown.css +385 -0
- data/lib/css/components/mekari-ui-dropdown.css.map +1 -0
- data/lib/css/components/mekari-ui-form-min.css +2 -0
- data/lib/css/components/mekari-ui-form-min.css.map +1 -0
- data/lib/css/components/mekari-ui-form.css +1437 -0
- data/lib/css/components/mekari-ui-form.css.map +1 -0
- data/lib/css/components/mekari-ui-icons-min.css +2 -0
- data/lib/css/components/mekari-ui-icons-min.css.map +1 -0
- data/lib/css/components/mekari-ui-icons.css +1258 -0
- data/lib/css/components/mekari-ui-icons.css.map +1 -0
- data/lib/css/components/mekari-ui-images-min.css +2 -0
- data/lib/css/components/mekari-ui-images-min.css.map +1 -0
- data/lib/css/components/mekari-ui-images.css +57 -0
- data/lib/css/components/mekari-ui-images.css.map +1 -0
- data/lib/css/components/mekari-ui-list-group-min.css +2 -0
- data/lib/css/components/mekari-ui-list-group-min.css.map +1 -0
- data/lib/css/components/mekari-ui-list-group.css +455 -0
- data/lib/css/components/mekari-ui-list-group.css.map +1 -0
- data/lib/css/components/mekari-ui-modal-min.css +2 -0
- data/lib/css/components/mekari-ui-modal-min.css.map +1 -0
- data/lib/css/components/mekari-ui-modal.css +295 -0
- data/lib/css/components/mekari-ui-modal.css.map +1 -0
- data/lib/css/components/mekari-ui-navbar-min.css +2 -0
- data/lib/css/components/mekari-ui-navbar-min.css.map +1 -0
- data/lib/css/components/mekari-ui-navbar.css +362 -0
- data/lib/css/components/mekari-ui-navbar.css.map +1 -0
- data/lib/css/components/mekari-ui-pagination-min.css +2 -0
- data/lib/css/components/mekari-ui-pagination-min.css.map +1 -0
- data/lib/css/components/mekari-ui-pagination.css +146 -0
- data/lib/css/components/mekari-ui-pagination.css.map +1 -0
- data/lib/css/components/mekari-ui-popover-min.css +2 -0
- data/lib/css/components/mekari-ui-popover-min.css.map +1 -0
- data/lib/css/components/mekari-ui-popover.css +161 -0
- data/lib/css/components/mekari-ui-popover.css.map +1 -0
- data/lib/css/components/mekari-ui-progress-min.css +2 -0
- data/lib/css/components/mekari-ui-progress-min.css.map +1 -0
- data/lib/css/components/mekari-ui-progress.css +61 -0
- data/lib/css/components/mekari-ui-progress.css.map +1 -0
- data/lib/css/components/mekari-ui-reboot-bootstrap-min.css +8 -0
- data/lib/css/components/mekari-ui-reboot-bootstrap-min.css.map +1 -0
- data/lib/css/components/mekari-ui-reboot-bootstrap.css +469 -0
- data/lib/css/components/mekari-ui-reboot-bootstrap.css.map +1 -0
- data/lib/css/components/mekari-ui-spinners-min.css +2 -0
- data/lib/css/components/mekari-ui-spinners-min.css.map +1 -0
- data/lib/css/components/mekari-ui-spinners.css +65 -0
- data/lib/css/components/mekari-ui-spinners.css.map +1 -0
- data/lib/css/components/mekari-ui-tables-min.css +2 -0
- data/lib/css/components/mekari-ui-tables-min.css.map +1 -0
- data/lib/css/components/mekari-ui-tables.css +646 -0
- data/lib/css/components/mekari-ui-tables.css.map +1 -0
- data/lib/css/components/mekari-ui-tabs-min.css +2 -0
- data/lib/css/components/mekari-ui-tabs-min.css.map +1 -0
- data/lib/css/components/mekari-ui-tabs.css +139 -0
- data/lib/css/components/mekari-ui-tabs.css.map +1 -0
- data/lib/css/components/mekari-ui-tooltip-min.css +2 -0
- data/lib/css/components/mekari-ui-tooltip-min.css.map +1 -0
- data/lib/css/components/mekari-ui-tooltip.css +122 -0
- data/lib/css/components/mekari-ui-tooltip.css.map +1 -0
- data/lib/css/full-bundle/mekari-ui.css +20980 -0
- data/lib/css/full-bundle/mekari-ui.css.map +1 -0
- data/lib/css/full-bundle/mekari-ui.min.css +2 -0
- data/lib/css/full-bundle/mekari-ui.min.css.map +1 -0
- data/lib/css/utilities/mekari-ui-grid-min.css +2 -0
- data/lib/css/utilities/mekari-ui-grid-min.css.map +1 -0
- data/lib/css/utilities/mekari-ui-grid.css +814 -0
- data/lib/css/utilities/mekari-ui-grid.css.map +1 -0
- data/lib/css/utilities/mekari-ui-utilities-min.css +2 -0
- data/lib/css/utilities/mekari-ui-utilities-min.css.map +1 -0
- data/lib/css/utilities/mekari-ui-utilities.css +5450 -0
- data/lib/css/utilities/mekari-ui-utilities.css.map +1 -0
- data/lib/fonts/Roboto/LICENSE.txt +202 -0
- data/lib/fonts/Roboto/Roboto-Black.ttf +0 -0
- data/lib/fonts/Roboto/Roboto-BlackItalic.ttf +0 -0
- data/lib/fonts/Roboto/Roboto-Bold.ttf +0 -0
- data/lib/fonts/Roboto/Roboto-BoldItalic.ttf +0 -0
- data/lib/fonts/Roboto/Roboto-Light.ttf +0 -0
- data/lib/fonts/Roboto/Roboto-LightItalic.ttf +0 -0
- data/lib/fonts/Roboto/Roboto-Medium.ttf +0 -0
- data/lib/fonts/Roboto/Roboto-MediumItalic.ttf +0 -0
- data/lib/fonts/Roboto/Roboto-Regular.ttf +0 -0
- data/lib/fonts/Roboto/Roboto-RegularItalic.ttf +0 -0
- data/lib/fonts/Roboto/Roboto-Thin.ttf +0 -0
- data/lib/fonts/Roboto/Roboto-ThinItalic.ttf +0 -0
- data/lib/js/bootstrap/mekari-ui-alert.js +191 -0
- data/lib/js/bootstrap/mekari-ui-alert.js.map +1 -0
- data/lib/js/bootstrap/mekari-ui-button.js +179 -0
- data/lib/js/bootstrap/mekari-ui-button.js.map +1 -0
- data/lib/js/bootstrap/mekari-ui-carousel.js +632 -0
- data/lib/js/bootstrap/mekari-ui-carousel.js.map +1 -0
- data/lib/js/bootstrap/mekari-ui-collapse.js +392 -0
- data/lib/js/bootstrap/mekari-ui-collapse.js.map +1 -0
- data/lib/js/bootstrap/mekari-ui-dropdown.js +558 -0
- data/lib/js/bootstrap/mekari-ui-dropdown.js.map +1 -0
- data/lib/js/bootstrap/mekari-ui-modal.js +614 -0
- data/lib/js/bootstrap/mekari-ui-modal.js.map +1 -0
- data/lib/js/bootstrap/mekari-ui-popover.js +221 -0
- data/lib/js/bootstrap/mekari-ui-popover.js.map +1 -0
- data/lib/js/bootstrap/mekari-ui-scrollspy.js +339 -0
- data/lib/js/bootstrap/mekari-ui-scrollspy.js.map +1 -0
- data/lib/js/bootstrap/mekari-ui-tab.js +261 -0
- data/lib/js/bootstrap/mekari-ui-tab.js.map +1 -0
- data/lib/js/bootstrap/mekari-ui-tooltip.js +872 -0
- data/lib/js/bootstrap/mekari-ui-tooltip.js.map +1 -0
- data/lib/js/bootstrap/mekari-ui-util.js +170 -0
- data/lib/js/bootstrap/mekari-ui-util.js.map +1 -0
- data/lib/js/components/mekari-ui-dropdown.js +160 -0
- data/lib/js/components/mekari-ui-dropdown.js.map +1 -0
- data/lib/js/components/mekari-ui-form.js +57 -0
- data/lib/js/components/mekari-ui-form.js.map +1 -0
- data/lib/js/components/mekari-ui-index.js +20 -0
- data/lib/js/components/mekari-ui-index.js.map +1 -0
- data/lib/js/components/mekari-ui-tooltip.js +14 -0
- data/lib/js/components/mekari-ui-tooltip.js.map +1 -0
- data/lib/js/mekari-ui.bundle.js +7383 -0
- data/lib/js/mekari-ui.bundle.js.map +1 -0
- data/lib/js/mekari-ui.bundle.min.js +7 -0
- data/lib/js/mekari-ui.bundle.min.js.map +1 -0
- data/lib/js/mekari-ui.js +4782 -0
- data/lib/js/mekari-ui.js.map +1 -0
- data/lib/js/mekari-ui.min.js +7 -0
- data/lib/js/mekari-ui.min.js.map +1 -0
- data/lib/scss/_settings.scss +7 -0
- data/lib/scss/base/_fonts.scss +22 -0
- data/lib/scss/base/_main.scss +2 -0
- data/lib/scss/base/_text.scss +50 -0
- data/lib/scss/components/alert.scss +6 -0
- data/lib/scss/components/avatar.scss +3 -0
- data/lib/scss/components/badge.scss +4 -0
- data/lib/scss/components/banner.scss +3 -0
- data/lib/scss/components/breadcrumb.scss +4 -0
- data/lib/scss/components/button.scss +6 -0
- data/lib/scss/components/card.scss +4 -0
- data/lib/scss/components/config/_alert.scss +134 -0
- data/lib/scss/components/config/_avatar.scss +173 -0
- data/lib/scss/components/config/_badge.scss +37 -0
- data/lib/scss/components/config/_banner.scss +39 -0
- data/lib/scss/components/config/_breadcrumb.scss +14 -0
- data/lib/scss/components/config/_button.scss +266 -0
- data/lib/scss/components/config/_date-picker.scss +166 -0
- data/lib/scss/components/config/_dropdowns.scss +120 -0
- data/lib/scss/components/config/_form.scss +325 -0
- data/lib/scss/components/config/_icons.scss +231 -0
- data/lib/scss/components/config/_images.scss +28 -0
- data/lib/scss/components/config/_modal.scss +20 -0
- data/lib/scss/components/config/_pagination.scss +58 -0
- data/lib/scss/components/config/_tables.scss +114 -0
- data/lib/scss/components/config/_tabs.scss +52 -0
- data/lib/scss/components/config/_tooltip.scss +8 -0
- data/lib/scss/components/date-picker.scss +3 -0
- data/lib/scss/components/dropdown.scss +5 -0
- data/lib/scss/components/form.scss +7 -0
- data/lib/scss/components/icons.scss +3 -0
- data/lib/scss/components/images.scss +5 -0
- data/lib/scss/components/list-group.scss +3 -0
- data/lib/scss/components/modal.scss +7 -0
- data/lib/scss/components/navbar.scss +3 -0
- data/lib/scss/components/pagination.scss +5 -0
- data/lib/scss/components/popover.scss +3 -0
- data/lib/scss/components/progress.scss +3 -0
- data/lib/scss/components/reboot-bootstrap.scss +5 -0
- data/lib/scss/components/spinners.scss +4 -0
- data/lib/scss/components/tables.scss +5 -0
- data/lib/scss/components/tabs.scss +5 -0
- data/lib/scss/components/tooltip.scss +5 -0
- data/lib/scss/main.scss +26 -0
- data/lib/scss/mixins/_main.scss +2 -0
- data/lib/scss/mixins/_scroll.scss +18 -0
- data/lib/scss/mixins/_text.scss +11 -0
- data/lib/scss/utilities/config/_border.scss +24 -0
- data/lib/scss/utilities/grid.scss +3 -0
- data/lib/scss/utilities/utilities.scss +4 -0
- data/lib/scss/vendor-extensions/_alert.scss +14 -0
- data/lib/scss/vendor-extensions/_avatar.scss +5 -0
- data/lib/scss/vendor-extensions/_badge.scss +11 -0
- data/lib/scss/vendor-extensions/_breadcrumb.scss +10 -0
- data/lib/scss/vendor-extensions/_button.scss +37 -0
- data/lib/scss/vendor-extensions/_card.scss +19 -0
- data/lib/scss/vendor-extensions/_color.scss +132 -0
- data/lib/scss/vendor-extensions/_dropdown.scss +33 -0
- data/lib/scss/vendor-extensions/_form.scss +301 -0
- data/lib/scss/vendor-extensions/_grid.scss +18 -0
- data/lib/scss/vendor-extensions/_list-group.scss +25 -0
- data/lib/scss/vendor-extensions/_main.scss +24 -0
- data/lib/scss/vendor-extensions/_modal.scss +41 -0
- data/lib/scss/vendor-extensions/_navbar.scss +34 -0
- data/lib/scss/vendor-extensions/_navs.scss +19 -0
- data/lib/scss/vendor-extensions/_options.scss +13 -0
- data/lib/scss/vendor-extensions/_popover.scss +25 -0
- data/lib/scss/vendor-extensions/_progress.scss +11 -0
- data/lib/scss/vendor-extensions/_spacing.scss +60 -0
- data/lib/scss/vendor-extensions/_spinners.scss +9 -0
- data/lib/scss/vendor-extensions/_tables.scss +30 -0
- data/lib/scss/vendor-extensions/_tooltip.scss +19 -0
- data/lib/scss/vendor-extensions/_typography.scss +33 -0
- data/lib/scss/vendor-extensions/_utilities.scss +43 -0
- data/lib/scss/vendors/_alert.scss +51 -0
- data/lib/scss/vendors/_badge.scss +54 -0
- data/lib/scss/vendors/_bootstrap-reboot.scss +11 -0
- data/lib/scss/vendors/_bootstrap.scss +33 -0
- data/lib/scss/vendors/_breadcrumb.scss +41 -0
- data/lib/scss/vendors/_button-group.scss +163 -0
- data/lib/scss/vendors/_buttons.scss +137 -0
- data/lib/scss/vendors/_card.scss +289 -0
- data/lib/scss/vendors/_close.scss +41 -0
- data/lib/scss/vendors/_code.scss +48 -0
- data/lib/scss/vendors/_custom-forms.scss +507 -0
- data/lib/scss/vendors/_dropdown.scss +191 -0
- data/lib/scss/vendors/_forms.scss +330 -0
- data/lib/scss/vendors/_functions.scss +86 -0
- data/lib/scss/vendors/_grid.scss +52 -0
- data/lib/scss/vendors/_images.scss +42 -0
- data/lib/scss/vendors/_input-group.scss +193 -0
- data/lib/scss/vendors/_list-group.scss +149 -0
- data/lib/scss/vendors/_mixins.scss +47 -0
- data/lib/scss/vendors/_modal.scss +229 -0
- data/lib/scss/vendors/_nav.scss +120 -0
- data/lib/scss/vendors/_navbar.scss +294 -0
- data/lib/scss/vendors/_pagination.scss +73 -0
- data/lib/scss/vendors/_popover.scss +171 -0
- data/lib/scss/vendors/_print.scss +141 -0
- data/lib/scss/vendors/_progress.scss +43 -0
- data/lib/scss/vendors/_reboot.scss +483 -0
- data/lib/scss/vendors/_rfs.scss +204 -0
- data/lib/scss/vendors/_root.scss +19 -0
- data/lib/scss/vendors/_spinners.scss +55 -0
- data/lib/scss/vendors/_tables.scss +185 -0
- data/lib/scss/vendors/_tooltip.scss +115 -0
- data/lib/scss/vendors/_transitions.scss +20 -0
- data/lib/scss/vendors/_type.scss +125 -0
- data/lib/scss/vendors/_utilities.scss +17 -0
- data/lib/scss/vendors/_variables.scss +1123 -0
- data/lib/scss/vendors/mixins/_alert.scss +13 -0
- data/lib/scss/vendors/mixins/_background-variant.scss +21 -0
- data/lib/scss/vendors/mixins/_badge.scss +17 -0
- data/lib/scss/vendors/mixins/_border-radius.scss +63 -0
- data/lib/scss/vendors/mixins/_box-shadow.scss +20 -0
- data/lib/scss/vendors/mixins/_breakpoints.scss +123 -0
- data/lib/scss/vendors/mixins/_buttons.scss +107 -0
- data/lib/scss/vendors/mixins/_caret.scss +62 -0
- data/lib/scss/vendors/mixins/_clearfix.scss +7 -0
- data/lib/scss/vendors/mixins/_deprecate.scss +10 -0
- data/lib/scss/vendors/mixins/_float.scss +14 -0
- data/lib/scss/vendors/mixins/_forms.scss +192 -0
- data/lib/scss/vendors/mixins/_gradients.scss +45 -0
- data/lib/scss/vendors/mixins/_grid-framework.scss +66 -0
- data/lib/scss/vendors/mixins/_grid.scss +51 -0
- data/lib/scss/vendors/mixins/_hover.scss +37 -0
- data/lib/scss/vendors/mixins/_image.scss +36 -0
- data/lib/scss/vendors/mixins/_list-group.scss +21 -0
- data/lib/scss/vendors/mixins/_lists.scss +7 -0
- data/lib/scss/vendors/mixins/_nav-divider.scss +10 -0
- data/lib/scss/vendors/mixins/_pagination.scss +22 -0
- data/lib/scss/vendors/mixins/_reset-text.scss +17 -0
- data/lib/scss/vendors/mixins/_resize.scss +6 -0
- data/lib/scss/vendors/mixins/_screen-reader.scss +33 -0
- data/lib/scss/vendors/mixins/_size.scss +7 -0
- data/lib/scss/vendors/mixins/_table-row.scss +39 -0
- data/lib/scss/vendors/mixins/_text-emphasis.scss +16 -0
- data/lib/scss/vendors/mixins/_text-hide.scss +11 -0
- data/lib/scss/vendors/mixins/_text-truncate.scss +8 -0
- data/lib/scss/vendors/mixins/_transition.scss +16 -0
- data/lib/scss/vendors/mixins/_visibility.scss +8 -0
- data/lib/scss/vendors/utilities/_align.scss +8 -0
- data/lib/scss/vendors/utilities/_background.scss +19 -0
- data/lib/scss/vendors/utilities/_borders.scss +75 -0
- data/lib/scss/vendors/utilities/_clearfix.scss +3 -0
- data/lib/scss/vendors/utilities/_display.scss +26 -0
- data/lib/scss/vendors/utilities/_embed.scss +39 -0
- data/lib/scss/vendors/utilities/_flex.scss +51 -0
- data/lib/scss/vendors/utilities/_float.scss +11 -0
- data/lib/scss/vendors/utilities/_overflow.scss +5 -0
- data/lib/scss/vendors/utilities/_position.scss +32 -0
- data/lib/scss/vendors/utilities/_screenreaders.scss +11 -0
- data/lib/scss/vendors/utilities/_shadows.scss +6 -0
- data/lib/scss/vendors/utilities/_sizing.scss +20 -0
- data/lib/scss/vendors/utilities/_spacing.scss +73 -0
- data/lib/scss/vendors/utilities/_stretched-link.scss +19 -0
- data/lib/scss/vendors/utilities/_text.scss +72 -0
- data/lib/scss/vendors/utilities/_visibility.scss +13 -0
- data/lib/webfonts/Mekari-Icon-Regular.eot +0 -0
- data/lib/webfonts/Mekari-Icon-Regular.svg +137 -0
- data/lib/webfonts/Mekari-Icon-Regular.ttf +0 -0
- data/lib/webfonts/Mekari-Icon-Regular.woff +0 -0
- data/lib/webfonts/blankslate/jurnal/calendar.svg +130 -0
- data/lib/webfonts/blankslate/jurnal/location.svg +51 -0
- data/lib/webfonts/blankslate/jurnal/not-found.svg +157 -0
- data/lib/webfonts/blankslate/jurnal/process.svg +117 -0
- data/lib/webfonts/blankslate/jurnal/web.svg +80 -0
- data/lib/webfonts/blankslate/klikpajak/calendar.svg +130 -0
- data/lib/webfonts/blankslate/klikpajak/location.svg +51 -0
- data/lib/webfonts/blankslate/klikpajak/not-found.svg +157 -0
- data/lib/webfonts/blankslate/klikpajak/process.svg +117 -0
- data/lib/webfonts/blankslate/klikpajak/web.svg +80 -0
- data/lib/webfonts/blankslate/talenta/calendar.svg +130 -0
- data/lib/webfonts/blankslate/talenta/location.svg +51 -0
- data/lib/webfonts/blankslate/talenta/not-found.svg +157 -0
- data/lib/webfonts/blankslate/talenta/process.svg +117 -0
- data/lib/webfonts/blankslate/talenta/web.svg +80 -0
- metadata +375 -0
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../scss/vendors/_buttons.scss","../../../scss/vendor-extensions/_typography.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_buttons.scss","../../../scss/vendor-extensions/_button.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","mekari-ui-button.css","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/vendors/_button-group.scss","../../../scss/components/config/_button.scss"],"names":[],"mappings":"AAMA;EACE,qBAAqB;EACrB,kGCRyH;EDSzH,gBCOuC;EDNvC,cETa;EFUb,kBAAkB;EAClB,sBAAsB;EACtB,yBAAiB;EAAjB,sBAAiB;EAAjB,qBAAiB;EAAjB,iBAAiB;EACjB,6BAA6B;EAC7B,6BAA2C;EGsF3C,iBChGgC;EC0H5B,mBAtCY;EFchB,iBChGgC;EEF9B,kBFiBmB;EGhBjB,qIHiB+H;AIRrI;;ADJI;EPLJ;IOMM,gBAAgB;ECQpB;AACF;;ACTE;ETQE,cEnBW;EFoBX,qBAAqB;AQKzB;;ARpBA;EAoBI,UAAU;EACV,+BEdmB;AMkBvB;;ARzBA;EA2BI,aIPsB;AIS1B;;ARaA;;EAEE,oBAAoB;AQVtB;;ARmBE;EGrDA,WDAU;EQAR,yBRImB;ECFrB,qBDEqB;AMoCvB;;AClCE;ENAE,WDNQ;EQAR,yBPDoF;EASpF,qBATyH;AK+C7H;;ALnCE;EAMI,+CAAiF;AKiCvF;;AL5BE;EAEE,WDxBQ;ECyBR,yBDrBmB;ECsBnB,qBDtBmB;AMoDvB;;ALvBE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AKgEnN;;ALpBI;;EAKI,+CAAiF;AKoBzF;;ARfE;EGrDA,WDAU;EQAR,yBRKmB;ECHrB,qBDGqB;AMqEvB;;ACpEE;ENAE,WDNQ;EQAR,yBPDoF;EASpF,qBATyH;AKiF7H;;ALrEE;EAMI,gDAAiF;AKmEvF;;AL9DE;EAEE,WDxBQ;ECyBR,yBDpBmB;ECqBnB,qBDrBmB;AMqFvB;;ALzDE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AKkGnN;;ALtDI;;EAKI,gDAAiF;AKsDzF;;ARjDE;EGrDA,cD2BgB;EQ3Bd,yBRMmB;ECJrB,qBDIqB;AMsGvB;;ACtGE;ENAE,cDqBc;EQ3Bd,yBPDoF;EASpF,qBATyH;AKmH7H;;ALvGE;EAMI,iDAAiF;AKqGvF;;ALhGE;EAEE,cDGc;ECFd,yBDnBmB;ECoBnB,qBDpBmB;AMsHvB;;AL3FE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;AKoInN;;ALxFI;;EAKI,iDAAiF;AKwFzF;;ARnFE;EGrDA,cD2BgB;EQ3Bd,yBRQmB;ECNrB,qBDMqB;AMsIvB;;ACxIE;ENAE,cDqBc;EQ3Bd,yBPDoF;EASpF,qBATyH;AKqJ7H;;ALzIE;EAMI,+CAAiF;AKuIvF;;ALlIE;EAEE,cDGc;ECFd,yBDjBmB;ECkBnB,qBDlBmB;AMsJvB;;AL7HE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AKsKnN;;AL1HI;;EAKI,+CAAiF;AK0HzF;;ARrHE;EGrDA,WDAU;EQAR,yBRSmB;ECPrB,qBDOqB;AMuKvB;;AC1KE;ENAE,WDNQ;EQAR,yBPDoF;EASpF,qBATyH;AKuL7H;;AL3KE;EAMI,gDAAiF;AKyKvF;;ALpKE;EAEE,WDxBQ;ECyBR,yBDhBmB;ECiBnB,qBDjBmB;AMuLvB;;AL/JE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AKwMnN;;AL5JI;;EAKI,gDAAiF;AK4JzF;;ARvJE;EGrDA,WDAU;EQAR,yBRaiB;ECXnB,qBDWmB;AMqMrB;;AC5ME;ENAE,WDNQ;EQAR,yBPDoF;EASpF,qBATyH;AKyN7H;;AL7ME;EAMI,gDAAiF;AK2MvF;;ALtME;EAEE,WDxBQ;ECyBR,yBDZiB;ECajB,qBDbiB;AMqNrB;;ALjME;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AK0OnN;;AL9LI;;EAKI,gDAAiF;AK8LzF;;ARzLE;EGrDA,WDAU;EQAR,yBRYiB;ECVnB,qBDUmB;AMwOrB;;AC9OE;ENAE,WDNQ;EQAR,yBPDoF;EASpF,qBATyH;AK2P7H;;AL/OE;EAMI,+CAAiF;AK6OvF;;ALxOE;EAEE,WDxBQ;ECyBR,yBDbiB;ECcjB,qBDdiB;AMwPrB;;ALnOE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AK4QnN;;ALhOI;;EAKI,+CAAiF;AKgOzF;;AR3NE;EGrDA,WDAU;EQAR,yBRciB;ECZnB,qBDYmB;AMwQrB;;AChRE;ENAE,WDNQ;EQAR,yBPDoF;EASpF,qBATyH;AK6R7H;;ALjRE;EAMI,gDAAiF;AK+QvF;;AL1QE;EAEE,WDxBQ;ECyBR,yBDXiB;ECYjB,qBDZiB;AMwRrB;;ALrQE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AK8SnN;;ALlQI;;EAKI,gDAAiF;AKkQzF;;AR7PE;EGrDA,WDAU;EQAR,yBReiB;ECbnB,qBDamB;AMySrB;;AClTE;ENAE,WDNQ;EQAR,yBPDoF;EASpF,qBATyH;AK+T7H;;ALnTE;EAMI,gDAAiF;AKiTvF;;AL5SE;EAEE,WDxBQ;ECyBR,yBDViB;ECWjB,qBDXiB;AMyTrB;;ALvSE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AKgVnN;;ALpSI;;EAKI,gDAAiF;AKoSzF;;AR/RE;EGrDA,WDAU;EQAR,yBRLW;ECOb,qBDPa;AM+Vf;;ACpVE;ENAE,WDNQ;EQAR,yBPDoF;EASpF,qBATyH;AKiW7H;;ALrVE;EAMI,8CAAiF;AKmVvF;;AL9UE;EAEE,WDxBQ;ECyBR,yBD9BW;EC+BX,qBD/BW;AM+Wf;;ALzUE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AKkXnN;;ALtUI;;EAKI,8CAAiF;AKsUzF;;ARjUE;EGrDA,WDAU;EQAR,sBRJQ;ECMV,kBDNU;AMgYZ;;ACtXE;ENAE,WDNQ;EQAR,yBPDoF;EASpF,qBATyH;AKmY7H;;ALvXE;EAMI,iDAAiF;AKqXvF;;ALhXE;EAEE,WDxBQ;ECyBR,sBD7BQ;EC8BR,kBD9BQ;AMgZZ;;AL3WE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AKoZnN;;ALxWI;;EAKI,iDAAiF;AKwWzF;;ARnWE;EGrDA,cD2BgB;EQ3Bd,yBRHW;ECKb,qBDLa;AMiaf;;ACxZE;ENAE,cDqBc;EQ3Bd,yBPDoF;EASpF,qBATyH;AKqa7H;;ALzZE;EAMI,iDAAiF;AKuZvF;;ALlZE;EAEE,cDGc;ECFd,yBD5BW;EC6BX,qBD7BW;AMibf;;AL7YE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;AKsbnN;;AL1YI;;EAKI,iDAAiF;AK0YzF;;ARrYE;EGrDA,cD2BgB;EQ3Bd,yBRFW;ECIb,qBDJa;AMkcf;;AC1bE;ENAE,cDqBc;EQ3Bd,yBPDoF;EASpF,qBATyH;AKuc7H;;AL3bE;EAMI,iDAAiF;AKybvF;;ALpbE;EAEE,cDGc;ECFd,yBD3BW;EC4BX,qBD5BW;AMkdf;;AL/aE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;AKwdnN;;AL5aI;;EAKI,iDAAiF;AK4azF;;ARvaE;EGrDA,cD2BgB;EQ3Bd,yBRDW;ECGb,qBDHa;AMmef;;AC5dE;ENAE,cDqBc;EQ3Bd,yBPDoF;EASpF,qBATyH;AKye7H;;AL7dE;EAMI,iDAAiF;AK2dvF;;ALtdE;EAEE,cDGc;ECFd,yBD1BW;EC2BX,qBD3BW;AMmff;;ALjdE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;AK0fnN;;AL9cI;;EAKI,iDAAiF;AK8czF;;ARzcE;EGrDA,cD2BgB;EQ3Bd,yBRCW;ECCb,qBDDa;AMmgBf;;AC9fE;ENAE,cDqBc;EQ3Bd,yBPDoF;EASpF,qBATyH;AK2gB7H;;AL/fE;EAMI,iDAAiF;AK6fvF;;ALxfE;EAEE,cDGc;ECFd,yBDxBW;ECyBX,qBDzBW;AMmhBf;;ALnfE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;AK4hBnN;;ALhfI;;EAKI,iDAAiF;AKgfzF;;AR3eE;EGrDA,WDAU;EQAR,yBROmB;ECLrB,qBDKqB;AM+hBvB;;AChiBE;ENAE,WDNQ;EQAR,yBPDoF;EASpF,qBATyH;AK6iB7H;;ALjiBE;EAMI,gDAAiF;AK+hBvF;;AL1hBE;EAEE,WDxBQ;ECyBR,yBDlBmB;ECmBnB,qBDnBmB;AM+iBvB;;ALrhBE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AK8jBnN;;ALlhBI;;EAKI,gDAAiF;AKkhBzF;;AR7gBE;EGrDA,cD2BgB;EQ3Bd,sBRAQ;ECEV,kBDFU;AMwkBZ;;AClkBE;ENAE,cDqBc;EQ3Bd,yBPDoF;EASpF,qBATyH;AK+kB7H;;ALnkBE;EAMI,iDAAiF;AKikBvF;;AL5jBE;EAEE,cDGc;ECFd,sBDzBQ;EC0BR,kBD1BQ;AMwlBZ;;ALvjBE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;AKgmBnN;;ALpjBI;;EAKI,iDAAiF;AKojBzF;;ARziBE;EGJA,cDnDqB;ECoDrB,qBDpDqB;AMqmBvB;;ACnmBE;ENqDE,WD3DQ;EC4DR,yBDxDmB;ECyDnB,qBDzDmB;AM2mBvB;;AL/iBE;EAEE,+CD9DmB;AM+mBvB;;AL9iBE;EAEE,cDnEmB;ECoEnB,6BAA6B;AKgjBjC;;AL7iBE;;EAGE,WD9EQ;EC+ER,yBD3EmB;EC4EnB,qBD5EmB;AM2nBvB;;AL7iBI;;EAKI,+CDnFe;AMgoBvB;;ARzkBE;EGJA,cDlDqB;ECmDrB,qBDnDqB;AMooBvB;;ACnoBE;ENqDE,WD3DQ;EC4DR,yBDvDmB;ECwDnB,qBDxDmB;AM0oBvB;;AL/kBE;EAEE,8CD7DmB;AM8oBvB;;AL9kBE;EAEE,cDlEmB;ECmEnB,6BAA6B;AKglBjC;;AL7kBE;;EAGE,WD9EQ;EC+ER,yBD1EmB;EC2EnB,qBD3EmB;AM0pBvB;;AL7kBI;;EAKI,8CDlFe;AM+pBvB;;ARzmBE;EGJA,cDjDqB;ECkDrB,qBDlDqB;AMmqBvB;;ACnqBE;ENqDE,cDhCc;ECiCd,yBDtDmB;ECuDnB,qBDvDmB;AMyqBvB;;AL/mBE;EAEE,iDD5DmB;AM6qBvB;;AL9mBE;EAEE,cDjEmB;ECkEnB,6BAA6B;AKgnBjC;;AL7mBE;;EAGE,cDnDc;ECoDd,yBDzEmB;EC0EnB,qBD1EmB;AMyrBvB;;AL7mBI;;EAKI,iDDjFe;AM8rBvB;;ARzoBE;EGJA,cD/CqB;ECgDrB,qBDhDqB;AMisBvB;;ACnsBE;ENqDE,cDhCc;ECiCd,yBDpDmB;ECqDnB,qBDrDmB;AMusBvB;;AL/oBE;EAEE,+CD1DmB;AM2sBvB;;AL9oBE;EAEE,cD/DmB;ECgEnB,6BAA6B;AKgpBjC;;AL7oBE;;EAGE,cDnDc;ECoDd,yBDvEmB;ECwEnB,qBDxEmB;AMutBvB;;AL7oBI;;EAKI,+CD/Ee;AM4tBvB;;ARzqBE;EGJA,cD9CqB;EC+CrB,qBD/CqB;AMguBvB;;ACnuBE;ENqDE,WD3DQ;EC4DR,yBDnDmB;ECoDnB,qBDpDmB;AMsuBvB;;AL/qBE;EAEE,8CDzDmB;AM0uBvB;;AL9qBE;EAEE,cD9DmB;EC+DnB,6BAA6B;AKgrBjC;;AL7qBE;;EAGE,WD9EQ;EC+ER,yBDtEmB;ECuEnB,qBDvEmB;AMsvBvB;;AL7qBI;;EAKI,8CD9Ee;AM2vBvB;;ARzsBE;EGJA,cD1CmB;EC2CnB,qBD3CmB;AM4vBrB;;ACnwBE;ENqDE,WD3DQ;EC4DR,yBD/CiB;ECgDjB,qBDhDiB;AMkwBrB;;AL/sBE;EAEE,+CDrDiB;AMswBrB;;AL9sBE;EAEE,cD1DiB;EC2DjB,6BAA6B;AKgtBjC;;AL7sBE;;EAGE,WD9EQ;EC+ER,yBDlEiB;ECmEjB,qBDnEiB;AMkxBrB;;AL7sBI;;EAKI,+CD1Ea;AMuxBrB;;ARzuBE;EGJA,cD3CmB;EC4CnB,qBD5CmB;AM6xBrB;;ACnyBE;ENqDE,WD3DQ;EC4DR,yBDhDiB;ECiDjB,qBDjDiB;AMmyBrB;;AL/uBE;EAEE,+CDtDiB;AMuyBrB;;AL9uBE;EAEE,cD3DiB;EC4DjB,6BAA6B;AKgvBjC;;AL7uBE;;EAGE,WD9EQ;EC+ER,yBDnEiB;ECoEjB,qBDpEiB;AMmzBrB;;AL7uBI;;EAKI,+CD3Ea;AMwzBrB;;ARzwBE;EGJA,cDzCmB;EC0CnB,qBD1CmB;AM2zBrB;;ACn0BE;ENqDE,WD3DQ;EC4DR,yBD9CiB;EC+CjB,qBD/CiB;AMi0BrB;;AL/wBE;EAEE,+CDpDiB;AMq0BrB;;AL9wBE;EAEE,cDzDiB;EC0DjB,6BAA6B;AKgxBjC;;AL7wBE;;EAGE,WD9EQ;EC+ER,yBDjEiB;ECkEjB,qBDlEiB;AMi1BrB;;AL7wBI;;EAKI,+CDzEa;AMs1BrB;;ARzyBE;EGJA,cDxCmB;ECyCnB,qBDzCmB;AM01BrB;;ACn2BE;ENqDE,WD3DQ;EC4DR,yBD7CiB;EC8CjB,qBD9CiB;AMg2BrB;;AL/yBE;EAEE,gDDnDiB;AMo2BrB;;AL9yBE;EAEE,cDxDiB;ECyDjB,6BAA6B;AKgzBjC;;AL7yBE;;EAGE,WD9EQ;EC+ER,yBDhEiB;ECiEjB,qBDjEiB;AMg3BrB;;AL7yBI;;EAKI,gDDxEa;AMq3BrB;;ARz0BE;EGJA,cD5Da;EC6Db,qBD7Da;AM84Bf;;ACn4BE;ENqDE,WD3DQ;EC4DR,yBDjEW;ECkEX,qBDlEW;AMo5Bf;;AL/0BE;EAEE,8CDvEW;AMw5Bf;;AL90BE;EAEE,cD5EW;EC6EX,6BAA6B;AKg1BjC;;AL70BE;;EAGE,WD9EQ;EC+ER,yBDpFW;ECqFX,qBDrFW;AMo6Bf;;AL70BI;;EAKI,8CD5FO;AMy6Bf;;ARz2BE;EGJA,WD3DU;EC4DV,kBD5DU;AM66BZ;;ACn6BE;ENqDE,WD3DQ;EC4DR,sBDhEQ;ECiER,kBDjEQ;AMm7BZ;;AL/2BE;EAEE,iDDtEQ;AMu7BZ;;AL92BE;EAEE,WD3EQ;EC4ER,6BAA6B;AKg3BjC;;AL72BE;;EAGE,WD9EQ;EC+ER,sBDnFQ;ECoFR,kBDpFQ;AMm8BZ;;AL72BI;;EAKI,iDD3FI;AMw8BZ;;ARz4BE;EGJA,cD1Da;EC2Db,qBD3Da;AM48Bf;;ACn8BE;ENqDE,cDhCc;ECiCd,yBD/DW;ECgEX,qBDhEW;AMk9Bf;;AL/4BE;EAEE,iDDrEW;AMs9Bf;;AL94BE;EAEE,cD1EW;EC2EX,6BAA6B;AKg5BjC;;AL74BE;;EAGE,cDnDc;ECoDd,yBDlFW;ECmFX,qBDnFW;AMk+Bf;;AL74BI;;EAKI,iDD1FO;AMu+Bf;;ARz6BE;EGJA,cDzDa;EC0Db,qBD1Da;AM2+Bf;;ACn+BE;ENqDE,cDhCc;ECiCd,yBD9DW;EC+DX,qBD/DW;AMi/Bf;;AL/6BE;EAEE,iDDpEW;AMq/Bf;;AL96BE;EAEE,cDzEW;EC0EX,6BAA6B;AKg7BjC;;AL76BE;;EAGE,cDnDc;ECoDd,yBDjFW;ECkFX,qBDlFW;AMigCf;;AL76BI;;EAKI,iDDzFO;AMsgCf;;ARz8BE;EGJA,cDxDa;ECyDb,qBDzDa;AM0gCf;;ACngCE;ENqDE,cDhCc;ECiCd,yBD7DW;EC8DX,qBD9DW;AMghCf;;AL/8BE;EAEE,iDDnEW;AMohCf;;AL98BE;EAEE,cDxEW;ECyEX,6BAA6B;AKg9BjC;;AL78BE;;EAGE,cDnDc;ECoDd,yBDhFW;ECiFX,qBDjFW;AMgiCf;;AL78BI;;EAKI,iDDxFO;AMqiCf;;ARz+BE;EGJA,cDtDa;ECuDb,qBDvDa;AMwiCf;;ACniCE;ENqDE,cDhCc;ECiCd,yBD3DW;EC4DX,qBD5DW;AM8iCf;;AL/+BE;EAEE,iDDjEW;AMkjCf;;AL9+BE;EAEE,cDtEW;ECuEX,6BAA6B;AKg/BjC;;AL7+BE;;EAGE,cDnDc;ECoDd,yBD9EW;EC+EX,qBD/EW;AM8jCf;;AL7+BI;;EAKI,iDDtFO;AMmkCf;;ARzgCE;EGJA,cDhDqB;ECiDrB,qBDjDqB;AMkkCvB;;ACnkCE;ENqDE,WD3DQ;EC4DR,yBDrDmB;ECsDnB,qBDtDmB;AMwkCvB;;AL/gCE;EAEE,+CD3DmB;AM4kCvB;;AL9gCE;EAEE,cDhEmB;ECiEnB,6BAA6B;AKghCjC;;AL7gCE;;EAGE,WD9EQ;EC+ER,yBDxEmB;ECyEnB,qBDzEmB;AMwlCvB;;AL7gCI;;EAKI,+CDhFe;AM6lCvB;;ARziCE;EGJA,WDvDU;ECwDV,kBDxDU;AMymCZ;;ACnmCE;ENqDE,cDhCc;ECiCd,sBD5DQ;EC6DR,kBD7DQ;AM+mCZ;;AL/iCE;EAEE,iDDlEQ;AMmnCZ;;AL9iCE;EAEE,WDvEQ;ECwER,6BAA6B;AKgjCjC;;AL7iCE;;EAGE,cDnDc;ECoDd,sBD/EQ;ECgFR,kBDhFQ;AM+nCZ;;AL7iCI;;EAKI,iDDvFI;AMooCZ;;AR/kCE;EAkBA,gBC7DuC;ED8DvC,cEjEqB;EFkErB,qBCpDwC;AOqnC1C;;ACpoCE;ETsEE,cCxD0D;EDyD1D,0BCvD2C;AOynC/C;;ALpoCE;EHuEE,0BC5D2C;ED6D3C,gBAAgB;AQikCpB;;AR9kCA;EAkBI,cEvFW;EFwFX,oBAAoB;AQgkCxB;;ARrjCA;EGLE,iBCpEqB;EC8FjB,eAtCY;EFchB,iBCtFgC;EEZ9B,kBF6BsB;AIooC1B;;ARxjCA;EGTE,gBC3F+B;ECqH3B,mBAtCY;EFchB,iBC3FgC;EEP9B,kBF8BsB;AI0oC1B;;ARtjCA;EACE,cAAc;EACd,WAAW;AQyjCb;;AR3jCA;EAMI,kBIzFuB;AIkpC3B;;ARpjCA;;;EAII,WAAW;AQsjCf;;AGzrCA;;EAEE,kBAAkB;EAClB,oBAAoB;EACpB,sBAAsB;AH4rCxB;;AGhsCA;;EAOI,kBAAkB;EAClB,cAAc;AH8rClB;;AC7rCE;;EEII,UAAU;AH8rChB;;AG3sCA;;;;EAkBM,UAAU;AHgsChB;;AG1rCA;EACE,aAAa;EACb,eAAe;EACf,2BAA2B;AH6rC7B;;AGhsCA;EAMI,WAAW;AH8rCf;;AG1rCA;;EAII,iBPpBkB;AI+sCtB;;AG/rCA;;ELhBI,0BK0B8B;ELzB9B,6BKyB8B;AH2rClC;;AGrsCA;;ELFI,yBKiB6B;ELhB7B,4BKgB6B;AH4rCjC;;AG5qCA;EACE,mBAAmC;EACnC,kBAAkC;AH+qCpC;;AGjrCA;;;EAOI,cAAc;AHgrClB;;AG7qCE;EACE,eAAe;AHgrCnB;;AG5qCA;EACE,kBAAsC;EACtC,iBAAqC;AH+qCvC;;AG5qCA;EACE,mBAAsC;EACtC,kBAAqC;AH+qCvC;;AG3pCA;EACE,sBAAsB;EACtB,uBAAuB;EACvB,uBAAuB;AH8pCzB;;AGjqCA;;EAOI,WAAW;AH+pCf;;AGtqCA;;EAYI,gBPrGkB;AIowCtB;;AG3qCA;;ELlFI,6BKoG+B;ELnG/B,4BKmG+B;AH+pCnC;;AGjrCA;;ELhGI,yBKuH4B;ELtH5B,0BKsH4B;AHgqChC;;AG/oCA;;EAGI,gBAAgB;AHipCpB;;AGppCA;;;;EAOM,kBAAkB;EAClB,sBAAsB;EACtB,oBAAoB;AHopC1B;;AIlzCA;EACE,cVWqB;EUVrB,6BAA6B;EAC7B,yBAAyB;AJqzC3B;;AIlzCA;EACE,WVNU;EUOV,6BAA6B;EAC7B,6BAA6B;AJqzC/B;;AIpzCE;EACE,yBVLW;EUMX,qBVNW;AM6zCf;;AIrzCE;EACE,6BAA6B;EAC7B,qBVJmB;EUKnB,+BVLmB;AM6zCvB;;AIjzCA;EAEI,WVzBQ;EU0BR,yBVvBW;EUwBX,yBVzBW;AM40Cf;;AIvzCA;EAMM,qBVhBiB;AMq0CvB;;AI3zCA;EASM,qBVnBiB;EUoBjB,+BVpBiB;AM00CvB;;AIh0CA;EAiBM,6BAA6B;EAC7B,qBV5BiB;EU6BjB,+BV7BiB;AMg1CvB;;AIt0CA;EAwBI,UAAU;AJkzCd;;AI10CA;EA8BM,qBAAqB;EACrB,+BV3CiB;AM21CvB;;AI/0CA;EAmCM,qBAAqB;EACrB,oBAAoB;EACpB,6BAA6B;EAC7B,YAAY;AJgzClB;;AIt1CA;EA+CU,sBAAwB;AJ2yClC;;AI11CA;EAsDI,WAAW;EACX,YAAY;EACZ,YAAY;AJwyChB;;AIh2CA;EA4DM,WAAW;EACX,YAAY;EACZ,UAAU;EACV,eAAe;AJwyCrB;;AIv2CA;EAoEI,kBAAkB;EAClB,oBAAoB;AJuyCxB;;AI52CA;EAuEM,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;EACP,UAAU;EACV,WAAW;EACX,yBAAyB;EAEzB,kBAAkB;AJwyCxB;;AIx3CA;EAmFM,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;EACP,UAAU;EACV,qBAAqB;EACrB,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,WAAW;EACX,mCAAmC;EACnC,sBAAsB;EACtB,sBVnHM;EUoHN,+BAA+B;EAE/B,kBAAkB;EAClB,sDAA8C;EAA9C,8CAA8C;AJwyCpD;;AI54CA;EAyGQ,kBVhII;EUiIJ,+BAA+B;AJuyCvC;;AIj5CA;EA8GM,kBAAkB;AJuyCxB;;AIr5CA;EAgHQ,kBVvII;EUwIJ,+BAA+B;AJyyCvC;;AI15CA;EAwHM,UAAU;EACV,eAAe;EACf,mBAAmB;EACnB,YAAY;AJsyClB;;AIj6CA;EA6HQ,iBAAiB;AJwyCzB;;AIr6CA;EAgIQ,gBAAgB;AJyyCxB;;AIz6CA;EAoIM,cAAc;EACd,mBAAmB;EACnB,YAAY;AJyyClB;;AI/6CA;EA0IQ,UAAU;EACV,eAAe;EACf,wBAAwB;EACxB,YAAY;AJyyCpB;;AIt7CA;EAgJQ,UAAU;EACV,iBAAiB;EACjB,wBAAwB;EACxB,YAAY;AJ0yCpB;;AI77CA;EAwJQ,UAAU;EACV,eAAe;EACf,mBAAmB;EACnB,YAAY;AJyyCpB;;AIp8CA;EA8JQ,cAAc;EACd,eAAe;EACf,mBAAmB;EACnB,YAAY;AJ0yCpB;;AR99CA;EY2LI,cV9LW;EU+LX,mBAAmB;EACnB,yBV5LW;EU6LX,yBV7LW;EU8LX,UAAU;AJuyCd;;AIn9CA;EA8KM,6BAA6B;EAC7B,yBAAyB;AJyyC/B;;AIx9CA;EAsLM,kBAAkB;AJsyCxB;;AI59CA;EAyLM,iBAAiB;AJuyCvB;;AIlyCG;EAEG,kBAAkB;AJoyCxB;;AItyCG;EAMG,iBAAiB;AJoyCvB;;AI1yCG;EAWG,eAAe;EACf,kBAAkB;EAClB,iBAAiB;AJmyCvB;;AIhzCG;EAeK,eAAe;AJqyCvB;;AIpzCG;EAkBK,cAAc;AJsyCtB;;AIxzCG;EAuBK,iBAAiB;EACjB,iBAAiB;AJqyCzB;;AI7zCG;EAgCO,iBAAiB;EACjB,8BVpPK;AMqhDf;;AIl0CG;EAsCK,iBAAiB;EACjB,iBAAiB;AJgyCzB","file":"mekari-ui-button.css","sourcesContent":["// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.#{$prefix}btn {\n display: inline-block;\n font-family: $btn-font-family;\n font-weight: $btn-font-weight;\n color: $body-color;\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background-color: transparent;\n border: $btn-border-width solid transparent;\n @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n @include transition($btn-transition);\n\n @include hover {\n color: $body-color;\n text-decoration: none;\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: $btn-focus-box-shadow;\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n opacity: $btn-disabled-opacity;\n @include box-shadow(none);\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active {\n @include box-shadow($btn-active-box-shadow);\n\n &:focus {\n @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n }\n }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.#{$prefix}btn.disabled,\nfieldset:disabled a.#{$prefix}btn {\n pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n .#{$prefix}btn-#{$color} {\n @include button-variant($value, $value);\n }\n}\n\n@each $color, $value in $theme-colors {\n .#{$prefix}btn-outline-#{$color} {\n @include button-outline-variant($value);\n }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.#{$prefix}btn-link {\n font-weight: $font-weight-normal;\n color: $link-color;\n text-decoration: $link-decoration;\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n\n &:focus,\n &.focus {\n text-decoration: $link-hover-decoration;\n box-shadow: none;\n }\n\n &:disabled,\n &.disabled {\n color: $btn-link-disabled-color;\n pointer-events: none;\n }\n\n // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.#{$prefix}btn-lg {\n @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.#{$prefix}btn-sm {\n @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.#{$prefix}btn-block {\n display: block;\n width: 100%;\n\n // Vertically space out multiple block buttons\n + .#{$prefix}btn-block {\n margin-top: $btn-block-spacing-y;\n }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n &.#{$prefix}btn-block {\n width: 100%;\n }\n}\n","$font-family-roboto: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base: $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base: .875rem; // 14px\n$font-size-lg: 1.25rem; // 20px\n$font-size-sm: .75rem; // 12px\n\n$line-height-base: 1.4285; // The closest value to Mekari design\n$line-height-lg: 1.4285;\n$line-height-sm: 1.4285;\n$letter-spacing: .2px;\n\n$font-weight-lighter: 400;\n$font-weight-light: 400;\n$font-weight-normal: 400;\n$font-weight-base: 400;\n$font-weight-bold: 500;\n$font-weight-bolder: 500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color: $dark;\n$link-color: $blue;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-decoration: none;\n$link-hover-decoration: underline;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: 8px;\n$btn-padding-x: 16px;\n$btn-font-size: 14px;\n$btn-line-height: 20px;\n\n$btn-padding-y-sm: 2px;\n$btn-padding-x-sm: 8px;\n$btn-font-size-sm: 14px;\n$btn-line-height-sm: 20px;\n\n// $btn-padding-y-lg: 8px;\n// $btn-padding-x-lg: 16px;\n$btn-font-size-lg: 16px;\n$btn-line-height-lg: 24px;\n\n$btn-font-family: $font-family-base;\n$btn-font-weight: $font-weight-normal;\n$btn-border-width: 1px;\n$btn-border-radius: 4px;\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$btn-focus-box-shadow: 0 0 4px 1px $link;\n$btn-disabled-opacity: .65;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: .2rem;\n\n$btn-link-disabled-color: $cloud;\n$btn-padding-y-lg: 8px;\n$btn-padding-x-lg: 16px;\n$btn-border-radius-lg: 4px;\n$btn-border-radius-sm: 4px;\n$btn-block-spacing-y: .5rem;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n",".btn {\n display: inline-block;\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-weight: 400;\n color: #212121;\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background-color: transparent;\n border: 1px solid transparent;\n padding: 8px 16px;\n font-size: 0.875rem;\n line-height: 20px;\n border-radius: 4px;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .btn {\n transition: none;\n }\n}\n\n.btn:hover {\n color: #212121;\n text-decoration: none;\n}\n\n.btn:focus, .btn.focus {\n outline: 0;\n box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.disabled, .btn:disabled {\n opacity: 0.65;\n}\n\na.btn.disabled,\nfieldset:disabled a.btn {\n pointer-events: none;\n}\n\n.btn-danger {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-danger:hover {\n color: #fff;\n background-color: #b6361d;\n border-color: #ab331b;\n}\n\n.btn-danger:focus, .btn-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-danger.disabled, .btn-danger:disabled {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n.show > .btn-danger.dropdown-toggle {\n color: #fff;\n background-color: #ab331b;\n border-color: #a03019;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-success {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-success:hover {\n color: #fff;\n background-color: #00794a;\n border-color: #006c42;\n}\n\n.btn-success:focus, .btn-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-success.disabled, .btn-success:disabled {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n.show > .btn-success.dropdown-toggle {\n color: #fff;\n background-color: #006c42;\n border-color: #005f3a;\n}\n\n.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-info {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-info:hover {\n color: #212529;\n background-color: #ffe473;\n border-color: #ffe166;\n}\n\n.btn-info:focus, .btn-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-info.disabled, .btn-info:disabled {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,\n.show > .btn-info.dropdown-toggle {\n color: #212529;\n background-color: #ffe166;\n border-color: #ffdf59;\n}\n\n.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-warning {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-warning:hover {\n color: #212529;\n background-color: #d99c00;\n border-color: #cc9200;\n}\n\n.btn-warning:focus, .btn-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-warning.disabled, .btn-warning:disabled {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n.show > .btn-warning.dropdown-toggle {\n color: #fff;\n background-color: #cc9200;\n border-color: #bf8900;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-primary {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-primary:hover {\n color: #fff;\n background-color: #004c99;\n border-color: #00468c;\n}\n\n.btn-primary:focus, .btn-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-primary.disabled, .btn-primary:disabled {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\n.show > .btn-primary.dropdown-toggle {\n color: #fff;\n background-color: #00468c;\n border-color: #003f7f;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-jurnal {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-jurnal:hover {\n color: #fff;\n background-color: #0080b8;\n border-color: #0077ab;\n}\n\n.btn-jurnal:focus, .btn-jurnal.focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-jurnal.disabled, .btn-jurnal:disabled {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active, .btn-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-jurnal.dropdown-toggle {\n color: #fff;\n background-color: #0077ab;\n border-color: #006e9e;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active:focus, .btn-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-jurnal.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-talenta {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-talenta:hover {\n color: #fff;\n background-color: #a1232c;\n border-color: #962129;\n}\n\n.btn-talenta:focus, .btn-talenta.focus {\n box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-talenta.disabled, .btn-talenta:disabled {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active, .btn-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-talenta.dropdown-toggle {\n color: #fff;\n background-color: #962129;\n border-color: #8c1f26;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active:focus, .btn-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-talenta.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-klikpajak {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-klikpajak:hover {\n color: #fff;\n background-color: #d35c01;\n border-color: #c65701;\n}\n\n.btn-klikpajak:focus, .btn-klikpajak.focus {\n box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-klikpajak.disabled, .btn-klikpajak:disabled {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active, .btn-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-klikpajak.dropdown-toggle {\n color: #fff;\n background-color: #c65701;\n border-color: #ba5101;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-klikpajak.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-mekari {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-mekari:hover {\n color: #fff;\n background-color: #5227e0;\n border-color: #4b1fdb;\n}\n\n.btn-mekari:focus, .btn-mekari.focus {\n box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-mekari.disabled, .btn-mekari:disabled {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active, .btn-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-mekari.dropdown-toggle {\n color: #fff;\n background-color: #4b1fdb;\n border-color: #481ed0;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active:focus, .btn-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-mekari.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-dark {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-dark:hover {\n color: #fff;\n background-color: #0e0e0e;\n border-color: #080808;\n}\n\n.btn-dark:focus, .btn-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-dark.disabled, .btn-dark:disabled {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n.show > .btn-dark.dropdown-toggle {\n color: #fff;\n background-color: #080808;\n border-color: #010101;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-slate {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-slate:hover {\n color: #fff;\n background-color: #646464;\n border-color: #5e5e5e;\n}\n\n.btn-slate:focus, .btn-slate.focus {\n box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-slate.disabled, .btn-slate:disabled {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active, .btn-slate:not(:disabled):not(.disabled).active,\n.show > .btn-slate.dropdown-toggle {\n color: #fff;\n background-color: #5e5e5e;\n border-color: #575757;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active:focus, .btn-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-slate.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-muted {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-muted:hover {\n color: #212529;\n background-color: #a1a1a1;\n border-color: #9b9b9b;\n}\n\n.btn-muted:focus, .btn-muted.focus {\n box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-muted.disabled, .btn-muted:disabled {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active,\n.show > .btn-muted.dropdown-toggle {\n color: #212529;\n background-color: #9b9b9b;\n border-color: #949494;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-muted.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-smoke {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-smoke:hover {\n color: #212529;\n background-color: #cfcfcf;\n border-color: #c9c9c9;\n}\n\n.btn-smoke:focus, .btn-smoke.focus {\n box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-smoke.disabled, .btn-smoke:disabled {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active, .btn-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-smoke.dropdown-toggle {\n color: #212529;\n background-color: #c9c9c9;\n border-color: #c2c2c2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active:focus, .btn-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-smoke.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-light {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-light:hover {\n color: #212529;\n background-color: #e8e8e8;\n border-color: #e2e2e2;\n}\n\n.btn-light:focus, .btn-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-light.disabled, .btn-light:disabled {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n.show > .btn-light.dropdown-toggle {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #dbdbdb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-cloud {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-cloud:hover {\n color: #212529;\n background-color: #dae0e8;\n border-color: #d2d9e4;\n}\n\n.btn-cloud:focus, .btn-cloud.focus {\n box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-cloud.disabled, .btn-cloud:disabled {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active, .btn-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-cloud.dropdown-toggle {\n color: #212529;\n background-color: #d2d9e4;\n border-color: #cbd3df;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active:focus, .btn-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-cloud.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-link {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-link:hover {\n color: #fff;\n background-color: #0044ec;\n border-color: #0040df;\n}\n\n.btn-link:focus, .btn-link.focus {\n box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-link.disabled, .btn-link:disabled {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-link:not(:disabled):not(.disabled):active, .btn-link:not(:disabled):not(.disabled).active,\n.show > .btn-link.dropdown-toggle {\n color: #fff;\n background-color: #0040df;\n border-color: #003dd2;\n}\n\n.btn-link:not(:disabled):not(.disabled):active:focus, .btn-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-link.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-white {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-white:hover {\n color: #212529;\n background-color: #ececec;\n border-color: #e6e6e6;\n}\n\n.btn-white:focus, .btn-white.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-white.disabled, .btn-white:disabled {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,\n.show > .btn-white.dropdown-toggle {\n color: #212529;\n background-color: #e6e6e6;\n border-color: #dfdfdf;\n}\n\n.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-white.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-outline-danger {\n color: #d74022;\n border-color: #d74022;\n}\n\n.btn-outline-danger:hover {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-outline-danger:focus, .btn-outline-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-danger.disabled, .btn-outline-danger:disabled {\n color: #d74022;\n background-color: transparent;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n.show > .btn-outline-danger.dropdown-toggle {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-success {\n color: #009f61;\n border-color: #009f61;\n}\n\n.btn-outline-success:hover {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-outline-success:focus, .btn-outline-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-success.disabled, .btn-outline-success:disabled {\n color: #009f61;\n background-color: transparent;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n.show > .btn-outline-success.dropdown-toggle {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-info {\n color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-outline-info:hover {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-outline-info:focus, .btn-outline-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-info.disabled, .btn-outline-info:disabled {\n color: #ffeb99;\n background-color: transparent;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n.show > .btn-outline-info.dropdown-toggle {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-warning {\n color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-outline-warning:hover {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-outline-warning:focus, .btn-outline-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-warning.disabled, .btn-outline-warning:disabled {\n color: #ffb700;\n background-color: transparent;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n.show > .btn-outline-warning.dropdown-toggle {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-primary {\n color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-outline-primary:hover {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-outline-primary:focus, .btn-outline-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-primary.disabled, .btn-outline-primary:disabled {\n color: #005fbf;\n background-color: transparent;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,\n.show > .btn-outline-primary.dropdown-toggle {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-jurnal {\n color: #009bde;\n border-color: #009bde;\n}\n\n.btn-outline-jurnal:hover {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-outline-jurnal:focus, .btn-outline-jurnal.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-jurnal.disabled, .btn-outline-jurnal:disabled {\n color: #009bde;\n background-color: transparent;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active, .btn-outline-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-outline-jurnal.dropdown-toggle {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active:focus, .btn-outline-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-jurnal.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-talenta {\n color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-outline-talenta:hover {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-outline-talenta:focus, .btn-outline-talenta.focus {\n box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-talenta.disabled, .btn-outline-talenta:disabled {\n color: #c02a34;\n background-color: transparent;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active, .btn-outline-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-outline-talenta.dropdown-toggle {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active:focus, .btn-outline-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-talenta.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-klikpajak {\n color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:hover {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:focus, .btn-outline-klikpajak.focus {\n box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-klikpajak.disabled, .btn-outline-klikpajak:disabled {\n color: #f96d01;\n background-color: transparent;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active, .btn-outline-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-outline-klikpajak.dropdown-toggle {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-outline-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-klikpajak.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-mekari {\n color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-outline-mekari:hover {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-outline-mekari:focus, .btn-outline-mekari.focus {\n box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-mekari.disabled, .btn-outline-mekari:disabled {\n color: #6d48e5;\n background-color: transparent;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active, .btn-outline-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-outline-mekari.dropdown-toggle {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active:focus, .btn-outline-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-mekari.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-dark {\n color: #212121;\n border-color: #212121;\n}\n\n.btn-outline-dark:hover {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-outline-dark:focus, .btn-outline-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-dark.disabled, .btn-outline-dark:disabled {\n color: #212121;\n background-color: transparent;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n.show > .btn-outline-dark.dropdown-toggle {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-slate {\n color: #777;\n border-color: #777;\n}\n\n.btn-outline-slate:hover {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-outline-slate:focus, .btn-outline-slate.focus {\n box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-slate.disabled, .btn-outline-slate:disabled {\n color: #777;\n background-color: transparent;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active, .btn-outline-slate:not(:disabled):not(.disabled).active,\n.show > .btn-outline-slate.dropdown-toggle {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active:focus, .btn-outline-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-slate.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-muted {\n color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-outline-muted:hover {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-outline-muted:focus, .btn-outline-muted.focus {\n box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-muted.disabled, .btn-outline-muted:disabled {\n color: #b4b4b4;\n background-color: transparent;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active,\n.show > .btn-outline-muted.dropdown-toggle {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-muted.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-smoke {\n color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:hover {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:focus, .btn-outline-smoke.focus {\n box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-smoke.disabled, .btn-outline-smoke:disabled {\n color: #e2e2e2;\n background-color: transparent;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active, .btn-outline-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-outline-smoke.dropdown-toggle {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active:focus, .btn-outline-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-smoke.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-light {\n color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-outline-light:hover {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-outline-light:focus, .btn-outline-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-light.disabled, .btn-outline-light:disabled {\n color: #fbfbfb;\n background-color: transparent;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n.show > .btn-outline-light.dropdown-toggle {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-cloud {\n color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:hover {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:focus, .btn-outline-cloud.focus {\n box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-cloud.disabled, .btn-outline-cloud:disabled {\n color: #f2f4f7;\n background-color: transparent;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active, .btn-outline-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-outline-cloud.dropdown-toggle {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active:focus, .btn-outline-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-cloud.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-link {\n color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-outline-link:hover {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-outline-link:focus, .btn-outline-link.focus {\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-link.disabled, .btn-outline-link:disabled {\n color: #1357ff;\n background-color: transparent;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active, .btn-outline-link:not(:disabled):not(.disabled).active,\n.show > .btn-outline-link.dropdown-toggle {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active:focus, .btn-outline-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-link.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-white {\n color: #fff;\n border-color: #fff;\n}\n\n.btn-outline-white:hover {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-outline-white:focus, .btn-outline-white.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-outline-white.disabled, .btn-outline-white:disabled {\n color: #fff;\n background-color: transparent;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active,\n.show > .btn-outline-white.dropdown-toggle {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-white.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-link {\n font-weight: 400;\n color: #1357ff;\n text-decoration: none;\n}\n\n.btn-link:hover {\n color: #0039c6;\n text-decoration: underline;\n}\n\n.btn-link:focus, .btn-link.focus {\n text-decoration: underline;\n box-shadow: none;\n}\n\n.btn-link:disabled, .btn-link.disabled {\n color: #f2f4f7;\n pointer-events: none;\n}\n\n.btn-lg, .btn-group-lg > .btn {\n padding: 8px 16px;\n font-size: 1rem;\n line-height: 24px;\n border-radius: 4px;\n}\n\n.btn-sm, .btn-group-sm > .btn {\n padding: 2px 8px;\n font-size: 0.875rem;\n line-height: 20px;\n border-radius: 4px;\n}\n\n.btn-block {\n display: block;\n width: 100%;\n}\n\n.btn-block + .btn-block {\n margin-top: 0.5rem;\n}\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%;\n}\n\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle;\n}\n\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n position: relative;\n flex: 1 1 auto;\n}\n\n.btn-group > .btn:hover,\n.btn-group-vertical > .btn:hover {\n z-index: 1;\n}\n\n.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n z-index: 1;\n}\n\n.btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n}\n\n.btn-toolbar .input-group {\n width: auto;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) {\n margin-left: -1px;\n}\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.dropdown-toggle-split {\n padding-right: 12px;\n padding-left: 12px;\n}\n\n.dropdown-toggle-split::after,\n.dropup .dropdown-toggle-split::after,\n.dropright .dropdown-toggle-split::after {\n margin-left: 0;\n}\n\n.dropleft .dropdown-toggle-split::before {\n margin-right: 0;\n}\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n padding-right: 6px;\n padding-left: 6px;\n}\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n padding-right: 12px;\n padding-left: 12px;\n}\n\n.btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n}\n\n.btn-group-vertical > .btn,\n.btn-group-vertical > .btn-group {\n width: 100%;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) {\n margin-top: -1px;\n}\n\n.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group-vertical > .btn-group:not(:last-child) > .btn {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.btn-group-toggle > .btn,\n.btn-group-toggle > .btn-group > .btn {\n margin-bottom: 0;\n}\n\n.btn-group-toggle > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn input[type=\"checkbox\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n}\n\n.btn.btn-link, .btn.btn-link:not(:disabled):not(.disabled):active, .btn-group.show > .btn-link {\n color: #1357ff;\n background-color: transparent;\n border-color: transparent;\n}\n\n.btn.btn-ghost, .btn.btn-icon {\n color: #777;\n background-color: transparent;\n border: 1px solid transparent;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):hover, .btn.btn-icon:not(:disabled):not(.disabled):hover {\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus, .btn.btn-icon:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: #1357ff;\n box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.btn-basic {\n color: #777;\n background-color: #fbfbfb;\n border: 1px solid #e2e2e2;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):hover {\n border-color: #005fbf;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):focus {\n border-color: #005fbf;\n box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: #005fbf;\n box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-link {\n padding: 0;\n}\n\n.btn.btn-link:not(:disabled):not(.disabled):focus {\n text-decoration: none;\n box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.btn-link:disabled, .btn.btn-link.disabled {\n text-decoration: none;\n pointer-events: auto;\n background-color: transparent;\n border: none;\n}\n\n.btn.btn-primary.btn-with-icon .ic::before {\n color: #fff !important;\n}\n\n.btn.btn-icon {\n width: 36px;\n height: 36px;\n padding: 8px;\n}\n\n.btn.btn-icon > .ic {\n width: 16px;\n height: 16px;\n padding: 0;\n font-size: 16px;\n}\n\n.btn.is-loading {\n position: relative;\n pointer-events: none;\n}\n\n.btn.is-loading::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n content: \"\";\n background-color: inherit;\n border-radius: 4px;\n}\n\n.btn.is-loading::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 4;\n display: inline-block;\n width: 20px;\n height: 20px;\n margin: auto;\n content: \"\";\n background: center center no-repeat;\n background-size: cover;\n border: 2px solid #fff;\n border-right-color: transparent;\n border-radius: 50%;\n animation: spinner-border .75s linear infinite;\n}\n\n.btn.is-loading.btn-basic::after {\n border-color: #777;\n border-right-color: transparent;\n}\n\n.btn.is-loading.btn-ghost {\n color: transparent;\n}\n\n.btn.is-loading.btn-ghost::after {\n border-color: #777;\n border-right-color: transparent;\n}\n\n.btn.btn-with-icon .ic {\n padding: 0;\n font-size: 20px;\n vertical-align: top;\n border: none;\n}\n\n.btn.btn-with-icon .ic.is-left {\n margin-right: 8px;\n}\n\n.btn.btn-with-icon .ic.is-right {\n margin-left: 8px;\n}\n\n.btn.btn-with-icon span {\n padding: 2px 0;\n vertical-align: top;\n border: none;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic {\n padding: 0;\n font-size: 16px;\n vertical-align: text-top;\n border: none;\n}\n\n.btn.btn-with-icon.btn-sm span, .btn-group-sm > .btn.btn-with-icon span {\n padding: 0;\n line-height: 16px;\n vertical-align: text-top;\n border: none;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic {\n padding: 0;\n font-size: 24px;\n vertical-align: top;\n border: none;\n}\n\n.btn.btn-with-icon.btn-lg span, .btn-group-lg > .btn.btn-with-icon span {\n padding: 3px 0;\n font-size: 18px;\n vertical-align: top;\n border: none;\n}\n\n.btn.disabled, .btn:disabled {\n color: #b4b4b4;\n cursor: not-allowed;\n background-color: #f2f4f7;\n border: 1px solid #f2f4f7;\n opacity: 1;\n}\n\n.btn.disabled.btn-ghost, .btn:disabled.btn-ghost {\n background-color: transparent;\n border-color: transparent;\n}\n\n.btn.dropdown-toggle::before {\n margin-right: 16px;\n}\n\n.btn.dropdown-toggle::after {\n margin-left: 16px;\n}\n\n.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle) {\n padding-right: 8px;\n}\n\n.btn-group .btn:last-child:not(:only-child) {\n padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split {\n min-width: 36px;\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split::before {\n margin-right: 0;\n}\n\n.btn-group .dropdown-toggle-split::after {\n margin-left: 0;\n}\n\n.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n}\n\n.btn-group.dropleft .dropdown-toggle-split.btn-basic:not(:hover):not(:focus) {\n padding-left: 8px;\n border-left: 1px solid #e2e2e2;\n}\n\n.btn-group.dropleft ~ .btn-basic:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n}\n\n/*# sourceMappingURL=mekari-ui-button.css.map */","// 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","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.#{$prefix}btn-group,\n.#{$prefix}btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle; // match .#{$prefix}btn alignment given font-size hack above\n\n > .#{$prefix}btn {\n position: relative;\n flex: 1 1 auto;\n\n // Bring the hover, focused, and \"active\" buttons to the front to overlay\n // the borders properly\n @include hover {\n z-index: 1;\n }\n &:focus,\n &:active,\n &.active {\n z-index: 1;\n }\n }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.#{$prefix}btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n\n .input-group {\n width: auto;\n }\n}\n\n.#{$prefix}btn-group {\n // Prevent double borders when buttons are next to each other\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) {\n margin-left: -$btn-border-width;\n }\n\n // Reset rounded corners\n > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n @include border-right-radius(0);\n }\n\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n @include border-left-radius(0);\n }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.#{$prefix}btn-group-sm > .#{$prefix}btn { @extend .#{$prefix}btn-sm; }\n.#{$prefix}btn-group-lg > .#{$prefix}btn { @extend .#{$prefix}btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.#{$prefix}dropdown-toggle-split {\n padding-right: $btn-padding-x * .75;\n padding-left: $btn-padding-x * .75;\n\n &::after,\n .#{$prefix}dropup &::after,\n .#{$prefix}dropright &::after {\n margin-left: 0;\n }\n\n .#{$prefix}dropleft &::before {\n margin-right: 0;\n }\n}\n\n.#{$prefix}btn-sm + .#{$prefix}dropdown-toggle-split {\n padding-right: $btn-padding-x-sm * .75;\n padding-left: $btn-padding-x-sm * .75;\n}\n\n.#{$prefix}btn-lg + .#{$prefix}dropdown-toggle-split {\n padding-right: $btn-padding-x-lg * .75;\n padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.#{$prefix}btn-group.show .#{$prefix}dropdown-toggle {\n @include box-shadow($btn-active-box-shadow);\n\n // Show no shadow for `.#{$prefix}btn-link` since it has no other button styles.\n &.#{$prefix}btn-link {\n @include box-shadow(none);\n }\n}\n\n\n//\n// Vertical button groups\n//\n\n.#{$prefix}btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n\n > .#{$prefix}btn,\n > .#{$prefix}btn-group {\n width: 100%;\n }\n\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) {\n margin-top: -$btn-border-width;\n }\n\n // Reset rounded corners\n > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n @include border-bottom-radius(0);\n }\n\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n @include border-top-radius(0);\n }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.#{$prefix}btn-group-toggle {\n > .#{$prefix}btn,\n > .#{$prefix}btn-group > .#{$prefix}btn {\n margin-bottom: 0; // Override default `<label>` value\n\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n }\n }\n}\n","// Button related variable\n%btn-link-active {\n color: $blue;\n background-color: transparent;\n border-color: transparent;\n}\n\n%btn-ghost {\n color: $secondary;\n background-color: transparent;\n border: 1px solid transparent;\n &:not(:disabled):not(.disabled):hover {\n background-color: $cloud;\n border-color: $cloud;\n }\n &:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: $blue;\n box-shadow: 0 0 4px 1px $blue;\n }\n}\n\n$btn-basic-border-color: $smoke;\n// End of button related variable\n\n.#{$prefix}btn {\n &.#{$prefix}btn-basic {\n color: $secondary;\n background-color: $light;\n border: 1px solid $btn-basic-border-color;\n &:not(:disabled):not(.disabled):hover {\n border-color: $sapphire;\n }\n &:not(:disabled):not(.disabled):focus {\n border-color: $sapphire;\n box-shadow: 0 0 4px 1px $sapphire;\n }\n }\n\n &.#{$prefix}btn-ghost {\n @extend %btn-ghost;\n &:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: $primary;\n box-shadow: 0 0 4px 1px $primary;\n }\n }\n\n &.#{$prefix}btn-link {\n padding: 0;\n @extend %btn-link-active;\n &:not(:disabled):not(.disabled):active {\n @extend %btn-link-active;\n }\n &:not(:disabled):not(.disabled):focus {\n text-decoration: none;\n box-shadow: 0 0 4px 1px $blue;\n }\n &:disabled,\n &.disabled {\n text-decoration: none;\n pointer-events: auto;\n background-color: transparent;\n border: none;\n }\n }\n\n &.#{$prefix}btn-primary {\n &.#{$prefix}btn-with-icon {\n .ic {\n &::before {\n // stylelint-disable-next-line declaration-no-important\n color: $white !important;\n }\n }\n }\n }\n\n &.#{$prefix}btn-icon {\n width: 36px;\n height: 36px;\n padding: 8px;\n @extend %btn-ghost;\n\n > .ic {\n width: 16px;\n height: 16px;\n padding: 0;\n font-size: 16px;\n }\n }\n\n &.#{$prefix}is-loading {\n position: relative;\n pointer-events: none;\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n content: \"\";\n background-color: inherit;\n // stylelint-disable-next-line property-blacklist\n border-radius: 4px;\n }\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 4;\n display: inline-block;\n width: 20px;\n height: 20px;\n margin: auto;\n content: \"\";\n background: center center no-repeat;\n background-size: cover;\n border: 2px solid $white;\n border-right-color: transparent;\n // stylelint-disable-next-line property-blacklist\n border-radius: 50%;\n animation: spinner-border .75s linear infinite;\n }\n\n &.#{$prefix}btn-basic {\n &::after {\n border-color: $secondary;\n border-right-color: transparent;\n }\n }\n &.#{$prefix}btn-ghost {\n color: transparent;\n &::after {\n border-color: $secondary;\n border-right-color: transparent;\n }\n }\n }\n\n &.#{$prefix}btn-with-icon {\n .ic {\n padding: 0;\n font-size: 20px;\n vertical-align: top;\n border: none;\n &.is-left {\n margin-right: 8px;\n }\n &.is-right {\n margin-left: 8px;\n }\n }\n span {\n padding: 2px 0;\n vertical-align: top;\n border: none;\n }\n &.#{$prefix}btn-sm {\n .ic {\n padding: 0;\n font-size: 16px;\n vertical-align: text-top;\n border: none;\n }\n span {\n padding: 0;\n line-height: 16px;\n vertical-align: text-top;\n border: none;\n }\n }\n &.#{$prefix}btn-lg {\n .ic {\n padding: 0;\n font-size: 24px;\n vertical-align: top;\n border: none;\n }\n span {\n padding: 3px 0;\n font-size: 18px;\n vertical-align: top;\n border: none;\n }\n }\n }\n\n &.disabled,\n &:disabled {\n color: $text-muted;\n cursor: not-allowed;\n background-color: $cloud;\n border: 1px solid $cloud;\n opacity: 1;\n &.#{$prefix}btn-ghost {\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n // Caret\n &.#{$prefix}dropdown-toggle {\n &::before {\n margin-right: 16px;\n }\n &::after {\n margin-left: 16px;\n }\n }\n\n // Button group\n &-group {\n .#{$prefix}btn:first-child:not(:only-child):not(.#{$prefix}dropdown-toggle) {\n padding-right: 8px;\n }\n\n .#{$prefix}btn:last-child:not(:only-child) {\n padding-left: 8px;\n }\n\n // Caret\n .#{$prefix}dropdown-toggle-split {\n min-width: 36px;\n padding-right: 8px;\n padding-left: 8px;\n &::before {\n margin-right: 0;\n }\n &::after {\n margin-left: 0;\n }\n\n // Button basic\n &.#{$prefix}btn-basic:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n }\n }\n\n // Button basic\n &.#{$prefix}dropleft {\n .#{$prefix}dropdown-toggle-split {\n &.#{$prefix}btn-basic:not(:hover):not(:focus) {\n padding-left: 8px;\n border-left: 1px solid $btn-basic-border-color;\n }\n }\n\n ~ .#{$prefix}btn-basic:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n }\n }\n\n // Button link active\n &.show {\n > .#{$prefix}btn-link {\n @extend %btn-link-active;\n }\n }\n }\n}\n"]}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:4px}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.card-body{flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(4px - 1px) calc(4px - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(4px - 1px) calc(4px - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(4px - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(4px - 1px);border-top-right-radius:calc(4px - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(4px - 1px);border-bottom-left-radius:calc(4px - 1px)}.card-deck{display:flex;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:flex;flex:1 0 0%;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:flex;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-moz-column-count:3;column-count:3;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion>.card .card-header{margin-bottom:-1px}
|
2
|
+
/*# sourceMappingURL=mekari-ui-card-min.css.map */
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../scss/vendors/_card.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_breakpoints.scss","dist/css/components/mekari-ui-card.css"],"names":[],"mappings":"AAIA,MACE,SAAA,SACA,QAAA,KACA,eAAA,OACA,UAAA,EACA,UAAA,WACA,iBAAA,KACA,gBAAA,WACA,OAAA,IAAA,MAAA,iBCPE,cAAA,IDDJ,SAYI,aAAA,EACA,YAAA,EAbJ,2DCUI,uBAAA,IACA,wBAAA,IDXJ,yDCwBI,2BAAA,IACA,0BAAA,IDIJ,WAGE,KAAA,EAAA,EAAA,KACA,QAAA,QAIF,YACE,cAAA,OAGF,eACE,WAAA,SACA,cAAA,EAGF,sBACE,cAAA,EEvCA,iBF4CE,gBAAA,KAFJ,sBAMI,YAAA,QAQJ,aACE,QAAA,OAAA,QACA,cAAA,EAEA,iBAAA,gBACA,cAAA,IAAA,MAAA,iBALF,yBC/DI,cAAA,gBAAA,gBAAA,EAAA,ED+DJ,sDAaM,WAAA,EAKN,aACE,QAAA,OAAA,QACA,iBAAA,gBACA,WAAA,IAAA,MAAA,iBAHF,wBCjFI,cAAA,EAAA,EAAA,gBAAA,gBDgGJ,kBACE,aAAA,SACA,cAAA,QACA,YAAA,SACA,cAAA,EAGF,mBACE,aAAA,SACA,YAAA,SAIF,kBACE,SAAA,SACA,IAAA,EACA,MAAA,EACA,OAAA,EACA,KAAA,EACA,QAAA,QAGF,UACE,MAAA,KCvHE,cAAA,gBD4HJ,cACE,MAAA,KCpHE,uBAAA,gBACA,wBAAA,gBDuHJ,iBACE,MAAA,KC3GE,2BAAA,gBACA,0BAAA,gBDiHJ,WACE,QAAA,KACA,eAAA,OAFF,iBAKI,cAAA,KGvFA,yBHkFJ,WASI,UAAA,IAAA,KACA,aAAA,MACA,YAAA,MAXJ,iBAcM,QAAA,KAEA,KAAA,EAAA,EAAA,GACA,eAAA,OACA,aAAA,KACA,cAAA,EACA,YAAA,MAUN,YACE,QAAA,KACA,eAAA,OAFF,kBAOI,cAAA,KGvHA,yBHgHJ,YAWI,UAAA,IAAA,KAXJ,kBAgBM,KAAA,EAAA,EAAA,GACA,cAAA,EAjBN,wBAoBQ,YAAA,EACA,YAAA,EArBR,mCCvJI,wBAAA,EACA,2BAAA,EGiJF,gDJKF,iDAgCY,wBAAA,EIjCV,gDJCF,oDAqCY,2BAAA,EArCZ,oCCzII,uBAAA,EACA,0BAAA,EG+IF,iDJPF,kDA+CY,uBAAA,EIpCV,iDJXF,qDAoDY,0BAAA,GAaZ,oBAEI,cAAA,OGnLA,yBHiLJ,cAMI,kBAAA,EAAA,aAAA,EACA,gBAAA,QAAA,WAAA,QACA,QAAA,EACA,OAAA,EATJ,oBAYM,QAAA,aACA,MAAA,MAUN,iBAEI,SAAA,OAFJ,8DC/PI,cAAA,ED+PJ,wDAUQ,cAAA,ECzQJ,cAAA,ED+PJ,+BAgBM,cAAA,ECxPF,2BAAA,EACA,0BAAA,EDuOJ,8BCtPI,uBAAA,EACA,wBAAA,EDqPJ,8BAyBM,cAAA","sourcesContent":["//\n// Base styles\n//\n\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n word-wrap: break-word;\n background-color: $card-bg;\n background-clip: border-box;\n border: $card-border-width solid $card-border-color;\n @include border-radius($card-border-radius);\n\n > hr {\n margin-right: 0;\n margin-left: 0;\n }\n\n > .list-group:first-child {\n .list-group-item:first-child {\n @include border-top-radius($card-border-radius);\n }\n }\n\n > .list-group:last-child {\n .list-group-item:last-child {\n @include border-bottom-radius($card-border-radius);\n }\n }\n}\n\n.card-body {\n // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n // as much space as possible, ensuring footers are aligned to the bottom.\n flex: 1 1 auto;\n padding: $card-spacer-x;\n color: $card-color;\n}\n\n.card-title {\n margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n margin-top: -$card-spacer-y / 2;\n margin-bottom: 0;\n}\n\n.card-text:last-child {\n margin-bottom: 0;\n}\n\n.card-link {\n @include hover {\n text-decoration: none;\n }\n\n + .card-link {\n margin-left: $card-spacer-x;\n }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n padding: $card-spacer-y $card-spacer-x;\n margin-bottom: 0; // Removes the default margin-bottom of <hN>\n color: $card-cap-color;\n background-color: $card-cap-bg;\n border-bottom: $card-border-width solid $card-border-color;\n\n &:first-child {\n @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n }\n\n + .list-group {\n .list-group-item:first-child {\n border-top: 0;\n }\n }\n}\n\n.card-footer {\n padding: $card-spacer-y $card-spacer-x;\n background-color: $card-cap-bg;\n border-top: $card-border-width solid $card-border-color;\n\n &:last-child {\n @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n margin-right: -$card-spacer-x / 2;\n margin-bottom: -$card-spacer-y;\n margin-left: -$card-spacer-x / 2;\n border-bottom: 0;\n}\n\n.card-header-pills {\n margin-right: -$card-spacer-x / 2;\n margin-left: -$card-spacer-x / 2;\n}\n\n// Card image\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: $card-img-overlay-padding;\n}\n\n.card-img {\n width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n @include border-radius($card-inner-border-radius);\n}\n\n// Card image caps\n.card-img-top {\n width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img-bottom {\n width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n display: flex;\n flex-direction: column;\n\n .card {\n margin-bottom: $card-deck-margin;\n }\n\n @include media-breakpoint-up(sm) {\n flex-flow: row wrap;\n margin-right: -$card-deck-margin;\n margin-left: -$card-deck-margin;\n\n .card {\n display: flex;\n // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n flex: 1 0 0%;\n flex-direction: column;\n margin-right: $card-deck-margin;\n margin-bottom: 0; // Override the default\n margin-left: $card-deck-margin;\n }\n }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n display: flex;\n flex-direction: column;\n\n // The child selector allows nested `.card` within `.card-group`\n // to display properly.\n > .card {\n margin-bottom: $card-group-margin;\n }\n\n @include media-breakpoint-up(sm) {\n flex-flow: row wrap;\n // The child selector allows nested `.card` within `.card-group`\n // to display properly.\n > .card {\n // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n flex: 1 0 0%;\n margin-bottom: 0;\n\n + .card {\n margin-left: 0;\n border-left: 0;\n }\n\n // Handle rounded corners\n @if $enable-rounded {\n &:not(:last-child) {\n @include border-right-radius(0);\n\n .card-img-top,\n .card-header {\n // stylelint-disable-next-line property-blacklist\n border-top-right-radius: 0;\n }\n .card-img-bottom,\n .card-footer {\n // stylelint-disable-next-line property-blacklist\n border-bottom-right-radius: 0;\n }\n }\n\n &:not(:first-child) {\n @include border-left-radius(0);\n\n .card-img-top,\n .card-header {\n // stylelint-disable-next-line property-blacklist\n border-top-left-radius: 0;\n }\n .card-img-bottom,\n .card-footer {\n // stylelint-disable-next-line property-blacklist\n border-bottom-left-radius: 0;\n }\n }\n }\n }\n }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n .card {\n margin-bottom: $card-columns-margin;\n }\n\n @include media-breakpoint-up(sm) {\n column-count: $card-columns-count;\n column-gap: $card-columns-gap;\n orphans: 1;\n widows: 1;\n\n .card {\n display: inline-block; // Don't let them vertically span multiple columns\n width: 100%; // Don't let their width change\n }\n }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n > .card {\n overflow: hidden;\n\n &:not(:first-of-type) {\n .card-header:first-child {\n @include border-radius(0);\n }\n\n &:not(:last-of-type) {\n border-bottom: 0;\n @include border-radius(0);\n }\n }\n\n &:first-of-type {\n border-bottom: 0;\n @include border-bottom-radius(0);\n }\n\n &:last-of-type {\n @include border-top-radius(0);\n }\n\n .card-header {\n margin-bottom: -$card-border-width;\n }\n }\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\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","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n",".card {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-radius: 4px;\n}\n\n.card > hr {\n margin-right: 0;\n margin-left: 0;\n}\n\n.card > .list-group:first-child .list-group-item:first-child {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n\n.card > .list-group:last-child .list-group-item:last-child {\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n\n.card-body {\n flex: 1 1 auto;\n padding: 1.25rem;\n}\n\n.card-title {\n margin-bottom: 0.75rem;\n}\n\n.card-subtitle {\n margin-top: -0.375rem;\n margin-bottom: 0;\n}\n\n.card-text:last-child {\n margin-bottom: 0;\n}\n\n.card-link:hover {\n text-decoration: none;\n}\n\n.card-link + .card-link {\n margin-left: 1.25rem;\n}\n\n.card-header {\n padding: 0.75rem 1.25rem;\n margin-bottom: 0;\n background-color: rgba(0, 0, 0, 0.03);\n border-bottom: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.card-header:first-child {\n border-radius: calc(4px - 1px) calc(4px - 1px) 0 0;\n}\n\n.card-header + .list-group .list-group-item:first-child {\n border-top: 0;\n}\n\n.card-footer {\n padding: 0.75rem 1.25rem;\n background-color: rgba(0, 0, 0, 0.03);\n border-top: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.card-footer:last-child {\n border-radius: 0 0 calc(4px - 1px) calc(4px - 1px);\n}\n\n.card-header-tabs {\n margin-right: -0.625rem;\n margin-bottom: -0.75rem;\n margin-left: -0.625rem;\n border-bottom: 0;\n}\n\n.card-header-pills {\n margin-right: -0.625rem;\n margin-left: -0.625rem;\n}\n\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: 1.25rem;\n}\n\n.card-img {\n width: 100%;\n border-radius: calc(4px - 1px);\n}\n\n.card-img-top {\n width: 100%;\n border-top-left-radius: calc(4px - 1px);\n border-top-right-radius: calc(4px - 1px);\n}\n\n.card-img-bottom {\n width: 100%;\n border-bottom-right-radius: calc(4px - 1px);\n border-bottom-left-radius: calc(4px - 1px);\n}\n\n.card-deck {\n display: flex;\n flex-direction: column;\n}\n\n.card-deck .card {\n margin-bottom: 15px;\n}\n\n@media (min-width: 576px) {\n .card-deck {\n flex-flow: row wrap;\n margin-right: -15px;\n margin-left: -15px;\n }\n .card-deck .card {\n display: flex;\n flex: 1 0 0%;\n flex-direction: column;\n margin-right: 15px;\n margin-bottom: 0;\n margin-left: 15px;\n }\n}\n\n.card-group {\n display: flex;\n flex-direction: column;\n}\n\n.card-group > .card {\n margin-bottom: 15px;\n}\n\n@media (min-width: 576px) {\n .card-group {\n flex-flow: row wrap;\n }\n .card-group > .card {\n flex: 1 0 0%;\n margin-bottom: 0;\n }\n .card-group > .card + .card {\n margin-left: 0;\n border-left: 0;\n }\n .card-group > .card:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n .card-group > .card:not(:last-child) .card-img-top,\n .card-group > .card:not(:last-child) .card-header {\n border-top-right-radius: 0;\n }\n .card-group > .card:not(:last-child) .card-img-bottom,\n .card-group > .card:not(:last-child) .card-footer {\n border-bottom-right-radius: 0;\n }\n .card-group > .card:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n .card-group > .card:not(:first-child) .card-img-top,\n .card-group > .card:not(:first-child) .card-header {\n border-top-left-radius: 0;\n }\n .card-group > .card:not(:first-child) .card-img-bottom,\n .card-group > .card:not(:first-child) .card-footer {\n border-bottom-left-radius: 0;\n }\n}\n\n.card-columns .card {\n margin-bottom: 0.75rem;\n}\n\n@media (min-width: 576px) {\n .card-columns {\n -moz-column-count: 3;\n column-count: 3;\n -moz-column-gap: 1.25rem;\n column-gap: 1.25rem;\n orphans: 1;\n widows: 1;\n }\n .card-columns .card {\n display: inline-block;\n width: 100%;\n }\n}\n\n.accordion > .card {\n overflow: hidden;\n}\n\n.accordion > .card:not(:first-of-type) .card-header:first-child {\n border-radius: 0;\n}\n\n.accordion > .card:not(:first-of-type):not(:last-of-type) {\n border-bottom: 0;\n border-radius: 0;\n}\n\n.accordion > .card:first-of-type {\n border-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.accordion > .card:last-of-type {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.accordion > .card .card-header {\n margin-bottom: -1px;\n}\n/*# sourceMappingURL=mekari-ui-card.css.map */"]}
|
@@ -0,0 +1,235 @@
|
|
1
|
+
.card {
|
2
|
+
position: relative;
|
3
|
+
display: flex;
|
4
|
+
flex-direction: column;
|
5
|
+
min-width: 0;
|
6
|
+
word-wrap: break-word;
|
7
|
+
background-color: #fff;
|
8
|
+
background-clip: border-box;
|
9
|
+
border: 1px solid rgba(0, 0, 0, 0.125);
|
10
|
+
border-radius: 4px;
|
11
|
+
}
|
12
|
+
|
13
|
+
.card > hr {
|
14
|
+
margin-right: 0;
|
15
|
+
margin-left: 0;
|
16
|
+
}
|
17
|
+
|
18
|
+
.card > .list-group:first-child .list-group-item:first-child {
|
19
|
+
border-top-left-radius: 4px;
|
20
|
+
border-top-right-radius: 4px;
|
21
|
+
}
|
22
|
+
|
23
|
+
.card > .list-group:last-child .list-group-item:last-child {
|
24
|
+
border-bottom-right-radius: 4px;
|
25
|
+
border-bottom-left-radius: 4px;
|
26
|
+
}
|
27
|
+
|
28
|
+
.card-body {
|
29
|
+
flex: 1 1 auto;
|
30
|
+
padding: 1.25rem;
|
31
|
+
}
|
32
|
+
|
33
|
+
.card-title {
|
34
|
+
margin-bottom: 0.75rem;
|
35
|
+
}
|
36
|
+
|
37
|
+
.card-subtitle {
|
38
|
+
margin-top: -0.375rem;
|
39
|
+
margin-bottom: 0;
|
40
|
+
}
|
41
|
+
|
42
|
+
.card-text:last-child {
|
43
|
+
margin-bottom: 0;
|
44
|
+
}
|
45
|
+
|
46
|
+
.card-link:hover {
|
47
|
+
text-decoration: none;
|
48
|
+
}
|
49
|
+
|
50
|
+
.card-link + .card-link {
|
51
|
+
margin-left: 1.25rem;
|
52
|
+
}
|
53
|
+
|
54
|
+
.card-header {
|
55
|
+
padding: 0.75rem 1.25rem;
|
56
|
+
margin-bottom: 0;
|
57
|
+
background-color: rgba(0, 0, 0, 0.03);
|
58
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
|
59
|
+
}
|
60
|
+
|
61
|
+
.card-header:first-child {
|
62
|
+
border-radius: calc(4px - 1px) calc(4px - 1px) 0 0;
|
63
|
+
}
|
64
|
+
|
65
|
+
.card-header + .list-group .list-group-item:first-child {
|
66
|
+
border-top: 0;
|
67
|
+
}
|
68
|
+
|
69
|
+
.card-footer {
|
70
|
+
padding: 0.75rem 1.25rem;
|
71
|
+
background-color: rgba(0, 0, 0, 0.03);
|
72
|
+
border-top: 1px solid rgba(0, 0, 0, 0.125);
|
73
|
+
}
|
74
|
+
|
75
|
+
.card-footer:last-child {
|
76
|
+
border-radius: 0 0 calc(4px - 1px) calc(4px - 1px);
|
77
|
+
}
|
78
|
+
|
79
|
+
.card-header-tabs {
|
80
|
+
margin-right: -0.625rem;
|
81
|
+
margin-bottom: -0.75rem;
|
82
|
+
margin-left: -0.625rem;
|
83
|
+
border-bottom: 0;
|
84
|
+
}
|
85
|
+
|
86
|
+
.card-header-pills {
|
87
|
+
margin-right: -0.625rem;
|
88
|
+
margin-left: -0.625rem;
|
89
|
+
}
|
90
|
+
|
91
|
+
.card-img-overlay {
|
92
|
+
position: absolute;
|
93
|
+
top: 0;
|
94
|
+
right: 0;
|
95
|
+
bottom: 0;
|
96
|
+
left: 0;
|
97
|
+
padding: 1.25rem;
|
98
|
+
}
|
99
|
+
|
100
|
+
.card-img {
|
101
|
+
width: 100%;
|
102
|
+
border-radius: calc(4px - 1px);
|
103
|
+
}
|
104
|
+
|
105
|
+
.card-img-top {
|
106
|
+
width: 100%;
|
107
|
+
border-top-left-radius: calc(4px - 1px);
|
108
|
+
border-top-right-radius: calc(4px - 1px);
|
109
|
+
}
|
110
|
+
|
111
|
+
.card-img-bottom {
|
112
|
+
width: 100%;
|
113
|
+
border-bottom-right-radius: calc(4px - 1px);
|
114
|
+
border-bottom-left-radius: calc(4px - 1px);
|
115
|
+
}
|
116
|
+
|
117
|
+
.card-deck {
|
118
|
+
display: flex;
|
119
|
+
flex-direction: column;
|
120
|
+
}
|
121
|
+
|
122
|
+
.card-deck .card {
|
123
|
+
margin-bottom: 15px;
|
124
|
+
}
|
125
|
+
|
126
|
+
@media (min-width: 576px) {
|
127
|
+
.card-deck {
|
128
|
+
flex-flow: row wrap;
|
129
|
+
margin-right: -15px;
|
130
|
+
margin-left: -15px;
|
131
|
+
}
|
132
|
+
.card-deck .card {
|
133
|
+
display: flex;
|
134
|
+
flex: 1 0 0%;
|
135
|
+
flex-direction: column;
|
136
|
+
margin-right: 15px;
|
137
|
+
margin-bottom: 0;
|
138
|
+
margin-left: 15px;
|
139
|
+
}
|
140
|
+
}
|
141
|
+
|
142
|
+
.card-group {
|
143
|
+
display: flex;
|
144
|
+
flex-direction: column;
|
145
|
+
}
|
146
|
+
|
147
|
+
.card-group > .card {
|
148
|
+
margin-bottom: 15px;
|
149
|
+
}
|
150
|
+
|
151
|
+
@media (min-width: 576px) {
|
152
|
+
.card-group {
|
153
|
+
flex-flow: row wrap;
|
154
|
+
}
|
155
|
+
.card-group > .card {
|
156
|
+
flex: 1 0 0%;
|
157
|
+
margin-bottom: 0;
|
158
|
+
}
|
159
|
+
.card-group > .card + .card {
|
160
|
+
margin-left: 0;
|
161
|
+
border-left: 0;
|
162
|
+
}
|
163
|
+
.card-group > .card:not(:last-child) {
|
164
|
+
border-top-right-radius: 0;
|
165
|
+
border-bottom-right-radius: 0;
|
166
|
+
}
|
167
|
+
.card-group > .card:not(:last-child) .card-img-top,
|
168
|
+
.card-group > .card:not(:last-child) .card-header {
|
169
|
+
border-top-right-radius: 0;
|
170
|
+
}
|
171
|
+
.card-group > .card:not(:last-child) .card-img-bottom,
|
172
|
+
.card-group > .card:not(:last-child) .card-footer {
|
173
|
+
border-bottom-right-radius: 0;
|
174
|
+
}
|
175
|
+
.card-group > .card:not(:first-child) {
|
176
|
+
border-top-left-radius: 0;
|
177
|
+
border-bottom-left-radius: 0;
|
178
|
+
}
|
179
|
+
.card-group > .card:not(:first-child) .card-img-top,
|
180
|
+
.card-group > .card:not(:first-child) .card-header {
|
181
|
+
border-top-left-radius: 0;
|
182
|
+
}
|
183
|
+
.card-group > .card:not(:first-child) .card-img-bottom,
|
184
|
+
.card-group > .card:not(:first-child) .card-footer {
|
185
|
+
border-bottom-left-radius: 0;
|
186
|
+
}
|
187
|
+
}
|
188
|
+
|
189
|
+
.card-columns .card {
|
190
|
+
margin-bottom: 0.75rem;
|
191
|
+
}
|
192
|
+
|
193
|
+
@media (min-width: 576px) {
|
194
|
+
.card-columns {
|
195
|
+
-moz-column-count: 3;
|
196
|
+
column-count: 3;
|
197
|
+
-moz-column-gap: 1.25rem;
|
198
|
+
column-gap: 1.25rem;
|
199
|
+
orphans: 1;
|
200
|
+
widows: 1;
|
201
|
+
}
|
202
|
+
.card-columns .card {
|
203
|
+
display: inline-block;
|
204
|
+
width: 100%;
|
205
|
+
}
|
206
|
+
}
|
207
|
+
|
208
|
+
.accordion > .card {
|
209
|
+
overflow: hidden;
|
210
|
+
}
|
211
|
+
|
212
|
+
.accordion > .card:not(:first-of-type) .card-header:first-child {
|
213
|
+
border-radius: 0;
|
214
|
+
}
|
215
|
+
|
216
|
+
.accordion > .card:not(:first-of-type):not(:last-of-type) {
|
217
|
+
border-bottom: 0;
|
218
|
+
border-radius: 0;
|
219
|
+
}
|
220
|
+
|
221
|
+
.accordion > .card:first-of-type {
|
222
|
+
border-bottom: 0;
|
223
|
+
border-bottom-right-radius: 0;
|
224
|
+
border-bottom-left-radius: 0;
|
225
|
+
}
|
226
|
+
|
227
|
+
.accordion > .card:last-of-type {
|
228
|
+
border-top-left-radius: 0;
|
229
|
+
border-top-right-radius: 0;
|
230
|
+
}
|
231
|
+
|
232
|
+
.accordion > .card .card-header {
|
233
|
+
margin-bottom: -1px;
|
234
|
+
}
|
235
|
+
/*# sourceMappingURL=mekari-ui-card.css.map */
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../scss/vendors/_card.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendor-extensions/_card.scss","mekari-ui-card.css","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_breakpoints.scss"],"names":[],"mappings":"AAIA;EACE,kBAAkB;EAClB,aAAa;EACb,sBAAsB;EACtB,YAAY;EACZ,qBAAqB;EACrB,sBCJU;EDKV,2BAA2B;EAC3B,sCCYa;ECnBX,kBCFmC;ACOvC;;AJNA;EAYI,eAAe;EACf,cAAc;AIFlB;;AJXA;EEUI,2BCXmC;EDYnC,4BCZmC;ACiBvC;;AJhBA;EEwBI,+BCzBmC;ED0BnC,8BC1BmC;ACsBvC;;AJQA;EAGE,cAAc;EACd,gBGpCyC;AC6B3C;;AJWA;EACE,sBG1CwC;ACkC1C;;AJWA;EACE,qBAA+B;EAC/B,gBAAgB;AIRlB;;AJWA;EACE,gBAAgB;AIRlB;;AC/BE;EL4CE,qBAAqB;AITzB;;AJOA;EAMI,oBG3DuC;ACkD3C;;AJiBA;EACE,wBGpEyC;EHqEzC,gBAAgB;EAEhB,qCChDa;EDiDb,6CCjDa;AGkCf;;AJUA;EE/DI,kDFuE8E;AIdlF;;AJMA;EAaM,aAAa;AIfnB;;AJoBA;EACE,wBGtFyC;EHuFzC,qCChEa;EDiEb,0CCjEa;AGgDf;;AJcA;EEjFI,kDCAoF;ACuExF;;AJyBA;EACE,uBAAiC;EACjC,uBGvGwC;EHwGxC,sBAAgC;EAChC,gBAAgB;AItBlB;;AJyBA;EACE,uBAAiC;EACjC,sBAAgC;AItBlC;;AJ0BA;EACE,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;EACP,gBG7GyC;ACsF3C;;AJ0BA;EACE,WAAW;EEvHT,8BCAoF;ACiGxF;;AJ2BA;EACE,WAAW;EEpHT,uCCToF;EDUpF,wCCVoF;ACuGxF;;AJ0BA;EACE,WAAW;EE3GT,2CCvBoF;EDwBpF,0CCxBoF;AC6GxF;;AJ4BA;EACE,aAAa;EACb,sBAAsB;AIzBxB;;AJuBA;EAKI,mBGtIoC;AC8GxC;;AE/DI;ENkFJ;IASI,mBAAmB;IACnB,mBG3IoC;IH4IpC,kBG5IoC;ECqHtC;EJYF;IAcM,aAAa;IAEb,YAAY;IACZ,sBAAsB;IACtB,kBGnJkC;IHoJlC,gBAAgB;IAChB,iBGrJkC;EC6HtC;AACF;;AJiCA;EACE,aAAa;EACb,sBAAsB;AI9BxB;;AJ4BA;EAOI,mBGtKoC;ACuIxC;;AExFI;ENgHJ;IAWI,mBAAmB;EI9BrB;EJmBF;IAgBM,YAAY;IACZ,gBAAgB;EIhCpB;EJeF;IAoBQ,cAAc;IACd,cAAc;EIhCpB;EJWF;IEvJI,0BFkLoC;IEjLpC,6BFiLoC;EIlCtC;EJOF;;IAgCY,0BAA0B;EInCpC;EJGF;;IAqCY,6BAA6B;EIpCvC;EJDF;IEzII,yBFmLmC;IElLnC,4BFkLmC;EIrCrC;EJLF;;IA+CY,yBAAyB;EItCnC;EJTF;;IAoDY,4BAA4B;EIvCtC;AACF;;AJmDA;EAEI,sBG/OsC;AC8L1C;;AElII;ENiLJ;IAMI,oBGnOiC;IHmOjC,eGnOiC;IHoOjC,wBGnOuC;IHmOvC,mBGnOuC;IHoOvC,UAAU;IACV,SAAS;EIhDX;EJuCF;IAYM,qBAAqB;IACrB,WAAW;EIhDf;AACF;;AJyDA;EAEI,gBAAgB;AIvDpB;;AJqDA;EE/PI,gBFqQ4B;AIvDhC;;AJiDA;EAUQ,gBAAgB;EEzQpB,gBF0Q4B;AIvDhC;;AJ4CA;EAgBM,gBAAgB;EExPlB,6BFyPiC;EExPjC,4BFwPiC;AIvDrC;;AJsCA;EEtPI,yBF2Q8B;EE1Q9B,0BF0Q8B;AItDlC;;AJiCA;EAyBM,mBG3RiC;ACqOvC","file":"mekari-ui-card.css","sourcesContent":["//\n// Base styles\n//\n\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n word-wrap: break-word;\n background-color: $card-bg;\n background-clip: border-box;\n border: $card-border-width solid $card-border-color;\n @include border-radius($card-border-radius);\n\n > hr {\n margin-right: 0;\n margin-left: 0;\n }\n\n > .list-group:first-child {\n .list-group-item:first-child {\n @include border-top-radius($card-border-radius);\n }\n }\n\n > .list-group:last-child {\n .list-group-item:last-child {\n @include border-bottom-radius($card-border-radius);\n }\n }\n}\n\n.card-body {\n // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n // as much space as possible, ensuring footers are aligned to the bottom.\n flex: 1 1 auto;\n padding: $card-spacer-x;\n color: $card-color;\n}\n\n.card-title {\n margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n margin-top: -$card-spacer-y / 2;\n margin-bottom: 0;\n}\n\n.card-text:last-child {\n margin-bottom: 0;\n}\n\n.card-link {\n @include hover {\n text-decoration: none;\n }\n\n + .card-link {\n margin-left: $card-spacer-x;\n }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n padding: $card-spacer-y $card-spacer-x;\n margin-bottom: 0; // Removes the default margin-bottom of <hN>\n color: $card-cap-color;\n background-color: $card-cap-bg;\n border-bottom: $card-border-width solid $card-border-color;\n\n &:first-child {\n @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n }\n\n + .list-group {\n .list-group-item:first-child {\n border-top: 0;\n }\n }\n}\n\n.card-footer {\n padding: $card-spacer-y $card-spacer-x;\n background-color: $card-cap-bg;\n border-top: $card-border-width solid $card-border-color;\n\n &:last-child {\n @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n margin-right: -$card-spacer-x / 2;\n margin-bottom: -$card-spacer-y;\n margin-left: -$card-spacer-x / 2;\n border-bottom: 0;\n}\n\n.card-header-pills {\n margin-right: -$card-spacer-x / 2;\n margin-left: -$card-spacer-x / 2;\n}\n\n// Card image\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: $card-img-overlay-padding;\n}\n\n.card-img {\n width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n @include border-radius($card-inner-border-radius);\n}\n\n// Card image caps\n.card-img-top {\n width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img-bottom {\n width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n display: flex;\n flex-direction: column;\n\n .card {\n margin-bottom: $card-deck-margin;\n }\n\n @include media-breakpoint-up(sm) {\n flex-flow: row wrap;\n margin-right: -$card-deck-margin;\n margin-left: -$card-deck-margin;\n\n .card {\n display: flex;\n // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n flex: 1 0 0%;\n flex-direction: column;\n margin-right: $card-deck-margin;\n margin-bottom: 0; // Override the default\n margin-left: $card-deck-margin;\n }\n }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n display: flex;\n flex-direction: column;\n\n // The child selector allows nested `.card` within `.card-group`\n // to display properly.\n > .card {\n margin-bottom: $card-group-margin;\n }\n\n @include media-breakpoint-up(sm) {\n flex-flow: row wrap;\n // The child selector allows nested `.card` within `.card-group`\n // to display properly.\n > .card {\n // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n flex: 1 0 0%;\n margin-bottom: 0;\n\n + .card {\n margin-left: 0;\n border-left: 0;\n }\n\n // Handle rounded corners\n @if $enable-rounded {\n &:not(:last-child) {\n @include border-right-radius(0);\n\n .card-img-top,\n .card-header {\n // stylelint-disable-next-line property-blacklist\n border-top-right-radius: 0;\n }\n .card-img-bottom,\n .card-footer {\n // stylelint-disable-next-line property-blacklist\n border-bottom-right-radius: 0;\n }\n }\n\n &:not(:first-child) {\n @include border-left-radius(0);\n\n .card-img-top,\n .card-header {\n // stylelint-disable-next-line property-blacklist\n border-top-left-radius: 0;\n }\n .card-img-bottom,\n .card-footer {\n // stylelint-disable-next-line property-blacklist\n border-bottom-left-radius: 0;\n }\n }\n }\n }\n }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n .card {\n margin-bottom: $card-columns-margin;\n }\n\n @include media-breakpoint-up(sm) {\n column-count: $card-columns-count;\n column-gap: $card-columns-gap;\n orphans: 1;\n widows: 1;\n\n .card {\n display: inline-block; // Don't let them vertically span multiple columns\n width: 100%; // Don't let their width change\n }\n }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n > .card {\n overflow: hidden;\n\n &:not(:first-of-type) {\n .card-header:first-child {\n @include border-radius(0);\n }\n\n &:not(:last-of-type) {\n border-bottom: 0;\n @include border-radius(0);\n }\n }\n\n &:first-of-type {\n border-bottom: 0;\n @include border-bottom-radius(0);\n }\n\n &:last-of-type {\n @include border-top-radius(0);\n }\n\n .card-header {\n margin-bottom: -$card-border-width;\n }\n }\n}\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","$card-spacer-y: .75rem;\n$card-spacer-x: 1.25rem;\n$card-border-width: 1px;\n$card-border-radius: 4px;\n$card-border-color: rgba($black, .125);\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width});\n$card-cap-bg: rgba($black, .03);\n$card-cap-color: null;\n$card-color: null;\n$card-bg: $white;\n\n$card-img-overlay-padding: 1.25rem;\n\n$card-group-margin: 15px;\n$card-deck-margin: $card-group-margin;\n\n$card-columns-count: 3;\n$card-columns-gap: 1.25rem;\n$card-columns-margin: $card-spacer-y;\n",".card {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-radius: 4px;\n}\n\n.card > hr {\n margin-right: 0;\n margin-left: 0;\n}\n\n.card > .list-group:first-child .list-group-item:first-child {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n\n.card > .list-group:last-child .list-group-item:last-child {\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n\n.card-body {\n flex: 1 1 auto;\n padding: 1.25rem;\n}\n\n.card-title {\n margin-bottom: 0.75rem;\n}\n\n.card-subtitle {\n margin-top: -0.375rem;\n margin-bottom: 0;\n}\n\n.card-text:last-child {\n margin-bottom: 0;\n}\n\n.card-link:hover {\n text-decoration: none;\n}\n\n.card-link + .card-link {\n margin-left: 1.25rem;\n}\n\n.card-header {\n padding: 0.75rem 1.25rem;\n margin-bottom: 0;\n background-color: rgba(0, 0, 0, 0.03);\n border-bottom: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.card-header:first-child {\n border-radius: calc(4px - 1px) calc(4px - 1px) 0 0;\n}\n\n.card-header + .list-group .list-group-item:first-child {\n border-top: 0;\n}\n\n.card-footer {\n padding: 0.75rem 1.25rem;\n background-color: rgba(0, 0, 0, 0.03);\n border-top: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.card-footer:last-child {\n border-radius: 0 0 calc(4px - 1px) calc(4px - 1px);\n}\n\n.card-header-tabs {\n margin-right: -0.625rem;\n margin-bottom: -0.75rem;\n margin-left: -0.625rem;\n border-bottom: 0;\n}\n\n.card-header-pills {\n margin-right: -0.625rem;\n margin-left: -0.625rem;\n}\n\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: 1.25rem;\n}\n\n.card-img {\n width: 100%;\n border-radius: calc(4px - 1px);\n}\n\n.card-img-top {\n width: 100%;\n border-top-left-radius: calc(4px - 1px);\n border-top-right-radius: calc(4px - 1px);\n}\n\n.card-img-bottom {\n width: 100%;\n border-bottom-right-radius: calc(4px - 1px);\n border-bottom-left-radius: calc(4px - 1px);\n}\n\n.card-deck {\n display: flex;\n flex-direction: column;\n}\n\n.card-deck .card {\n margin-bottom: 15px;\n}\n\n@media (min-width: 576px) {\n .card-deck {\n flex-flow: row wrap;\n margin-right: -15px;\n margin-left: -15px;\n }\n .card-deck .card {\n display: flex;\n flex: 1 0 0%;\n flex-direction: column;\n margin-right: 15px;\n margin-bottom: 0;\n margin-left: 15px;\n }\n}\n\n.card-group {\n display: flex;\n flex-direction: column;\n}\n\n.card-group > .card {\n margin-bottom: 15px;\n}\n\n@media (min-width: 576px) {\n .card-group {\n flex-flow: row wrap;\n }\n .card-group > .card {\n flex: 1 0 0%;\n margin-bottom: 0;\n }\n .card-group > .card + .card {\n margin-left: 0;\n border-left: 0;\n }\n .card-group > .card:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n .card-group > .card:not(:last-child) .card-img-top,\n .card-group > .card:not(:last-child) .card-header {\n border-top-right-radius: 0;\n }\n .card-group > .card:not(:last-child) .card-img-bottom,\n .card-group > .card:not(:last-child) .card-footer {\n border-bottom-right-radius: 0;\n }\n .card-group > .card:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n .card-group > .card:not(:first-child) .card-img-top,\n .card-group > .card:not(:first-child) .card-header {\n border-top-left-radius: 0;\n }\n .card-group > .card:not(:first-child) .card-img-bottom,\n .card-group > .card:not(:first-child) .card-footer {\n border-bottom-left-radius: 0;\n }\n}\n\n.card-columns .card {\n margin-bottom: 0.75rem;\n}\n\n@media (min-width: 576px) {\n .card-columns {\n column-count: 3;\n column-gap: 1.25rem;\n orphans: 1;\n widows: 1;\n }\n .card-columns .card {\n display: inline-block;\n width: 100%;\n }\n}\n\n.accordion > .card {\n overflow: hidden;\n}\n\n.accordion > .card:not(:first-of-type) .card-header:first-child {\n border-radius: 0;\n}\n\n.accordion > .card:not(:first-of-type):not(:last-of-type) {\n border-bottom: 0;\n border-radius: 0;\n}\n\n.accordion > .card:first-of-type {\n border-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.accordion > .card:last-of-type {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.accordion > .card .card-header {\n margin-bottom: -1px;\n}\n\n/*# sourceMappingURL=mekari-ui-card.css.map */","// 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","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n"]}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
.datepicker-container{position:relative;z-index:11;width:0;height:0}.datepicker-container.on-right{left:calc(100% - 392px)}.datepicker-calendar-view,.datepicker-collapse-view{position:absolute;width:392px;padding:0 16px;background-color:#fff;background-clip:border-box;border:1px solid #e2e2e2;border-radius:4px;box-shadow:0 2px 4px 0 rgba(119,119,119,.1),0 4px 8px 0 rgba(119,119,119,.2)}.datepicker-calendar-view{height:320px}.datepicker-collapse-view{height:244px}.datepicker-header{display:flex;align-items:center;height:52px;text-align:center}.datepicker-header-title{flex-grow:5;font-weight:500;cursor:pointer}.datepicker-previous-button{flex-grow:1;padding-right:16px;text-align:left}.datepicker-previous-button .ic:hover{cursor:pointer}.datepicker-next-button{flex-grow:1;padding-left:16px;text-align:right}.datepicker-next-button .ic:hover{cursor:pointer}.datepicker-row .datepicker-cell .datepicker-date-cell.current-date,.datepicker-row .datepicker-cell .datepicker-month-cell.current-month,.datepicker-row .datepicker-cell .datepicker-year-cell.current-year{border-radius:100%;box-shadow:inset 0 0 0 1px #005fbf}.datepicker-row .datepicker-cell .datepicker-date-cell.selected-date,.datepicker-row .datepicker-cell .datepicker-month-cell.selected-month,.datepicker-row .datepicker-cell .datepicker-year-cell.selected-year{color:#fff;background-color:#005fbf;border-radius:100%}.datepicker-row .datepicker-cell .datepicker-date-cell:hover,.datepicker-row .datepicker-cell .datepicker-month-cell:hover,.datepicker-row .datepicker-cell .datepicker-year-cell:hover{color:#212121;cursor:pointer;background-color:#f2f4f7;border-radius:100%;box-shadow:none}.datepicker-row{display:flex}.datepicker-row .datepicker-cell{flex:1 1 0;text-align:center}.datepicker-row .datepicker-cell .datepicker-date-cell{width:32px;height:32px;margin:2px auto;line-height:32px}.datepicker-row .datepicker-cell .datepicker-month-cell{width:40px;height:40px;margin:0 auto;margin-bottom:12px;line-height:40px}.datepicker-row .datepicker-cell .datepicker-year-cell{width:48px;height:48px;margin:0 auto;margin-bottom:4px;line-height:48px}.datepicker-day-container{display:flex;margin-bottom:16px}.datepicker-day-container .datepicker-day{flex:1 1 0;color:#777;text-align:center}.datepicker-shortcut-button{position:absolute;bottom:16px;width:360px;color:#777;text-align:center;cursor:pointer}.datepicker-shortcut-button.disabled{color:#b4b4b4;cursor:not-allowed}
|
2
|
+
/*# sourceMappingURL=mekari-ui-date-picker-min.css.map */
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../scss/components/config/_date-picker.scss"],"names":[],"mappings":"AAAA,sBACE,SAAA,SACA,QAAA,GACA,MAAA,EACA,OAAA,EAJF,+BAMI,KAAA,mBAIJ,0BAAA,0BACE,SAAA,SACA,MAAA,MACA,QAAA,EAAA,KACA,iBAAA,KACA,gBAAA,WACA,OAAA,IAAA,MAAA,QACA,cAAA,IACA,WAAA,EAAA,IAAA,IAAA,EAAA,oBAAA,CAAA,EAAA,IAAA,IAAA,EAAA,qBAGF,0BAEE,OAAA,MAGF,0BAEE,OAAA,MAGF,mBACE,QAAA,KACA,YAAA,OACA,OAAA,KACA,WAAA,OAGF,yBACE,UAAA,EACA,YAAA,IACA,OAAA,QAGF,4BACE,UAAA,EACA,cAAA,KACA,WAAA,KAHF,sCAMM,OAAA,QAKN,wBACE,UAAA,EACA,aAAA,KACA,WAAA,MAHF,kCAMM,OAAA,QAKN,oEAAA,sEAAA,oEACE,cAAA,KAGA,WAAA,MAAA,EAAA,EAAA,EAAA,IAAA,QAGF,qEAAA,uEAAA,qEACE,MAAA,KACA,iBAAA,QACA,cAAA,KAGF,6DAAA,8DAAA,6DACE,MAAA,QACA,OAAA,QACA,iBAAA,QACA,cAAA,KAGA,WAAA,KAGF,gBACE,QAAA,KADF,iCAGI,KAAA,EAAA,EAAA,EACA,WAAA,OAJJ,uDAMM,MAAA,KACA,OAAA,KACA,OAAA,IAAA,KACA,YAAA,KATN,wDAqBM,MAAA,KACA,OAAA,KACA,OAAA,EAAA,KACA,cAAA,KACA,YAAA,KAzBN,uDAqCM,MAAA,KACA,OAAA,KACA,OAAA,EAAA,KACA,cAAA,IACA,YAAA,KAcN,0BACE,QAAA,KACA,cAAA,KAFF,0CAII,KAAA,EAAA,EAAA,EACA,MAAA,KACA,WAAA,OAIJ,4BACE,SAAA,SACA,OAAA,KACA,MAAA,MACA,MAAA,KACA,WAAA,OACA,OAAA,QANF,qCAQI,MAAA,QACA,OAAA","sourcesContent":[".datepicker-container {\n position: relative;\n z-index: 11;\n width: 0;\n height: 0;\n &.on-right {\n left: calc(100% - 392px);\n }\n}\n\n%datepicker-calendar {\n position: absolute;\n width: 392px;\n padding: 0 16px;\n background-color: $white;\n background-clip: border-box;\n border: 1px solid $smoke;\n border-radius: 4px; // stylelint-disable-line property-blacklist\n box-shadow: 0 2px 4px 0 rgba($slate, .1), 0 4px 8px 0 rgba($slate, .2);\n}\n\n.datepicker-calendar-view {\n @extend %datepicker-calendar;\n height: 320px;\n}\n\n.datepicker-collapse-view {\n @extend %datepicker-calendar;\n height: 244px;\n}\n\n.datepicker-header {\n display: flex;\n align-items: center;\n height: 52px;\n text-align: center;\n}\n\n.datepicker-header-title {\n flex-grow: 5;\n font-weight: $font-weight-bold;\n cursor: pointer;\n}\n\n.datepicker-previous-button {\n flex-grow: 1;\n padding-right: 16px;\n text-align: left;\n .ic {\n &:hover {\n cursor: pointer;\n }\n }\n}\n\n.datepicker-next-button {\n flex-grow: 1;\n padding-left: 16px;\n text-align: right;\n .ic {\n &:hover {\n cursor: pointer;\n }\n }\n}\n\n%cell-current-state {\n border-radius: 100%; // stylelint-disable-line property-blacklist\n -webkit-box-shadow: inset 0 0 0 1px $primary; // stylelint-disable-line property-no-vendor-prefix\n -moz-box-shadow: inset 0 0 0 1px $primary; // stylelint-disable-line property-no-vendor-prefix\n box-shadow: inset 0 0 0 1px $primary;\n}\n\n%cell-selected-state {\n color: $white;\n background-color: $primary;\n border-radius: 100%; // stylelint-disable-line property-blacklist\n}\n\n%cell-hover {\n color: $dark;\n cursor: pointer;\n background-color: $cloud;\n border-radius: 100%; // stylelint-disable-line property-blacklist\n -webkit-box-shadow: none; // stylelint-disable-line property-no-vendor-prefix\n -moz-box-shadow: none; // stylelint-disable-line property-no-vendor-prefix\n box-shadow: none; // stylelint-disable-line property-no-vendor-prefix\n}\n\n.datepicker-row {\n display: flex;\n .datepicker-cell {\n flex: 1 1 0;\n text-align: center;\n .datepicker-date-cell {\n width: 32px;\n height: 32px;\n margin: 2px auto;\n line-height: 32px;\n &.current-date {\n @extend %cell-current-state;\n }\n &.selected-date {\n @extend %cell-selected-state;\n }\n &:hover {\n @extend %cell-hover;\n }\n }\n .datepicker-month-cell {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n margin-bottom: 12px;\n line-height: 40px;\n &.current-month {\n @extend %cell-current-state;\n }\n &.selected-month {\n @extend %cell-selected-state;\n }\n &:hover {\n @extend %cell-hover;\n }\n }\n .datepicker-year-cell {\n width: 48px;\n height: 48px;\n margin: 0 auto;\n margin-bottom: 4px;\n line-height: 48px;\n &.current-year {\n @extend %cell-current-state;\n }\n &.selected-year {\n @extend %cell-selected-state;\n }\n &:hover {\n @extend %cell-hover;\n }\n }\n }\n}\n\n.datepicker-day-container {\n display: flex;\n margin-bottom: 16px;\n .datepicker-day {\n flex: 1 1 0;\n color: $slate;\n text-align: center;\n }\n}\n\n.datepicker-shortcut-button {\n position: absolute;\n bottom: 16px;\n width: 360px;\n color: $slate;\n text-align: center;\n cursor: pointer;\n &.disabled {\n color: $muted;\n cursor: not-allowed;\n }\n}\n"]}
|
@@ -0,0 +1,139 @@
|
|
1
|
+
.datepicker-container {
|
2
|
+
position: relative;
|
3
|
+
z-index: 11;
|
4
|
+
width: 0;
|
5
|
+
height: 0;
|
6
|
+
}
|
7
|
+
|
8
|
+
.datepicker-container.on-right {
|
9
|
+
left: calc(100% - 392px);
|
10
|
+
}
|
11
|
+
|
12
|
+
.datepicker-calendar-view, .datepicker-collapse-view {
|
13
|
+
position: absolute;
|
14
|
+
width: 392px;
|
15
|
+
padding: 0 16px;
|
16
|
+
background-color: #fff;
|
17
|
+
background-clip: border-box;
|
18
|
+
border: 1px solid #e2e2e2;
|
19
|
+
border-radius: 4px;
|
20
|
+
box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.1), 0 4px 8px 0 rgba(119, 119, 119, 0.2);
|
21
|
+
}
|
22
|
+
|
23
|
+
.datepicker-calendar-view {
|
24
|
+
height: 320px;
|
25
|
+
}
|
26
|
+
|
27
|
+
.datepicker-collapse-view {
|
28
|
+
height: 244px;
|
29
|
+
}
|
30
|
+
|
31
|
+
.datepicker-header {
|
32
|
+
display: flex;
|
33
|
+
align-items: center;
|
34
|
+
height: 52px;
|
35
|
+
text-align: center;
|
36
|
+
}
|
37
|
+
|
38
|
+
.datepicker-header-title {
|
39
|
+
flex-grow: 5;
|
40
|
+
font-weight: 500;
|
41
|
+
cursor: pointer;
|
42
|
+
}
|
43
|
+
|
44
|
+
.datepicker-previous-button {
|
45
|
+
flex-grow: 1;
|
46
|
+
padding-right: 16px;
|
47
|
+
text-align: left;
|
48
|
+
}
|
49
|
+
|
50
|
+
.datepicker-previous-button .ic:hover {
|
51
|
+
cursor: pointer;
|
52
|
+
}
|
53
|
+
|
54
|
+
.datepicker-next-button {
|
55
|
+
flex-grow: 1;
|
56
|
+
padding-left: 16px;
|
57
|
+
text-align: right;
|
58
|
+
}
|
59
|
+
|
60
|
+
.datepicker-next-button .ic:hover {
|
61
|
+
cursor: pointer;
|
62
|
+
}
|
63
|
+
|
64
|
+
.datepicker-row .datepicker-cell .datepicker-date-cell.current-date, .datepicker-row .datepicker-cell .datepicker-month-cell.current-month, .datepicker-row .datepicker-cell .datepicker-year-cell.current-year {
|
65
|
+
border-radius: 100%;
|
66
|
+
box-shadow: inset 0 0 0 1px #005fbf;
|
67
|
+
}
|
68
|
+
|
69
|
+
.datepicker-row .datepicker-cell .datepicker-date-cell.selected-date, .datepicker-row .datepicker-cell .datepicker-month-cell.selected-month, .datepicker-row .datepicker-cell .datepicker-year-cell.selected-year {
|
70
|
+
color: #fff;
|
71
|
+
background-color: #005fbf;
|
72
|
+
border-radius: 100%;
|
73
|
+
}
|
74
|
+
|
75
|
+
.datepicker-row .datepicker-cell .datepicker-date-cell:hover, .datepicker-row .datepicker-cell .datepicker-month-cell:hover, .datepicker-row .datepicker-cell .datepicker-year-cell:hover {
|
76
|
+
color: #212121;
|
77
|
+
cursor: pointer;
|
78
|
+
background-color: #f2f4f7;
|
79
|
+
border-radius: 100%;
|
80
|
+
box-shadow: none;
|
81
|
+
}
|
82
|
+
|
83
|
+
.datepicker-row {
|
84
|
+
display: flex;
|
85
|
+
}
|
86
|
+
|
87
|
+
.datepicker-row .datepicker-cell {
|
88
|
+
flex: 1 1 0;
|
89
|
+
text-align: center;
|
90
|
+
}
|
91
|
+
|
92
|
+
.datepicker-row .datepicker-cell .datepicker-date-cell {
|
93
|
+
width: 32px;
|
94
|
+
height: 32px;
|
95
|
+
margin: 2px auto;
|
96
|
+
line-height: 32px;
|
97
|
+
}
|
98
|
+
|
99
|
+
.datepicker-row .datepicker-cell .datepicker-month-cell {
|
100
|
+
width: 40px;
|
101
|
+
height: 40px;
|
102
|
+
margin: 0 auto;
|
103
|
+
margin-bottom: 12px;
|
104
|
+
line-height: 40px;
|
105
|
+
}
|
106
|
+
|
107
|
+
.datepicker-row .datepicker-cell .datepicker-year-cell {
|
108
|
+
width: 48px;
|
109
|
+
height: 48px;
|
110
|
+
margin: 0 auto;
|
111
|
+
margin-bottom: 4px;
|
112
|
+
line-height: 48px;
|
113
|
+
}
|
114
|
+
|
115
|
+
.datepicker-day-container {
|
116
|
+
display: flex;
|
117
|
+
margin-bottom: 16px;
|
118
|
+
}
|
119
|
+
|
120
|
+
.datepicker-day-container .datepicker-day {
|
121
|
+
flex: 1 1 0;
|
122
|
+
color: #777;
|
123
|
+
text-align: center;
|
124
|
+
}
|
125
|
+
|
126
|
+
.datepicker-shortcut-button {
|
127
|
+
position: absolute;
|
128
|
+
bottom: 16px;
|
129
|
+
width: 360px;
|
130
|
+
color: #777;
|
131
|
+
text-align: center;
|
132
|
+
cursor: pointer;
|
133
|
+
}
|
134
|
+
|
135
|
+
.datepicker-shortcut-button.disabled {
|
136
|
+
color: #b4b4b4;
|
137
|
+
cursor: not-allowed;
|
138
|
+
}
|
139
|
+
/*# sourceMappingURL=mekari-ui-date-picker.css.map */
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../scss/components/config/_date-picker.scss","mekari-ui-date-picker.css","../../../scss/vendor-extensions/_color.scss","../../../scss/vendor-extensions/_typography.scss"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,QAAQ;EACR,SAAS;ACCX;;ADLA;EAMI,wBAAwB;ACG5B;;ADCA;EACE,kBAAkB;EAClB,YAAY;EACZ,eAAe;EACf,sBERU;EFSV,2BAA2B;EAC3B,yBEZa;EFab,kBAAkB;EAClB,sFEhBU;ADkBZ;;ADCA;EAEE,aAAa;ACCf;;ADEA;EAEE,aAAa;ACAf;;ADGA;EACE,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,kBAAkB;ACApB;;ADGA;EACE,YAAY;EACZ,gBGtBuC;EHuBvC,eAAe;ACAjB;;ADGA;EACE,YAAY;EACZ,mBAAmB;EACnB,gBAAgB;ACAlB;;ADHA;EAMM,eAAe;ACCrB;;ADIA;EACE,YAAY;EACZ,kBAAkB;EAClB,iBAAiB;ACDnB;;ADFA;EAMM,eAAe;ACArB;;ADKA;EACE,mBAAmB;EAGnB,mCEvDqB;ADqDvB;;ADKA;EACE,WEpEU;EFqEV,yBE5DqB;EF6DrB,mBAAmB;ACFrB;;ADKA;EACE,cE/Ea;EFgFb,eAAe;EACf,yBE3Ea;EF4Eb,mBAAmB;EAGnB,gBAAgB;ACFlB;;ADKA;EACE,aAAa;ACFf;;ADCA;EAGI,WAAW;EACX,kBAAkB;ACAtB;;ADJA;EAMM,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,iBAAiB;ACEvB;;ADXA;EAqBM,WAAW;EACX,YAAY;EACZ,cAAc;EACd,mBAAmB;EACnB,iBAAiB;ACNvB;;ADnBA;EAqCM,WAAW;EACX,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,iBAAiB;ACdvB;;AD4BA;EACE,aAAa;EACb,mBAAmB;ACzBrB;;ADuBA;EAII,WAAW;EACX,WEnJQ;EFoJR,kBAAkB;ACvBtB;;AD2BA;EACE,kBAAkB;EAClB,YAAY;EACZ,YAAY;EACZ,WE5JU;EF6JV,kBAAkB;EAClB,eAAe;ACxBjB;;ADkBA;EAQI,cE/JW;EFgKX,mBAAmB;ACtBvB","file":"mekari-ui-date-picker.css","sourcesContent":[".datepicker-container {\n position: relative;\n z-index: 11;\n width: 0;\n height: 0;\n &.on-right {\n left: calc(100% - 392px);\n }\n}\n\n%datepicker-calendar {\n position: absolute;\n width: 392px;\n padding: 0 16px;\n background-color: $white;\n background-clip: border-box;\n border: 1px solid $smoke;\n border-radius: 4px; // stylelint-disable-line property-blacklist\n box-shadow: 0 2px 4px 0 rgba($slate, .1), 0 4px 8px 0 rgba($slate, .2);\n}\n\n.datepicker-calendar-view {\n @extend %datepicker-calendar;\n height: 320px;\n}\n\n.datepicker-collapse-view {\n @extend %datepicker-calendar;\n height: 244px;\n}\n\n.datepicker-header {\n display: flex;\n align-items: center;\n height: 52px;\n text-align: center;\n}\n\n.datepicker-header-title {\n flex-grow: 5;\n font-weight: $font-weight-bold;\n cursor: pointer;\n}\n\n.datepicker-previous-button {\n flex-grow: 1;\n padding-right: 16px;\n text-align: left;\n .ic {\n &:hover {\n cursor: pointer;\n }\n }\n}\n\n.datepicker-next-button {\n flex-grow: 1;\n padding-left: 16px;\n text-align: right;\n .ic {\n &:hover {\n cursor: pointer;\n }\n }\n}\n\n%cell-current-state {\n border-radius: 100%; // stylelint-disable-line property-blacklist\n -webkit-box-shadow: inset 0 0 0 1px $primary; // stylelint-disable-line property-no-vendor-prefix\n -moz-box-shadow: inset 0 0 0 1px $primary; // stylelint-disable-line property-no-vendor-prefix\n box-shadow: inset 0 0 0 1px $primary;\n}\n\n%cell-selected-state {\n color: $white;\n background-color: $primary;\n border-radius: 100%; // stylelint-disable-line property-blacklist\n}\n\n%cell-hover {\n color: $dark;\n cursor: pointer;\n background-color: $cloud;\n border-radius: 100%; // stylelint-disable-line property-blacklist\n -webkit-box-shadow: none; // stylelint-disable-line property-no-vendor-prefix\n -moz-box-shadow: none; // stylelint-disable-line property-no-vendor-prefix\n box-shadow: none; // stylelint-disable-line property-no-vendor-prefix\n}\n\n.datepicker-row {\n display: flex;\n .datepicker-cell {\n flex: 1 1 0;\n text-align: center;\n .datepicker-date-cell {\n width: 32px;\n height: 32px;\n margin: 2px auto;\n line-height: 32px;\n &.current-date {\n @extend %cell-current-state;\n }\n &.selected-date {\n @extend %cell-selected-state;\n }\n &:hover {\n @extend %cell-hover;\n }\n }\n .datepicker-month-cell {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n margin-bottom: 12px;\n line-height: 40px;\n &.current-month {\n @extend %cell-current-state;\n }\n &.selected-month {\n @extend %cell-selected-state;\n }\n &:hover {\n @extend %cell-hover;\n }\n }\n .datepicker-year-cell {\n width: 48px;\n height: 48px;\n margin: 0 auto;\n margin-bottom: 4px;\n line-height: 48px;\n &.current-year {\n @extend %cell-current-state;\n }\n &.selected-year {\n @extend %cell-selected-state;\n }\n &:hover {\n @extend %cell-hover;\n }\n }\n }\n}\n\n.datepicker-day-container {\n display: flex;\n margin-bottom: 16px;\n .datepicker-day {\n flex: 1 1 0;\n color: $slate;\n text-align: center;\n }\n}\n\n.datepicker-shortcut-button {\n position: absolute;\n bottom: 16px;\n width: 360px;\n color: $slate;\n text-align: center;\n cursor: pointer;\n &.disabled {\n color: $muted;\n cursor: not-allowed;\n }\n}\n",".datepicker-container {\n position: relative;\n z-index: 11;\n width: 0;\n height: 0;\n}\n\n.datepicker-container.on-right {\n left: calc(100% - 392px);\n}\n\n.datepicker-calendar-view, .datepicker-collapse-view {\n position: absolute;\n width: 392px;\n padding: 0 16px;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.1), 0 4px 8px 0 rgba(119, 119, 119, 0.2);\n}\n\n.datepicker-calendar-view {\n height: 320px;\n}\n\n.datepicker-collapse-view {\n height: 244px;\n}\n\n.datepicker-header {\n display: flex;\n align-items: center;\n height: 52px;\n text-align: center;\n}\n\n.datepicker-header-title {\n flex-grow: 5;\n font-weight: 500;\n cursor: pointer;\n}\n\n.datepicker-previous-button {\n flex-grow: 1;\n padding-right: 16px;\n text-align: left;\n}\n\n.datepicker-previous-button .ic:hover {\n cursor: pointer;\n}\n\n.datepicker-next-button {\n flex-grow: 1;\n padding-left: 16px;\n text-align: right;\n}\n\n.datepicker-next-button .ic:hover {\n cursor: pointer;\n}\n\n.datepicker-row .datepicker-cell .datepicker-date-cell.current-date, .datepicker-row .datepicker-cell .datepicker-month-cell.current-month, .datepicker-row .datepicker-cell .datepicker-year-cell.current-year {\n border-radius: 100%;\n -webkit-box-shadow: inset 0 0 0 1px #005fbf;\n -moz-box-shadow: inset 0 0 0 1px #005fbf;\n box-shadow: inset 0 0 0 1px #005fbf;\n}\n\n.datepicker-row .datepicker-cell .datepicker-date-cell.selected-date, .datepicker-row .datepicker-cell .datepicker-month-cell.selected-month, .datepicker-row .datepicker-cell .datepicker-year-cell.selected-year {\n color: #fff;\n background-color: #005fbf;\n border-radius: 100%;\n}\n\n.datepicker-row .datepicker-cell .datepicker-date-cell:hover, .datepicker-row .datepicker-cell .datepicker-month-cell:hover, .datepicker-row .datepicker-cell .datepicker-year-cell:hover {\n color: #212121;\n cursor: pointer;\n background-color: #f2f4f7;\n border-radius: 100%;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n}\n\n.datepicker-row {\n display: flex;\n}\n\n.datepicker-row .datepicker-cell {\n flex: 1 1 0;\n text-align: center;\n}\n\n.datepicker-row .datepicker-cell .datepicker-date-cell {\n width: 32px;\n height: 32px;\n margin: 2px auto;\n line-height: 32px;\n}\n\n.datepicker-row .datepicker-cell .datepicker-month-cell {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n margin-bottom: 12px;\n line-height: 40px;\n}\n\n.datepicker-row .datepicker-cell .datepicker-year-cell {\n width: 48px;\n height: 48px;\n margin: 0 auto;\n margin-bottom: 4px;\n line-height: 48px;\n}\n\n.datepicker-day-container {\n display: flex;\n margin-bottom: 16px;\n}\n\n.datepicker-day-container .datepicker-day {\n flex: 1 1 0;\n color: #777;\n text-align: center;\n}\n\n.datepicker-shortcut-button {\n position: absolute;\n bottom: 16px;\n width: 360px;\n color: #777;\n text-align: center;\n cursor: pointer;\n}\n\n.datepicker-shortcut-button.disabled {\n color: #b4b4b4;\n cursor: not-allowed;\n}\n\n/*# sourceMappingURL=mekari-ui-date-picker.css.map */","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","$font-family-roboto: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base: $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base: .875rem; // 14px\n$font-size-lg: 1.25rem; // 20px\n$font-size-sm: .75rem; // 12px\n\n$line-height-base: 1.4285; // The closest value to Mekari design\n$line-height-lg: 1.4285;\n$line-height-sm: 1.4285;\n$letter-spacing: .2px;\n\n$font-weight-lighter: 400;\n$font-weight-light: 400;\n$font-weight-normal: 400;\n$font-weight-base: 400;\n$font-weight-bold: 500;\n$font-weight-bolder: 500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color: $dark;\n$link-color: $blue;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-decoration: none;\n$link-hover-decoration: underline;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n"]}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:.875rem;color:#212121;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:4px}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1272px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:8px 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#005fbf}.dropdown-item.disabled,.dropdown-item:disabled{color:#b4b4b4;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.75rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.dropdown-toggle::after{vertical-align:2px}.dropdown-menu{width:auto;min-width:242px;max-width:684px;max-height:185px;padding:0;margin:4px 0 0;overflow-y:auto;background-color:#fff;border:1px solid #e2e2e2;box-shadow:0 4px 8px 0 rgba(119,119,119,.24);border-radius:4px}.dropdown-menu::-webkit-scrollbar{width:12px;background-color:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background-color:#777;background-clip:padding-box;border:4px solid transparent;border-radius:16px}.dropdown-menu::-webkit-scrollbar-track{background-color:#fff;border-radius:4px}.dropdown-item{padding:8px 12px;color:#212121;cursor:pointer;outline:0}.dropdown-item:hover{background-color:#f2f4f7}.dropdown-item:hover:active{color:#212121}.dropdown-item.active:hover{background-color:#00468c}.dropdown-item.is-selected{background-color:#f2f4f7}.dropdown-divider{margin:0}.dropdown-not-found{display:block;padding:8px 12px;color:#b4b4b4;text-align:center}.dropdown-selected-list{margin-top:4px}.dropdown-selected-list .badge{margin-top:4px;margin-right:8px}.dropdown-selected-list .badge:last-child{margin-right:0}.dropdown-action{padding:8px}.dropdown-action input{width:100%;margin:0}.dropdown-action:hover{background-color:inherit}.dropdown-with-action .dropdown-menu{max-height:none;overflow:hidden}.dropdown-with-action .dropdown-menu .dropdown-action:hover{background-color:inherit}.dropdown-with-action .dropdown-menu-list{height:auto;max-height:126px;overflow-y:auto}.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar{width:12px;background-color:transparent}.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-thumb{background-color:#777;background-clip:padding-box;border:4px solid transparent;border-radius:16px}.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-track{background-color:#fff;border-radius:4px}.dropdown-with-avatar span{vertical-align:middle}.dropdown-with-pill .dropdown-menu-list .dropdown-item.is-selected{color:#b4b4b4;pointer-events:none;background-color:transparent}
|
2
|
+
/*# sourceMappingURL=mekari-ui-dropdown-min.css.map */
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["dist/css/components/mekari-ui-dropdown.css","../../../scss/vendors/_dropdown.scss","../../../scss/vendors/mixins/_caret.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/mixins/_nav-divider.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/components/config/_dropdowns.scss","../../../scss/mixins/_scroll.scss"],"names":[],"mappings":"AAEA,UACA,UAFA,WCAA,QAIE,SAAA,SAGF,iBACE,YAAA,OCoBE,wBACE,QAAA,aACA,YAAA,OACA,eAAA,OACA,QAAA,GAhCJ,WAAA,KAAA,MACA,aAAA,KAAA,MAAA,YACA,cAAA,EACA,YAAA,KAAA,MAAA,YAqDE,8BACE,YAAA,ED1CN,eACE,SAAA,SACA,IAAA,KACA,KAAA,EACA,QAAA,KACA,QAAA,KACA,MAAA,KACA,UAAA,MACA,QAAA,MAAA,EACA,OAAA,QAAA,EAAA,EEsGI,UAAA,QFpGJ,MAAA,QACA,WAAA,KACA,WAAA,KACA,iBAAA,KACA,gBAAA,YACA,OAAA,IAAA,MAAA,gBG3BE,cAAA,IHoCA,oBACE,MAAA,KACA,KAAA,EAGF,qBACE,MAAA,EACA,KAAA,KIYF,yBJnBA,uBACE,MAAA,KACA,KAAA,EAGF,wBACE,MAAA,EACA,KAAA,MIYF,yBJnBA,uBACE,MAAA,KACA,KAAA,EAGF,wBACE,MAAA,EACA,KAAA,MIYF,yBJnBA,uBACE,MAAA,KACA,KAAA,EAGF,wBACE,MAAA,EACA,KAAA,MIYF,0BJnBA,uBACE,MAAA,KACA,KAAA,EAGF,wBACE,MAAA,EACA,KAAA,MAON,uBAEI,IAAA,KACA,OAAA,KACA,WAAA,EACA,cAAA,QC/BA,gCACE,QAAA,aACA,YAAA,OACA,eAAA,OACA,QAAA,GAzBJ,WAAA,EACA,aAAA,KAAA,MAAA,YACA,cAAA,KAAA,MACA,YAAA,KAAA,MAAA,YA8CE,sCACE,YAAA,EDUN,0BAEI,IAAA,EACA,MAAA,KACA,KAAA,KACA,WAAA,EACA,YAAA,QC7CA,mCACE,QAAA,aACA,YAAA,OACA,eAAA,OACA,QAAA,GAlBJ,WAAA,KAAA,MAAA,YACA,aAAA,EACA,cAAA,KAAA,MAAA,YACA,YAAA,KAAA,MAuCE,yCACE,YAAA,EDUN,mCAYM,eAAA,EAKN,yBAEI,IAAA,EACA,MAAA,KACA,KAAA,KACA,WAAA,EACA,aAAA,QC9DA,kCACE,QAAA,aACA,YAAA,OACA,eAAA,OACA,QAAA,GAWA,kCACE,QAAA,KAGF,mCACE,QAAA,aACA,aAAA,OACA,eAAA,OACA,QAAA,GA9BN,WAAA,KAAA,MAAA,YACA,aAAA,KAAA,MACA,cAAA,KAAA,MAAA,YAiCE,wCACE,YAAA,ED2BN,mCAYM,eAAA,EAON,oCAAA,kCAAA,mCAAA,iCAKI,MAAA,KACA,OAAA,KAKJ,kBK9GE,OAAA,EACA,OAAA,IAAA,EACA,SAAA,OACA,WAAA,IAAA,MAAA,QLkHF,eACE,QAAA,MACA,MAAA,KACA,QAAA,OAAA,OACA,MAAA,KACA,YAAA,IACA,MAAA,QACA,WAAA,QACA,YAAA,OACA,iBAAA,YACA,OAAA,EMpHA,qBAAA,qBNmIE,MAAA,QACA,gBAAA,KO9IA,iBAAA,QPoHJ,sBAAA,sBAgCI,MAAA,KACA,gBAAA,KOrJA,iBAAA,QPoHJ,wBAAA,wBAuCI,MAAA,QACA,eAAA,KACA,iBAAA,YAQJ,oBACE,QAAA,MAIF,iBACE,QAAA,MACA,QAAA,MAAA,OACA,cAAA,EEpDI,UAAA,OFsDJ,MAAA,QACA,YAAA,OAIF,oBACE,QAAA,MACA,QAAA,OAAA,OACA,MAAA,QQ5LC,wBAEG,eAAA,IAIJ,eACE,MAAA,KACA,UAAA,MACA,UAAA,MACA,WAAA,MACA,QAAA,EACA,OAAA,IAAA,EAAA,EACA,WAAA,KACA,iBAAA,KACA,OAAA,IAAA,MAAA,QACA,WAAA,EAAA,IAAA,IAAA,EAAA,sBLZA,cAAA,IMJF,kCACE,MAAA,KACA,iBAAA,YAGF,wCACE,iBAAA,KACA,gBAAA,YACA,OAAA,IAAA,MAAA,YNJA,cAAA,KMQF,wCACE,iBAAA,KNTA,cAAA,IKiBF,eACE,QAAA,IAAA,KACA,MAAA,QACA,OAAA,QACA,QAAA,EAJD,qBAOG,iBAAA,QAPH,4BASK,MAAA,QATL,4BAeK,iBAAA,QAfL,2BAoBG,iBAAA,QAIJ,kBACE,OAAA,EAGF,oBACE,QAAA,MACA,QAAA,IAAA,KACA,MAAA,QACA,WAAA,OAGF,wBACE,WAAA,IADD,+BAIG,WAAA,IACA,aAAA,IALH,0CAOK,aAAA,EAKN,iBACE,QAAA,IADD,uBAIG,MAAA,KACA,OAAA,EALH,uBASG,iBAAA,QAIH,qCAEG,WAAA,KACA,SAAA,OAHH,4DAOO,iBAAA,QAPP,0CAYK,OAAA,KACA,WAAA,MACA,WAAA,KC/FN,6DACE,MAAA,KACA,iBAAA,YAGF,mEACE,iBAAA,KACA,gBAAA,YACA,OAAA,IAAA,MAAA,YNJA,cAAA,KMQF,mEACE,iBAAA,KNTA,cAAA,IKiGD,2BAEG,eAAA,OAIH,mEAIO,MAAA,QACA,eAAA,KACA,iBAAA","sourcesContent":[".dropup,\n.dropright,\n.dropdown,\n.dropleft {\n position: relative;\n}\n\n.dropdown-toggle {\n white-space: nowrap;\n}\n\n.dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid;\n border-right: 0.3em solid transparent;\n border-bottom: 0;\n border-left: 0.3em solid transparent;\n}\n\n.dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 10rem;\n padding: 0.5rem 0;\n margin: 0.125rem 0 0;\n font-size: 0.875rem;\n color: #212121;\n text-align: left;\n list-style: none;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 4px;\n}\n\n.dropdown-menu-left {\n right: auto;\n left: 0;\n}\n\n.dropdown-menu-right {\n right: 0;\n left: auto;\n}\n\n@media (min-width: 576px) {\n .dropdown-menu-sm-left {\n right: auto;\n left: 0;\n }\n .dropdown-menu-sm-right {\n right: 0;\n left: auto;\n }\n}\n\n@media (min-width: 768px) {\n .dropdown-menu-md-left {\n right: auto;\n left: 0;\n }\n .dropdown-menu-md-right {\n right: 0;\n left: auto;\n }\n}\n\n@media (min-width: 992px) {\n .dropdown-menu-lg-left {\n right: auto;\n left: 0;\n }\n .dropdown-menu-lg-right {\n right: 0;\n left: auto;\n }\n}\n\n@media (min-width: 1272px) {\n .dropdown-menu-xl-left {\n right: auto;\n left: 0;\n }\n .dropdown-menu-xl-right {\n right: 0;\n left: auto;\n }\n}\n\n.dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n margin-top: 0;\n margin-bottom: 0.125rem;\n}\n\n.dropup .dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0;\n border-right: 0.3em solid transparent;\n border-bottom: 0.3em solid;\n border-left: 0.3em solid transparent;\n}\n\n.dropup .dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropright .dropdown-menu {\n top: 0;\n right: auto;\n left: 100%;\n margin-top: 0;\n margin-left: 0.125rem;\n}\n\n.dropright .dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid transparent;\n border-right: 0;\n border-bottom: 0.3em solid transparent;\n border-left: 0.3em solid;\n}\n\n.dropright .dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropright .dropdown-toggle::after {\n vertical-align: 0;\n}\n\n.dropleft .dropdown-menu {\n top: 0;\n right: 100%;\n left: auto;\n margin-top: 0;\n margin-right: 0.125rem;\n}\n\n.dropleft .dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n}\n\n.dropleft .dropdown-toggle::after {\n display: none;\n}\n\n.dropleft .dropdown-toggle::before {\n display: inline-block;\n margin-right: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid transparent;\n border-right: 0.3em solid;\n border-bottom: 0.3em solid transparent;\n}\n\n.dropleft .dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropleft .dropdown-toggle::before {\n vertical-align: 0;\n}\n\n.dropdown-menu[x-placement^=\"top\"], .dropdown-menu[x-placement^=\"right\"], .dropdown-menu[x-placement^=\"bottom\"], .dropdown-menu[x-placement^=\"left\"] {\n right: auto;\n bottom: auto;\n}\n\n.dropdown-divider {\n height: 0;\n margin: 8px 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef;\n}\n\n.dropdown-item {\n display: block;\n width: 100%;\n padding: 0.25rem 1.5rem;\n clear: both;\n font-weight: 400;\n color: #212529;\n text-align: inherit;\n white-space: nowrap;\n background-color: transparent;\n border: 0;\n}\n\n.dropdown-item:hover, .dropdown-item:focus {\n color: #16181b;\n text-decoration: none;\n background-color: #f8f9fa;\n}\n\n.dropdown-item.active, .dropdown-item:active {\n color: #fff;\n text-decoration: none;\n background-color: #005fbf;\n}\n\n.dropdown-item.disabled, .dropdown-item:disabled {\n color: #b4b4b4;\n pointer-events: none;\n background-color: transparent;\n}\n\n.dropdown-menu.show {\n display: block;\n}\n\n.dropdown-header {\n display: block;\n padding: 0.5rem 1.5rem;\n margin-bottom: 0;\n font-size: 0.75rem;\n color: #6c757d;\n white-space: nowrap;\n}\n\n.dropdown-item-text {\n display: block;\n padding: 0.25rem 1.5rem;\n color: #212529;\n}\n\n.dropdown-toggle::after {\n vertical-align: 2px;\n}\n\n.dropdown-menu {\n width: auto;\n min-width: 242px;\n max-width: 684px;\n max-height: 185px;\n padding: 0;\n margin: 4px 0 0;\n overflow-y: auto;\n background-color: #fff;\n border: 1px solid #e2e2e2;\n box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.24);\n border-radius: 4px;\n}\n\n.dropdown-menu::-webkit-scrollbar {\n width: 12px;\n background-color: transparent;\n}\n\n.dropdown-menu::-webkit-scrollbar-thumb {\n background-color: #777;\n background-clip: padding-box;\n border: 4px solid transparent;\n border-radius: 16px;\n}\n\n.dropdown-menu::-webkit-scrollbar-track {\n background-color: #fff;\n border-radius: 4px;\n}\n\n.dropdown-item {\n padding: 8px 12px;\n color: #212121;\n cursor: pointer;\n outline: none;\n}\n\n.dropdown-item:hover {\n background-color: #f2f4f7;\n}\n\n.dropdown-item:hover:active {\n color: #212121;\n}\n\n.dropdown-item.active:hover {\n background-color: #00468c;\n}\n\n.dropdown-item.is-selected {\n background-color: #f2f4f7;\n}\n\n.dropdown-divider {\n margin: 0;\n}\n\n.dropdown-not-found {\n display: block;\n padding: 8px 12px;\n color: #b4b4b4;\n text-align: center;\n}\n\n.dropdown-selected-list {\n margin-top: 4px;\n}\n\n.dropdown-selected-list .badge {\n margin-top: 4px;\n margin-right: 8px;\n}\n\n.dropdown-selected-list .badge:last-child {\n margin-right: 0;\n}\n\n.dropdown-action {\n padding: 8px;\n}\n\n.dropdown-action input {\n width: 100%;\n margin: 0;\n}\n\n.dropdown-action:hover {\n background-color: inherit;\n}\n\n.dropdown-with-action .dropdown-menu {\n max-height: none;\n overflow: hidden;\n}\n\n.dropdown-with-action .dropdown-menu .dropdown-action:hover {\n background-color: inherit;\n}\n\n.dropdown-with-action .dropdown-menu-list {\n height: auto;\n max-height: 126px;\n overflow-y: auto;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar {\n width: 12px;\n background-color: transparent;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-thumb {\n background-color: #777;\n background-clip: padding-box;\n border: 4px solid transparent;\n border-radius: 16px;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-track {\n background-color: #fff;\n border-radius: 4px;\n}\n\n.dropdown-with-avatar span {\n vertical-align: middle;\n}\n\n.dropdown-with-pill .dropdown-menu-list .dropdown-item.is-selected {\n color: #b4b4b4;\n pointer-events: none;\n background-color: transparent;\n}\n/*# sourceMappingURL=mekari-ui-dropdown.css.map */","// The dropdown wrapper (`<div>`)\n.#{$prefix}dropup,\n.#{$prefix}dropright,\n.#{$prefix}dropdown,\n.#{$prefix}dropleft {\n position: relative;\n}\n\n.#{$prefix}dropdown-toggle {\n white-space: nowrap;\n\n // Generate the caret automatically\n @include caret;\n}\n\n// The dropdown menu\n.#{$prefix}dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: $zindex-dropdown;\n display: none; // none by default, but block on \"open\" of the menu\n float: left;\n min-width: $dropdown-min-width;\n padding: $dropdown-padding-y 0;\n margin: $dropdown-spacer 0 0; // override default ul\n @include font-size($dropdown-font-size);\n color: $dropdown-color;\n text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n list-style: none;\n background-color: $dropdown-bg;\n background-clip: padding-box;\n border: $dropdown-border-width solid $dropdown-border-color;\n @include border-radius($dropdown-border-radius);\n @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .#{$prefix}dropdown-menu#{$infix}-left {\n right: auto;\n left: 0;\n }\n\n .#{$prefix}dropdown-menu#{$infix}-right {\n right: 0;\n left: auto;\n }\n }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .#{$prefix}dropup after the standard .#{$prefix}dropdown class and you're set.\n.#{$prefix}dropup {\n .#{$prefix}dropdown-menu {\n top: auto;\n bottom: 100%;\n margin-top: 0;\n margin-bottom: $dropdown-spacer;\n }\n\n .#{$prefix}dropdown-toggle {\n @include caret(up);\n }\n}\n\n.#{$prefix}dropright {\n .#{$prefix}dropdown-menu {\n top: 0;\n right: auto;\n left: 100%;\n margin-top: 0;\n margin-left: $dropdown-spacer;\n }\n\n .#{$prefix}dropdown-toggle {\n @include caret(right);\n &::after {\n vertical-align: 0;\n }\n }\n}\n\n.#{$prefix}dropleft {\n .#{$prefix}dropdown-menu {\n top: 0;\n right: 100%;\n left: auto;\n margin-top: 0;\n margin-right: $dropdown-spacer;\n }\n\n .#{$prefix}dropdown-toggle {\n @include caret(left);\n &::before {\n vertical-align: 0;\n }\n }\n}\n\n// When enabled Popper.js, reset basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.#{$prefix}dropdown-menu {\n &[x-placement^=\"top\"],\n &[x-placement^=\"right\"],\n &[x-placement^=\"bottom\"],\n &[x-placement^=\"left\"] {\n right: auto;\n bottom: auto;\n }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.#{$prefix}dropdown-divider {\n @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.#{$prefix}dropdown-item {\n display: block;\n width: 100%; // For `<button>`s\n padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n clear: both;\n font-weight: $font-weight-normal;\n color: $dropdown-link-color;\n text-align: inherit; // For `<button>`s\n white-space: nowrap; // prevent links from randomly breaking onto new lines\n background-color: transparent; // For `<button>`s\n border: 0; // For `<button>`s\n\n // Prevent dropdown overflow if there's no padding\n // See https://github.com/twbs/bootstrap/pull/27703\n @if $dropdown-padding-y == 0 {\n &:first-child {\n @include border-top-radius($dropdown-inner-border-radius);\n }\n\n &:last-child {\n @include border-bottom-radius($dropdown-inner-border-radius);\n }\n }\n\n @include hover-focus {\n color: $dropdown-link-hover-color;\n text-decoration: none;\n @include gradient-bg($dropdown-link-hover-bg);\n }\n\n &.active,\n &:active {\n color: $dropdown-link-active-color;\n text-decoration: none;\n @include gradient-bg($dropdown-link-active-bg);\n }\n\n &.disabled,\n &:disabled {\n color: $dropdown-link-disabled-color;\n pointer-events: none;\n background-color: transparent;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n}\n\n.#{$prefix}dropdown-menu.show {\n display: block;\n}\n\n// Dropdown section headers\n.#{$prefix}dropdown-header {\n display: block;\n padding: $dropdown-padding-y $dropdown-item-padding-x;\n margin-bottom: 0; // for use with heading elements\n @include font-size($font-size-sm);\n color: $dropdown-header-color;\n white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.#{$prefix}dropdown-item-text {\n display: block;\n padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n color: $dropdown-link-color;\n}\n","@mixin caret-down {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right {\n border-top: $caret-width solid transparent;\n border-right: 0;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-left {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n margin-left: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @if $direction == down {\n @include caret-down;\n } @else if $direction == up {\n @include caret-up;\n } @else if $direction == right {\n @include caret-right;\n }\n }\n\n @if $direction == left {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n margin-right: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @include caret-left;\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) {\n height: 0;\n margin: $margin-y 0;\n overflow: hidden;\n border-top: 1px solid $color;\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","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n",".#{$prefix}dropdown {\n &-toggle {\n &::after {\n vertical-align: 2px;\n }\n }\n\n &-menu {\n width: auto;\n min-width: 242px;\n max-width: 684px;\n max-height: 185px;\n padding: 0;\n margin: 4px 0 0;\n overflow-y: auto;\n background-color: $white;\n border: 1px solid $smoke;\n box-shadow: 0 4px 8px 0 rgba(119, 119, 119, .24);\n @include border-radius(4px);\n @include scroll-default;\n }\n\n &-item {\n padding: 8px 12px;\n color: $dark;\n cursor: pointer;\n outline: none;\n\n &:hover {\n background-color: $cloud;\n &:active {\n color: $dark;\n }\n }\n\n &.active {\n &:hover {\n background-color: darken($primary, 10%);\n }\n }\n\n &.is-selected {\n background-color: $cloud;\n }\n }\n\n &-divider {\n margin: 0;\n }\n\n &-not-found {\n display: block;\n padding: 8px 12px;\n color: $muted;\n text-align: center;\n }\n\n &-selected-list {\n margin-top: 4px;\n\n .#{$prefix}badge {\n margin-top: 4px;\n margin-right: 8px;\n &:last-child {\n margin-right: 0;\n }\n }\n }\n\n &-action {\n padding: 8px;\n\n input {\n width: 100%;\n margin: 0;\n }\n\n &:hover {\n background-color: inherit;\n }\n }\n\n &-with-action {\n .#{$prefix}dropdown-menu {\n max-height: none;\n overflow: hidden;\n\n .#{$prefix}dropdown-action {\n &:hover {\n background-color: inherit;\n }\n }\n\n &-list {\n height: auto;\n max-height: 126px;\n overflow-y: auto;\n @include scroll-default;\n }\n }\n }\n\n &-with-avatar {\n span {\n vertical-align: middle;\n }\n }\n\n &-with-pill {\n .#{$prefix}dropdown-menu-list {\n .#{$prefix}dropdown-item {\n &.is-selected {\n color: $muted;\n pointer-events: none;\n background-color: transparent;\n }\n }\n }\n }\n}\n","@mixin scroll-default {\n &::-webkit-scrollbar {\n width: 12px;\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: $slate;\n background-clip: padding-box;\n border: 4px solid transparent;\n @include border-radius(16px);\n }\n\n &::-webkit-scrollbar-track {\n background-color: $white;\n @include border-radius(4px);\n }\n}\n"]}
|
@@ -0,0 +1,385 @@
|
|
1
|
+
.dropup,
|
2
|
+
.dropright,
|
3
|
+
.dropdown,
|
4
|
+
.dropleft {
|
5
|
+
position: relative;
|
6
|
+
}
|
7
|
+
|
8
|
+
.dropdown-toggle {
|
9
|
+
white-space: nowrap;
|
10
|
+
}
|
11
|
+
|
12
|
+
.dropdown-toggle::after {
|
13
|
+
display: inline-block;
|
14
|
+
margin-left: 0.255em;
|
15
|
+
vertical-align: 0.255em;
|
16
|
+
content: "";
|
17
|
+
border-top: 0.3em solid;
|
18
|
+
border-right: 0.3em solid transparent;
|
19
|
+
border-bottom: 0;
|
20
|
+
border-left: 0.3em solid transparent;
|
21
|
+
}
|
22
|
+
|
23
|
+
.dropdown-toggle:empty::after {
|
24
|
+
margin-left: 0;
|
25
|
+
}
|
26
|
+
|
27
|
+
.dropdown-menu {
|
28
|
+
position: absolute;
|
29
|
+
top: 100%;
|
30
|
+
left: 0;
|
31
|
+
z-index: 1000;
|
32
|
+
display: none;
|
33
|
+
float: left;
|
34
|
+
min-width: 10rem;
|
35
|
+
padding: 0.5rem 0;
|
36
|
+
margin: 0.125rem 0 0;
|
37
|
+
font-size: 0.875rem;
|
38
|
+
color: #212121;
|
39
|
+
text-align: left;
|
40
|
+
list-style: none;
|
41
|
+
background-color: #fff;
|
42
|
+
background-clip: padding-box;
|
43
|
+
border: 1px solid rgba(0, 0, 0, 0.15);
|
44
|
+
border-radius: 4px;
|
45
|
+
}
|
46
|
+
|
47
|
+
.dropdown-menu-left {
|
48
|
+
right: auto;
|
49
|
+
left: 0;
|
50
|
+
}
|
51
|
+
|
52
|
+
.dropdown-menu-right {
|
53
|
+
right: 0;
|
54
|
+
left: auto;
|
55
|
+
}
|
56
|
+
|
57
|
+
@media (min-width: 576px) {
|
58
|
+
.dropdown-menu-sm-left {
|
59
|
+
right: auto;
|
60
|
+
left: 0;
|
61
|
+
}
|
62
|
+
.dropdown-menu-sm-right {
|
63
|
+
right: 0;
|
64
|
+
left: auto;
|
65
|
+
}
|
66
|
+
}
|
67
|
+
|
68
|
+
@media (min-width: 768px) {
|
69
|
+
.dropdown-menu-md-left {
|
70
|
+
right: auto;
|
71
|
+
left: 0;
|
72
|
+
}
|
73
|
+
.dropdown-menu-md-right {
|
74
|
+
right: 0;
|
75
|
+
left: auto;
|
76
|
+
}
|
77
|
+
}
|
78
|
+
|
79
|
+
@media (min-width: 992px) {
|
80
|
+
.dropdown-menu-lg-left {
|
81
|
+
right: auto;
|
82
|
+
left: 0;
|
83
|
+
}
|
84
|
+
.dropdown-menu-lg-right {
|
85
|
+
right: 0;
|
86
|
+
left: auto;
|
87
|
+
}
|
88
|
+
}
|
89
|
+
|
90
|
+
@media (min-width: 1272px) {
|
91
|
+
.dropdown-menu-xl-left {
|
92
|
+
right: auto;
|
93
|
+
left: 0;
|
94
|
+
}
|
95
|
+
.dropdown-menu-xl-right {
|
96
|
+
right: 0;
|
97
|
+
left: auto;
|
98
|
+
}
|
99
|
+
}
|
100
|
+
|
101
|
+
.dropup .dropdown-menu {
|
102
|
+
top: auto;
|
103
|
+
bottom: 100%;
|
104
|
+
margin-top: 0;
|
105
|
+
margin-bottom: 0.125rem;
|
106
|
+
}
|
107
|
+
|
108
|
+
.dropup .dropdown-toggle::after {
|
109
|
+
display: inline-block;
|
110
|
+
margin-left: 0.255em;
|
111
|
+
vertical-align: 0.255em;
|
112
|
+
content: "";
|
113
|
+
border-top: 0;
|
114
|
+
border-right: 0.3em solid transparent;
|
115
|
+
border-bottom: 0.3em solid;
|
116
|
+
border-left: 0.3em solid transparent;
|
117
|
+
}
|
118
|
+
|
119
|
+
.dropup .dropdown-toggle:empty::after {
|
120
|
+
margin-left: 0;
|
121
|
+
}
|
122
|
+
|
123
|
+
.dropright .dropdown-menu {
|
124
|
+
top: 0;
|
125
|
+
right: auto;
|
126
|
+
left: 100%;
|
127
|
+
margin-top: 0;
|
128
|
+
margin-left: 0.125rem;
|
129
|
+
}
|
130
|
+
|
131
|
+
.dropright .dropdown-toggle::after {
|
132
|
+
display: inline-block;
|
133
|
+
margin-left: 0.255em;
|
134
|
+
vertical-align: 0.255em;
|
135
|
+
content: "";
|
136
|
+
border-top: 0.3em solid transparent;
|
137
|
+
border-right: 0;
|
138
|
+
border-bottom: 0.3em solid transparent;
|
139
|
+
border-left: 0.3em solid;
|
140
|
+
}
|
141
|
+
|
142
|
+
.dropright .dropdown-toggle:empty::after {
|
143
|
+
margin-left: 0;
|
144
|
+
}
|
145
|
+
|
146
|
+
.dropright .dropdown-toggle::after {
|
147
|
+
vertical-align: 0;
|
148
|
+
}
|
149
|
+
|
150
|
+
.dropleft .dropdown-menu {
|
151
|
+
top: 0;
|
152
|
+
right: 100%;
|
153
|
+
left: auto;
|
154
|
+
margin-top: 0;
|
155
|
+
margin-right: 0.125rem;
|
156
|
+
}
|
157
|
+
|
158
|
+
.dropleft .dropdown-toggle::after {
|
159
|
+
display: inline-block;
|
160
|
+
margin-left: 0.255em;
|
161
|
+
vertical-align: 0.255em;
|
162
|
+
content: "";
|
163
|
+
}
|
164
|
+
|
165
|
+
.dropleft .dropdown-toggle::after {
|
166
|
+
display: none;
|
167
|
+
}
|
168
|
+
|
169
|
+
.dropleft .dropdown-toggle::before {
|
170
|
+
display: inline-block;
|
171
|
+
margin-right: 0.255em;
|
172
|
+
vertical-align: 0.255em;
|
173
|
+
content: "";
|
174
|
+
border-top: 0.3em solid transparent;
|
175
|
+
border-right: 0.3em solid;
|
176
|
+
border-bottom: 0.3em solid transparent;
|
177
|
+
}
|
178
|
+
|
179
|
+
.dropleft .dropdown-toggle:empty::after {
|
180
|
+
margin-left: 0;
|
181
|
+
}
|
182
|
+
|
183
|
+
.dropleft .dropdown-toggle::before {
|
184
|
+
vertical-align: 0;
|
185
|
+
}
|
186
|
+
|
187
|
+
.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
|
188
|
+
right: auto;
|
189
|
+
bottom: auto;
|
190
|
+
}
|
191
|
+
|
192
|
+
.dropdown-divider {
|
193
|
+
height: 0;
|
194
|
+
margin: 8px 0;
|
195
|
+
overflow: hidden;
|
196
|
+
border-top: 1px solid #e9ecef;
|
197
|
+
}
|
198
|
+
|
199
|
+
.dropdown-item {
|
200
|
+
display: block;
|
201
|
+
width: 100%;
|
202
|
+
padding: 0.25rem 1.5rem;
|
203
|
+
clear: both;
|
204
|
+
font-weight: 400;
|
205
|
+
color: #212529;
|
206
|
+
text-align: inherit;
|
207
|
+
white-space: nowrap;
|
208
|
+
background-color: transparent;
|
209
|
+
border: 0;
|
210
|
+
}
|
211
|
+
|
212
|
+
.dropdown-item:hover, .dropdown-item:focus {
|
213
|
+
color: #16181b;
|
214
|
+
text-decoration: none;
|
215
|
+
background-color: #f8f9fa;
|
216
|
+
}
|
217
|
+
|
218
|
+
.dropdown-item.active, .dropdown-item:active {
|
219
|
+
color: #fff;
|
220
|
+
text-decoration: none;
|
221
|
+
background-color: #005fbf;
|
222
|
+
}
|
223
|
+
|
224
|
+
.dropdown-item.disabled, .dropdown-item:disabled {
|
225
|
+
color: #b4b4b4;
|
226
|
+
pointer-events: none;
|
227
|
+
background-color: transparent;
|
228
|
+
}
|
229
|
+
|
230
|
+
.dropdown-menu.show {
|
231
|
+
display: block;
|
232
|
+
}
|
233
|
+
|
234
|
+
.dropdown-header {
|
235
|
+
display: block;
|
236
|
+
padding: 0.5rem 1.5rem;
|
237
|
+
margin-bottom: 0;
|
238
|
+
font-size: 0.75rem;
|
239
|
+
color: #6c757d;
|
240
|
+
white-space: nowrap;
|
241
|
+
}
|
242
|
+
|
243
|
+
.dropdown-item-text {
|
244
|
+
display: block;
|
245
|
+
padding: 0.25rem 1.5rem;
|
246
|
+
color: #212529;
|
247
|
+
}
|
248
|
+
|
249
|
+
.dropdown-toggle::after {
|
250
|
+
vertical-align: 2px;
|
251
|
+
}
|
252
|
+
|
253
|
+
.dropdown-menu {
|
254
|
+
width: auto;
|
255
|
+
min-width: 242px;
|
256
|
+
max-width: 684px;
|
257
|
+
max-height: 185px;
|
258
|
+
padding: 0;
|
259
|
+
margin: 4px 0 0;
|
260
|
+
overflow-y: auto;
|
261
|
+
background-color: #fff;
|
262
|
+
border: 1px solid #e2e2e2;
|
263
|
+
box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.24);
|
264
|
+
border-radius: 4px;
|
265
|
+
}
|
266
|
+
|
267
|
+
.dropdown-menu::-webkit-scrollbar {
|
268
|
+
width: 12px;
|
269
|
+
background-color: transparent;
|
270
|
+
}
|
271
|
+
|
272
|
+
.dropdown-menu::-webkit-scrollbar-thumb {
|
273
|
+
background-color: #777;
|
274
|
+
background-clip: padding-box;
|
275
|
+
border: 4px solid transparent;
|
276
|
+
border-radius: 16px;
|
277
|
+
}
|
278
|
+
|
279
|
+
.dropdown-menu::-webkit-scrollbar-track {
|
280
|
+
background-color: #fff;
|
281
|
+
border-radius: 4px;
|
282
|
+
}
|
283
|
+
|
284
|
+
.dropdown-item {
|
285
|
+
padding: 8px 12px;
|
286
|
+
color: #212121;
|
287
|
+
cursor: pointer;
|
288
|
+
outline: none;
|
289
|
+
}
|
290
|
+
|
291
|
+
.dropdown-item:hover {
|
292
|
+
background-color: #f2f4f7;
|
293
|
+
}
|
294
|
+
|
295
|
+
.dropdown-item:hover:active {
|
296
|
+
color: #212121;
|
297
|
+
}
|
298
|
+
|
299
|
+
.dropdown-item.active:hover {
|
300
|
+
background-color: #00468c;
|
301
|
+
}
|
302
|
+
|
303
|
+
.dropdown-item.is-selected {
|
304
|
+
background-color: #f2f4f7;
|
305
|
+
}
|
306
|
+
|
307
|
+
.dropdown-divider {
|
308
|
+
margin: 0;
|
309
|
+
}
|
310
|
+
|
311
|
+
.dropdown-not-found {
|
312
|
+
display: block;
|
313
|
+
padding: 8px 12px;
|
314
|
+
color: #b4b4b4;
|
315
|
+
text-align: center;
|
316
|
+
}
|
317
|
+
|
318
|
+
.dropdown-selected-list {
|
319
|
+
margin-top: 4px;
|
320
|
+
}
|
321
|
+
|
322
|
+
.dropdown-selected-list .badge {
|
323
|
+
margin-top: 4px;
|
324
|
+
margin-right: 8px;
|
325
|
+
}
|
326
|
+
|
327
|
+
.dropdown-selected-list .badge:last-child {
|
328
|
+
margin-right: 0;
|
329
|
+
}
|
330
|
+
|
331
|
+
.dropdown-action {
|
332
|
+
padding: 8px;
|
333
|
+
}
|
334
|
+
|
335
|
+
.dropdown-action input {
|
336
|
+
width: 100%;
|
337
|
+
margin: 0;
|
338
|
+
}
|
339
|
+
|
340
|
+
.dropdown-action:hover {
|
341
|
+
background-color: inherit;
|
342
|
+
}
|
343
|
+
|
344
|
+
.dropdown-with-action .dropdown-menu {
|
345
|
+
max-height: none;
|
346
|
+
overflow: hidden;
|
347
|
+
}
|
348
|
+
|
349
|
+
.dropdown-with-action .dropdown-menu .dropdown-action:hover {
|
350
|
+
background-color: inherit;
|
351
|
+
}
|
352
|
+
|
353
|
+
.dropdown-with-action .dropdown-menu-list {
|
354
|
+
height: auto;
|
355
|
+
max-height: 126px;
|
356
|
+
overflow-y: auto;
|
357
|
+
}
|
358
|
+
|
359
|
+
.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar {
|
360
|
+
width: 12px;
|
361
|
+
background-color: transparent;
|
362
|
+
}
|
363
|
+
|
364
|
+
.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-thumb {
|
365
|
+
background-color: #777;
|
366
|
+
background-clip: padding-box;
|
367
|
+
border: 4px solid transparent;
|
368
|
+
border-radius: 16px;
|
369
|
+
}
|
370
|
+
|
371
|
+
.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-track {
|
372
|
+
background-color: #fff;
|
373
|
+
border-radius: 4px;
|
374
|
+
}
|
375
|
+
|
376
|
+
.dropdown-with-avatar span {
|
377
|
+
vertical-align: middle;
|
378
|
+
}
|
379
|
+
|
380
|
+
.dropdown-with-pill .dropdown-menu-list .dropdown-item.is-selected {
|
381
|
+
color: #b4b4b4;
|
382
|
+
pointer-events: none;
|
383
|
+
background-color: transparent;
|
384
|
+
}
|
385
|
+
/*# sourceMappingURL=mekari-ui-dropdown.css.map */
|