125 lines
148 KiB
Plaintext
125 lines
148 KiB
Plaintext
|
{
|
||
|
|
"version": 3,
|
||
|
|
"file": "spectre.css",
|
||
|
|
"sourceRoot": "/drone/src",
|
||
|
|
"sources": [
|
||
|
|
"themes/quark-hugo/assets/scss/spectre.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/theme/_variables.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_variables.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_mixins.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/mixins/_avatar.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/mixins/_button.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/mixins/_clearfix.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/mixins/_color.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/mixins/_label.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/mixins/_position.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/mixins/_shadow.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/mixins/_text.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/mixins/_toast.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_normalize.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_base.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_typography.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_asian.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_tables.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_buttons.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_forms.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_labels.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_codes.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_media.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_layout.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_hero.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_navbar.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_accordions.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_avatars.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_badges.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_breadcrumbs.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_bars.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_cards.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_chips.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_dropdowns.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_empty.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_menus.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_modals.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_navs.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_pagination.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_panels.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_popovers.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_steps.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_tabs.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_tiles.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_toasts.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_tooltips.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_animations.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/_utilities.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/utilities/_colors.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/utilities/_cursors.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/utilities/_display.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/utilities/_divider.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/utilities/_loading.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/utilities/_position.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/utilities/_shapes.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/spectre/utilities/_text.scss",
|
||
|
|
"themes/quark-hugo/assets/scss/theme/_extensions.scss"
|
||
|
|
],
|
||
|
|
"sourcesContent": [
|
||
|
|
"// Variables and mixins\n@import \"theme/variables\";\n@import \"spectre/variables\";\n@import \"spectre/mixins\";\n\n/*! Spectre.css v#{$version} | MIT License | github.com/picturepan2/spectre */\n// Reset and dependencies\n@import \"spectre/normalize\";\n@import \"spectre/base\";\n\n// Elements\n@import \"spectre/typography\";\n@import \"spectre/asian\";\n@import \"spectre/tables\";\n@import \"spectre/buttons\";\n@import \"spectre/forms\";\n@import \"spectre/labels\";\n@import \"spectre/codes\";\n@import \"spectre/media\";\n\n// Layout\n@import \"spectre/layout\";\n@import \"spectre/hero\";\n@import \"spectre/navbar\";\n\n// Components\n@import \"spectre/accordions\";\n@import \"spectre/avatars\";\n@import \"spectre/badges\";\n@import \"spectre/breadcrumbs\";\n@import \"spectre/bars\";\n@import \"spectre/cards\";\n@import \"spectre/chips\";\n@import \"spectre/dropdowns\";\n@import \"spectre/empty\";\n@import \"spectre/menus\";\n@import \"spectre/modals\";\n@import \"spectre/navs\";\n@import \"spectre/pagination\";\n@import \"spectre/panels\";\n@import \"spectre/popovers\";\n@import \"spectre/steps\";\n@import \"spectre/tabs\";\n@import \"spectre/tiles\";\n@import \"spectre/toasts\";\n@import \"spectre/tooltips\";\n\n// Utility classes\n@import \"spectre/animations\";\n@import \"spectre/utilities\";\n\n// Extras\n@import \"theme/extensions\";\n",
|
||
|
|
"// Spectre Overrides\n$primary-color: #3085EE !default;\n$dark-color: #454d5d !default;\n$light-color: #fff !default;\n$gray-color: lighten($dark-color, 40%) !default;\n$gray-color-dark: darken($gray-color, 25%) !default;\n$border-color: lighten($dark-color, 60%) !default;\n$bg-color: lighten($dark-color, 66%) !default;\n$body-font-color: lighten($dark-color, 5%) !default;\n\n// Layout\n$horiz-padding: 1rem;\n$vert-padding: 2rem 0 2rem;\n\n// Fonts\n$min-responsive-font-size: 16px;\n\n// Header\n$header-height-large: 4rem;\n$header-height-small: 2.3rem;\n$header-color-dark: #222;\n$header-text-light: $light-color;\n$header-text-dark: darken($dark-color, 15%);\n\n// Dropdown Menu\n$dropmenu-bg: $light-color;\n$dropmenu-hover-text: $primary-color;\n$dropmenu-horiz-padding: 20px;\n$dropmenu-vert-padding: 9px;\n$dropmenu-child-padding: 10px;\n$dropmenu-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);\n\n// Mobile Menu\n$mobile-color-main: $primary-color;\n$mobile-color-active: #FFF;\n$mobile-color-link: #FFF;\n$mobile-button-height: 24px;\n$mobile-button-width: 28px;",
|
||
|
|
"// Core variables\n$version: \"0.5.8\";\n\n// Core features\n$rtl: false !default;\n\n// Core colors\n$primary-color: #5755d9 !default;\n$primary-color-dark: darken($primary-color, 3%) !default;\n$primary-color-light: lighten($primary-color, 3%) !default;\n$secondary-color: lighten($primary-color, 37.5%) !default;\n$secondary-color-dark: darken($secondary-color, 3%) !default;\n$secondary-color-light: lighten($secondary-color, 3%) !default;\n\n// Gray colors\n$dark-color: #303742 !default;\n$light-color: #fff !default;\n$gray-color: lighten($dark-color, 55%) !default;\n$gray-color-dark: darken($gray-color, 30%) !default;\n$gray-color-light: lighten($gray-color, 20%) !default;\n\n$border-color: lighten($dark-color, 65%) !default;\n$border-color-dark: darken($border-color, 10%) !default;\n$border-color-light: lighten($border-color, 8%) !default;\n$bg-color: lighten($dark-color, 75%) !default;\n$bg-color-dark: darken($bg-color, 3%) !default;\n$bg-color-light: $light-color !default;\n\n// Control colors\n$success-color: #32b643 !default;\n$warning-color: #ffb700 !default;\n$error-color: #e85600 !default;\n\n// Other colors\n$code-color: #d73e48 !default;\n$highlight-color: #ffe9b3 !default;\n$body-bg: $bg-color-light !default;\n$body-font-color: lighten($dark-color, 5%) !default;\n$link-color: $primary-color !default;\n$link-color-dark: darken($link-color, 10%) !default;\n$link-color-light: lighten($link-color, 10%) !default;\n\n// Fonts\n// Credit: https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/\n$base-font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto !default;\n$mono-font-family: \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", Menlo, Courier, monospace !default;\n$fallback-font-family: \"Helvetica Neue\", sans-serif !default;\n$cjk-zh-hans-font-family: $base-font-family, \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", $fallback-font-family !default;\n$cjk-zh-hant-font-family: $base-font-family, \"PingFang TC\", \"Hiragino Sans CNS\", \"Microsoft JhengHei\", $fallback-font-family !default;\n$cjk-jp-font-family: $base-font-family, \"Hiragino Sans\", \"Hiragino Kaku Gothic Pro\", \"Yu Gothic\", YuGothic, Meiryo, $fallback-font-family !default;\n$cjk-ko-font-family: $base-font-family, \"Malgun Gothic\", $fallback-font-family !default;\n$body-font-family: $base-font-family, $fallback-font-family !default;\n\n// Unit sizes\n$unit-o: .05rem !default;\n$unit-h: .1rem !default;\n$unit-1: .2rem !default;\n$unit-2: .4rem !default;\n$unit-3: .6rem !default;\n$unit-4: .8rem !default;\n$unit-5: 1rem !default;\n$unit-6: 1.2rem !default;\n$unit-7: 1.4rem !default;\n$unit-8: 1.6rem !default;\n$unit-9: 1.8rem !default;\n$unit-10: 2rem !default;\n$unit-12: 2.4rem !default;\n$unit-16: 3.2rem !default;\n\n// Font sizes\n$html-font-size: 20px !default;\n$html-line-height: 1.5 !default;\n$font-size: .8rem !default;\n$font-size-sm: .7rem !default;\n$font-size-lg: .9rem !default;\n$line-height: 1.2rem !default;\n\n// Sizes\n$layout-spacing: $unit-2 !default;\n$layout-spacing-sm: $unit-1 !default;\n$layout-spacing-lg: $unit-4 !default;\n$border-radius: $unit-h !default;\n$border-width: $unit-o !default;\n$border-width-lg: $unit-h !default;\n$control-size: $unit-9 !default;\n$control-size-sm: $unit-7 !default;\n$control-size-lg: $unit-10 !default;\n$control-padding-x: $unit-2 !default;\n$control-padding-x-sm: $unit-2 * .75 !default;\n$control-padding-x-lg: $unit-2 * 1.5 !default;\n$control-padding-y: ($control-size - $line-height) / 2 - $border-width !default;\n$control-padding-y-sm: ($control-size-sm - $line-height) / 2 - $border-width !default;\n$control-padding-y-lg: ($control-size-lg - $line-height) / 2 - $border-width !default;\n$control-icon-size: .8rem !default;\n\n$control-width-xs: 180px !default;\n$control-width-sm: 320px !default;\n$control-width-md: 640px !default;\n$control-width-lg: 960px !default;\n$control-width-xl: 1280px !default;\n\n// Responsive breakpoints\n$size-xs: 480px !default;\n$size-sm: 600px !default;\n$size-md: 840px !default;\n$size-lg: 960px
|
||
|
|
"// Mixins\n@import \"mixins/avatar\";\n@import \"mixins/button\";\n@import \"mixins/clearfix\";\n@import \"mixins/color\";\n@import \"mixins/label\";\n@import \"mixins/position\";\n@import \"mixins/shadow\";\n@import \"mixins/text\";\n@import \"mixins/toast\";",
|
||
|
|
"// Avatar mixin\n@mixin avatar-base($size: $unit-8) {\n font-size: $size / 2;\n height: $size;\n width: $size;\n}\n",
|
||
|
|
"// Button variant mixin\n@mixin button-variant($color: $primary-color) {\n background: $color;\n border-color: darken($color, 3%);\n color: $light-color;\n &:focus {\n @include control-shadow($color);\n }\n &:focus,\n &:hover {\n background: darken($color, 2%);\n border-color: darken($color, 5%);\n color: $light-color;\n }\n &:active,\n &.active {\n background: darken($color, 7%);\n border-color: darken($color, 10%);\n color: $light-color;\n }\n &.loading {\n &::after {\n border-bottom-color: $light-color;\n border-left-color: $light-color;\n }\n }\n}\n\n@mixin button-outline-variant($color: $primary-color) {\n background: $light-color;\n border-color: $color;\n color: $color;\n &:focus {\n @include control-shadow($color);\n }\n &:focus,\n &:hover {\n background: lighten($color, 50%);\n border-color: darken($color, 2%);\n color: $color;\n }\n &:active,\n &.active {\n background: $color;\n border-color: darken($color, 5%);\n color: $light-color;\n }\n &.loading {\n &::after {\n border-bottom-color: $color;\n border-left-color: $color;\n }\n }\n}\n",
|
||
|
|
"// Clearfix mixin\n@mixin clearfix() {\n &::after {\n clear: both;\n content: \"\";\n display: table;\n }\n}\n",
|
||
|
|
"// Background color utility mixin\n@mixin bg-color-variant($name: \".bg-primary\", $color: $primary-color) {\n #{$name} {\n background: $color !important;\n\n @if (lightness($color) < 60) {\n color: $light-color;\n }\n }\n}\n\n// Text color utility mixin\n@mixin text-color-variant($name: \".text-primary\", $color: $primary-color) {\n #{$name} {\n color: $color !important;\n }\n\n a#{$name} {\n &:focus,\n &:hover {\n color: darken($color, 5%);\n }\n &:visited {\n color: lighten($color, 5%);\n }\n }\n}\n",
|
||
|
|
"// Label base style\n@mixin label-base() {\n border-radius: $border-radius;\n line-height: 1.25;\n padding: .1rem .2rem;\n}\n\n@mixin label-variant($color: $light-color, $bg-color: $primary-color) {\n background: $bg-color;\n color: $color;\n}\n",
|
||
|
|
"// Margin utility mixin\n@mixin margin-variant($id: 1, $size: $unit-1) {\n .m-#{$id} {\n margin: $size !important;\n }\n\n .mb-#{$id} {\n margin-bottom: $size !important;\n }\n\n .ml-#{$id} {\n margin-left: $size !important;\n }\n\n .mr-#{$id} {\n margin-right: $size !important;\n }\n\n .mt-#{$id} {\n margin-top: $size !important;\n }\n\n .mx-#{$id} {\n margin-left: $size !important;\n margin-right: $size !important;\n }\n\n .my-#{$id} {\n margin-bottom: $size !important;\n margin-top: $size !important;\n }\n}\n\n// Padding utility mixin\n@mixin padding-variant($id: 1, $size: $unit-1) {\n .p-#{$id} {\n padding: $size !important;\n }\n\n .pb-#{$id} {\n padding-bottom: $size !important;\n }\n\n .pl-#{$id} {\n padding-left: $size !important;\n }\n\n .pr-#{$id} {\n padding-right: $size !important;\n }\n\n .pt-#{$id} {\n padding-top: $size !important;\n }\n\n .px-#{$id} {\n padding-left: $size !important;\n padding-right: $size !important;\n }\n \n .py-#{$id} {\n padding-bottom: $size !important;\n padding-top: $size !important;\n }\n}\n",
|
||
|
|
"// Component focus shadow\n@mixin control-shadow($color: $primary-color) {\n box-shadow: 0 0 0 .1rem rgba($color, .2);\n}\n\n// Shadow mixin\n@mixin shadow-variant($offset) {\n box-shadow: 0 $offset ($offset + .05rem) * 2 rgba($dark-color, .3);\n}\n",
|
||
|
|
"// Text Ellipsis\n@mixin text-ellipsis() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n",
|
||
|
|
"// Toast variant mixin\n@mixin toast-variant($color: $dark-color) {\n background: rgba($color, .95);\n border-color: $color;\n}\n",
|
||
|
|
"/* Manually forked from Normalize.css */\n/* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Correct the line height in all browsers.\n * 3. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\n\n/* Document\n ========================================================================== */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 3 */\n -webkit-text-size-adjust: 100%; /* 3 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\n\nfigcaption,\nfigure,\nmain { /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8 (removed).\n */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers. (removed)\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\n\na {\n background-color: transparent; /* 1 */\n -webkit-text-decoration-skip: objects; /* 2 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n/**\n * Modify default styling of address.\n */\n\naddress {\n font-style: normal;\n}\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. (removed)\n */\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: $mono-font-family; /* 1 (changed) */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-. (Removed)\n */\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n font-weight: 400; /* (added) */\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/*
|
||
|
|
"// Base\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n}\n\nhtml {\n box-sizing: border-box;\n font-size: $html-font-size;\n line-height: $html-line-height;\n -webkit-tap-highlight-color: transparent;\n}\n\nbody {\n background: $body-bg;\n color: $body-font-color;\n font-family: $body-font-family;\n font-size: $font-size;\n overflow-x: hidden;\n text-rendering: optimizeLegibility;\n}\n\na {\n color: $link-color;\n outline: none;\n text-decoration: none;\n\n &:focus {\n @include control-shadow();\n }\n\n &:focus,\n &:hover,\n &:active,\n &.active {\n color: $link-color-dark;\n text-decoration: underline;\n }\n\n &:visited {\n color: $link-color-light;\n }\n}\n",
|
||
|
|
"// Typography\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n color: inherit;\n font-weight: 500;\n line-height: 1.2;\n margin-bottom: .5em;\n margin-top: 0;\n}\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n font-weight: 500;\n}\nh1,\n.h1 {\n font-size: 2rem;\n}\nh2,\n.h2 {\n font-size: 1.6rem;\n}\nh3,\n.h3 {\n font-size: 1.4rem;\n}\nh4,\n.h4 {\n font-size: 1.2rem;\n}\nh5,\n.h5 {\n font-size: 1rem;\n}\nh6,\n.h6 {\n font-size: .8rem;\n}\n\n// Paragraphs\np {\n margin: 0 0 $line-height;\n}\n\n// Semantic text elements\na,\nins,\nu {\n text-decoration-skip: ink edges;\n}\n\nabbr[title] {\n border-bottom: $border-width dotted;\n cursor: help;\n text-decoration: none;\n}\n\nkbd {\n @include label-base();\n @include label-variant($light-color, $dark-color);\n font-size: $font-size-sm;\n}\n\nmark {\n @include label-variant($body-font-color, $highlight-color);\n border-bottom: $unit-o solid darken($highlight-color, 15%);\n border-radius: $border-radius;\n padding: $unit-o $unit-h 0;\n}\n\n// Blockquote\nblockquote {\n border-left: $border-width-lg solid $border-color;\n margin-left: 0;\n padding: $unit-2 $unit-4;\n\n p:last-child {\n margin-bottom: 0;\n }\n}\n\n// Lists\nul,\nol {\n margin: $unit-4 0 $unit-4 $unit-4;\n padding: 0;\n\n ul,\n ol {\n margin: $unit-4 0 $unit-4 $unit-4;\n }\n\n li {\n margin-top: $unit-2;\n }\n}\n\nul {\n list-style: disc inside;\n\n ul {\n list-style-type: circle;\n }\n}\n\nol {\n list-style: decimal inside;\n\n ol {\n list-style-type: lower-alpha;\n }\n}\n\ndl {\n dt {\n font-weight: bold;\n }\n dd {\n margin: $unit-2 0 $unit-4 0;\n }\n}\n",
|
||
|
|
"// Optimized for East Asian CJK\nhtml:lang(zh),\nhtml:lang(zh-Hans),\n.lang-zh,\n.lang-zh-hans {\n font-family: $cjk-zh-hans-font-family;\n}\n\nhtml:lang(zh-Hant),\n.lang-zh-hant {\n font-family: $cjk-zh-hant-font-family;\n}\n\nhtml:lang(ja),\n.lang-ja {\n font-family: $cjk-jp-font-family;\n}\n\nhtml:lang(ko),\n.lang-ko {\n font-family: $cjk-ko-font-family;\n}\n\n:lang(zh),\n:lang(ja),\n.lang-cjk {\n ins,\n u {\n border-bottom: $border-width solid;\n text-decoration: none;\n }\n\n del + del,\n del + s,\n ins + ins,\n ins + u,\n s + del,\n s + s,\n u + ins,\n u + u {\n margin-left: .125em;\n }\n}\n",
|
||
|
|
"// Tables\n.table {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n @if $rtl == true {\n text-align: right;\n } @else {\n text-align: left;\n }\n\n &.table-striped {\n tbody {\n tr:nth-of-type(odd) {\n background: $bg-color;\n }\n }\n }\n\n &,\n &.table-striped {\n tbody {\n tr {\n &.active {\n background: $bg-color-dark;\n }\n }\n }\n }\n\n &.table-hover {\n tbody {\n tr {\n &:hover {\n background: $bg-color-dark;\n }\n }\n }\n }\n\n // Scollable tables\n &.table-scroll {\n display: block;\n overflow-x: auto;\n padding-bottom: .75rem;\n white-space: nowrap;\n }\n\n td,\n th {\n border-bottom: $border-width solid $border-color;\n padding: $unit-3 $unit-2;\n }\n th {\n border-bottom-width: $border-width-lg;\n }\n}\n",
|
||
|
|
"// Buttons\n.btn {\n appearance: none;\n background: $bg-color-light;\n border: $border-width solid $primary-color;\n border-radius: $border-radius;\n color: $primary-color;\n cursor: pointer;\n display: inline-block;\n font-size: $font-size;\n height: $control-size;\n line-height: $line-height;\n outline: none;\n padding: $control-padding-y $control-padding-x;\n text-align: center;\n text-decoration: none;\n transition: background .2s, border .2s, box-shadow .2s, color .2s;\n user-select: none;\n vertical-align: middle;\n white-space: nowrap;\n &:focus {\n @include control-shadow();\n }\n &:focus,\n &:hover {\n background: $secondary-color;\n border-color: $primary-color-dark;\n text-decoration: none;\n }\n &:active,\n &.active {\n background: $primary-color-dark;\n border-color: darken($primary-color-dark, 5%);\n color: $light-color;\n text-decoration: none;\n &.loading {\n &::after {\n border-bottom-color: $light-color;\n border-left-color: $light-color;\n }\n }\n }\n &[disabled],\n &:disabled,\n &.disabled {\n cursor: default;\n opacity: .5;\n pointer-events: none;\n }\n\n // Button Primary\n &.btn-primary {\n background: $primary-color;\n border-color: $primary-color-dark;\n color: $light-color;\n &:focus,\n &:hover {\n background: darken($primary-color-dark, 2%);\n border-color: darken($primary-color-dark, 5%);\n color: $light-color;\n }\n &:active,\n &.active {\n background: darken($primary-color-dark, 4%);\n border-color: darken($primary-color-dark, 7%);\n color: $light-color;\n }\n &.loading {\n &::after {\n border-bottom-color: $light-color;\n border-left-color: $light-color;\n }\n }\n }\n\n // Button Colors\n &.btn-success {\n @include button-variant($success-color);\n }\n\n &.btn-error {\n @include button-variant($error-color);\n }\n\n // Button Link\n &.btn-link {\n background: transparent;\n border-color: transparent;\n color: $link-color;\n &:focus,\n &:hover,\n &:active,\n &.active {\n color: $link-color-dark;\n }\n }\n\n // Button Sizes\n &.btn-sm {\n font-size: $font-size-sm;\n height: $control-size-sm;\n padding: $control-padding-y-sm $control-padding-x-sm;\n }\n\n &.btn-lg {\n font-size: $font-size-lg;\n height: $control-size-lg;\n padding: $control-padding-y-lg $control-padding-x-lg;\n }\n\n // Button Block\n &.btn-block {\n display: block;\n width: 100%;\n }\n\n // Button Action\n &.btn-action {\n width: $control-size;\n padding-left: 0;\n padding-right: 0;\n\n &.btn-sm {\n width: $control-size-sm;\n }\n\n &.btn-lg {\n width: $control-size-lg;\n }\n }\n\n // Button Clear\n &.btn-clear {\n background: transparent;\n border: 0;\n color: currentColor;\n height: $unit-5;\n line-height: $unit-4;\n margin-left: $unit-1;\n margin-right: -2px;\n opacity: 1;\n padding: $unit-h;\n text-decoration: none;\n width: $unit-5;\n\n &:focus,\n &:hover {\n background: rgba($bg-color, .5);\n opacity: .95;\n }\n\n &::before {\n content: \"\\2715\";\n }\n }\n}\n\n// Button groups\n.btn-group {\n display: inline-flex;\n flex-wrap: wrap;\n\n .btn {\n flex: 1 0 auto;\n &:first-child:not(:last-child) {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n &:not(:first-child):not(:last-child) {\n border-radius: 0;\n margin-left: -$border-width;\n }\n &:last-child:not(:first-child) {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n margin-left: -$border-width;\n }\n &:focus,\n &:hover,\n &:active,\n &.active {\n z-index: $zindex-0;\n }\n }\n\n &.btn-group-block {\n display: flex;\n\n .btn {\n flex: 1 0 0;\n }\n }\n}\n",
|
||
|
|
"// Forms\n.form-group {\n &:not(:last-child) {\n margin-bottom: $layout-spacing;\n }\n}\n\nfieldset {\n margin-bottom: $layout-spacing-lg;\n}\n\nlegend {\n font-size: $font-size-lg;\n font-weight: 500;\n margin-bottom: $layout-spacing-lg;\n}\n\n// Form element: Label\n.form-label {\n display: block;\n line-height: $line-height;\n padding: $control-padding-y + $border-width 0;\n\n &.label-sm {\n font-size: $font-size-sm;\n padding: $control-padding-y-sm + $border-width 0;\n }\n\n &.label-lg {\n font-size: $font-size-lg;\n padding: $control-padding-y-lg + $border-width 0;\n }\n}\n\n// Form element: Input\n.form-input {\n appearance: none;\n background: $bg-color-light;\n background-image: none;\n border: $border-width solid $border-color-dark;\n border-radius: $border-radius;\n color: $body-font-color;\n display: block;\n font-size: $font-size;\n height: $control-size;\n line-height: $line-height;\n max-width: 100%;\n outline: none;\n padding: $control-padding-y $control-padding-x;\n position: relative;\n transition: background .2s, border .2s, box-shadow .2s, color .2s;\n width: 100%;\n &:focus {\n @include control-shadow();\n border-color: $primary-color;\n }\n &::placeholder {\n color: $gray-color;\n }\n\n // Input sizes\n &.input-sm {\n font-size: $font-size-sm;\n height: $control-size-sm;\n padding: $control-padding-y-sm $control-padding-x-sm;\n }\n\n &.input-lg {\n font-size: $font-size-lg;\n height: $control-size-lg;\n padding: $control-padding-y-lg $control-padding-x-lg;\n }\n\n &.input-inline {\n display: inline-block;\n vertical-align: middle;\n width: auto;\n }\n\n // Input types\n &[type=\"file\"] {\n height: auto;\n }\n}\n\n// Form element: Textarea\ntextarea.form-input {\n &,\n &.input-lg,\n &.input-sm {\n height: auto;\n }\n}\n\n// Form element: Input hint\n.form-input-hint {\n color: $gray-color;\n font-size: $font-size-sm;\n margin-top: $unit-1;\n\n .has-success &,\n .is-success + & {\n color: $success-color;\n }\n\n .has-error &,\n .is-error + & {\n color: $error-color;\n }\n}\n\n// Form element: Select\n.form-select {\n appearance: none;\n border: $border-width solid $border-color-dark;\n border-radius: $border-radius;\n color: inherit;\n font-size: $font-size;\n height: $control-size;\n line-height: $line-height;\n outline: none;\n padding: $control-padding-y $control-padding-x;\n vertical-align: middle;\n width: 100%;\n background: $bg-color-light; \n &:focus {\n @include control-shadow();\n border-color: $primary-color;\n }\n &::-ms-expand {\n display: none;\n }\n\n // Select sizes\n &.select-sm {\n font-size: $font-size-sm;\n height: $control-size-sm;\n padding: $control-padding-y-sm ($control-icon-size + $control-padding-x-sm) $control-padding-y-sm $control-padding-x-sm;\n }\n\n &.select-lg {\n font-size: $font-size-lg;\n height: $control-size-lg;\n padding: $control-padding-y-lg ($control-icon-size + $control-padding-x-lg) $control-padding-y-lg $control-padding-x-lg;\n }\n\n // Multiple select\n &[size],\n &[multiple] {\n height: auto;\n padding: $control-padding-y $control-padding-x;\n\n option {\n padding: $unit-h $unit-1;\n }\n }\n &:not([multiple]):not([size]) {\n background: $bg-color-light url(\"data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E\") no-repeat right .35rem center / .4rem .5rem;\n padding-right: $control-icon-size + $control-padding-x;\n }\n}\n\n// Form Icons\n.has-icon-left,\n.has-icon-right {\n position: relative;\n\n .form-icon {\n height: $control-icon-size;\n margin: 0 $control-padding-y;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: $control-icon-size;\n z-index: $zindex-0 + 1;\n }\n}\n\n.has-icon-left {\n .form-icon {\n left: $border-width;\n }\n\n .form-input {\n padding-left: $control-
|
||
|
|
"// Labels\n.label {\n @include label-base();\n @include label-variant(lighten($body-font-color, 5%), $bg-color-dark);\n display: inline-block;\n\n // Label rounded\n &.label-rounded {\n border-radius: 5rem;\n padding-left: .4rem;\n padding-right: .4rem; \n }\n\n // Label colors\n &.label-primary {\n @include label-variant($light-color, $primary-color);\n }\n\n &.label-secondary {\n @include label-variant($primary-color, $secondary-color);\n }\n\n &.label-success {\n @include label-variant($light-color, $success-color);\n }\n\n &.label-warning {\n @include label-variant($light-color, $warning-color);\n }\n\n &.label-error {\n @include label-variant($light-color, $error-color);\n }\n}\n",
|
||
|
|
"// Codes\ncode {\n @include label-base();\n @include label-variant($code-color, lighten($code-color, 42.5%));\n font-size: 85%;\n}\n\n.code {\n border-radius: $border-radius;\n color: $body-font-color;\n position: relative;\n\n &::before {\n color: $gray-color;\n content: attr(data-lang);\n font-size: $font-size-sm;\n position: absolute;\n right: $layout-spacing;\n top: $unit-h;\n }\n\n code {\n background: $bg-color;\n color: inherit;\n display: block;\n line-height: 1.5;\n overflow-x: auto;\n padding: 1rem;\n width: 100%;\n }\n}\n",
|
||
|
|
"// Media\n// Image responsive\n.img-responsive {\n display: block;\n height: auto;\n max-width: 100%;\n}\n\n// object-fit support is coming to Microsoft Edge\n// https://developer.microsoft.com/en-us/microsoft-edge/platform/status/objectfitandobjectposition/\n.img-fit-cover {\n object-fit: cover;\n}\n\n.img-fit-contain {\n object-fit: contain;\n}\n\n// Video responsive\n.video-responsive {\n display: block;\n overflow: hidden;\n padding: 0;\n position: relative;\n width: 100%;\n &::before {\n content: \"\";\n display: block;\n padding-bottom: 56.25%; // Default ratio 16:9, you can calculate this value by dividing 9 by 16\n }\n\n iframe,\n object,\n embed {\n border: 0;\n bottom: 0;\n height: 100%;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n width: 100%;\n }\n}\n\nvideo.video-responsive {\n height: auto;\n max-width: 100%;\n\n &::before {\n content: none;\n }\n}\n\n.video-responsive-4-3 {\n &::before {\n padding-bottom: 75%; // Ratio 4:3\n }\n}\n\n.video-responsive-1-1 {\n &::before {\n padding-bottom: 100%; // Ratio 1:1\n }\n}\n\n// Figure\n.figure {\n margin: 0 0 $layout-spacing 0;\n\n .figure-caption {\n color: $gray-color-dark;\n margin-top: $layout-spacing;\n }\n}\n",
|
||
|
|
"// Layout\n.container {\n margin-left: auto;\n margin-right: auto;\n padding-left: $layout-spacing;\n padding-right: $layout-spacing;\n width: 100%;\n\n $grid-spacing: ($layout-spacing / ($layout-spacing * 0 + 1)) * $html-font-size;\n\n &.grid-xl {\n max-width: $grid-spacing * 2 + $size-xl;\n }\n\n &.grid-lg {\n max-width: $grid-spacing * 2 + $size-lg;\n }\n\n &.grid-md {\n max-width: $grid-spacing * 2 + $size-md;\n }\n\n &.grid-sm {\n max-width: $grid-spacing * 2 + $size-sm;\n }\n\n &.grid-xs {\n max-width: $grid-spacing * 2 + $size-xs;\n }\n}\n\n// Responsive breakpoint system\n.show-xs,\n.show-sm,\n.show-md,\n.show-lg,\n.show-xl {\n display: none !important;\n}\n\n// Responsive grid system\n.columns {\n display: flex;\n flex-wrap: wrap;\n margin-left: -$layout-spacing;\n margin-right: -$layout-spacing;\n\n &.col-gapless {\n margin-left: 0;\n margin-right: 0;\n\n & > .column {\n padding-left: 0;\n padding-right: 0;\n }\n }\n &.col-oneline {\n flex-wrap: nowrap;\n overflow-x: auto;\n }\n}\n.column {\n flex: 1;\n max-width: 100%;\n padding-left: $layout-spacing;\n padding-right: $layout-spacing;\n\n &.col-12,\n &.col-11,\n &.col-10,\n &.col-9,\n &.col-8,\n &.col-7,\n &.col-6,\n &.col-5,\n &.col-4,\n &.col-3,\n &.col-2,\n &.col-1,\n &.col-auto {\n flex: none;\n }\n}\n.col-12 {\n width: 100%;\n}\n.col-11 {\n width: 91.66666667%;\n}\n.col-10 {\n width: 83.33333333%;\n}\n.col-9 {\n width: 75%;\n}\n.col-8 {\n width: 66.66666667%;\n}\n.col-7 {\n width: 58.33333333%;\n}\n.col-6 {\n width: 50%;\n}\n.col-5 {\n width: 41.66666667%;\n}\n.col-4 {\n width: 33.33333333%;\n}\n.col-3 {\n width: 25%;\n}\n.col-2 {\n width: 16.66666667%;\n}\n.col-1 {\n width: 8.33333333%;\n}\n.col-auto {\n flex: 0 0 auto;\n max-width: none;\n width: auto;\n}\n.col-mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n.col-ml-auto {\n margin-left: auto;\n}\n.col-mr-auto {\n margin-right: auto;\n}\n@media (max-width: $size-xl) {\n .col-xl-12,\n .col-xl-11,\n .col-xl-10,\n .col-xl-9,\n .col-xl-8,\n .col-xl-7,\n .col-xl-6,\n .col-xl-5,\n .col-xl-4,\n .col-xl-3,\n .col-xl-2,\n .col-xl-1,\n .col-xl-auto {\n flex: none;\n }\n .col-xl-12 {\n width: 100%;\n }\n .col-xl-11 {\n width: 91.66666667%;\n }\n .col-xl-10 {\n width: 83.33333333%;\n }\n .col-xl-9 {\n width: 75%;\n }\n .col-xl-8 {\n width: 66.66666667%;\n }\n .col-xl-7 {\n width: 58.33333333%;\n }\n .col-xl-6 {\n width: 50%;\n }\n .col-xl-5 {\n width: 41.66666667%;\n }\n .col-xl-4 {\n width: 33.33333333%;\n }\n .col-xl-3 {\n width: 25%;\n }\n .col-xl-2 {\n width: 16.66666667%;\n }\n .col-xl-1 {\n width: 8.33333333%;\n }\n .col-xl-auto {\n width: auto;\n }\n .hide-xl {\n display: none !important;\n }\n .show-xl {\n display: block !important;\n }\n}\n@media (max-width: $size-lg) {\n .col-lg-12,\n .col-lg-11,\n .col-lg-10,\n .col-lg-9,\n .col-lg-8,\n .col-lg-7,\n .col-lg-6,\n .col-lg-5,\n .col-lg-4,\n .col-lg-3,\n .col-lg-2,\n .col-lg-1,\n .col-lg-auto {\n flex: none;\n }\n .col-lg-12 {\n width: 100%;\n }\n .col-lg-11 {\n width: 91.66666667%;\n }\n .col-lg-10 {\n width: 83.33333333%;\n }\n .col-lg-9 {\n width: 75%;\n }\n .col-lg-8 {\n width: 66.66666667%;\n }\n .col-lg-7 {\n width: 58.33333333%;\n }\n .col-lg-6 {\n width: 50%;\n }\n .col-lg-5 {\n width: 41.66666667%;\n }\n .col-lg-4 {\n width: 33.33333333%;\n }\n .col-lg-3 {\n width: 25%;\n }\n .col-lg-2 {\n width: 16.66666667%;\n }\n .col-lg-1 {\n width: 8.33333333%;\n }\n .col-lg-auto {\n width: auto;\n }\n .hide-lg {\n display: none !important;\n }\n .show-lg {\n display: block !important;\n }\n}\n@media (max-width: $size-md) {\n .col-md-12,\n .col-md-11,\n .col-md-10,\n .col-md-9,\n .col-md-8,\n .col-md-7,\n .col-md-6,\n .col-md-5,\n .col-md-4,\n .col-md-3,\n .col-md-2,\n .col-md-1,\n .col-md-auto {\n flex: none;\n }\n .col-md-12 {\n width: 100
|
||
|
|
"// Hero\n.hero {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding-bottom: 4rem;\n padding-top: 4rem;\n\n &.hero-sm {\n padding-bottom: 2rem;\n padding-top: 2rem;\n }\n\n &.hero-lg {\n padding-bottom: 8rem;\n padding-top: 8rem;\n }\n\n .hero-body {\n padding: $layout-spacing;\n }\n}",
|
||
|
|
"// Navbar\n.navbar {\n align-items: stretch;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n .navbar-section {\n align-items: center;\n display: flex;\n flex: 1 0 0;\n\n &:not(:first-child):last-child {\n justify-content: flex-end;\n }\n }\n\n .navbar-center {\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n }\n\n .navbar-brand {\n font-size: $font-size-lg;\n text-decoration: none;\n }\n}\n",
|
||
|
|
"// Accordions\n.accordion {\n input:checked ~,\n &[open] {\n & .accordion-header {\n .icon {\n transform: rotate(90deg);\n }\n }\n\n & .accordion-body {\n max-height: 50rem;\n }\n }\n\n .accordion-header {\n display: block;\n padding: $unit-1 $unit-2;\n\n .icon {\n transition: transform .25s;\n }\n }\n\n .accordion-body {\n margin-bottom: $layout-spacing;\n max-height: 0;\n overflow: hidden;\n transition: max-height .25s;\n }\n}\n\n// Remove default details marker in Webkit\nsummary.accordion-header {\n &::-webkit-details-marker {\n display: none;\n }\n}\n",
|
||
|
|
"// Avatars\n.avatar {\n @include avatar-base();\n background: $primary-color;\n border-radius: 50%;\n color: rgba($light-color, .85);\n display: inline-block;\n font-weight: 300;\n line-height: 1.25;\n margin: 0;\n position: relative;\n vertical-align: middle;\n\n &.avatar-xs {\n @include avatar-base($unit-4);\n }\n &.avatar-sm {\n @include avatar-base($unit-6);\n }\n &.avatar-lg {\n @include avatar-base($unit-12);\n }\n &.avatar-xl {\n @include avatar-base($unit-16);\n }\n\n img {\n border-radius: 50%;\n height: 100%;\n position: relative;\n width: 100%;\n z-index: $zindex-0;\n }\n\n .avatar-icon,\n .avatar-presence {\n background: $bg-color-light;\n bottom: 14.64%;\n height: 50%;\n padding: $border-width-lg;\n position: absolute;\n right: 14.64%;\n transform: translate(50%, 50%);\n width: 50%;\n z-index: $zindex-0 + 1;\n }\n\n .avatar-presence {\n background: $gray-color;\n box-shadow: 0 0 0 $border-width-lg $light-color;\n border-radius: 50%;\n height: .5em;\n width: .5em;\n\n &.online {\n background: $success-color;\n }\n\n &.busy {\n background: $error-color;\n }\n\n &.away {\n background: $warning-color;\n }\n }\n\n &[data-initial]::before {\n color: currentColor;\n content: attr(data-initial);\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: $zindex-0;\n }\n}",
|
||
|
|
"// Badges\n.badge {\n position: relative;\n white-space: nowrap;\n\n &[data-badge],\n &:not([data-badge]) {\n &::after {\n background: $primary-color;\n background-clip: padding-box;\n border-radius: .5rem;\n box-shadow: 0 0 0 .1rem $bg-color-light;\n color: $light-color;\n content: attr(data-badge);\n display: inline-block;\n transform: translate(-.05rem, -.5rem);\n }\n }\n &[data-badge] {\n &::after {\n font-size: $font-size-sm;\n height: .9rem;\n line-height: 1;\n min-width: .9rem;\n padding: .1rem .2rem;\n text-align: center;\n white-space: nowrap;\n }\n }\n &:not([data-badge]),\n &[data-badge=\"\"] {\n &::after {\n height: 6px;\n min-width: 6px;\n padding: 0;\n width: 6px;\n }\n }\n\n // Badges for Buttons\n &.btn {\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%, -50%);\n }\n }\n\n // Badges for Avatars\n &.avatar {\n &::after {\n position: absolute;\n top: 14.64%;\n right: 14.64%;\n transform: translate(50%, -50%);\n z-index: $zindex-1;\n }\n }\n}\n",
|
||
|
|
"// Breadcrumbs\n.breadcrumb {\n list-style: none;\n margin: $unit-1 0;\n padding: $unit-1 0;\n\n .breadcrumb-item {\n color: $gray-color-dark;\n display: inline-block;\n margin: 0;\n padding: $unit-1 0;\n\n &:not(:last-child) {\n margin-right: $unit-1;\n\n a {\n color: $gray-color-dark;\n }\n }\n\n &:not(:first-child) {\n &::before {\n color: $gray-color-dark;\n content: \"/\";\n padding-right: $unit-2;\n }\n }\n }\n}\n",
|
||
|
|
"// Bars\n.bar {\n background: $bg-color-dark;\n border-radius: $border-radius;\n display: flex;\n flex-wrap: nowrap;\n height: $unit-4;\n width: 100%;\n\n &.bar-sm {\n height: $unit-1;\n }\n\n // TODO: attr() support\n .bar-item {\n background: $primary-color;\n color: $light-color;\n display: block;\n font-size: $font-size-sm;\n flex-shrink: 0;\n line-height: $unit-4;\n height: 100%;\n position: relative;\n text-align: center;\n width: 0;\n\n &:first-child {\n border-bottom-left-radius: $border-radius;\n border-top-left-radius: $border-radius;\n }\n &:last-child {\n border-bottom-right-radius: $border-radius;\n border-top-right-radius: $border-radius;\n flex-shrink: 1;\n }\n }\n}\n\n// Slider bar\n.bar-slider {\n height: $border-width-lg;\n margin: $layout-spacing 0;\n position: relative;\n\n .bar-item {\n left: 0;\n padding: 0;\n position: absolute;\n &:not(:last-child):first-child {\n background: $bg-color-dark;\n z-index: $zindex-0;\n }\n }\n\n .bar-slider-btn {\n background: $primary-color;\n border: 0;\n border-radius: 50%;\n height: $unit-3;\n padding: 0;\n position: absolute;\n right: 0;\n top: 50%;\n transform: translate(50%, -50%);\n width: $unit-3;\n\n &:active {\n box-shadow: 0 0 0 .1rem $primary-color;\n }\n }\n}\n",
|
||
|
|
"// Cards\n.card {\n background: $bg-color-light;\n border: $border-width solid $border-color;\n border-radius: $border-radius;\n display: flex;\n flex-direction: column;\n\n .card-header,\n .card-body,\n .card-footer {\n padding: $layout-spacing-lg;\n padding-bottom: 0;\n\n &:last-child {\n padding-bottom: $layout-spacing-lg;\n }\n }\n\n .card-body {\n flex: 1 1 auto;\n }\n\n .card-image {\n padding-top: $layout-spacing-lg;\n\n &:first-child {\n padding-top: 0;\n\n img {\n border-top-left-radius: $border-radius;\n border-top-right-radius: $border-radius;\n }\n }\n\n &:last-child {\n img {\n border-bottom-left-radius: $border-radius;\n border-bottom-right-radius: $border-radius;\n }\n }\n }\n}\n",
|
||
|
|
"// Chips\n.chip {\n align-items: center;\n background: $bg-color-dark;\n border-radius: 5rem;\n display: inline-flex;\n font-size: 90%;\n height: $unit-6;\n line-height: $unit-4;\n margin: $unit-h;\n max-width: $control-width-sm;\n overflow: hidden;\n padding: $unit-1 $unit-2;\n text-decoration: none;\n text-overflow: ellipsis;\n vertical-align: middle;\n white-space: nowrap;\n\n &.active {\n background: $primary-color;\n color: $light-color;\n }\n\n .avatar {\n margin-left: -$unit-2;\n margin-right: $unit-1;\n }\n\n .btn-clear {\n border-radius: 50%;\n transform: scale(.75);\n }\n}\n",
|
||
|
|
"// Dropdown\n.dropdown {\n display: inline-block;\n position: relative;\n\n .menu {\n animation: slide-down .15s ease 1;\n display: none;\n left: 0;\n max-height: 50vh;\n overflow-y: auto;\n position: absolute;\n top: 100%;\n }\n\n &.dropdown-right {\n .menu {\n left: auto;\n right: 0;\n }\n }\n\n &.active .menu,\n .dropdown-toggle:focus + .menu,\n .menu:hover {\n display: block;\n }\n\n // Fix dropdown-toggle border radius in button groups\n .btn-group {\n .dropdown-toggle:nth-last-child(2) {\n border-bottom-right-radius: $border-radius;\n border-top-right-radius: $border-radius;\n }\n }\n}\n",
|
||
|
|
"// Empty states (or Blank slates)\n.empty {\n background: $bg-color;\n border-radius: $border-radius;\n color: $gray-color-dark;\n text-align: center;\n padding: $unit-16 $unit-8;\n\n .empty-icon {\n margin-bottom: $layout-spacing-lg;\n }\n\n .empty-title,\n .empty-subtitle {\n margin: $layout-spacing auto;\n }\n\n .empty-action {\n margin-top: $layout-spacing-lg;\n }\n}\n",
|
||
|
|
"// Menus\n.menu {\n @include shadow-variant(.05rem);\n background: $bg-color-light;\n border-radius: $border-radius;\n list-style: none;\n margin: 0;\n min-width: $control-width-xs;\n padding: $unit-2;\n transform: translateY($layout-spacing-sm);\n z-index: $zindex-3;\n\n &.menu-nav {\n background: transparent;\n box-shadow: none;\n }\n\n .menu-item {\n margin-top: 0;\n padding: 0 $unit-2;\n position: relative;\n text-decoration: none;\n\n & > a {\n border-radius: $border-radius;\n color: inherit;\n display: block;\n margin: 0 (-$unit-2);\n padding: $unit-1 $unit-2;\n text-decoration: none;\n &:focus,\n &:hover {\n background: $secondary-color;\n color: $primary-color;\n }\n &:active,\n &.active {\n background: $secondary-color;\n color: $primary-color;\n }\n }\n\n .form-checkbox,\n .form-radio,\n .form-switch {\n margin: $unit-h 0;\n }\n\n & + .menu-item {\n margin-top: $unit-1;\n }\n }\n\n .menu-badge {\n align-items: center;\n display: flex;\n height: 100%;\n position: absolute;\n right: 0;\n top: 0;\n\n .label {\n margin-right: $unit-2;\n }\n }\n}",
|
||
|
|
"// Modals\n.modal {\n align-items: center;\n bottom: 0;\n display: none;\n justify-content: center;\n left: 0;\n opacity: 0;\n overflow: hidden;\n padding: $layout-spacing;\n position: fixed;\n right: 0;\n top: 0;\n\n &:target,\n &.active {\n display: flex;\n opacity: 1;\n z-index: $zindex-4;\n\n .modal-overlay {\n background: rgba($bg-color, .75);\n bottom: 0;\n cursor: default;\n display: block;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n }\n\n .modal-container {\n animation: slide-down .2s ease 1;\n z-index: $zindex-0;\n }\n }\n\n &.modal-sm {\n .modal-container {\n max-width: $control-width-sm;\n padding: 0 $unit-2;\n }\n }\n\n &.modal-lg {\n .modal-overlay {\n background: $bg-color-light;\n }\n\n .modal-container {\n box-shadow: none;\n max-width: $control-width-lg;\n }\n }\n}\n\n.modal-container {\n @include shadow-variant(.2rem);\n background: $bg-color-light;\n border-radius: $border-radius;\n display: flex;\n flex-direction: column;\n max-height: 75vh;\n max-width: $control-width-md;\n padding: 0 $unit-4;\n width: 100%;\n\n &.modal-fullheight {\n max-height: 100vh;\n }\n\n .modal-header {\n color: $dark-color;\n padding: $unit-4;\n }\n\n .modal-body {\n overflow-y: auto;\n padding: $unit-4;\n position: relative;\n }\n\n .modal-footer {\n padding: $unit-4;\n text-align: right;\n }\n}\n",
|
||
|
|
"// Navs\n.nav {\n display: flex;\n flex-direction: column;\n list-style: none;\n margin: $unit-1 0;\n\n .nav-item {\n a {\n color: $gray-color-dark;\n padding: $unit-1 $unit-2;\n text-decoration: none;\n &:focus,\n &:hover {\n color: $primary-color;\n }\n }\n &.active {\n & > a {\n color: darken($gray-color-dark, 10%);\n font-weight: bold;\n &:focus,\n &:hover {\n color: $primary-color;\n }\n }\n }\n }\n\n & .nav {\n margin-bottom: $unit-2;\n margin-left: $unit-4;\n }\n}\n",
|
||
|
|
"// Pagination\n.pagination {\n display: flex;\n list-style: none;\n margin: $unit-1 0;\n padding: $unit-1 0;\n\n .page-item {\n margin: $unit-1 $unit-o;\n\n span {\n display: inline-block;\n padding: $unit-1 $unit-1;\n }\n\n a {\n border-radius: $border-radius;\n display: inline-block;\n padding: $unit-1 $unit-2;\n text-decoration: none;\n &:focus,\n &:hover {\n color: $primary-color;\n }\n }\n\n &.disabled {\n a {\n cursor: default;\n opacity: .5;\n pointer-events: none;\n }\n }\n\n &.active {\n a {\n background: $primary-color;\n color: $light-color;\n }\n }\n\n &.page-prev,\n &.page-next {\n flex: 1 0 50%;\n }\n\n &.page-next {\n text-align: right;\n }\n\n .page-item-title {\n margin: 0;\n }\n\n .page-item-subtitle {\n margin: 0;\n opacity: .5;\n }\n }\n}\n",
|
||
|
|
"// Panels\n.panel {\n border: $border-width solid $border-color;\n border-radius: $border-radius;\n display: flex;\n flex-direction: column;\n\n .panel-header,\n .panel-footer {\n flex: 0 0 auto;\n padding: $layout-spacing-lg;\n }\n\n .panel-nav {\n flex: 0 0 auto;\n }\n\n .panel-body {\n flex: 1 1 auto;\n overflow-y: auto;\n padding: 0 $layout-spacing-lg;\n }\n}\n",
|
||
|
|
"// Popovers\n.popover {\n display: inline-block;\n position: relative;\n\n .popover-container {\n left: 50%;\n opacity: 0;\n padding: $layout-spacing;\n position: absolute;\n top: 0;\n transform: translate(-50%, -50%) scale(0);\n transition: transform .2s;\n width: $control-width-sm;\n z-index: $zindex-3;\n }\n\n *:focus + .popover-container,\n &:hover .popover-container {\n display: block;\n opacity: 1;\n transform: translate(-50%, -100%) scale(1);\n }\n\n &.popover-right {\n .popover-container {\n left: 100%;\n top: 50%;\n }\n\n *:focus + .popover-container,\n &:hover .popover-container {\n transform: translate(0, -50%) scale(1);\n }\n }\n\n &.popover-bottom {\n .popover-container {\n left: 50%;\n top: 100%;\n }\n\n *:focus + .popover-container,\n &:hover .popover-container {\n transform: translate(-50%, 0) scale(1);\n }\n }\n\n &.popover-left {\n .popover-container {\n left: 0;\n top: 50%;\n }\n\n *:focus + .popover-container,\n &:hover .popover-container {\n transform: translate(-100%, -50%) scale(1);\n }\n }\n\n .card {\n @include shadow-variant(.2rem);\n border: 0;\n }\n}\n",
|
||
|
|
"// Steps\n.step {\n display: flex;\n flex-wrap: nowrap;\n list-style: none;\n margin: $unit-1 0;\n width: 100%;\n\n .step-item {\n flex: 1 1 0;\n margin-top: 0;\n min-height: 1rem;\n text-align: center;\n position: relative;\n\n &:not(:first-child)::before {\n background: $primary-color;\n content: \"\";\n height: 2px;\n left: -50%;\n position: absolute;\n top: 9px;\n width: 100%;\n }\n\n a {\n color: $primary-color;\n display: inline-block;\n padding: 20px 10px 0;\n text-decoration: none;\n\n &::before {\n background: $primary-color;\n border: $border-width-lg solid $light-color;\n border-radius: 50%;\n content: \"\";\n display: block;\n height: $unit-3;\n left: 50%;\n position: absolute;\n top: $unit-1;\n transform: translateX(-50%);\n width: $unit-3;\n z-index: $zindex-0;\n }\n }\n\n &.active {\n a {\n &::before {\n background: $light-color;\n border: $border-width-lg solid $primary-color;\n }\n }\n\n & ~ .step-item {\n &::before {\n background: $border-color;\n }\n\n a {\n color: $gray-color;\n\n &::before {\n background: $border-color;\n }\n }\n }\n }\n }\n}\n",
|
||
|
|
"// Tabs\n.tab {\n align-items: center;\n border-bottom: $border-width solid $border-color;\n display: flex;\n flex-wrap: wrap;\n list-style: none;\n margin: $unit-1 0 ($unit-1 - $border-width) 0;\n\n .tab-item {\n margin-top: 0;\n\n a {\n border-bottom: $border-width-lg solid transparent;\n color: inherit;\n display: block;\n margin: 0 $unit-2 0 0;\n padding: $unit-2 $unit-1 $unit-2 - $border-width-lg $unit-1;\n text-decoration: none;\n &:focus,\n &:hover {\n color: $link-color;\n }\n }\n &.active a,\n a.active {\n border-bottom-color: $primary-color;\n color: $link-color;\n }\n\n &.tab-action {\n flex: 1 0 auto;\n text-align: right;\n }\n\n .btn-clear {\n margin-top: -$unit-1;\n }\n }\n\n &.tab-block {\n .tab-item {\n flex: 1 0 0;\n text-align: center;\n\n a {\n margin: 0;\n }\n\n .badge {\n &[data-badge]::after {\n position: absolute;\n right: $unit-h;\n top: $unit-h;\n transform: translate(0, 0);\n }\n }\n }\n }\n\n &:not(.tab-block) {\n .badge {\n padding-right: 0;\n }\n }\n}\n",
|
||
|
|
"// Tiles\n.tile {\n align-content: space-between;\n align-items: flex-start;\n display: flex;\n\n .tile-icon,\n .tile-action {\n flex: 0 0 auto;\n }\n .tile-content {\n flex: 1 1 auto;\n &:not(:first-child) {\n padding-left: $unit-2;\n }\n &:not(:last-child) {\n padding-right: $unit-2;\n }\n }\n .tile-title,\n .tile-subtitle {\n line-height: $line-height;\n }\n\n &.tile-centered {\n align-items: center;\n\n .tile-content {\n overflow: hidden;\n }\n\n .tile-title,\n .tile-subtitle {\n @include text-ellipsis();\n margin-bottom: 0;\n }\n }\n}\n",
|
||
|
|
"// Toasts\n.toast {\n @include toast-variant($dark-color);\n border: $border-width solid $dark-color;\n border-radius: $border-radius;\n color: $light-color;\n display: block;\n padding: $layout-spacing;\n width: 100%;\n\n &.toast-primary {\n @include toast-variant($primary-color);\n }\n\n &.toast-success {\n @include toast-variant($success-color);\n }\n\n &.toast-warning {\n @include toast-variant($warning-color);\n }\n\n &.toast-error {\n @include toast-variant($error-color);\n }\n\n a {\n color: $light-color;\n text-decoration: underline;\n \n &:focus,\n &:hover,\n &:active,\n &.active {\n opacity: .75;\n }\n }\n\n .btn-clear {\n margin: $unit-h;\n }\n\n p {\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\n",
|
||
|
|
"// Tooltips\n.tooltip {\n position: relative;\n &::after {\n background: rgba($dark-color, .95);\n border-radius: $border-radius;\n bottom: 100%;\n color: $light-color;\n content: attr(data-tooltip);\n display: block;\n font-size: $font-size-sm;\n left: 50%;\n max-width: $control-width-sm;\n opacity: 0;\n overflow: hidden;\n padding: $unit-1 $unit-2;\n pointer-events: none;\n position: absolute;\n text-overflow: ellipsis;\n transform: translate(-50%, $unit-2);\n transition: opacity .2s, transform .2s;\n white-space: pre;\n z-index: $zindex-3;\n }\n &:focus,\n &:hover {\n &::after {\n opacity: 1;\n transform: translate(-50%, -$unit-1);\n }\n }\n &[disabled],\n &.disabled {\n pointer-events: auto;\n }\n\n &.tooltip-right {\n &::after {\n bottom: 50%;\n left: 100%;\n transform: translate(-$unit-1, 50%);\n }\n &:focus,\n &:hover {\n &::after {\n transform: translate($unit-1, 50%);\n }\n }\n }\n\n &.tooltip-bottom {\n &::after {\n bottom: auto;\n top: 100%;\n transform: translate(-50%, -$unit-2);\n }\n &:focus,\n &:hover {\n &::after {\n transform: translate(-50%, $unit-1);\n }\n }\n }\n \n &.tooltip-left {\n &::after {\n bottom: 50%;\n left: auto;\n right: 100%;\n transform: translate($unit-2, 50%);\n }\n &:focus,\n &:hover {\n &::after {\n transform: translate(-$unit-1, 50%);\n }\n }\n }\n}\n",
|
||
|
|
"// Animations\n@keyframes loading {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes slide-down {\n 0% {\n opacity: 0;\n transform: translateY(-$unit-8);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n",
|
||
|
|
"@import \"utilities/colors\";\n@import \"utilities/cursors\";\n@import \"utilities/display\";\n@import \"utilities/divider\";\n@import \"utilities/loading\";\n@import \"utilities/position\";\n@import \"utilities/shapes\";\n@import \"utilities/text\";\n",
|
||
|
|
"// Text colors\n@include text-color-variant(\".text-primary\", $primary-color);\n\n@include text-color-variant(\".text-secondary\", $secondary-color-dark);\n\n@include text-color-variant(\".text-gray\", $gray-color);\n\n@include text-color-variant(\".text-light\", $light-color);\n\n@include text-color-variant(\".text-dark\", $body-font-color);\n\n@include text-color-variant(\".text-success\", $success-color);\n\n@include text-color-variant(\".text-warning\", $warning-color);\n\n@include text-color-variant(\".text-error\", $error-color);\n\n// Background colors\n@include bg-color-variant(\".bg-primary\", $primary-color);\n\n@include bg-color-variant(\".bg-secondary\", $secondary-color);\n\n@include bg-color-variant(\".bg-dark\", $dark-color);\n\n@include bg-color-variant(\".bg-gray\", $bg-color);\n\n@include bg-color-variant(\".bg-success\", $success-color);\n\n@include bg-color-variant(\".bg-warning\", $warning-color);\n\n@include bg-color-variant(\".bg-error\", $error-color);\n",
|
||
|
|
"// Cursors\n.c-hand {\n cursor: pointer;\n}\n\n.c-move {\n cursor: move;\n}\n\n.c-zoom-in {\n cursor: zoom-in;\n}\n\n.c-zoom-out {\n cursor: zoom-out;\n}\n\n.c-not-allowed {\n cursor: not-allowed;\n}\n\n.c-auto {\n cursor: auto;\n}",
|
||
|
|
"// Display\n.d-block {\n display: block;\n}\n.d-inline {\n display: inline;\n}\n.d-inline-block {\n display: inline-block;\n}\n.d-flex {\n display: flex;\n}\n.d-inline-flex {\n display: inline-flex;\n}\n.d-none,\n.d-hide {\n display: none !important;\n}\n.d-visible {\n visibility: visible;\n}\n.d-invisible {\n visibility: hidden;\n}\n.text-hide {\n background: transparent;\n border: 0;\n color: transparent;\n font-size: 0;\n line-height: 0;\n text-shadow: none;\n}\n.text-assistive {\n border: 0;\n clip: rect(0,0,0,0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n",
|
||
|
|
"// Divider\n.divider,\n.divider-vert {\n display: block;\n position: relative;\n\n &[data-content]::after {\n background: $bg-color-light;\n color: $gray-color;\n content: attr(data-content);\n display: inline-block;\n font-size: $font-size-sm;\n padding: 0 $unit-2;\n transform: translateY(-$font-size-sm + $border-width);\n }\n}\n\n.divider {\n border-top: $border-width solid $border-color-light;\n height: $border-width;\n margin: $unit-2 0;\n\n &[data-content] {\n margin: $unit-4 0;\n }\n}\n\n.divider-vert {\n display: block;\n padding: $unit-4;\n\n &::before {\n border-left: $border-width solid $border-color;\n bottom: $unit-2;\n content: \"\";\n display: block;\n left: 50%;\n position: absolute;\n top: $unit-2;\n transform: translateX(-50%);\n }\n\n &[data-content]::after {\n left: 50%;\n padding: $unit-1 0;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n}\n",
|
||
|
|
"// Loading\n.loading {\n color: transparent !important;\n min-height: $unit-4;\n pointer-events: none;\n position: relative;\n &::after {\n animation: loading 500ms infinite linear;\n border: $border-width-lg solid $primary-color;\n border-radius: 50%;\n border-right-color: transparent;\n border-top-color: transparent;\n content: \"\";\n display: block;\n height: $unit-4;\n left: 50%;\n margin-left: -$unit-2;\n margin-top: -$unit-2;\n position: absolute;\n top: 50%;\n width: $unit-4;\n z-index: $zindex-0;\n }\n\n &.loading-lg {\n min-height: $unit-10;\n &::after {\n height: $unit-8;\n margin-left: -$unit-4;\n margin-top: -$unit-4;\n width: $unit-8;\n }\n }\n}\n",
|
||
|
|
"// Position\n.clearfix {\n @include clearfix();\n}\n\n.float-left {\n float: left !important;\n}\n\n.float-right {\n float: right !important;\n}\n\n.p-relative {\n position: relative !important;\n}\n\n.p-absolute {\n position: absolute !important;\n}\n\n.p-fixed {\n position: fixed !important;\n}\n\n.p-sticky {\n position: sticky !important;\n}\n\n.p-centered {\n display: block;\n float: none;\n margin-left: auto;\n margin-right: auto;\n}\n\n.flex-centered {\n align-items: center;\n display: flex;\n justify-content: center;\n}\n\n// Spacing\n@include margin-variant(0, 0);\n\n@include margin-variant(1, $unit-1);\n\n@include margin-variant(2, $unit-2);\n\n@include padding-variant(0, 0);\n\n@include padding-variant(1, $unit-1);\n\n@include padding-variant(2, $unit-2);\n",
|
||
|
|
"// Shapes\n.s-rounded {\n border-radius: $border-radius;\n}\n\n.s-circle {\n border-radius: 50%;\n}",
|
||
|
|
"// Text\n// Text alignment utilities\n.text-left {\n text-align: left;\n}\n\n.text-right {\n text-align: right;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-justify {\n text-align: justify;\n}\n\n// Text transform utilities\n.text-lowercase {\n text-transform: lowercase;\n}\n\n.text-uppercase {\n text-transform: uppercase;\n}\n\n.text-capitalize {\n text-transform: capitalize;\n}\n\n// Text style utilities\n.text-normal {\n font-weight: normal;\n}\n\n.text-bold {\n font-weight: bold;\n}\n\n.text-italic {\n font-style: italic;\n}\n\n.text-large {\n font-size: 1.2em;\n}\n\n// Text overflow utilities\n.text-ellipsis {\n @include text-ellipsis();\n}\n\n.text-clip {\n overflow: hidden;\n text-overflow: clip;\n white-space: nowrap;\n}\n\n.text-break {\n hyphens: auto;\n word-break: break-word;\n word-wrap: break-word;\n}\n",
|
||
|
|
".search-input, [data-grav-field=\"array\"] input, [data-grav-field=\"array\"] textarea {\n @extend .form-input;\n}\n\n.button {\n @extend .btn;\n}\n\n.button.primary {\n @extend .btn-primary;\n}"
|
||
|
|
],
|
||
|
|
"names": [],
|
||
|
|
"mappings": "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
|
||
|
|
}
|