mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-04-12 14:40:47 +08:00
chore: remove scss
This commit is contained in:
07akioni
parent
8dc5d9c2e3
commit
bf11ebce66
@ -2,8 +2,6 @@ import { Vue, i18n } from './init'
|
||||
import hljs from './hljs'
|
||||
import demoRouterView from './DemoRouterView'
|
||||
import naive from '../lib/index'
|
||||
import '../lib/styles/index.css'
|
||||
// import './styles/test-customize-style-scheme.scss' // test
|
||||
import './font'
|
||||
import createRouter from './routes/router'
|
||||
import { routes } from './routes/routes'
|
||||
|
||||
@ -4,7 +4,6 @@ import debugRouteMixin from './routes/debug-route-mixin'
|
||||
import hljs from './hljs'
|
||||
import demoRouterView from './DemoRouterView'
|
||||
import naive from '../src/index'
|
||||
import '../src/_styles/index.scss'
|
||||
import './font'
|
||||
import { routes, childRoutes } from './routes/routes'
|
||||
import createRouter from './routes/router'
|
||||
|
||||
@ -5,7 +5,6 @@ import debugRouteMixin from './routes/debug-route-mixin'
|
||||
import hljs from './hljs'
|
||||
import DemoRouterView from './DemoRouterView'
|
||||
import naive from '../src/index'
|
||||
import '../src/_styles/index.scss'
|
||||
import './font'
|
||||
import { routes, childRoutes } from './routes/routes'
|
||||
import createDemoRouter from './routes/router'
|
||||
|
||||
@ -28,8 +28,7 @@ module.exports = {
|
||||
|
||||
// An array of regexp pattern strings used to skip coverage collection
|
||||
coveragePathIgnorePatterns: [
|
||||
'<rootDir>/node_modules/',
|
||||
'<rootDir>/src/_jest-mock/'
|
||||
'<rootDir>/node_modules/'
|
||||
// '<rootDir>/src/**/__tests__/**/*.[jt]s',
|
||||
// '<rootDir>/src/**/*.(spec|test).[tj]s'
|
||||
],
|
||||
@ -77,11 +76,7 @@ module.exports = {
|
||||
],
|
||||
|
||||
// A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
|
||||
moduleNameMapper: {
|
||||
'_styles-in-js/lightStyleScheme.scss': '<rootDir>/src/_jest-mock/light-style-scheme.js',
|
||||
'_styles-in-js/darkStyleScheme.scss': '<rootDir>/src/_jest-mock/dark-style-scheme.js',
|
||||
'common.scss': '<rootDir>/src/_jest-mock/common.js'
|
||||
},
|
||||
// moduleNameMapper: {},
|
||||
|
||||
// An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
|
||||
// modulePathIgnorePatterns: [],
|
||||
|
||||
@ -1,7 +0,0 @@
|
||||
export default {
|
||||
tinySize: '22',
|
||||
smallSize: '28',
|
||||
mediumSize: '34',
|
||||
largeSize: '40',
|
||||
hugeSize: '46'
|
||||
}
|
||||
@ -1,5 +0,0 @@
|
||||
export default new Proxy({}, {
|
||||
get () {
|
||||
return 'rgb(0, 0, 0)'
|
||||
}
|
||||
})
|
||||
@ -1,5 +0,0 @@
|
||||
export default new Proxy({}, {
|
||||
get () {
|
||||
return 'rgb(0, 0, 0)'
|
||||
}
|
||||
})
|
||||
@ -1,10 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include b(affix) {
|
||||
// @include m(affixed) {
|
||||
// position: fixed;
|
||||
// @include m(absolute-positioned) {
|
||||
// position: absolute;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,93 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(anchor) {
|
||||
// @include once {
|
||||
// padding-left: 4px;
|
||||
// position: relative;
|
||||
// }
|
||||
// @include b(anchor-link-background) {
|
||||
// @include once {
|
||||
// position: absolute;
|
||||
// left: 2px;
|
||||
// width: 100%;
|
||||
// max-width: 0;
|
||||
// transition: top .15s $--n-ease-in-out-cubic-bezier, max-width .15s $--n-ease-in-out-cubic-bezier, background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// border-top-right-radius: 10.5px;
|
||||
// border-bottom-right-radius: 10.5px;
|
||||
// }
|
||||
// background-color: $--anchor-link-background-color;
|
||||
// }
|
||||
// @include b(anchor-rail) {
|
||||
// @include once {
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// width: 4px;
|
||||
// border-radius: 2px;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// overflow: hidden;
|
||||
// }
|
||||
// background-color: $--anchor-rail-background-color;
|
||||
// @include e(bar) {
|
||||
// @include once {
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// transition: top .15s $--n-ease-in-out-cubic-bezier, background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// width: 4px;
|
||||
// height: 21px;
|
||||
// background-color: transparent;
|
||||
// }
|
||||
// @include m(active) {
|
||||
// background-color: $--n-primary-color;
|
||||
// }
|
||||
// }
|
||||
// @include once {
|
||||
// & + {
|
||||
// @include b(anchor-link) {
|
||||
// margin-top: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(anchor-link) {
|
||||
// @include once {
|
||||
// margin-top: .5em;
|
||||
// padding-left: 16px;
|
||||
// position: relative;
|
||||
// line-height: 1.5em;
|
||||
// font-size: 13px;
|
||||
// min-height: 1.5em;
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// & > {
|
||||
// @include b(anchor-link) {
|
||||
// padding-left: 16px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(title) {
|
||||
// @include once {
|
||||
// outline: none;
|
||||
// max-width: 100%;
|
||||
// text-decoration: none;
|
||||
// white-space: nowrap;
|
||||
// text-overflow: ellipsis;
|
||||
// overflow: hidden;
|
||||
// cursor: pointer;
|
||||
// display: inline-block;
|
||||
// padding-right: 16px;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: map-get($--anchor-link-title-text-color, 'default');
|
||||
// &:hover, &:focus {
|
||||
// color: map-get($--anchor-link-title-text-color, 'hover');
|
||||
// }
|
||||
// @include m(active) {
|
||||
// color: map-get($--anchor-link-title-text-color, 'active');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,5 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include b(auto-complete-menu) {
|
||||
// @include fade-in-scale-up-transition(auto-complete-menu, $original-transition: (background-color .3s $--n-ease-in-out-cubic-bezier));
|
||||
// }
|
||||
@ -1,53 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @mixin avatar-size-mixin($size) {
|
||||
// @include m($size + '-size') {
|
||||
// $width: map-get($--n-height, $size);
|
||||
// width: $width;
|
||||
// height: $width;
|
||||
// @include m(circle-shaped, round-shaped) {
|
||||
// border-radius: $width / 2;
|
||||
// }
|
||||
// @include e(text) {
|
||||
// line-height: 1.25;
|
||||
// }
|
||||
// @include b(icon) {
|
||||
// font-size: $width;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(avatar) {
|
||||
// @include once {
|
||||
// @include avatar-size-mixin('small');
|
||||
// @include avatar-size-mixin('medium');
|
||||
// @include avatar-size-mixin('large');
|
||||
// @include b(icon) {
|
||||
// fill: #FFF;
|
||||
// stroke: #FFF;
|
||||
// vertical-align: bottom;
|
||||
// }
|
||||
// color: #FFF;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier, color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// font-size: 14px;
|
||||
// display: inline-block;
|
||||
// position: relative;
|
||||
// border-radius: $--n-avatar-border-radius;
|
||||
// overflow: hidden;
|
||||
// text-align: center;
|
||||
// img {
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// }
|
||||
// @include e(text) {
|
||||
// white-space: nowrap;
|
||||
// display: inline-block;
|
||||
// position: absolute;
|
||||
// left: 50%;
|
||||
// top: 50%;
|
||||
// }
|
||||
// }
|
||||
// background-color: $--avatar-background-color;
|
||||
// }
|
||||
// }
|
||||
@ -1,39 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(back-top) {
|
||||
// @include once {
|
||||
// @include fade-in-scale-up-transition(back-top);
|
||||
// position: fixed;
|
||||
// right: 40px;
|
||||
// bottom: 40px;
|
||||
// min-width: 40px;
|
||||
// height: 40px;
|
||||
// cursor: pointer;
|
||||
// @include m(transition-disabled) {
|
||||
// transition: none !important;
|
||||
// }
|
||||
// }
|
||||
// @include e(default-button) {
|
||||
// @include once {
|
||||
// transition: box-shadow .3s $--n-ease-in-out-cubic-bezier, fill .3s $--n-ease-in-out-cubic-bezier;
|
||||
// border-radius: 20px;
|
||||
// height: 40px;
|
||||
// width: 40px;
|
||||
// svg {
|
||||
// pointer-events: none;
|
||||
// }
|
||||
// }
|
||||
// fill: map-get($--back-top-button-fill, 'default');
|
||||
// box-shadow: map-get($--back-top-box-shadow, 'default');
|
||||
// &:hover {
|
||||
// box-shadow: map-get($--back-top-box-shadow, 'hover');
|
||||
// fill: map-get($--back-top-button-fill, 'hover');
|
||||
// }
|
||||
// &:active {
|
||||
// box-shadow: map-get($--back-top-box-shadow, 'active');
|
||||
// fill: map-get($--back-top-button-fill, 'active');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,51 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @keyframes n-base-loading-rotate {
|
||||
// 0% {
|
||||
// transform: rotate(0deg);
|
||||
// }
|
||||
// 100% {
|
||||
// transform: rotate(270deg);
|
||||
// }
|
||||
// }
|
||||
|
||||
// @keyframes n-base-loading-dash {
|
||||
// 0% {
|
||||
// stroke-dashoffset: $--n-base-loading-stroke-dashoffset;
|
||||
// }
|
||||
// 50% {
|
||||
// stroke-dashoffset: $--n-base-loading-stroke-dashoffset / 4;
|
||||
// transform: rotate(135deg);
|
||||
// }
|
||||
// 100% {
|
||||
// stroke-dashoffset: $--n-base-loading-stroke-dashoffset;
|
||||
// transform: rotate(450deg);
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(base-loading) {
|
||||
// @include once {
|
||||
// line-height: 1;
|
||||
// }
|
||||
// stroke: $--base-loading-stroke;
|
||||
// transition: stroke .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include b(base-loading-circular) {
|
||||
// @include once {
|
||||
// height: 100%;
|
||||
// width: 100%;
|
||||
// animation: n-base-loading-rotate 1.5s linear infinite;
|
||||
// transform-origin: center;
|
||||
// }
|
||||
// @include b(base-loading-circular-path) {
|
||||
// @include once {
|
||||
// transform-origin: center;
|
||||
// animation: n-base-loading-dash 1.5s ease-in-out infinite;
|
||||
// stroke-dasharray: $--n-base-loading-stroke-dashoffset;
|
||||
// stroke-dashoffset: 0;
|
||||
// stroke-linecap: round;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,23 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(base-menu-mask) {
|
||||
// @include once {
|
||||
// @include fade-in-transition(base-menu-mask);
|
||||
// font-size: 14px;
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// text-align: center;
|
||||
// padding: 14px;
|
||||
// overflow: hidden;
|
||||
// }
|
||||
// color: $--base-menu-mask-text-color;
|
||||
// background-color: $--base-menu-mask-background-color;
|
||||
// }
|
||||
// }
|
||||
@ -1,160 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @mixin base-select-size-mixin ($size) {
|
||||
// @include m($size + '-size') {
|
||||
// @include b(virtual-scroller) {
|
||||
// height: 100%;
|
||||
// max-height: map-get($--n-height, $size) * 7.6;
|
||||
// scrollbar-width: none;
|
||||
// -moz-scrollbar-width: none;
|
||||
// &::-webkit-scrollbar {
|
||||
// width: 0;
|
||||
// height: 0;
|
||||
// }
|
||||
// }
|
||||
// @include b(scrollbar-container) {
|
||||
// max-height: map-get($--n-height, $size) * 7.6;
|
||||
// }
|
||||
// @include b(base-select-option) {
|
||||
// height: map-get($--n-height, $size);
|
||||
// line-height: map-get($--n-height, $size);
|
||||
// font-size: map-get($--n-font-size, $size);
|
||||
// }
|
||||
// @include b(base-select-group-header) {
|
||||
// height: map-get($--n-height, $size);
|
||||
// line-height: map-get($--n-height, $size);
|
||||
// font-size: map-get($--n-font-size, $size) - 2px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(base-select-menu) {
|
||||
// // @include base-select-size-mixin("small");
|
||||
// // @include base-select-size-mixin("medium");
|
||||
// // @include base-select-size-mixin("large");
|
||||
// // @include base-select-size-mixin("huge");
|
||||
// // @include once {
|
||||
|
||||
// // outline: none;
|
||||
// // margin-top: 4px;
|
||||
// // margin-bottom: 4px;
|
||||
// // z-index: 0;
|
||||
// // position: relative;
|
||||
// // border-radius: $--n-base-select-menu-border-radius;
|
||||
// // transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// // overflow: hidden;
|
||||
// // @include b(base-select-menu-option-wrapper) {
|
||||
// // position: relative;
|
||||
// // width: 100%;
|
||||
// // }
|
||||
// // @include e(action) {
|
||||
// // padding: 8px 14px;
|
||||
// // font-size: 14px;
|
||||
// // }
|
||||
// // }
|
||||
// // background-color: $--base-select-menu-background-color;
|
||||
// // box-shadow: $--base-select-menu-box-shadow;
|
||||
// // @include b(base-select-group-header) {
|
||||
// // @include once {
|
||||
// // cursor: default;
|
||||
// // padding: 0 14px;
|
||||
// // }
|
||||
// // color: map-get($--base-select-menu-group-header-text-color, 'default');
|
||||
// // }
|
||||
// // @include b(base-select-option) {
|
||||
// // @include once {
|
||||
// // cursor: pointer;
|
||||
// // position: relative;
|
||||
// // padding: 0 14px;
|
||||
// // white-space: nowrap;
|
||||
// // transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// // text-overflow: ellipsis;
|
||||
// // overflow: hidden;
|
||||
// // box-sizing: border-box;
|
||||
// // @include m(grouped) {
|
||||
// // padding: 0 21px;
|
||||
// // }
|
||||
// // }
|
||||
// // color: map-get($--base-select-menu-option-color, "default");
|
||||
// // @include m(selected) {
|
||||
// // color: map-get($--base-select-menu-option-color, "selected");
|
||||
// // }
|
||||
// // @include m(disabled) {
|
||||
// // color: map-get($--base-select-menu-option-color, "disabled");
|
||||
// // @include once {
|
||||
// // &::after {
|
||||
// // display: none;
|
||||
// // }
|
||||
// // }
|
||||
// // @include m(selected) {
|
||||
// // color: map-get($--base-select-menu-option-color, "disabled-selected");
|
||||
// // &::after {
|
||||
// // border-right: 1px solid map-get($--base-select-menu-option-color, "disabled-selected");
|
||||
// // border-bottom: 1px solid map-get($--base-select-menu-option-color, "disabled-selected");
|
||||
// // @include once {
|
||||
// // display: block;
|
||||
// // }
|
||||
// // }
|
||||
// // }
|
||||
// // @include once {
|
||||
// // cursor: not-allowed;
|
||||
// // }
|
||||
// // }
|
||||
// // }
|
||||
// // @include e(action) {
|
||||
// // @include once {
|
||||
// // transition:
|
||||
// // color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// // border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// // }
|
||||
// // border-top: 1px solid $--base-select-menu-action-divider-color;
|
||||
// // color: $--base-select-menu-action-text-color;
|
||||
// // }
|
||||
// // @include m(no-tracking-rect) {
|
||||
// // @include b(base-select-option) {
|
||||
// // @include not-m(disabled) {
|
||||
// // &:hover {
|
||||
// // color: map-get($--base-select-menu-option-color, "selected");
|
||||
// // }
|
||||
// // }
|
||||
// // }
|
||||
// // }
|
||||
// // @include m(multiple) {
|
||||
// // @include b(base-select-option) {
|
||||
// // @include once {
|
||||
// // position: relative;
|
||||
// // transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// // padding-right: 28px;
|
||||
// // @include m(selected) {
|
||||
// // background: none;
|
||||
// // &::after {
|
||||
// // opacity: 1;
|
||||
// // transform: rotate(45deg) scale(1);
|
||||
// // }
|
||||
// // }
|
||||
// // }
|
||||
// // &::after {
|
||||
// // @include once {
|
||||
// // content: '';
|
||||
// // height: 6px;
|
||||
// // width: 3px;
|
||||
// // position: absolute;
|
||||
// // right: 14px;
|
||||
// // transform: rotate(45deg) scale(.5);
|
||||
// // top: calc(50% - 4px);
|
||||
// // opacity: 0;
|
||||
// // transition:
|
||||
// // transform .3s $--n-ease-in-out-cubic-bezier,
|
||||
// // opacity .3s $--n-ease-in-out-cubic-bezier;
|
||||
// // }
|
||||
// // border-right: 1px solid $--base-select-menu-option-check-mark-color;
|
||||
// // border-bottom: 1px solid $--base-select-menu-option-check-mark-color;
|
||||
// // }
|
||||
// // &:active {
|
||||
// // color: map-get($--base-select-menu-option-color, "active");
|
||||
// // }
|
||||
// // }
|
||||
// // }
|
||||
// }
|
||||
// }
|
||||
@ -1,38 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(base-tracking-rect) {
|
||||
// @include once {
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// height: 0;
|
||||
// }
|
||||
// @include e(body) {
|
||||
// @include once {
|
||||
// position: absolute;
|
||||
// right: 0;
|
||||
// left: 0;
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// top .3s $--n-ease-in-out-cubic-bezier!important;
|
||||
// &.#{block()}-transition-enter, &.#{block()}-transition-leave-to {
|
||||
// opacity: 0;
|
||||
// }
|
||||
// &.#{block()}-transition-enter-active {
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// opacity .15s $--n-ease-out-cubic-bezier,
|
||||
// top .3s $--n-ease-in-out-cubic-bezier!important;
|
||||
// }
|
||||
// &.#{block()}-transition-leave-active {
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// opacity .15s $--n-ease-in-cubic-bezier,
|
||||
// top .3s $--n-ease-in-out-cubic-bezier!important;
|
||||
// }
|
||||
// }
|
||||
// background-color: $--base-tracking-rect-background-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,62 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(breadcrumb) {
|
||||
// @include once {
|
||||
// white-space: nowrap;
|
||||
// }
|
||||
// @include b(breadcrumb-item) {
|
||||
// @include once {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include b(icon) {
|
||||
// font-size: 16px;
|
||||
// vertical-align: -.2em;
|
||||
// }
|
||||
// }
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--breadcrumb-link-text-color, 'default');
|
||||
// stroke: map-get($--breadcrumb-link-text-color, 'default');
|
||||
// }
|
||||
// @include e(link) {
|
||||
// @include once {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// color: map-get($--breadcrumb-link-text-color, 'default');
|
||||
// }
|
||||
// @include e(separator) {
|
||||
// @include once {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// margin: 0 4px;
|
||||
// }
|
||||
// color: map-get($--breadcrumb-separator-text-color, 'default');
|
||||
// }
|
||||
// &:hover {
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--breadcrumb-link-text-color, 'hover');
|
||||
// stroke: map-get($--breadcrumb-link-text-color, 'hover');
|
||||
// }
|
||||
// @include e(link) {
|
||||
// color: map-get($--breadcrumb-link-text-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// &:last-child {
|
||||
// @include e(link) {
|
||||
// @include once {
|
||||
// cursor: unset;
|
||||
// }
|
||||
// color: map-get($--breadcrumb-link-text-color, 'active');
|
||||
// }
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--breadcrumb-link-text-color, 'active');
|
||||
// stroke: map-get($--breadcrumb-link-text-color, 'active');
|
||||
// }
|
||||
// @include once {
|
||||
// @include e(separator) {
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,191 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @mixin card-size-mixin ($size) {
|
||||
// @include m($size + '-size') {
|
||||
// @include m(content-segmented) {
|
||||
// & > {
|
||||
// @include e(content) {
|
||||
// padding-top: map-get($--n-card-margin-bottom, $size);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(content-soft-segmented) {
|
||||
// & > {
|
||||
// @include e(content) {
|
||||
// margin: 0 map-get($--n-card-margin-left, $size);
|
||||
// padding: map-get($--n-card-margin-bottom, $size) 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(footer-segmented) {
|
||||
// & > {
|
||||
// @include e(footer) {
|
||||
// padding-top: map-get($--n-card-margin-bottom, $size);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(footer-soft-segmented) {
|
||||
// & > {
|
||||
// @include e(footer) {
|
||||
// padding: map-get($--n-card-margin-bottom, $size) 0;
|
||||
// margin: 0 map-get($--n-card-margin-left, $size);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// & > {
|
||||
// @include b(card-header) {
|
||||
// padding:
|
||||
// map-get($--n-card-margin-top, $size)
|
||||
// map-get($--n-card-margin-left, $size)
|
||||
// map-get($--n-card-margin-bottom, $size)
|
||||
// map-get($--n-card-margin-left, $size);
|
||||
// @include e(main) {
|
||||
// font-size: map-get($--n-card-font-size, $size);
|
||||
// }
|
||||
// @include e(extra) {
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// }
|
||||
// @include e(content, footer) {
|
||||
// &:first-child {
|
||||
// padding-top: map-get($--n-card-margin-bottom, $size);
|
||||
// }
|
||||
// padding: 0 map-get($--n-card-margin-left, $size) map-get($--n-card-margin-bottom, $size) map-get($--n-card-margin-left, $size) ;
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// @include e(action) {
|
||||
// background-color: $--card-action-background-color;
|
||||
// padding: map-get($--n-card-margin-bottom, $size) map-get($--n-card-margin-left, $size);
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(card) {
|
||||
// @include once {
|
||||
// display: block;
|
||||
// width: 100%;
|
||||
// box-sizing: border-box;
|
||||
// position: relative;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier, background-color .3s $--n-ease-in-out-cubic-bezier, border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// border-radius: $--n-card-border-radius;
|
||||
// @include card-size-mixin('small');
|
||||
// @include card-size-mixin('medium');
|
||||
// @include card-size-mixin('large');
|
||||
// @include card-size-mixin('huge');
|
||||
// @include b(card-cover) {
|
||||
// $border-radius: $--n-card-border-radius - 1px;
|
||||
// overflow: hidden;
|
||||
// border-radius: $border-radius $border-radius 0 0;
|
||||
// width: 100%;
|
||||
// img {
|
||||
// display: block;
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// background-color: $--card-background-color;
|
||||
// color: $--card-text-color;
|
||||
// @include m(bordered) {
|
||||
// border: 1px solid $--card-border-color;
|
||||
// }
|
||||
// @include m(action-segmented) {
|
||||
// & > {
|
||||
// @include e(action) {
|
||||
// &:not(:first-child) {
|
||||
// border-top: 1px solid $--card-border-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(content-segmented, content-soft-segmented) {
|
||||
// & > {
|
||||
// @include e(content) {
|
||||
// @include once {
|
||||
// transition: border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// &:not(:first-child) {
|
||||
// border-top: 1px solid $--card-border-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(footer-segmented, footer-soft-segmented) {
|
||||
// & > {
|
||||
// @include e(footer) {
|
||||
// @include once {
|
||||
// transition: border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// &:not(:first-child) {
|
||||
// border-top: 1px solid $--card-border-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include once {
|
||||
// & > {
|
||||
// @include e(content) {
|
||||
// box-sizing: border-box;
|
||||
// line-height: 1.75;
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// @include e(footer) {
|
||||
// box-sizing: border-box;
|
||||
// line-height: 1.75;
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// & > {
|
||||
// @include b(card-header) {
|
||||
// @include once {
|
||||
// box-sizing: border-box;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// }
|
||||
// @include e(main) {
|
||||
// @include once {
|
||||
// font-weight: $--n-strong-weight;
|
||||
// font-size: 18px;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// flex: 1;
|
||||
// }
|
||||
// color: $--card-title-text-color;
|
||||
// }
|
||||
// @include e(extra) {
|
||||
// @include once {
|
||||
// font-weight: 400;
|
||||
// font-size: 14px;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: $--card-text-color;
|
||||
// }
|
||||
// @include e(close-mark) {
|
||||
// @include once {
|
||||
// cursor: pointer;
|
||||
// transition: fill .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// fill: map-get($--card-close-color, 'default');
|
||||
// &:hover {
|
||||
// fill: map-get($--card-close-color, 'hover');
|
||||
// }
|
||||
// &:active {
|
||||
// fill: map-get($--card-close-color, 'active');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(action) {
|
||||
// @include once {
|
||||
// box-sizing: border-box;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier, border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// line-height: 1.75;
|
||||
// font-size: 14px;
|
||||
// background-clip: padding-box;
|
||||
// }
|
||||
// background-color: $--card-action-background-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,185 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @mixin cascader-size-mixin ($size) {
|
||||
// @include b(cascader-menu) {
|
||||
// @include m($size + '-size') {
|
||||
// @include b(cascader-submenu) {
|
||||
// height: map-get($--n-height, $size) * 6.6;
|
||||
// @include b(cascader-option) {
|
||||
// height: map-get($--n-height, $size);
|
||||
// line-height: map-get($--n-height, $size);
|
||||
// font-size: map-get($--n-font-size, $size);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include cascader-size-mixin('small');
|
||||
// @include cascader-size-mixin('medium');
|
||||
// @include cascader-size-mixin('large');
|
||||
// @include b(cascader) {
|
||||
// width: 100%;
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(cascader-menu) {
|
||||
// @include once {
|
||||
// @include fade-in-scale-up-transition(cascader-menu, inherit, .2s);
|
||||
// transform: $--n-transform-debounce-scale;
|
||||
// position: relative;
|
||||
// margin: 4px 0;
|
||||
// display: flex;
|
||||
// flex-wrap: nowrap;
|
||||
// border-radius: $--n-cascader-border-radius;
|
||||
// overflow: hidden;
|
||||
// /**
|
||||
// * if width not set, cascader select menu's inner scroll area's width is
|
||||
// * not correct, which won't change after select menu width is set
|
||||
// */
|
||||
// @include b(scrollbar) {
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
// box-shadow: $--cascader-menu-box-shadow;
|
||||
// @include b(cascader-submenu) {
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// overflow: hidden;
|
||||
// min-width: 182px;
|
||||
// @include b(scrollbar-content) {
|
||||
// position: relative;
|
||||
// }
|
||||
// &:first-child {
|
||||
// border-top-left-radius: $--n-cascader-border-radius;
|
||||
// border-bottom-left-radius: $--n-cascader-border-radius;
|
||||
// }
|
||||
// &:last-child {
|
||||
// border-top-right-radius: $--n-cascader-border-radius;
|
||||
// border-bottom-right-radius: $--n-cascader-border-radius;
|
||||
// }
|
||||
// }
|
||||
// &:not(:first-child) {
|
||||
// border-left: 1px solid $--cascader-menu-border-color;
|
||||
// }
|
||||
// background-color: $--cascader-menu-background-color;
|
||||
// }
|
||||
// @include b(cascader-option) {
|
||||
// @include once {
|
||||
// box-sizing: border-box;
|
||||
// min-width: 182px;
|
||||
// background-color: transparent;
|
||||
// transition:
|
||||
// background-color .2s $--n-ease-in-out-cubic-bezier,
|
||||
// color 0.2s $--n-ease-in-out-cubic-bezier;
|
||||
// display: flex;
|
||||
// padding: 0px 24px 0 33px;
|
||||
// white-space: nowrap;
|
||||
// position: relative;
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// color: map-get($--cascader-option-text-color, 'default');
|
||||
// @include not-m(not-leaf) {
|
||||
// &::after {
|
||||
// @include once {
|
||||
// content: '';
|
||||
// height: 6px;
|
||||
// width: 3px;
|
||||
// position: absolute;
|
||||
// right: 14px;
|
||||
// transform: rotate(45deg) scale(.5);
|
||||
// top: calc(50% - 4px);
|
||||
// opacity: 0;
|
||||
// transition: transform .3s $--n-ease-in-out-cubic-bezier, opacity .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// border-right: 1px solid $--cascader-item-check-mark-color;
|
||||
// border-bottom: 1px solid $--cascader-item-check-mark-color;
|
||||
// }
|
||||
// }
|
||||
// @include once {
|
||||
// @include m(single-type) {
|
||||
// padding: 0px 24px 0 18px;
|
||||
// }
|
||||
// @include e(checkbox) {
|
||||
// position: absolute;
|
||||
// top: 50%;
|
||||
// transform: translateY(-50%);
|
||||
// left: 10px;
|
||||
// display: block;
|
||||
// }
|
||||
// @include e(radio) {
|
||||
// position: absolute;
|
||||
// top: 50%;
|
||||
// transform: translateY(-50%);
|
||||
// left: 10px;
|
||||
// display: block;
|
||||
// }
|
||||
// @include e(loading) {
|
||||
// @include fade-in-scale-up-transition(
|
||||
// cascader-option-loading,
|
||||
// $original-transform: translateY(-50%)
|
||||
// );
|
||||
// position: absolute;
|
||||
// width: 14px;
|
||||
// height: 14px;
|
||||
// right: 10px;
|
||||
// top: 50%;
|
||||
// transform: translateY(-50%);
|
||||
// display: block;
|
||||
// }
|
||||
// }
|
||||
// @include m(selected) {
|
||||
// color: map-get($--cascader-option-text-color, 'active');
|
||||
// @include once {
|
||||
// &::after {
|
||||
// transform: rotate(45deg) scale(1);
|
||||
// opacity: 1;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(active) {
|
||||
// color: map-get($--cascader-option-text-color, 'active');
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// color: map-get($--cascader-option-text-color, 'disabled');
|
||||
// @include once {
|
||||
// cursor: not-allowed;
|
||||
// }
|
||||
// }
|
||||
// @include m(tracked) {
|
||||
// background-color: $--cascader-menu-tracking-rect-background-color;
|
||||
// }
|
||||
// @include m(not-leaf) {
|
||||
// &::after {
|
||||
// @include once {
|
||||
// content: '';
|
||||
// position: absolute;
|
||||
// width: 5px;
|
||||
// height: 5px;
|
||||
// transform: rotate(45deg) translateY(-50%);
|
||||
// right: 18px;
|
||||
// top: 50%;
|
||||
// opacity: 1;
|
||||
// transition: opacity .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// border-top: 2px solid $--cascader-option-arrow-background-color;
|
||||
// border-right: 2px solid $--cascader-option-arrow-background-color;
|
||||
// }
|
||||
// }
|
||||
// @include once {
|
||||
// @include m(loading) {
|
||||
// @include m(not-leaf) {
|
||||
// &::after {
|
||||
// opacity: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(base-tracking-rect) {
|
||||
// @include e(body) {
|
||||
// background-color: $--cascader-menu-tracking-rect-background-color !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,171 +0,0 @@
|
||||
// @import "./mixins/mixins.scss";
|
||||
|
||||
// @mixin checkbox-size-mixin ($size) {
|
||||
// @include m($size + '-size') {
|
||||
// font-size: map-get($--n-font-size, $size);
|
||||
// @include b(checkbox-box) {
|
||||
// height: map-get($--n-checkbox-size, $size);
|
||||
// width: map-get($--n-checkbox-size, $size);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include once {
|
||||
// @include b(checkbox-group) {
|
||||
// font-size: 14px;
|
||||
// line-height: 1.25;
|
||||
// @include b(checkbox) {
|
||||
// margin-right: 18px;
|
||||
// }
|
||||
// }
|
||||
// @include b(checkbox) {
|
||||
// @include checkbox-size-mixin('small');
|
||||
// @include checkbox-size-mixin('medium');
|
||||
// @include checkbox-size-mixin('large');
|
||||
// line-height: 1.25;
|
||||
// outline: none;
|
||||
// cursor: pointer;
|
||||
// display: inline-flex;
|
||||
// align-items: center;
|
||||
// white-space: nowrap;
|
||||
// @include b(checkbox-box) {
|
||||
// display: inline-block;
|
||||
// box-sizing: border-box;
|
||||
// border-radius: 4px;
|
||||
// position: relative;
|
||||
// transition:
|
||||
// box-shadow 0.3s $--n-ease-in-out-cubic-bezier,
|
||||
// background-color 0.3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include b(checkbox-icon) {
|
||||
// @include icon-switch-transition();
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// transform: $--n-transform-debounce-scale;
|
||||
// @include e(line, check) {
|
||||
// width: calc(100% - 2px);
|
||||
// opacity: 0;
|
||||
// transform: scale(0.5);
|
||||
// transform-origin: center;
|
||||
// transition:
|
||||
// fill 0.3s $--n-ease-in-out-cubic-bezier,
|
||||
// transform 0.3s $--n-ease-in-out-cubic-bezier,
|
||||
// opacity 0.3s $--n-ease-in-out-cubic-bezier,
|
||||
// border-color 0.3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(label) {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// user-select: none;
|
||||
// padding-left: 8px;
|
||||
// }
|
||||
// @include m(checked) {
|
||||
// @include b(checkbox-box) {
|
||||
// @include b(checkbox-icon) {
|
||||
// @include e(check) {
|
||||
// opacity: 1;
|
||||
// transform: scale(1);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(indeterminate) {
|
||||
// @include b(checkbox-box) {
|
||||
// @include b(checkbox-icon) {
|
||||
// @include e(check) {
|
||||
// opacity: 0;
|
||||
// transform: scale(.5);
|
||||
// }
|
||||
// @include e(line) {
|
||||
// opacity: 1;
|
||||
// transform: scale(1);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// cursor: not-allowed;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include as-modal-content {
|
||||
// @include b(checkbox) {
|
||||
// @include m(table-header) {
|
||||
// @include not-m(checked) {
|
||||
// @include not-m(indeterminate) {
|
||||
// @include not-m(disabled) {
|
||||
// @include b(checkbox-box) {
|
||||
// background-color: map-get($--checkbox-background-color, 'modal-table');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(checkbox) {
|
||||
// &:hover {
|
||||
// @include b(checkbox-box) {
|
||||
// box-shadow: inset 0 0 0 1px map-get($--checkbox-border-color, 'active');
|
||||
// }
|
||||
// }
|
||||
// &:focus:not(:active) {
|
||||
// @include b(checkbox-box) {
|
||||
// box-shadow: inset 0 0 0 1px map-get($--checkbox-border-color, 'active'), 0 0 0 2px change-color(map-get($--checkbox-border-color, 'active'), $alpha: .3);
|
||||
// }
|
||||
// }
|
||||
// @include b(checkbox-box) {
|
||||
// background-color: map-get($--checkbox-background-color, 'default');
|
||||
// box-shadow: inset 0 0 0 1px map-get($--checkbox-border-color, 'default');
|
||||
// @include b(checkbox-icon) {
|
||||
// @include e(check, line) {
|
||||
// fill: map-get($--checkbox-icon-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(label) {
|
||||
// color: map-get($--checkbox-label-text-color, 'default');
|
||||
// }
|
||||
// @include m(table-header) {
|
||||
// @include b(checkbox-box) {
|
||||
// background-color: map-get($--checkbox-background-color, 'table');
|
||||
// }
|
||||
// }
|
||||
// @include m(checked, indeterminate) {
|
||||
// &:focus:not(:active) {
|
||||
// @include b(checkbox-box) {
|
||||
// box-shadow: inset 0 0 0 1px map-get($--checkbox-border-color, 'active'), 0 0 0 2px change-color(map-get($--checkbox-border-color, 'active'), $alpha: .3);
|
||||
// }
|
||||
// }
|
||||
// @include b(checkbox-box) {
|
||||
// background-color: map-get($--checkbox-border-color, 'active');
|
||||
// box-shadow: inset 0 0 0 1px map-get($--checkbox-border-color, 'active');
|
||||
// @include once {
|
||||
// border-left: 0;
|
||||
// border-top: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// @include b(checkbox-box) {
|
||||
// background-color: map-get($--checkbox-background-color, 'disabled');
|
||||
// box-shadow: inset 0 0 0 1px map-get($--checkbox-border-color, 'disabled');
|
||||
// @include b(checkbox-icon) {
|
||||
// @include e(check, line) {
|
||||
// fill: map-get($--checkbox-icon-color, 'disabled');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(label) {
|
||||
// color: map-get($--checkbox-label-text-color, 'disabled');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,170 +0,0 @@
|
||||
// @import "./mixins/mixins.scss";
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(code) {
|
||||
// [class^=hljs] {
|
||||
// color: $--code-text-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include b(code) {
|
||||
// margin: 0;
|
||||
// font-size: 14px;
|
||||
// font-family: $--n-mono-font-family;
|
||||
// code {
|
||||
// font-family: $--n-mono-font-family;
|
||||
// }
|
||||
// [class^=hljs] {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier, background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// &.#{block(light-theme)} {
|
||||
|
||||
// .hljs-comment,
|
||||
// .hljs-quote {
|
||||
// color: #a0a1a7;
|
||||
// font-style: italic;
|
||||
// }
|
||||
|
||||
// .hljs-doctag,
|
||||
// .hljs-keyword,
|
||||
// .hljs-formula {
|
||||
// color: #a626a4;
|
||||
// }
|
||||
|
||||
// .hljs-section,
|
||||
// .hljs-name,
|
||||
// .hljs-selector-tag,
|
||||
// .hljs-deletion,
|
||||
// .hljs-subst {
|
||||
// color: #e45649;
|
||||
// }
|
||||
|
||||
// .hljs-literal {
|
||||
// color: #0184bb;
|
||||
// }
|
||||
|
||||
// .hljs-string,
|
||||
// .hljs-regexp,
|
||||
// .hljs-addition,
|
||||
// .hljs-attribute,
|
||||
// .hljs-meta-string {
|
||||
// color: #50a14f;
|
||||
// }
|
||||
|
||||
// .hljs-built_in,
|
||||
// .hljs-class .hljs-title {
|
||||
// color: #c18401;
|
||||
// }
|
||||
|
||||
// .hljs-attr,
|
||||
// .hljs-variable,
|
||||
// .hljs-template-variable,
|
||||
// .hljs-type,
|
||||
// .hljs-selector-class,
|
||||
// .hljs-selector-attr,
|
||||
// .hljs-selector-pseudo,
|
||||
// .hljs-number {
|
||||
// color: #986801;
|
||||
// }
|
||||
|
||||
// .hljs-symbol,
|
||||
// .hljs-bullet,
|
||||
// .hljs-link,
|
||||
// .hljs-meta,
|
||||
// .hljs-selector-id,
|
||||
// .hljs-title {
|
||||
// color: #4078f2;
|
||||
// }
|
||||
|
||||
// .hljs-emphasis {
|
||||
// font-style: italic;
|
||||
// }
|
||||
|
||||
// .hljs-strong {
|
||||
// font-weight: $--n-strong-weight;
|
||||
// }
|
||||
|
||||
// .hljs-link {
|
||||
// text-decoration: underline;
|
||||
// }
|
||||
|
||||
// .hljs-function .hljs-params {
|
||||
// color: #383a42;
|
||||
// }
|
||||
// .hljs-function .hljs-params .hljs-typing {
|
||||
// color: #383a42;
|
||||
// }
|
||||
// }
|
||||
// &.#{block(dark-theme)} {
|
||||
// .hljs {
|
||||
// display: block;
|
||||
// overflow-x: auto;
|
||||
// padding: 0.5em;
|
||||
// line-height: 1.3em;
|
||||
// color: #abb2bf;
|
||||
// background: #282c34;
|
||||
// }
|
||||
// .hljs-keyword, .hljs-operator {
|
||||
// color: #F92672;
|
||||
// }
|
||||
// .hljs-pattern-match {
|
||||
// color: #F92672;
|
||||
// }
|
||||
// .hljs-pattern-match .hljs-constructor {
|
||||
// color: #61aeee;
|
||||
// }
|
||||
// .hljs-function {
|
||||
// color: #61aeee;
|
||||
// }
|
||||
// .hljs-function .hljs-params {
|
||||
// color: #A6E22E;
|
||||
// }
|
||||
// .hljs-function .hljs-params .hljs-typing {
|
||||
// color: #FD971F;
|
||||
// }
|
||||
// .hljs-module-access .hljs-module {
|
||||
// color: #7e57c2;
|
||||
// }
|
||||
// .hljs-constructor {
|
||||
// color: #e2b93d;
|
||||
// }
|
||||
// .hljs-constructor .hljs-string {
|
||||
// color: #9CCC65;
|
||||
// }
|
||||
// .hljs-comment, .hljs-quote {
|
||||
// color: #b18eb1;
|
||||
// font-style: italic;
|
||||
// }
|
||||
// .hljs-doctag, .hljs-formula {
|
||||
// color: #c678dd;
|
||||
// }
|
||||
// .hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
|
||||
// color: #e06c75;
|
||||
// }
|
||||
// .hljs-literal {
|
||||
// color: #56b6c2;
|
||||
// }
|
||||
// .hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
|
||||
// color: #98c379;
|
||||
// }
|
||||
// .hljs-built_in, .hljs-class .hljs-title {
|
||||
// color: #e6c07b;
|
||||
// }
|
||||
// .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {
|
||||
// color: #d19a66;
|
||||
// }
|
||||
// .hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
|
||||
// color: #61aeee;
|
||||
// }
|
||||
// .hljs-emphasis {
|
||||
// font-style: italic;
|
||||
// }
|
||||
// .hljs-strong {
|
||||
// font-weight: $--n-strong-weight;
|
||||
// }
|
||||
// .hljs-link {
|
||||
// text-decoration: underline;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,91 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(collapse) {
|
||||
// @include once {
|
||||
// width: 100%;
|
||||
// }
|
||||
// @include b(collapse-item) {
|
||||
// @include once {
|
||||
// overflow: hidden;
|
||||
// font-size: 14px;
|
||||
// transition: border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// margin-top: 16px;
|
||||
// &:first-child {
|
||||
// margin-top: 0px;
|
||||
// }
|
||||
// &:first-child > {
|
||||
// @include e(header) {
|
||||
// padding-top: 0px;
|
||||
// }
|
||||
// }
|
||||
// @include m(left-arrow-placement) {
|
||||
// @include e(header) {
|
||||
// @include b(collapse-item-arrow) {
|
||||
// margin-right: 4px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(right-arrow-placement) {
|
||||
// @include e(header) {
|
||||
// @include b(collapse-item-arrow) {
|
||||
// margin-left: 4px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(collapse-item) {
|
||||
// margin-left: 32px;
|
||||
// }
|
||||
// @include e(content-wrapper) {
|
||||
// @include fade-in-height-expand-transition($duration: .15s);
|
||||
// overflow: hidden;
|
||||
// }
|
||||
// @include m(active) {
|
||||
// @include e(header) {
|
||||
// @include m(active) {
|
||||
// @include b(collapse-item-arrow) {
|
||||
// @include b(icon) {
|
||||
// transform: rotate(90deg);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &:not(:first-child) {
|
||||
// border-top: 1px solid $--collapse-border-color;
|
||||
// }
|
||||
// @include e(header) {
|
||||
// @include once {
|
||||
// display: flex;
|
||||
// flex-wrap: nowrap;
|
||||
// align-items: center;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// position: relative;
|
||||
// cursor: pointer;
|
||||
// padding: 16px 0 0 0;
|
||||
// @include b(collapse-item-arrow) {
|
||||
// display: flex;
|
||||
// @include b(icon) {
|
||||
// transition: transform .15s $--n-ease-in-out-cubic-bezier, $--n-icon-transition;
|
||||
// font-size: 16px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// color: $--collapse-header-text-color;
|
||||
// @include b(collapse-item-arrow) {
|
||||
// @include b(icon) {
|
||||
// fill: $--collapse-header-text-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(content-inner) {
|
||||
// @include once {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// padding-top: 16px;
|
||||
// }
|
||||
// color: $--collapse-content-text-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,80 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(confirm) {
|
||||
// @include once {
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// box-sizing: border-box;
|
||||
// width: 100%;
|
||||
// margin: auto;
|
||||
// border-radius: $--n-border-radius;
|
||||
// padding: 28px;
|
||||
// padding-bottom: 20px;
|
||||
// padding-top: 16px;
|
||||
// @include e(content) {
|
||||
// font-size: 15px;
|
||||
// padding-right: 9px;
|
||||
// margin-top: 10px;
|
||||
// margin-bottom: 19px;
|
||||
// position: relative;
|
||||
// }
|
||||
// @include e(footer) {
|
||||
// display: flex;
|
||||
// justify-content: flex-end;
|
||||
// }
|
||||
// }
|
||||
// @include b(confirm-title) {
|
||||
// @include once {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// display: flex;
|
||||
// justify-content: space-between;
|
||||
// align-items: center;
|
||||
// font-size: 18px;
|
||||
// font-weight: $--n-strong-weight;
|
||||
// @include b(confirm-title-icon) {
|
||||
// vertical-align: middle;
|
||||
// margin-right: 8px;
|
||||
// }
|
||||
// @include b(confirm-title-content) {
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// }
|
||||
// }
|
||||
// @include b(confirm-title-icon) {
|
||||
// @include m(warning-type) {
|
||||
// fill: map-get($--confirm-icon-color, 'warning');
|
||||
// stroke: map-get($--confirm-icon-color, 'warning');
|
||||
// }
|
||||
// @include m(success-type) {
|
||||
// fill: map-get($--confirm-icon-color, 'success');
|
||||
// stroke: map-get($--confirm-icon-color, 'success');
|
||||
// }
|
||||
// @include m(error-type) {
|
||||
// fill: map-get($--confirm-icon-color, 'error');
|
||||
// stroke: map-get($--confirm-icon-color, 'error');
|
||||
// }
|
||||
// @include m(info-type) {
|
||||
// fill: map-get($--confirm-icon-color, 'info');
|
||||
// stroke: map-get($--confirm-icon-color, 'info');
|
||||
// }
|
||||
// }
|
||||
// @include e(close) {
|
||||
// fill: map-get($--confirm-close-color, 'default');
|
||||
// stroke: map-get($--confirm-close-color, 'default');
|
||||
// &:hover {
|
||||
// fill: map-get($--confirm-close-color, 'hover');
|
||||
// stroke: map-get($--confirm-close-color, 'hover');
|
||||
// }
|
||||
// &:active {
|
||||
// fill: map-get($--confirm-close-color, 'active');
|
||||
// stroke: map-get($--confirm-close-color, 'active');
|
||||
// }
|
||||
// }
|
||||
// color: $--confirm-title-text-color;
|
||||
// }
|
||||
// background: $--confirm-background-color;
|
||||
// color: $--confirm-text-color;
|
||||
// }
|
||||
// }
|
||||
@ -1,522 +0,0 @@
|
||||
// @import "./mixins/mixins.scss";
|
||||
|
||||
// @mixin data-table-size-mixin () {
|
||||
// @include m(small-size) {
|
||||
// font-size: map-get($--n-font-size, 'medium');
|
||||
// @include b(data-table-th) {
|
||||
// padding: 5px 5px 5px 11px;
|
||||
// }
|
||||
// @include b(data-table-td) {
|
||||
// padding: 5px 5px 5px 11px;
|
||||
// }
|
||||
// }
|
||||
// @include m(medium-size) {
|
||||
// font-size: map-get($--n-font-size, 'medium');
|
||||
// @include b(data-table-th) {
|
||||
// padding: 10px 10px 10px 16px;
|
||||
// }
|
||||
// @include b(data-table-td) {
|
||||
// padding: 10px 10px 10px 16px;
|
||||
// }
|
||||
// }
|
||||
// @include m(large-size) {
|
||||
// font-size: map-get($--n-font-size, 'large');
|
||||
// @include b(data-table-th) {
|
||||
// padding: 15px 15px 15px 20px;
|
||||
// }
|
||||
// @include b(data-table-td) {
|
||||
// padding: 15px 15px 15px 20px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(data-table) {
|
||||
// @include once {
|
||||
// // @include data-table-size-mixin();
|
||||
// width: 100%;
|
||||
// // font-size: 14px;
|
||||
// @include b(data-table-empty) {
|
||||
// margin: 16px 0 14px 0;
|
||||
// flex-grow: 1;
|
||||
// flex-shrink: 0;
|
||||
// opacity: 1;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// transition: opacity .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include m(hide) {
|
||||
// opacity: 0;
|
||||
// }
|
||||
// }
|
||||
// @include e(pagination) {
|
||||
// margin-top: 24px;
|
||||
// display: flex;
|
||||
// justify-content: flex-end;
|
||||
// }
|
||||
// }
|
||||
// @include b(data-table-wrapper) {
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// transition: border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// border-top-left-radius: $--n-data-table-border-radius;
|
||||
// border-top-right-radius: $--n-data-table-border-radius;
|
||||
// overflow: hidden;
|
||||
// line-height: 1.75;
|
||||
// }
|
||||
// }
|
||||
// @include m(single-column) {
|
||||
// @include b(data-table-wrapper) {
|
||||
// @include b(data-table-table){
|
||||
// @include b(data-table-tr) {
|
||||
// @include b(data-table-td) {
|
||||
// border-bottom: 0px solid map-get($--data-table-border-color, 'default') !important;
|
||||
// &::after {
|
||||
// bottom: 0 !important;
|
||||
// }
|
||||
// &::before {
|
||||
// bottom: 0 !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include not-m(single-line) {
|
||||
// @include b(data-table-wrapper) {
|
||||
// @include b(data-table-table){
|
||||
// @include b(data-table-th) {
|
||||
// border-right: 1px solid map-get($--data-table-border-color, 'default');
|
||||
// &:last-child {
|
||||
// border-right: 0px solid map-get($--data-table-border-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// @include b(data-table-td) {
|
||||
// border-right: 1px solid map-get($--data-table-border-color, 'default');
|
||||
// &:last-child {
|
||||
// border-right: 0px solid map-get($--data-table-border-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(bordered) {
|
||||
// @include b(data-table-wrapper) {
|
||||
// overflow: hidden;
|
||||
// border: 1px solid map-get($--data-table-border-color, 'default');
|
||||
// border-bottom-left-radius: $--n-data-table-border-radius;
|
||||
// border-bottom-right-radius: $--n-data-table-border-radius;
|
||||
// @include b(data-table-table){
|
||||
// @include b(data-table-tr) {
|
||||
// &:last-child {
|
||||
// @include b(data-table-td) {
|
||||
// border-bottom: 0px solid map-get($--data-table-border-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(data-table-base-table) {
|
||||
// @include b(scrollbar) {
|
||||
// @include b(scrollbar-content) {
|
||||
// overflow: visible;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(data-table-table) {
|
||||
// @include once {
|
||||
// font-variant-numeric: tabular-nums;
|
||||
// width: 100%;
|
||||
// word-wrap: break-word;
|
||||
// word-break: break-all;
|
||||
// table-layout: fixed;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// border-collapse: separate;
|
||||
// border-spacing: 0;
|
||||
// }
|
||||
// background-color: map-get($--data-table-body-background-color, 'default');
|
||||
// @include b(data-table-thead) {
|
||||
// @include once {
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// background-color: map-get($--data-table-header-background-color, 'default');
|
||||
// }
|
||||
// @include b(data-table-tr) {
|
||||
// @include once {
|
||||
// box-sizing: border-box;
|
||||
// transition: background-color 0.3s $--n-ease-in-out-cubic-bezier;
|
||||
// background-clip: padding-box;
|
||||
// &:last-child {
|
||||
// @include b(data-table-td) {
|
||||
// &::after {
|
||||
// bottom: 0 !important;
|
||||
// }
|
||||
// &::before {
|
||||
// bottom: 0 !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &:hover {
|
||||
// background-color: map-get($--data-table-row-background-color, 'hover');
|
||||
// @include b(data-table-td) {
|
||||
// background-color: map-get($--data-table-row-background-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(data-table-td) {
|
||||
// @include once {
|
||||
// text-align: left;
|
||||
// box-sizing: border-box;
|
||||
// border: none;
|
||||
// transition:
|
||||
// box-shadow .3s $--n-ease-in-out-cubic-bezier,
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// border-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include m(ellipsis) {
|
||||
// text-overflow: ellipsis;
|
||||
// overflow: hidden;
|
||||
// white-space: nowrap;
|
||||
// }
|
||||
// @include m(selection) {
|
||||
// line-height: 0;
|
||||
// }
|
||||
// @include m(fixed-left) {
|
||||
// left: 0;
|
||||
// position: sticky;
|
||||
// z-index: 2;
|
||||
// &::after {
|
||||
// pointer-events: none;
|
||||
// content: "";
|
||||
// width: 36px;
|
||||
// display: inline-block;
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// bottom: -1px;
|
||||
// transition: box-shadow .2s $--n-ease-in-out-cubic-bezier;
|
||||
// right: -36px;
|
||||
// }
|
||||
// }
|
||||
// @include m(fixed-right) {
|
||||
// right: 0;
|
||||
// position: sticky;
|
||||
// &::before {
|
||||
// pointer-events: none;
|
||||
// content: "";
|
||||
// width: 36px;
|
||||
// display: inline-block;
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// bottom: -1px;
|
||||
// transition: box-shadow .2s $--n-ease-in-out-cubic-bezier;
|
||||
// left: -36px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// background-color: map-get($--data-table-body-background-color, 'default');
|
||||
// @include m(shadow-before) {
|
||||
// &::before {
|
||||
// box-shadow: inset -12px 0 8px -12px $--data-table-fixed-column-box-shadow-color;
|
||||
// }
|
||||
// }
|
||||
// @include m(shadow-after) {
|
||||
// border-right-color: transparent !important;
|
||||
// &::after {
|
||||
// box-shadow: inset 12px 0 8px -12px $--data-table-fixed-column-box-shadow-color;
|
||||
// }
|
||||
// }
|
||||
// color: $--data-table-body-text-color;
|
||||
// border-bottom: 1px solid map-get($--data-table-border-color, 'default');
|
||||
// }
|
||||
// @include b(data-table-th) {
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// text-align: left;
|
||||
// font-weight: $--n-strong-weight;
|
||||
// box-sizing: border-box;
|
||||
// transition:
|
||||
// border-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include m(filterable) {
|
||||
// padding-right: 36px;
|
||||
// }
|
||||
// @include m(selection) {
|
||||
// line-height: 0;
|
||||
// }
|
||||
// @include e(ellipsis) {
|
||||
// display: inline-block;
|
||||
// vertical-align: middle;
|
||||
// text-overflow: ellipsis;
|
||||
// overflow: hidden;
|
||||
// white-space: nowrap;
|
||||
// max-width: 100%;
|
||||
// }
|
||||
// }
|
||||
// background-color: map-get($--data-table-header-background-color, 'default');
|
||||
// border-color: map-get($--data-table-border-color, 'default');
|
||||
// color: $--data-table-header-text-color;
|
||||
// @include m(sortable) {
|
||||
// @include once {
|
||||
// cursor: pointer;
|
||||
// @include e(ellipsis) {
|
||||
// max-width: calc(100% - 18px);
|
||||
// }
|
||||
// }
|
||||
// &:hover {
|
||||
// background-color: map-get($--data-table-header-background-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// @include m(fixed-left) {
|
||||
// left: 0;
|
||||
// position: sticky;
|
||||
// z-index: 2;
|
||||
// &::after {
|
||||
// content: "";
|
||||
// pointer-events: none;
|
||||
// width: 36px;
|
||||
// display: inline-block;
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// bottom: -1px;
|
||||
// transition: box-shadow .3s $--n-ease-in-out-cubic-bezier;
|
||||
// right: -36px;
|
||||
// }
|
||||
// }
|
||||
// @include m(fixed-right) {
|
||||
// right: 0;
|
||||
// position: sticky;
|
||||
// z-index: 1;
|
||||
// &::before {
|
||||
// content: "";
|
||||
// pointer-events: none;
|
||||
// width: 36px;
|
||||
// display: inline-block;
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// bottom: -1px;
|
||||
// transition: box-shadow .3s $--n-ease-in-out-cubic-bezier;
|
||||
// left: -36px;
|
||||
// }
|
||||
// }
|
||||
// @include m(shadow-before) {
|
||||
// &::before {
|
||||
// box-shadow: inset -12px 0 8px -12px $--data-table-fixed-column-box-shadow-color;
|
||||
// }
|
||||
// }
|
||||
// @include m(shadow-after) {
|
||||
// border-right-color: transparent !important;
|
||||
// &::after {
|
||||
// box-shadow: inset 12px 0 8px -12px $--data-table-fixed-column-box-shadow-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(data-table-base-table-header) {
|
||||
// @include once {
|
||||
// flex-shrink: 0;
|
||||
// transition: border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// &::-webkit-scrollbar {
|
||||
// width: 0;
|
||||
// height: 0;
|
||||
// }
|
||||
// scrollbar-width: none;
|
||||
// @include b(data-table-table) {
|
||||
// transition: border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// }
|
||||
// @include b(data-table-table) {
|
||||
// border-bottom: 1px solid map-get($--data-table-border-color, 'default');
|
||||
// }
|
||||
// @include b(data-table-th) {
|
||||
// @include b(data-table-sort-button) {
|
||||
// @include once {
|
||||
// height: 14px;
|
||||
// width: 14px;
|
||||
// margin-left: 4px;
|
||||
// position: relative;
|
||||
// display: inline-block;
|
||||
// vertical-align: middle;
|
||||
// @include e(asc-icon) {
|
||||
// bottom: calc(50% - 2px);
|
||||
// left: 0;
|
||||
// }
|
||||
// @include e(desc-icon) {
|
||||
// top: calc(50% - 2px);
|
||||
// left: 0;
|
||||
// }
|
||||
// }
|
||||
// @include m(asc) {
|
||||
// @include e(asc-icon) {
|
||||
// fill: map-get($--data-table-button-color, 'active');
|
||||
// }
|
||||
// }
|
||||
// @include m(desc) {
|
||||
// @include e(desc-icon) {
|
||||
// fill: map-get($--data-table-button-color, 'active');
|
||||
// }
|
||||
// }
|
||||
// @include e(asc-icon, desc-icon) {
|
||||
// @include once {
|
||||
// transition: fill .3s $--n-ease-in-out-cubic-bezier;
|
||||
// position: absolute;
|
||||
// }
|
||||
// fill: map-get($--data-table-button-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// @include b(data-table-filter-button) {
|
||||
// @include once {
|
||||
// position: absolute;
|
||||
// z-index: auto;
|
||||
// right: 0;
|
||||
// width: 36px;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// @include e(icon-wrapper) {
|
||||
// @include once {
|
||||
// position: absolute;
|
||||
// z-index: auto;
|
||||
// right: 0;
|
||||
// left: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// &:hover {
|
||||
// background-color: map-get($--data-table-icon-button-background-color, 'hover');
|
||||
// }
|
||||
// @include b(icon) {
|
||||
// @include once {
|
||||
// font-size: 12px;
|
||||
// }
|
||||
// fill: map-get($--data-table-button-color, 'default');
|
||||
// stroke: map-get($--data-table-button-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// @include m(popover-visible) {
|
||||
// @include e(icon-wrapper) {
|
||||
// background-color: map-get($--data-table-icon-button-background-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// @include m(active) {
|
||||
// @include e(icon-wrapper) {
|
||||
// background-color: map-get($--data-table-icon-button-background-color, 'hover');
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--data-table-button-color, 'active');
|
||||
// stroke: map-get($--data-table-button-color, 'active');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include as-modal-content {
|
||||
// @include b(data-table) {
|
||||
// @include b(data-table-table) {
|
||||
// background-color: map-get($--data-table-body-background-color, 'modal');
|
||||
// @include b(data-table-thead) {
|
||||
// background-color: map-get($--data-table-header-background-color, 'modal');
|
||||
// }
|
||||
// @include b(data-table-th) {
|
||||
// border-color: map-get($--data-table-border-color, 'modal');
|
||||
// background-color: map-get($--data-table-header-background-color, 'modal');
|
||||
// @include m(sortable) {
|
||||
// &:hover {
|
||||
// background-color: map-get($--data-table-header-background-color, 'modal-hover');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(data-table-tr) {
|
||||
// &:hover {
|
||||
// background-color: map-get($--data-table-row-background-color, 'modal-hover');
|
||||
// @include b(data-table-td) {
|
||||
// background-color: map-get($--data-table-row-background-color, 'modal-hover');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(data-table-td) {
|
||||
// border-color: map-get($--data-table-border-color, 'modal');
|
||||
// background-color: map-get($--data-table-body-background-color, 'modal')
|
||||
// }
|
||||
// }
|
||||
// @include not-m(single-line) {
|
||||
// @include b(data-table-wrapper) {
|
||||
// @include b(data-table-table){
|
||||
// @include b(data-table-th) {
|
||||
// border-right: 1px solid map-get($--data-table-border-color, 'modal');
|
||||
// &:last-child {
|
||||
// border-right: 0px solid map-get($--data-table-border-color, 'modal');
|
||||
// }
|
||||
// }
|
||||
// @include b(data-table-td) {
|
||||
// border-right: 1px solid map-get($--data-table-border-color, 'modal');
|
||||
// &:last-child {
|
||||
// border-right: 0px solid map-get($--data-table-border-color, 'modal');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(bordered) {
|
||||
// @include b(data-table-wrapper) {
|
||||
// border: 1px solid map-get($--data-table-border-color, 'modal');
|
||||
// @include b(data-table-table){
|
||||
// @include b(data-table-tr) {
|
||||
// &:last-child {
|
||||
// @include b(data-table-td) {
|
||||
// border-bottom: 0px solid map-get($--data-table-border-color, 'modal');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(data-table-base-table-header) {
|
||||
// @include b(data-table-table) {
|
||||
// border-bottom: 1px solid map-get($--data-table-border-color, 'modal');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include b(data-table-filter-menu) {
|
||||
// @include b(scrollbar) {
|
||||
// max-height: 240px;
|
||||
// }
|
||||
// @include e(group) {
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// padding: 12px 12px 0 12px;
|
||||
// @include b(checkbox) {
|
||||
// margin-bottom: 12px;
|
||||
// margin-right: 0;
|
||||
// }
|
||||
// @include b(radio) {
|
||||
// margin-bottom: 12px;
|
||||
// margin-right: 0;
|
||||
// }
|
||||
// }
|
||||
// @include b(divider) {
|
||||
// margin: 0;
|
||||
// }
|
||||
// @include e(action) {
|
||||
// padding: 8px 12px;
|
||||
// display: flex;
|
||||
// flex-wrap: no-wrap;
|
||||
// justify-content: space-evenly;
|
||||
// @include b(button) {
|
||||
// &:not(:last-child) {
|
||||
// margin-right: 8px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,305 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(date-picker) {
|
||||
// position: relative;
|
||||
// @include m(invalid) {
|
||||
// input {
|
||||
// text-decoration: line-through;
|
||||
// text-decoration-color: $--date-picker-text-decoration-color;
|
||||
// }
|
||||
// }
|
||||
// @include m(start-invalid) {
|
||||
// input:nth-of-type(1) {
|
||||
// text-decoration: line-through;
|
||||
// text-decoration-color: $--date-picker-text-decoration-color;
|
||||
// }
|
||||
// }
|
||||
// @include m(end-invalid) {
|
||||
// input:nth-of-type(2) {
|
||||
// text-decoration: line-through;
|
||||
// text-decoration-color: $--date-picker-text-decoration-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(date-panel) {
|
||||
// outline: none;
|
||||
// @include fade-in-scale-up-transition(date-panel);
|
||||
// transform: $--n-transform-debounce-scale;
|
||||
// margin-top: 4px;
|
||||
// margin-bottom: 4px;
|
||||
// display: grid;
|
||||
// grid-template-columns: 1fr;
|
||||
// border-radius: $--n-date-picker-border-radius;
|
||||
// background: $--date-picker-background-color;
|
||||
// box-shadow: $--date-picker-box-shadow;
|
||||
// color: $--date-picker-text-color;
|
||||
// @include b(date-panel-calendar) {
|
||||
// padding: 4px 12px;
|
||||
// display: grid;
|
||||
// grid-template-columns: 1fr;
|
||||
// }
|
||||
// @include m(date) {
|
||||
// grid-template-areas:
|
||||
// "calendar"
|
||||
// "action";
|
||||
// @include b(date-panel-calendar) {
|
||||
// padding-top: 6px;
|
||||
// grid-area: calendar;
|
||||
// }
|
||||
// @include b(date-panel-actions) {
|
||||
// grid-area: action;
|
||||
// }
|
||||
// }
|
||||
// @include m(daterange) {
|
||||
// grid-template-areas:
|
||||
// "start-calendar divider end-calendar"
|
||||
// "action action action";
|
||||
// @include b(date-panel-calendar) {
|
||||
// padding-top: 6px;
|
||||
// @include m(start) {
|
||||
// grid-area: start-calendar;
|
||||
// }
|
||||
// @include m(end) {
|
||||
// grid-area: end-calendar;
|
||||
// }
|
||||
// }
|
||||
// @include b(date-panel-actions) {
|
||||
// grid-area: action;
|
||||
// }
|
||||
// }
|
||||
// @include m(datetime) {
|
||||
// grid-template-areas:
|
||||
// "head"
|
||||
// "calendar"
|
||||
// "action";
|
||||
// @include b(date-panel-input-wrapper) {
|
||||
// grid-area: head;
|
||||
// }
|
||||
// @include b(date-panel-calendar) {
|
||||
// grid-area: calendar;
|
||||
// }
|
||||
// @include b(date-panel-actions) {
|
||||
// grid-area: action;
|
||||
// }
|
||||
// }
|
||||
// @include m(datetimerange) {
|
||||
// grid-template-areas:
|
||||
// "head head head"
|
||||
// "start-calendar divider end-calendar"
|
||||
// "action action action";
|
||||
// @include b(date-panel-input-wrapper) {
|
||||
// grid-area: head;
|
||||
// }
|
||||
// @include b(date-panel-calendar) {
|
||||
// @include m(start) {
|
||||
// grid-area: start-calendar;
|
||||
// }
|
||||
// @include m(end) {
|
||||
// grid-area: end-calendar;
|
||||
// }
|
||||
// }
|
||||
// @include b(date-panel-actions) {
|
||||
// grid-area: action;
|
||||
// }
|
||||
// }
|
||||
// @include b(date-panel-input-wrapper) {
|
||||
// @include once {
|
||||
|
||||
// @include e(arrow) {
|
||||
// @include once {
|
||||
// width: 16px;
|
||||
// height: 16px;
|
||||
// margin: 0 8px;
|
||||
// position: relative;
|
||||
// }
|
||||
// @include b(base-icon) {
|
||||
// @include once {
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// }
|
||||
// fill: $--date-picker-icon-color;
|
||||
// }
|
||||
// }
|
||||
// > {
|
||||
// @include b(input) {
|
||||
// margin-right: 10px;
|
||||
// flex: 1;
|
||||
// width: 0;
|
||||
// }
|
||||
// @include b(time-picker) {
|
||||
// z-index: 1;
|
||||
// flex: 1;
|
||||
// width: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(date-panel-date-input) {
|
||||
// @include m(invalid) {
|
||||
// input {
|
||||
// text-decoration: line-through;
|
||||
// text-decoration-color: $--date-picker-text-decoration-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// border-bottom: 1px solid $--date-picker-divider-color;
|
||||
// }
|
||||
// @include b(date-panel-month) {
|
||||
// @include once {
|
||||
// display: flex;
|
||||
// box-sizing: border-box;
|
||||
// align-items: center;
|
||||
// height: 28px;
|
||||
// padding: 0 8px;
|
||||
// @include e(prev, next, fast-prev, fast-next) {
|
||||
// cursor: pointer;
|
||||
// width: 14px;
|
||||
// height: 14px;
|
||||
// }
|
||||
// @include e(fast-prev, next) {
|
||||
// margin-right: 10px;
|
||||
// }
|
||||
// }
|
||||
// @include e(prev, next, fast-prev, fast-next) {
|
||||
// fill: $--date-picker-icon-color;
|
||||
// }
|
||||
// @include e(month-year) {
|
||||
// @include once {
|
||||
// font-size: 14px;
|
||||
// font-weight: $--n-strong-weight;
|
||||
// line-height: 17px;
|
||||
// flex-grow: 1;
|
||||
// text-align: center;
|
||||
// }
|
||||
// color: $--date-picker-month-text-color;
|
||||
// }
|
||||
// }
|
||||
// @include b(date-panel-weekdays) {
|
||||
// @include once {
|
||||
// display: grid;
|
||||
// margin: auto;
|
||||
// grid-template-columns: repeat(7, 38px);
|
||||
// grid-template-rows: repeat(1, 32px);
|
||||
// align-items: center;
|
||||
// justify-items: center;
|
||||
// margin-bottom: 4px;
|
||||
// }
|
||||
// @include e(day) {
|
||||
// @include once {
|
||||
// line-height: 15px;
|
||||
// width: 24px;
|
||||
// text-align: center;
|
||||
// font-size: 12px;
|
||||
// }
|
||||
// color: $--date-picker-text-color;
|
||||
// }
|
||||
// border-bottom: 1px solid $--date-picker-divider-color;
|
||||
// }
|
||||
// @include b(date-panel-dates) {
|
||||
// @include once {
|
||||
// margin: auto;
|
||||
// display: grid;
|
||||
// grid-template-columns: repeat(7, 38px);
|
||||
// grid-template-rows: repeat(6, 32px);
|
||||
// align-items: center;
|
||||
// justify-items: center;
|
||||
// flex-wrap: wrap;
|
||||
// }
|
||||
// @include b(date-panel-date) {
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// width: 24px;
|
||||
// height: 24px;
|
||||
// line-height: 24px;
|
||||
// text-align: center;
|
||||
// font-size: 13px;
|
||||
// border-radius: 3px;
|
||||
// z-index: 0;
|
||||
// cursor: pointer;
|
||||
// transition: background-color .2s $--n-ease-in-out-cubic-bezier, color .2s $--n-ease-in-out-cubic-bezier;
|
||||
// @include m(transition-disabled) {
|
||||
// transition: none!important;
|
||||
// }
|
||||
// }
|
||||
// @include not-m(disabled) {
|
||||
// @include not-m(selected) {
|
||||
// &:hover {
|
||||
// background-color: map-get($--date-picker-item-background-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(current) {
|
||||
// &::after {
|
||||
// @include once {
|
||||
// position: absolute;
|
||||
// top: 3px;
|
||||
// right: 2px;
|
||||
// content: "";
|
||||
// height: 4px;
|
||||
// width: 4px;
|
||||
// border-radius: 2px;
|
||||
// transition: background-color .2s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// background-color: map-get($--date-picker-item-background-color, 'active');
|
||||
// }
|
||||
// }
|
||||
// @include m(covered) {
|
||||
// @include not-m(selected) {
|
||||
// &::before {
|
||||
// @include once {
|
||||
// content: "";
|
||||
// z-index: -1;
|
||||
// position: absolute;
|
||||
// left: -7px;
|
||||
// right: -7px;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// }
|
||||
// background: map-get($--date-picker-item-background-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(selected) {
|
||||
// color: map-get($--date-picker-item-text-color, 'active');
|
||||
// background-color: map-get($--date-picker-item-background-color, 'active');
|
||||
// &::after {
|
||||
// background-color: map-get($--date-picker-item-sup-color, 'active');
|
||||
// }
|
||||
// }
|
||||
// @include m(excluded) {
|
||||
// @include once {
|
||||
// opacity: 0.45;
|
||||
// }
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// @include once {
|
||||
// cursor: not-allowed;
|
||||
// opacity: $--n-disabled-opacity !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(vertical-divider) {
|
||||
// grid-area: divider;
|
||||
// height: 100%;
|
||||
// width: 1px;
|
||||
// background: $--date-picker-divider-color;
|
||||
// }
|
||||
// @include b(date-panel-actions) {
|
||||
// @include once {
|
||||
// flex: 1;
|
||||
// padding: 8px 12px;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: flex-end;
|
||||
// @include b(button) {
|
||||
// margin-left: 8px;
|
||||
// }
|
||||
// }
|
||||
// border-top: 1px solid $--date-picker-divider-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,191 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @mixin descriptions-size-mixin ($size) {
|
||||
// @include m($size + '-size') {
|
||||
// @include b(descriptions-header) {
|
||||
// margin-bottom: map-get($--n-descriptions-padding, $size);
|
||||
// }
|
||||
// @include m(bordered) {
|
||||
// @include b(descriptions-table-wrapper) {
|
||||
// @include b(descriptions-table) {
|
||||
// @include b(descriptions-table-row) {
|
||||
// @include b(descriptions-table-header) {
|
||||
// padding: map-get($--n-descriptions-bordered-padding, $size);
|
||||
// }
|
||||
// @include b(descriptions-table-content) {
|
||||
// padding: map-get($--n-descriptions-bordered-padding, $size);
|
||||
// }
|
||||
// &:last-child {
|
||||
// @include b(descriptions-table-content) {
|
||||
// padding: map-get($--n-descriptions-bordered-padding, $size);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(descriptions-table-wrapper) {
|
||||
// @include b(descriptions-table) {
|
||||
// @include b(descriptions-table-row) {
|
||||
// @include b(descriptions-table-content) {
|
||||
// padding: 0 0 map-get($--n-descriptions-padding, $size) 0;
|
||||
// }
|
||||
// &:last-child {
|
||||
// @include b(descriptions-table-content) {
|
||||
// padding: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(descriptions) {
|
||||
// @include once {
|
||||
// @include descriptions-size-mixin('small');
|
||||
// @include descriptions-size-mixin('medium');
|
||||
// @include descriptions-size-mixin('large');
|
||||
// @include m(left-label-placement) {
|
||||
// @include b(descriptions-table-content) {
|
||||
// & > * {
|
||||
// vertical-align: top;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(left-label-align) {
|
||||
// th {
|
||||
// text-align: left;
|
||||
// }
|
||||
// }
|
||||
// @include m(center-label-align) {
|
||||
// th {
|
||||
// text-align: center;
|
||||
// }
|
||||
// }
|
||||
// @include m(right-label-align) {
|
||||
// th {
|
||||
// text-align: right;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(bordered) {
|
||||
// @include b(descriptions-table-wrapper) {
|
||||
// @include once {
|
||||
// border-radius: $--n-descriptions-border-radius;
|
||||
// overflow: hidden;
|
||||
// }
|
||||
// background: map-get($--descriptions-content-background-color, 'default');
|
||||
// border: 1px solid $--descriptions-border-color;
|
||||
// @include b(descriptions-table) {
|
||||
// @include b(descriptions-table-row) {
|
||||
// &:not(:last-child) {
|
||||
// @include b(descriptions-table-content) {
|
||||
// border-bottom: 1px solid $--descriptions-border-color;
|
||||
// }
|
||||
// @include b(descriptions-table-header) {
|
||||
// background-clip: padding-box;
|
||||
// border-bottom: 1px solid $--descriptions-border-color;
|
||||
// }
|
||||
// }
|
||||
// @include b(descriptions-table-header) {
|
||||
// @include once {
|
||||
// font-weight: 400;
|
||||
// }
|
||||
// background: $--descriptions-header-background-color;
|
||||
// &:not(:last-child) {
|
||||
// border-right: 1px solid $--descriptions-border-color;
|
||||
// }
|
||||
// }
|
||||
// @include b(descriptions-table-content) {
|
||||
// &:not(:last-child) {
|
||||
// border-right: 1px solid $--descriptions-border-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(descriptions-header) {
|
||||
// @include once {
|
||||
// font-weight: $--n-strong-weight;
|
||||
// font-size: 18px;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: $--descriptions-header-text-color;
|
||||
// }
|
||||
// @include b(descriptions-table-wrapper) {
|
||||
// @include once {
|
||||
// transition: border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// @include b(descriptions-table) {
|
||||
// @include once {
|
||||
// width: 100%;
|
||||
// border-collapse: separate;
|
||||
// border-spacing: 0;
|
||||
// box-sizing: border-box;
|
||||
// }
|
||||
// @include b(descriptions-table-row) {
|
||||
// @include once {
|
||||
// box-sizing: border-box;
|
||||
// transition: border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// @include b(descriptions-table-header) {
|
||||
// @include once {
|
||||
// font-weight: $--n-strong-weight;
|
||||
// line-height: 1.75;
|
||||
// display: table-cell;
|
||||
// box-sizing: border-box;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier, background-color .3s $--n-ease-in-out-cubic-bezier, border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: $--descriptions-header-text-color;
|
||||
// }
|
||||
// @include b(descriptions-table-content) {
|
||||
// @include e(content) {
|
||||
// color: $--descriptions-content-text-color;
|
||||
// @include once {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// display: inline-block;
|
||||
// }
|
||||
// }
|
||||
// @include e(label) {
|
||||
// color: $--descriptions-header-text-color;
|
||||
// @include once {
|
||||
// font-weight: $--n-strong-weight;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// display: inline-block;
|
||||
// margin-right: 14px;
|
||||
// }
|
||||
// }
|
||||
// @include once {
|
||||
// vertical-align: top;
|
||||
// line-height: 1.75;
|
||||
// display: table-cell;
|
||||
// box-sizing: border-box;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier, background-color .3s $--n-ease-in-out-cubic-bezier, border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// padding: 0 0 16px 0;
|
||||
// }
|
||||
// color: $--descriptions-content-text-color;
|
||||
// }
|
||||
// @include once {
|
||||
// &:last-child {
|
||||
// @include b(descriptions-table-content) {
|
||||
// padding: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include as-modal-content {
|
||||
// @include b(descriptions) {
|
||||
// @include m(bordered) {
|
||||
// @include b(descriptions-table-wrapper) {
|
||||
// background: map-get($--descriptions-content-background-color, 'modal');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,84 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(divider) {
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// display: flex;
|
||||
// width: 100%;
|
||||
// box-sizing: border-box;
|
||||
// font-size: 16px;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include not-m(vertical) {
|
||||
// margin-top: 24px;
|
||||
// margin-bottom: 24px;
|
||||
// @include not-m(no-title) {
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// }
|
||||
// }
|
||||
// @include e(title) {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// margin-left: 12px;
|
||||
// margin-right: 12px;
|
||||
// white-space: nowrap;
|
||||
// font-weight: $--n-strong-weight;
|
||||
// }
|
||||
// @include m(title-position-left) {
|
||||
// @include e(line) {
|
||||
// @include m(left) {
|
||||
// width: 28px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(title-position-right) {
|
||||
// @include e(line) {
|
||||
// @include m(right) {
|
||||
// width: 28px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(dashed) {
|
||||
// @include e(line) {
|
||||
// background-color: transparent;
|
||||
// height: 0px;
|
||||
// width: 100%;
|
||||
// border-style: dashed;
|
||||
// border-width: 1px 0 0;
|
||||
// }
|
||||
// }
|
||||
// @include m(vertical) {
|
||||
// display: inline-block;
|
||||
// height: 1em;
|
||||
// margin: 0 8px;
|
||||
// vertical-align: middle;
|
||||
// width: 1px;
|
||||
// }
|
||||
// }
|
||||
// color: $--divider-text-color;
|
||||
// @include once {
|
||||
// @include e(line) {
|
||||
// border: none;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier, border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// height: 1px;
|
||||
// width: 100%;
|
||||
// margin: 0;
|
||||
// }
|
||||
// }
|
||||
// @include not-m(dashed) {
|
||||
// @include e(line) {
|
||||
// background-color: $--divider-border-color;
|
||||
// }
|
||||
// }
|
||||
// @include m(dashed) {
|
||||
// @include e(line) {
|
||||
// border-color: $--divider-border-color;
|
||||
// }
|
||||
// }
|
||||
// @include m(vertical) {
|
||||
// background-color: $--divider-border-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,61 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(drawer) {
|
||||
// @include once {
|
||||
// @include slide-in-from-right-transition($duration: .3s);
|
||||
// @include slide-in-from-left-transition($duration: .3s);
|
||||
// @include slide-in-from-top-transition($duration: .3s);
|
||||
// @include slide-in-from-bottom-transition($duration: .3s);
|
||||
// @include m(right-placement) {
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// right: 0;
|
||||
// }
|
||||
// @include m(left-placement) {
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// left: 0;
|
||||
// }
|
||||
// @include m(top-placement) {
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// }
|
||||
// @include m(bottom-placement) {
|
||||
// left: 0;
|
||||
// bottom: 0;
|
||||
// right: 0;
|
||||
// }
|
||||
// padding: 16px 24px;
|
||||
// position: absolute;
|
||||
// pointer-events: all;
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// background-color: $--drawer-background-color;
|
||||
// color: $--drawer-text-color;
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include b(drawer-overlay) {
|
||||
// @include fade-in-transition(drawer-overlay, $enter-duration: .3s, $leave-duration: .3s);
|
||||
// background-color: rgba(0, 0, 0, .3);
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// pointer-events: all;
|
||||
// }
|
||||
|
||||
// @include b(drawer-container) {
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// pointer-events: none;
|
||||
// overflow: hidden;
|
||||
// }
|
||||
@ -1,104 +0,0 @@
|
||||
// @import "./mixins/mixins.scss";
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(popover-content) {
|
||||
// @include b(dropdown-submenu-activator) {
|
||||
// @include e(arrow) {
|
||||
// fill: $--dropdown-item-suffix-fill;
|
||||
// }
|
||||
// }
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// @include b(dropdown-submenu-activator) {
|
||||
// display: inline-block;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: space-between;
|
||||
// @include e(arrow) {
|
||||
// position: relative;
|
||||
// right: -8px;
|
||||
// }
|
||||
// }
|
||||
// @include b(dropdown-menu) {
|
||||
// outline: none;
|
||||
// @include b(base-select-menu) {
|
||||
// margin-top: 0;
|
||||
// margin-bottom: 0;
|
||||
// @include m(small-size) {
|
||||
// padding-top: 4px;
|
||||
// padding-bottom: 4px;
|
||||
// @include b(base-select-option) {
|
||||
// padding: 0 16px;
|
||||
// }
|
||||
// @include b(dropdown-divider) {
|
||||
// margin: 0 0;
|
||||
// }
|
||||
// @include b(dropdown-submenu-activator) {
|
||||
// @include e(arrow) {
|
||||
// font-size: 16px;
|
||||
// margin-left: 12px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(medium-size) {
|
||||
// padding-top: 6px;
|
||||
// padding-bottom: 6px;
|
||||
// @include b(base-select-option) {
|
||||
// padding: 0 20px;
|
||||
// }
|
||||
// @include b(dropdown-divider) {
|
||||
// margin: 0 0;
|
||||
// }
|
||||
// @include b(dropdown-submenu-activator) {
|
||||
// @include e(arrow) {
|
||||
// font-size: 16px;
|
||||
// margin-left: 16px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(large-size) {
|
||||
// padding-top: 6px;
|
||||
// padding-bottom: 6px;
|
||||
// @include b(base-select-option) {
|
||||
// padding: 0 24px;
|
||||
// }
|
||||
// @include b(dropdown-divider) {
|
||||
// margin: 2px 0;
|
||||
// }
|
||||
// @include b(dropdown-submenu-activator) {
|
||||
// @include e(arrow) {
|
||||
// font-size: 16px;
|
||||
// margin-left: 20px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(huge-size) {
|
||||
// padding-top: 8px;
|
||||
// padding-bottom: 8px;
|
||||
// @include b(base-select-option) {
|
||||
// padding: 0 24px;
|
||||
// }
|
||||
// @include b(dropdown-submenu-activator) {
|
||||
// @include e(arrow) {
|
||||
// font-size: 16px;
|
||||
// margin-left: 20px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(dropdown-divider) {
|
||||
// margin: 2px 0;
|
||||
// }
|
||||
// @include b(dropdown-menu-wrapper) {
|
||||
// position: absolute !important;
|
||||
// }
|
||||
// @include b(dropdown-submenu) {
|
||||
// @include fade-in-scale-up-transition(dropdown-menu);
|
||||
// margin-top: 0;
|
||||
// margin-left: 6px;
|
||||
// margin-right: 6px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,47 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include once {
|
||||
// @include b(dynamic-input) {
|
||||
// width: 100%;
|
||||
// @include b(dynamic-input-item) {
|
||||
// margin-bottom: 10px;
|
||||
// display: flex;
|
||||
// flex-wrap: nowrap;
|
||||
// @include b(dynamic-input-preset-input) {
|
||||
// flex: 1;
|
||||
// }
|
||||
// @include b(dynamic-input-preset-pair) {
|
||||
// flex: 1;
|
||||
// display: flex;
|
||||
// @include b(dynamic-input-pair-input){
|
||||
// &:first-child {
|
||||
// margin-right: 12px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(action) {
|
||||
// width: 80px;
|
||||
// display: flex;
|
||||
// justify-content: flex-end;
|
||||
// align-items: flex-start;
|
||||
// flex-shrink: 0;
|
||||
// flex-grow: 0;
|
||||
// @include m(icon) {
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// }
|
||||
// &:last-child {
|
||||
// margin-bottom: 0;
|
||||
// }
|
||||
// }
|
||||
// @include b(form-item) {
|
||||
// padding-top: 0 !important;
|
||||
// margin-right: 0 !important;
|
||||
// @include b(form-item-blank) {
|
||||
// padding: 0 !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,52 +0,0 @@
|
||||
// @import "./mixins/mixins.scss";
|
||||
|
||||
// @mixin empty-size-mixin($size) {
|
||||
// @include m($size + '-size') {
|
||||
// font-size: map-get($--n-empty-font-size, $size);
|
||||
// @include e(icon) {
|
||||
// width: map-get($--n-empty-icon-size, $size);
|
||||
// height: map-get($--n-empty-icon-size, $size);
|
||||
// font-size: map-get($--n-empty-icon-size, $size);
|
||||
// line-height: map-get($--n-empty-icon-size, $size);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(empty) {
|
||||
// @include once {
|
||||
// @include empty-size-mixin('small');
|
||||
// @include empty-size-mixin('medium');
|
||||
// @include empty-size-mixin('large');
|
||||
// @include empty-size-mixin('huge');
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// align-items: center;
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// @include e(icon) {
|
||||
// @include once {
|
||||
// transition: fill .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// @include b(icon) {
|
||||
// fill: $--empty-icon-color;
|
||||
// stroke: $--empty-icon-color;
|
||||
// }
|
||||
// }
|
||||
// @include e(description) {
|
||||
// @include once {
|
||||
// margin-top: 4px;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: $--empty-text-color;
|
||||
// }
|
||||
// @include e(extra) {
|
||||
// @include once {
|
||||
// text-align: center;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// margin-top: 16px;
|
||||
// }
|
||||
// color: $--empty-extra-text-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,172 +0,0 @@
|
||||
@import './mixins/mixins.scss';
|
||||
|
||||
@include b(form) {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
@include m(inline) {
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: flex-start;
|
||||
align-content: space-around;
|
||||
@include b(form-item) {
|
||||
width: auto;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$form-item-label-height: (
|
||||
'small': 20px,
|
||||
'medium': 22px,
|
||||
'large': 24px
|
||||
) !global;
|
||||
|
||||
@mixin form-item-size-mixin ($size) {
|
||||
$form-item-feedback-font-size: (
|
||||
'small': 13px,
|
||||
'medium': 14px,
|
||||
'large': 14px
|
||||
) !global;
|
||||
@include m($size + '-size') {
|
||||
@include m(top-labelled) {
|
||||
@include m(no-label) {
|
||||
padding-top: map-get($form-item-label-height, $size);
|
||||
}
|
||||
@include b(form-item-label) {
|
||||
font-size: map-get($--n-font-size, $size) - 1px;
|
||||
height: map-get($form-item-label-height, $size);
|
||||
}
|
||||
}
|
||||
@include m(left-labelled) {
|
||||
@include b(form-item-label) {
|
||||
font-size: map-get($--n-font-size, $size);
|
||||
height: map-get($--n-height, $size) + 6px;
|
||||
line-height: map-get($--n-height, $size) + 6px;
|
||||
}
|
||||
}
|
||||
@include b(form-item-blank) {
|
||||
min-height: map-get($--n-height, $size);
|
||||
}
|
||||
@include b(form-item-feedback-wrapper) {
|
||||
font-size: map-get($--n-font-size, $size) - 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include themes-mixin {
|
||||
@include b(form-item) {
|
||||
@include once {
|
||||
width: 100%;
|
||||
@include form-item-size-mixin('small');
|
||||
@include form-item-size-mixin('medium');
|
||||
@include form-item-size-mixin('large');
|
||||
@include m(top-labelled) {
|
||||
margin-right: 18px;
|
||||
@include m(no-label) {
|
||||
padding-top: map-get($form-item-label-height, 'medium');
|
||||
}
|
||||
@include b(form-item-label) {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding-bottom: 8px;
|
||||
padding-left: 2px;
|
||||
}
|
||||
}
|
||||
@include m(left-labelled) {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
@include b(form-item-label) {
|
||||
box-sizing: border-box;
|
||||
padding-right: 12px;
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
}
|
||||
@include b(form-item-control) {
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
@include m(right-label-aligned) {
|
||||
@include b(form-item-label) {
|
||||
text-align: right;
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include m(left-label-aligned) {
|
||||
@include b(form-item-label) {
|
||||
text-align: left;
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include b(form-item-blank) {
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
min-height: map-get($--n-height, 'medium');
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
@include b(form-item-blank) {
|
||||
@include m(error) {
|
||||
& + {
|
||||
@include b(form-item-feedback-wrapper) {
|
||||
color: map-get($--form-item-feedback-text-color, 'error');
|
||||
}
|
||||
}
|
||||
}
|
||||
@include m(warning) {
|
||||
& + {
|
||||
@include b(form-item-feedback-wrapper) {
|
||||
color: map-get($--form-item-feedback-text-color, 'warning');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include m(required) {
|
||||
@include b(form-item-label) {
|
||||
&::after, &::before {
|
||||
@include once {
|
||||
content: ' *';
|
||||
}
|
||||
color: $--form-item-required-asterisk;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include b(form-item-label) {
|
||||
@include once {
|
||||
display: inline-block;
|
||||
height: map-get($form-item-label-height, 'medium');
|
||||
box-sizing: border-box;
|
||||
font-size: 14px;
|
||||
transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
&::after {
|
||||
transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
}
|
||||
}
|
||||
color: $--form-item-label-text-color;
|
||||
}
|
||||
@include b(form-item-feedback-wrapper) {
|
||||
@include once {
|
||||
padding-left: 2px;
|
||||
padding-top: 0px;
|
||||
box-sizing: border-box;
|
||||
min-height: 1.5em;
|
||||
font-size: 14px;
|
||||
transform-origin: top left;
|
||||
line-height: 1.5;
|
||||
transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
@include b(form-item-feedback) {
|
||||
@include fade-down-transition($name: form-item-feedback, $from-offset: -3px);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,25 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @mixin gradient-text-type-mixin ($type) {
|
||||
// @include m($type + '-type') {
|
||||
// background-image: map-get($--gradient-text-background-image, $type);
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(gradient-text) {
|
||||
// @include once {
|
||||
// display: inline-block;
|
||||
// font-weight: $--n-strong-weight;
|
||||
// font-size: inherit;
|
||||
// background-clip: text;
|
||||
// color: transparent;
|
||||
// white-space: nowrap;
|
||||
// }
|
||||
// @include gradient-text-type-mixin(default);
|
||||
// @include gradient-text-type-mixin(success);
|
||||
// @include gradient-text-type-mixin(warning);
|
||||
// @include gradient-text-type-mixin(error);
|
||||
// @include gradient-text-type-mixin(info);
|
||||
// }
|
||||
// }
|
||||
@ -1,40 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include b(row) {
|
||||
// @include m(flex) {
|
||||
// display: flex;
|
||||
// }
|
||||
// width: 100%;
|
||||
// }
|
||||
|
||||
// @mixin col-size-mixin ($span) {
|
||||
// @include m($span + '-span') {
|
||||
// width: percentage($number: 1 / 24 * $span);
|
||||
// }
|
||||
// @include m($span + '-offset') {
|
||||
// margin-left: percentage($number: 1 / 24 * $span);
|
||||
// }
|
||||
// @include m($span + '-push') {
|
||||
// left: percentage($number: 1 / 24 * $span);
|
||||
// }
|
||||
// @include m($span + '-pull') {
|
||||
// right: percentage($number: 1 / 24 * $span);
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include b(col) {
|
||||
// vertical-align: top;
|
||||
// box-sizing: border-box;
|
||||
// display: inline-block;
|
||||
// position: relative;
|
||||
// z-index: auto;
|
||||
// @for $i from 1 through 24 {
|
||||
// @include col-size-mixin($i);
|
||||
// }
|
||||
// @include e(box) {
|
||||
// position: relative;
|
||||
// z-index: auto;
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// }
|
||||
// }
|
||||
@ -1,37 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(icon) {
|
||||
// @include once {
|
||||
// height: 1em;
|
||||
// width: 1em;
|
||||
// line-height: 1em;
|
||||
// text-align: center;
|
||||
// display: inline-block;
|
||||
// position: relative;
|
||||
// transition: $--n-icon-transition;
|
||||
// svg {
|
||||
// transition: opacity .3s $--n-ease-in-out-cubic-bezier;
|
||||
// height: 1em;
|
||||
// width: 1em;
|
||||
// }
|
||||
// }
|
||||
// fill: $--n-base-text-color;
|
||||
// stroke: $--n-base-text-color;
|
||||
// @include m(primary-depth) {
|
||||
// svg {
|
||||
// opacity: $--n-primary-opacity;
|
||||
// }
|
||||
// }
|
||||
// @include m(secondary-depth) {
|
||||
// svg {
|
||||
// opacity: $--n-secondary-opacity;
|
||||
// }
|
||||
// }
|
||||
// @include m(tertiary-depth) {
|
||||
// svg {
|
||||
// opacity: $--n-tertiary-opacity;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,212 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(layout) {
|
||||
// color: $--layout-text-color;
|
||||
// background-color: $--layout-background-color;
|
||||
// @include once {
|
||||
// box-sizing: border-box;
|
||||
// position: relative;
|
||||
// z-index: auto;
|
||||
// transition:
|
||||
// margin-left .3s $--n-ease-in-out-cubic-bezier,
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// flex: auto;
|
||||
// overflow-x: hidden;
|
||||
// @include m(has-sider) {
|
||||
// display: flex;
|
||||
// flex-wrap: nowrap;
|
||||
// width: 100%;
|
||||
// flex-direction: row;
|
||||
// }
|
||||
// @include m(absolute-positioned) {
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// @include b(layout-sider) {
|
||||
// z-index: 1;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(layout-header) {
|
||||
// @include once {
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// box-shadow .3s $--n-ease-in-out-cubic-bezier,
|
||||
// border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// box-sizing: border-box;
|
||||
// width: 100%;
|
||||
// @include m(absolute-positioned) {
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// }
|
||||
// }
|
||||
// background-color: $--layout-header-background-color;
|
||||
// @include m(bordered) {
|
||||
// border-bottom: solid 1px $--layout-header-border-color;
|
||||
// }
|
||||
// }
|
||||
// @include b(layout-content) {
|
||||
// @include once {
|
||||
// box-sizing: border-box;
|
||||
// position: relative;
|
||||
// z-index: auto;
|
||||
// }
|
||||
// transition:
|
||||
// margin-left .3s $--n-ease-in-out-cubic-bezier,
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// @include b(layout-footer) {
|
||||
// @include once {
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// box-sizing: border-box;
|
||||
// @include m(absolute-positioned) {
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// bottom: 0;
|
||||
// }
|
||||
// }
|
||||
// @include m(bordered) {
|
||||
// border-top: solid 1px $--layout-footer-border-color;
|
||||
// }
|
||||
// }
|
||||
// @include b(layout-sider) {
|
||||
// @include once {
|
||||
// box-sizing: border-box;
|
||||
// position: relative;
|
||||
// z-index: auto;
|
||||
// transition:
|
||||
// min-width .3s $--n-ease-in-out-cubic-bezier,
|
||||
// max-width .3s $--n-ease-in-out-cubic-bezier,
|
||||
// transform .3s $--n-ease-in-out-cubic-bezier,
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include e(border) {
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// right: 0;
|
||||
// bottom: 0;
|
||||
// width: 1px;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// }
|
||||
// background-color: $--layout-sider-background-color;
|
||||
// @include b(layout-toggle-button) {
|
||||
// @include once {
|
||||
// z-index: 1;
|
||||
// transition:
|
||||
// transform .3s $--n-ease-in-out-cubic-bezier,
|
||||
// fill .3s $--n-ease-in-out-cubic-bezier;
|
||||
// cursor: pointer;
|
||||
// width: 36px;
|
||||
// height: 36px;
|
||||
// position: absolute;
|
||||
// top: 50%;
|
||||
// right: 0;
|
||||
// transform: translateX(50%) translateY(-50%);
|
||||
// }
|
||||
// fill: $--layout-sider-toggle-button-fill;
|
||||
// }
|
||||
// @include b(layout-toggle-bar) {
|
||||
// @include once {
|
||||
// cursor: pointer;
|
||||
// height: 72px;
|
||||
// width: 32px;
|
||||
// position: absolute;
|
||||
// top: calc(50% - 36px);
|
||||
// right: -28px;
|
||||
// @include e(top, bottom) {
|
||||
// position: absolute;
|
||||
// width: 4px;
|
||||
// border-radius: 2px;
|
||||
// height: 38px;
|
||||
// left: 14px;
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// transform .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// @include e(bottom) {
|
||||
// position: absolute;
|
||||
// top: 34px;
|
||||
// }
|
||||
// &:hover {
|
||||
// @include e(top) {
|
||||
// transform: rotate(12deg) scale(1.15) translateY(-2px);
|
||||
// }
|
||||
// @include e(bottom) {
|
||||
// transform: rotate(-12deg) scale(1.15) translateY(2px);
|
||||
// }
|
||||
// }
|
||||
// @include m(collapsed) {
|
||||
// &:hover {
|
||||
// @include e(top) {
|
||||
// transform: rotate(-12deg) scale(1.15) translateY(-2px);
|
||||
// }
|
||||
// @include e(bottom) {
|
||||
// transform: rotate(12deg) scale(1.15) translateY(2px);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(top, bottom) {
|
||||
// background-color: map-get(
|
||||
// $--layout-sider-toggle-bar-background-color,
|
||||
// 'default'
|
||||
// );
|
||||
// }
|
||||
// &:hover {
|
||||
// @include e(top, bottom) {
|
||||
// background-color: map-get(
|
||||
// $--layout-sider-toggle-bar-background-color,
|
||||
// 'hover'
|
||||
// );
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include once {
|
||||
// @include e(content) {
|
||||
// opacity: 0;
|
||||
// transition: opacity .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// }
|
||||
// @include once {
|
||||
// @include m(show-content) {
|
||||
// @include e(content) {
|
||||
// opacity: 1;
|
||||
// }
|
||||
// }
|
||||
// @include m(collapsed) {
|
||||
// @include b(layout-toggle-button) {
|
||||
// transform: translateX(50%) translateY(-50%) rotate(180deg);
|
||||
// }
|
||||
// }
|
||||
// @include m(absolute-positioned) {
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// @include e(content) {
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(bordered) {
|
||||
// @include e(border) {
|
||||
// background-color: $--layout-sider-border-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,85 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(list) {
|
||||
// @include once {
|
||||
// font-size: 14px;
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// padding: 0;
|
||||
// list-style-type: none;
|
||||
// }
|
||||
// color: $--list-text-color;
|
||||
// @include m(bordered) {
|
||||
// background-color: map-get(
|
||||
// $--list-background-color,
|
||||
// 'default'
|
||||
// );
|
||||
// @include once {
|
||||
// border-radius: $--n-list-border-radius;
|
||||
// }
|
||||
// border: 1px solid $--list-border-color;
|
||||
// @include b(list-item) {
|
||||
// @include once {
|
||||
// padding: 12px 20px;
|
||||
// }
|
||||
// &:not(:last-child) {
|
||||
// border-bottom: 1px solid $--list-border-color;
|
||||
// }
|
||||
// }
|
||||
// @include e(header, footer) {
|
||||
// @include once {
|
||||
// padding: 12px 20px;
|
||||
// }
|
||||
// &:not(:last-child) {
|
||||
// border-bottom: 1px solid $--list-border-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(header, footer) {
|
||||
// @include once {
|
||||
// padding: 12px 0;
|
||||
// box-sizing: border-box;
|
||||
// transition: border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// &:not(:last-child) {
|
||||
// border-bottom: 1px solid $--list-border-color;
|
||||
// }
|
||||
// }
|
||||
// @include b(list-item) {
|
||||
// @include once {
|
||||
// padding: 12px 0;
|
||||
// box-sizing: border-box;
|
||||
// display: flex;
|
||||
// flex-wrap: nowrap;
|
||||
// align-items: center;
|
||||
// transition: border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include e(prefix) {
|
||||
// margin-right: 20px;
|
||||
// flex: 0;
|
||||
// }
|
||||
// @include e(suffix) {
|
||||
// margin-left: 20px;
|
||||
// flex: 0;
|
||||
// }
|
||||
// @include e(main) {
|
||||
// flex: 1;
|
||||
// }
|
||||
// }
|
||||
// &:not(:last-child) {
|
||||
// border-bottom: 1px solid $--list-border-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include as-modal-content {
|
||||
// @include b(list) {
|
||||
// @include m(bordered) {
|
||||
// background-color: map-get(
|
||||
// $--list-background-color, 'modal'
|
||||
// );
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,35 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(loading-bar-container) {
|
||||
// @include once {
|
||||
// @include fade-in-transition(loading-bar-container, .3s, .8s);
|
||||
// z-index: 5999;
|
||||
// position: fixed;
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// height: 2px;
|
||||
// }
|
||||
// @include b(loading-bar) {
|
||||
// @include once {
|
||||
// width: 100%;
|
||||
// transition: max-width 4s linear, background-color .2s linear;
|
||||
// max-width: 0;
|
||||
// }
|
||||
// height: $--loading-bar-height;
|
||||
// @include m(starting) {
|
||||
// background-color: map-get($map: $--loading-bar-background-color, $key: 'loading');
|
||||
// transition: max-width 4s linear, background-color .2s linear;
|
||||
// }
|
||||
// @include m(finishing) {
|
||||
// background-color: map-get($map: $--loading-bar-background-color, $key: 'loading');
|
||||
// transition: max-width .2s linear, background-color .2s linear;
|
||||
// }
|
||||
// @include m(error) {
|
||||
// background-color: map-get($map: $--loading-bar-background-color, $key: 'error');
|
||||
// transition: max-width .2s linear, background-color .2s linear;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,60 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(log) {
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// font-size: 14px;
|
||||
// box-sizing: border-box;
|
||||
// transition:
|
||||
// border-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include e(lines) {
|
||||
// margin: 0;
|
||||
// white-space: pre-wrap;
|
||||
// }
|
||||
// @include e(line) {
|
||||
// font-family: $--n-mono-font-family;
|
||||
// margin: 0;
|
||||
// }
|
||||
// }
|
||||
// color: $--log-text-color;
|
||||
// @include b(log-loader) {
|
||||
// @include once {
|
||||
// @include fade-in-width-expand-transition($duration: .3s, $delay: 0s);
|
||||
// transition:
|
||||
// color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// box-sizing: border-box;
|
||||
// position: absolute;
|
||||
// right: 16px;
|
||||
// top: 8px;
|
||||
// height: 34px;
|
||||
// border-radius: 17px;
|
||||
// line-height: 34px;
|
||||
// white-space: nowrap;
|
||||
// overflow: hidden;
|
||||
// @include e(content) {
|
||||
// display: inline-block;
|
||||
// vertical-align: bottom;
|
||||
// line-height: 34px;
|
||||
// padding-left: 40px;
|
||||
// padding-right: 20px;
|
||||
// white-space: nowrap;
|
||||
// }
|
||||
// @include b(base-loading) {
|
||||
// position: absolute;
|
||||
// left: 12px;
|
||||
// top: calc(50% - 10px);
|
||||
// font-size: 20px;
|
||||
// width: 20px;
|
||||
// height: 20px;
|
||||
// display: inline-block;
|
||||
// }
|
||||
// }
|
||||
// border: 1px solid $--log-loader-border-color;
|
||||
// color: $--log-loader-text-color;
|
||||
// background-color: $--log-loader-background-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,309 +0,0 @@
|
||||
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin() {
|
||||
// @include b(menu) {
|
||||
// color: $--menu-item-text-color;
|
||||
// @include once {
|
||||
// overflow: hidden;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// width: 100%;
|
||||
// box-sizing: border-box;
|
||||
// font-size: 14px;
|
||||
// @include m(transition-disabled) {
|
||||
// @include b(menu-item-content) {
|
||||
// @include e(icon) {
|
||||
// @include b(icon) {
|
||||
// transition: none !important;
|
||||
// }
|
||||
// }
|
||||
// @include b(menu-item-content-header) {
|
||||
// transition: none !important;
|
||||
// @include e(extra) {
|
||||
// transition: none !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(horizontal) {
|
||||
// @include b(menu-list) {
|
||||
// @include once {
|
||||
// display: flex;
|
||||
// @include b(submenu) {
|
||||
// margin: 0;
|
||||
// }
|
||||
// }
|
||||
// @include b(menu-item) {
|
||||
// @include once {
|
||||
// margin: 0;
|
||||
// &::after {
|
||||
// background-color: transparent !important;
|
||||
// }
|
||||
// }
|
||||
// @include m(selected) {
|
||||
// @include b(menu-item-content) {
|
||||
// border-bottom: 2px solid $--menu-horizontal-border-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(menu-item-content) {
|
||||
// @include once {
|
||||
// padding: 0 20px;
|
||||
// border-bottom: 2px solid transparent;
|
||||
// }
|
||||
// @include m(child-selected) {
|
||||
// border-bottom: 2px solid $--menu-horizontal-border-color;
|
||||
// }
|
||||
// @include not-m(disabled) {
|
||||
// &:hover {
|
||||
// border-bottom: 2px solid $--menu-horizontal-border-color;
|
||||
// }
|
||||
// @include m(hover) {
|
||||
// border-bottom: 2px solid $--menu-horizontal-border-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(collapsed) {
|
||||
// @include b(menu-list) {
|
||||
// @include b(menu-item) {
|
||||
// @include once {
|
||||
// &::after {
|
||||
// background-color: transparent !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(menu-item-content) {
|
||||
// @include once {
|
||||
// @include b(menu-item-content-header) {
|
||||
// opacity: 0;
|
||||
// }
|
||||
// @include e(arrow) {
|
||||
// opacity: 0;
|
||||
// }
|
||||
// }
|
||||
// @include e(icon) {
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--menu-item-content-icon-color, 'collapsed');
|
||||
// stroke: map-get($--menu-item-content-icon-color, 'collapsed');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(menu-list) {
|
||||
// @include once {
|
||||
// list-style: none;
|
||||
// margin: 0;
|
||||
// padding: 0;
|
||||
// @include b(menu-item) {
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// list-style: none;
|
||||
// height: 42px;
|
||||
// margin-top: 6px;
|
||||
// }
|
||||
// @include b(submenu) {
|
||||
// cursor: pointer;
|
||||
// position: relative;
|
||||
// margin-top: 6px;
|
||||
// @include b(menu-item-content) {
|
||||
// height: 42px;
|
||||
// }
|
||||
// @include b(submenu-content) {
|
||||
// overflow: hidden; // margin overlay work around, Todo, refactor
|
||||
// padding: 0;
|
||||
// list-style: none;
|
||||
// @include fade-in-height-expand-transition($duration: .2s);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(menu-item) {
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// &::after {
|
||||
// content: "";
|
||||
// background-color: transparent;
|
||||
// position: absolute;
|
||||
// left: 8px;
|
||||
// right: 8px;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// border-radius: $--n-border-radius;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// pointer-events: none;
|
||||
// }
|
||||
// }
|
||||
// @include not-m(disabled) {
|
||||
// &:active {
|
||||
// &::after {
|
||||
// background-color: $--menu-item-background-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(selected) {
|
||||
// &::after {
|
||||
// background-color: $--menu-item-background-color;
|
||||
// }
|
||||
// @include b(menu-item-content) {
|
||||
// @include e(icon) {
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--menu-item-content-icon-color, 'selected');
|
||||
// stroke: map-get($--menu-item-content-icon-color, 'selected');
|
||||
// }
|
||||
// }
|
||||
// @include b(menu-item-content-header) {
|
||||
// color: map-get($--menu-item-content-text-color, 'selected');
|
||||
// @include e(extra) {
|
||||
// color: map-get($--menu-item-content-extra-text-color, 'selected');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(menu-item-content) {
|
||||
// @include once {
|
||||
// box-sizing: border-box;
|
||||
// line-height: 1.75;
|
||||
// height: 100%;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// cursor: pointer;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier, padding-left .3s $--n-ease-in-out-cubic-bezier, border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// position: relative;
|
||||
// z-index: auto;
|
||||
// padding-right: 12px;
|
||||
// @include m(disabled) {
|
||||
// opacity: 0.45;
|
||||
// cursor: not-allowed;
|
||||
// }
|
||||
// @include m(collapsed) {
|
||||
// @include e(arrow) {
|
||||
// transition: transform 0.2s $--n-ease-in-out-cubic-bezier, opacity 0.2s $--n-ease-in-out-cubic-bezier, border-color 0.3s $--n-ease-in-out-cubic-bezier;
|
||||
// transform: rotate(225deg);
|
||||
// }
|
||||
// }
|
||||
// @include m(uncollapsable) {
|
||||
// cursor: default;
|
||||
// }
|
||||
// }
|
||||
// @include e(icon) {
|
||||
// @include once {
|
||||
// transition: font-size .3s $--n-ease-in-out-cubic-bezier, padding-right .3s $--n-ease-in-out-cubic-bezier;
|
||||
// box-sizing: content-box;
|
||||
// flex-shrink: 0;
|
||||
// padding-right: 8px;
|
||||
// display: inline-flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// }
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--menu-item-content-icon-color, 'default');
|
||||
// stroke: map-get($--menu-item-content-icon-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// @include e(arrow) {
|
||||
// border-left: 2px solid $--menu-submenu-arrow-color;
|
||||
// border-top: 2px solid $--menu-submenu-arrow-color;
|
||||
// @include once {
|
||||
// content: '';
|
||||
// height: 6px;
|
||||
// width: 6px;
|
||||
// position: absolute;
|
||||
// right: 24px;
|
||||
// top: calc(50% - 2px);
|
||||
// transform: rotate(45deg) ;
|
||||
// transform-origin: 25% 25%;
|
||||
// opacity: 1;
|
||||
// transition: transform 0.2s $--n-ease-in-out-cubic-bezier, opacity 0.2s $--n-ease-in-out-cubic-bezier .1s, border-color 0.3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// }
|
||||
// @include b(menu-item-content-header) {
|
||||
// @include once {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier, opacity .3s $--n-ease-in-out-cubic-bezier;
|
||||
// opacity: 1;
|
||||
// flex-grow: 1;
|
||||
// flex-shrink: 1;
|
||||
// white-space: nowrap;
|
||||
// overflow: hidden;
|
||||
// text-overflow: ellipsis;
|
||||
// }
|
||||
// color: map-get($--menu-item-content-text-color, 'default');
|
||||
// @include e(extra) {
|
||||
// @include once {
|
||||
// white-space: nowrap;
|
||||
// margin-left: 6px;
|
||||
// display: inline-block;
|
||||
// transition: color 0.3s $--n-ease-in-out-cubic-bezier;
|
||||
// font-size: 13px;
|
||||
// }
|
||||
// color: map-get($--menu-item-content-extra-text-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// @include not-m(disabled) {
|
||||
// & {
|
||||
// @include not-m(uncollapsable) {
|
||||
// &:hover {
|
||||
// @include e(icon) {
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--menu-item-content-icon-color, 'hover');
|
||||
// stroke: map-get($--menu-item-content-icon-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// @include b(menu-item-content-header) {
|
||||
// color: map-get($--menu-item-content-text-color, 'hover');
|
||||
// @include e(extra) {
|
||||
// color: map-get($--menu-item-content-extra-text-color, 'selected');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(hover) {
|
||||
// @include e(icon) {
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--menu-item-content-icon-color, 'hover');
|
||||
// stroke: map-get($--menu-item-content-icon-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// @include b(menu-item-content-header) {
|
||||
// color: map-get($--menu-item-content-text-color, 'hover');
|
||||
// @include e(extra) {
|
||||
// color: map-get($--menu-item-content-extra-text-color, 'selected');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(child-selected) {
|
||||
// @include b(menu-item-content-header) {
|
||||
// color: map-get($--menu-item-content-text-color, 'child-selected');
|
||||
// @include e(extra) {
|
||||
// color: map-get($--menu-item-content-extra-text-color, 'child-selected');
|
||||
// }
|
||||
// }
|
||||
// @include e(icon) {
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--menu-item-content-icon-color, 'child-selected');
|
||||
// stroke: map-get($--menu-item-content-icon-color, 'child-selected');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(menu-item-group) {
|
||||
// @include b(menu-item-group-title) {
|
||||
// margin-top: 6px;
|
||||
// color: $--menu-item-group-text-color;
|
||||
// @include once {
|
||||
// cursor: default;
|
||||
// font-size: 13px;
|
||||
// height: 36px;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// transition: padding-left .3s $--n-ease-in-out-cubic-bezier, color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,133 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @mixin message-type-mixin ($type) {
|
||||
// @include m($type + '-type') {
|
||||
// color: map-get($--message-text-color, $type);
|
||||
// background-color: map-get($map: $--message-background-color, $key: $type);
|
||||
// box-shadow: map-get($map: $--message-box-shadow, $key: $type);
|
||||
// @include e(icon) {
|
||||
// @include b(icon) {
|
||||
// fill: $--message-icon-color;
|
||||
// stroke: $--message-icon-color;
|
||||
// }
|
||||
// }
|
||||
// @if $type == 'loading' {
|
||||
// @include e(close) {
|
||||
// @include b(icon) {
|
||||
// cursor: pointer;
|
||||
// fill: map-get($--message-loading-close-color, 'default');
|
||||
// stroke: map-get($--message-loading-close-color, 'default');
|
||||
// &:hover {
|
||||
// fill: map-get($--message-loading-close-color, 'hover');
|
||||
// stroke: map-get($--message-loading-close-color, 'hover');
|
||||
// }
|
||||
// &:active {
|
||||
// fill: map-get($--message-loading-close-color, 'active');
|
||||
// stroke: map-get($--message-loading-close-color, 'active');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include b(message-container) {
|
||||
// @include once {
|
||||
// z-index: 6000;
|
||||
// position: fixed;
|
||||
// top: 12px;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// height: 0;
|
||||
// overflow: visible;
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// align-items: center;
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(message) {
|
||||
// @include once {
|
||||
// display: flex;
|
||||
// transition:
|
||||
// color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// box-shadow .3s $--n-ease-in-out-cubic-bezier,
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// opacity .3s $--n-ease-in-out-cubic-bezier,
|
||||
// transform .3s $--n-ease-in-out-cubic-bezier,
|
||||
// max-height .3s $--n-ease-in-out-cubic-bezier,
|
||||
// margin-bottom .3s $--n-ease-in-out-cubic-bezier;
|
||||
// max-height: 40px;
|
||||
// opacity: 1;
|
||||
// margin-bottom: 12px;
|
||||
// padding: 0 40px;
|
||||
// height: 40px;
|
||||
// border-radius: 20px;
|
||||
// flex-shrink: 0;
|
||||
// font-weight: 400;
|
||||
// overflow: hidden;
|
||||
// &#{&}-transition-enter, &#{&}-transition-leave-to {
|
||||
// opacity: 0;
|
||||
// transform: translateY(-12px) scale(.5);
|
||||
// transform-origin: top center;
|
||||
// max-height: 0;
|
||||
// margin-bottom: 0;
|
||||
// }
|
||||
// }
|
||||
// @include once {
|
||||
// @include e(content) {
|
||||
// display: inline-block;
|
||||
// height: 40px;
|
||||
// line-height: 40px;
|
||||
// font-size: 15px;
|
||||
// }
|
||||
// @include e(icon) {
|
||||
// margin-right: 10px;
|
||||
// display: inline-flex;
|
||||
// height: 40px;
|
||||
// line-height: 40px;
|
||||
// align-items: center;
|
||||
// @include b(icon) {
|
||||
// @include b(base-loading) {
|
||||
// @include icon-switch-transition();
|
||||
// }
|
||||
// svg {
|
||||
// @include icon-switch-transition();
|
||||
// }
|
||||
// font-size: 20px;
|
||||
// }
|
||||
// }
|
||||
// @include e(close) {
|
||||
// height: 40px;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// font-size: 19px;
|
||||
// margin-left: 12px;
|
||||
// }
|
||||
// }
|
||||
// @include e(close) {
|
||||
// @include b(icon) {
|
||||
// cursor: pointer;
|
||||
// fill: map-get($--message-close-color, 'default');
|
||||
// stroke: map-get($--message-close-color, 'default');
|
||||
// &:hover {
|
||||
// fill: map-get($--message-close-color, 'hover');
|
||||
// stroke: map-get($--message-close-color, 'hover');
|
||||
// }
|
||||
// &:active {
|
||||
// fill: map-get($--message-close-color, 'active');
|
||||
// stroke: map-get($--message-close-color, 'active');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(closable) {
|
||||
// padding-right: 24px;
|
||||
// }
|
||||
// @include message-type-mixin('info');
|
||||
// @include message-type-mixin('success');
|
||||
// @include message-type-mixin('error');
|
||||
// @include message-type-mixin('warning');
|
||||
// @include message-type-mixin('loading');
|
||||
// }
|
||||
// }
|
||||
@ -1,88 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(modal-content) {
|
||||
// @include b(card) {
|
||||
// background-color: $--n-modal-background-color;
|
||||
// }
|
||||
// @include once {
|
||||
// @include b(confirm) {
|
||||
// width: 446px;
|
||||
// max-width: calc(100vw - 32px);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include b(modal-container) {
|
||||
// position: fixed;
|
||||
// left: 0;
|
||||
// top: 0;
|
||||
// height: 0;
|
||||
// width: 0;
|
||||
// display: flex;
|
||||
// }
|
||||
|
||||
// @include b(modal-overlay) {
|
||||
// position: fixed;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// background-color: rgba(0, 0, 0, .4);
|
||||
// &#{&}-transition-enter-active {
|
||||
// transition: background-color .3s cubic-bezier(0.0, 0.0, 0.2, 1);
|
||||
// }
|
||||
|
||||
// &#{&}-transition-leave-active {
|
||||
// transition: background-color .3s cubic-bezier(0.0, 0.0, 0.2, 1);
|
||||
// }
|
||||
|
||||
// &#{&}-transition-enter, &#{&}-transition-leave-to {
|
||||
// background-color: rgba(0, 0, 0, 0);
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include b(modal-content) {
|
||||
// position: fixed;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// overflow: visible;
|
||||
// & > {
|
||||
// @include b(scrollbar) {
|
||||
// & > {
|
||||
// @include b(scrollbar-container) {
|
||||
// & > {
|
||||
// @include b(scrollbar-content) {
|
||||
// min-height: 100%;
|
||||
// display: flex;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include not-m(active) {
|
||||
// visibility: hidden;
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include b(modal-content-slot) {
|
||||
// position: relative;
|
||||
// &#{&}-transition-enter-active {
|
||||
// opacity: 1;
|
||||
// transition: opacity .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(0.0, 0.0, 0.2, 1);
|
||||
// transform: $--n-transform-debounce-scale;
|
||||
// }
|
||||
// &#{&}-transition-leave-active {
|
||||
// opacity: 1;
|
||||
// transition: opacity .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(0.4, 0.0, 1, 1);
|
||||
// transform: $--n-transform-debounce-scale;
|
||||
// }
|
||||
// &#{&}-transition-enter, &#{&}-transition-leave-to {
|
||||
// opacity: 0;
|
||||
// transform: scale(.5);
|
||||
// }
|
||||
// }
|
||||
@ -1,209 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include b(notification-container) {
|
||||
// z-index: 4000;
|
||||
// position: fixed;
|
||||
// top: 12px;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// height: 0;
|
||||
// overflow: visible;
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// align-items: flex-end;
|
||||
// & > {
|
||||
// @include b(scrollbar) {
|
||||
// height: -moz-fit-content !important;
|
||||
// height: fit-content !important;
|
||||
// max-height: 100vh !important;
|
||||
// & > {
|
||||
// @include b(scrollbar-container) {
|
||||
// height: -moz-fit-content !important;
|
||||
// height: fit-content !important;
|
||||
// max-height: 100vh !important;
|
||||
// @include b(scrollbar-content) {
|
||||
// padding-top: 12px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
// @include m(scrollable) {
|
||||
// top: 0;
|
||||
// }
|
||||
// }
|
||||
|
||||
// @mixin notification-type-mixin ($type) {
|
||||
// @include m($type + '-type') {
|
||||
// @include e(avatar) {
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--notification-avatar-fill, $type);
|
||||
// stroke: map-get($--notification-avatar-fill, $type);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(notification) {
|
||||
// @include notification-type-mixin(success);
|
||||
// @include notification-type-mixin(info);
|
||||
// @include notification-type-mixin(warning);
|
||||
// @include notification-type-mixin(error);
|
||||
// @include notification-type-mixin(default);
|
||||
// background-color: $--notification-background-color;
|
||||
// color: $--notification-text-color;
|
||||
// @include once {
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// opacity .3s $--n-ease-in-out-cubic-bezier,
|
||||
// transform .3s $--n-ease-in-out-cubic-bezier,
|
||||
// max-height .3s $--n-ease-in-out-cubic-bezier,
|
||||
// margin-bottom .3s linear,
|
||||
// box-shadow .3s $--n-ease-in-out-cubic-bezier;
|
||||
// font-family: inherit;
|
||||
// font-size: 14px;
|
||||
// font-weight: 400;
|
||||
// position: relative;
|
||||
// display: flex;
|
||||
// overflow: hidden;
|
||||
// flex-shrink: 0;
|
||||
// margin-bottom: 12px;
|
||||
// margin-left: 12px;
|
||||
// margin-right: 16px;
|
||||
// padding-left: 16px;
|
||||
// padding-right: 16px;
|
||||
// width: 365px;
|
||||
// border-radius: $--n-notification-border-radius;
|
||||
// box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.18);
|
||||
// box-sizing: border-box;
|
||||
// opacity: 1;
|
||||
// &-transition-enter, &-transition-leave-to {
|
||||
// opacity: 0;
|
||||
// margin-bottom: 0;
|
||||
// transform: translateX(calc(100% + 16px));
|
||||
// }
|
||||
// &-transition-leave, &-transition-enter-to {
|
||||
// opacity: 1;
|
||||
// transform: translateX(0);
|
||||
// }
|
||||
// @include m(no-avatar) {
|
||||
// @include b(notification-main) {
|
||||
// margin-left: 8px;
|
||||
// width: calc(100% - 8px);
|
||||
// }
|
||||
// }
|
||||
// @include m(closable) {
|
||||
// @include b(notification-main) {
|
||||
// & > *:first-child {
|
||||
// padding-right: 20px
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(close) {
|
||||
// @include once {
|
||||
// position: absolute;
|
||||
// top: 16px;
|
||||
// right: 12px;
|
||||
// font-size: 20px;
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--notification-close-color, 'default');
|
||||
// stroke: map-get($--notification-close-color, 'default');
|
||||
// }
|
||||
// &:hover {
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--notification-close-color, 'hover');
|
||||
// stroke: map-get($--notification-close-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// &:active {
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--notification-close-color, 'active');
|
||||
// stroke: map-get($--notification-close-color, 'active');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(avatar) {
|
||||
// @include once {
|
||||
// position: absolute;
|
||||
// top: 16px;
|
||||
// left: 16px;
|
||||
// width: 28px;
|
||||
// height: 28px;
|
||||
// font-size: 28px;
|
||||
// }
|
||||
// }
|
||||
// @include b(notification-main) {
|
||||
// @include once {
|
||||
// padding-top: 16px;
|
||||
// padding-bottom: 16px;
|
||||
// box-sizing: border-box;
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// margin-left: 40px;
|
||||
// width: calc(100% - 40px);
|
||||
// @include b(notification-main-footer) {
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: space-between;
|
||||
// margin-top: 8px;
|
||||
// }
|
||||
// }
|
||||
// @include e(header) {
|
||||
// @include once {
|
||||
// font-weight: $--n-strong-weight;
|
||||
// font-size: 16px;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: $--notification-header-text-color;
|
||||
// }
|
||||
// @include e(description) {
|
||||
// @include once {
|
||||
// margin-top: 8px;
|
||||
// font-size: 12px;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: $--notification-description-text-color;
|
||||
// }
|
||||
// @include e(content) {
|
||||
// @include once {
|
||||
// line-height: 1.75;
|
||||
// margin: 12px 0 0 0;
|
||||
// font-family: inherit;
|
||||
// &:first-child {
|
||||
// margin: 0;
|
||||
// }
|
||||
// white-space: pre-wrap;
|
||||
// word-wrap: break-word;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: $--notification-content-text-color;
|
||||
// }
|
||||
// @include b(notification-main-footer) {
|
||||
// @include once {
|
||||
// margin-top: 12px;
|
||||
// }
|
||||
// @include e(meta) {
|
||||
// @include once {
|
||||
// font-size: 12px;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: $--notification-description-text-color;
|
||||
// }
|
||||
// @include e(action) {
|
||||
// @include once {
|
||||
// cursor: pointer;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: $--notification-action-text-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,128 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(pagination) {
|
||||
// @include once {
|
||||
// display: flex;
|
||||
// vertical-align: middle;
|
||||
// @include b(select) {
|
||||
// width: unset;
|
||||
// }
|
||||
// @include m(transition-disabled) {
|
||||
// @include b(pagination-item) {
|
||||
// transition: none;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(pagination-quick-jumper) {
|
||||
// @include once {
|
||||
// white-space: nowrap;
|
||||
// display: flex;
|
||||
// width: 110px;
|
||||
// line-height: 28px;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include b(input) {
|
||||
// margin: 0 8px;
|
||||
// input {
|
||||
// padding-left: 6px;
|
||||
// padding-right: 10px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// color: map-get($--pagination-item-text-color, "default");
|
||||
// }
|
||||
// @include b(pagination-item) {
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// cursor: pointer;
|
||||
// user-select: none;
|
||||
// min-width:28px;
|
||||
// height:28px;
|
||||
// padding-left: 4px;
|
||||
// padding-right: 4px;
|
||||
// box-sizing: border-box;
|
||||
// opacity: 1;
|
||||
// transition:
|
||||
// color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// box-shadow .3s $--n-ease-in-out-cubic-bezier,
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// opacity .3s $--n-ease-in-out-cubic-bezier,
|
||||
// fill .3s $--n-ease-in-out-cubic-bezier;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// border-radius: $--n-border-radius;
|
||||
// line-height: 28px;
|
||||
// &:not(:last-child) {
|
||||
// margin-right: 8px;
|
||||
// }
|
||||
// @include e(more-icon, arrow-icon) {
|
||||
// position: relative;
|
||||
// z-index: auto;
|
||||
// width: 16px;
|
||||
// height: 16px;
|
||||
// @include b(base-icon) {
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// }
|
||||
// }
|
||||
// @include m(fast-backward, fast-forward) {
|
||||
// @include e(more-icon) {
|
||||
// display: block;
|
||||
// }
|
||||
// @include e(arrow-icon) {
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// color: map-get($--pagination-item-text-color, 'default');
|
||||
// fill: map-get($--pagination-item-text-color, 'default');
|
||||
// @include m(active) {
|
||||
// background: map-get($--pagination-item-background-color, 'active');
|
||||
// color: map-get($--pagination-item-text-color, 'active');
|
||||
// box-shadow: inset 0 0 0 1px map-get($--pagination-item-border-color, 'active');
|
||||
// }
|
||||
// @include m(backward, forward) {
|
||||
// background-color: map-get($--pagination-item-background-color, 'default');
|
||||
// box-shadow: inset 0 0 0 1px map-get($--pagination-item-border-color, 'default');
|
||||
// }
|
||||
// @include not-m(disabled) {
|
||||
// &:hover {
|
||||
// color: map-get($--pagination-item-text-color, 'hover');
|
||||
// @include once {
|
||||
// @include m(fast-backward, fast-forward) {
|
||||
// @include e(more-icon) {
|
||||
// display: none;
|
||||
// }
|
||||
// @include e(arrow-icon) {
|
||||
// display: block;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// fill: map-get($--pagination-item-text-color, 'disabled');
|
||||
// color: map-get($--pagination-item-text-color, 'disabled');
|
||||
// @include m(active, backward, forward) {
|
||||
// background-color: map-get($--pagination-item-background-color, 'disabled');
|
||||
// box-shadow: inset 0 0 0 1px map-get($--pagination-item-border-color, 'disabled');
|
||||
// }
|
||||
// @include once {
|
||||
// cursor: not-allowed;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// @include once {
|
||||
// cursor: not-allowed;
|
||||
// }
|
||||
// @include b(pagination-quick-jumper) {
|
||||
// color: map-get($--pagination-text-color, "disabled");
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,33 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include b(popconfirm-content) {
|
||||
// padding: 4px 0;
|
||||
// @include m(no-icon) {
|
||||
// @include e(body) {
|
||||
// padding-left: 0;
|
||||
// }
|
||||
// }
|
||||
// @include e(body) {
|
||||
// font-size: 13px;
|
||||
// white-space: nowrap;
|
||||
// padding-left: 22px;
|
||||
// position: relative;
|
||||
// @include b(icon) {
|
||||
// position: absolute;
|
||||
// font-size: 18px;
|
||||
// left: 0;
|
||||
// top: 0;
|
||||
// }
|
||||
// }
|
||||
// @include e(action) {
|
||||
// margin-top: 14px;
|
||||
// display: flex;
|
||||
// justify-content: flex-end;
|
||||
// @include b(button) {
|
||||
// margin-right: 8px;
|
||||
// &:last-child {
|
||||
// margin-right: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,265 +0,0 @@
|
||||
// @import "./mixins/mixins.scss";
|
||||
|
||||
// @mixin popover-content-transition {
|
||||
// &#{&}-transition-enter-to, &#{&}-transition-leave {
|
||||
// transform: $--n-transform-debounce-scale;
|
||||
// opacity: 1;
|
||||
// }
|
||||
// &#{&}-transition-enter, &#{&}-transition-leave-to {
|
||||
// opacity: 0;
|
||||
// transform: scale(.85);
|
||||
// }
|
||||
// &#{&}-transition-enter-active {
|
||||
// transition: opacity .15s $--n-ease-out-cubic-bezier, transform .15s $--n-ease-out-cubic-bezier;
|
||||
// }
|
||||
// &#{&}-transition-leave-active {
|
||||
// transition: opacity .15s $--n-ease-in-cubic-bezier, transform .15s $--n-ease-in-cubic-bezier;
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(popover-content) {
|
||||
// @include once {
|
||||
// @include popover-content-transition;
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// transform-origin: inherit;
|
||||
// transform: $--n-transform-debounce-scale;
|
||||
// position: relative;
|
||||
// font-size: 13px;
|
||||
// @include m(styled) {
|
||||
// border-radius: $--n-popover-border-radius;
|
||||
// padding: 8px 14px;
|
||||
// }
|
||||
// @include m(fix-width) {
|
||||
// white-space: normal;
|
||||
// width: max-content;
|
||||
// box-sizing: border-box;
|
||||
// }
|
||||
// @include b(popover-arrow-wrapper) {
|
||||
// position: absolute;
|
||||
// overflow: hidden;
|
||||
// pointer-events: none;
|
||||
// @include b(popover-arrow) {
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// position: absolute;
|
||||
// display: block;
|
||||
// width: $--n-popover-arrow-width * 2;
|
||||
// height: $--n-popover-arrow-width * 2;
|
||||
// box-shadow: $--n-popover-arrow-box-shadow;
|
||||
// transform: rotate(45deg);
|
||||
// }
|
||||
// }
|
||||
// @include m(no-arrow) {
|
||||
// &[n-placement$="top-start"] {
|
||||
// margin-bottom: 6px;
|
||||
// }
|
||||
// &[n-placement$="top"] {
|
||||
// margin-bottom: 6px;
|
||||
// }
|
||||
// &[n-placement$="top-end"] {
|
||||
// margin-bottom: 6px;
|
||||
// }
|
||||
// &[n-placement$="bottom-start"] {
|
||||
// margin-top: 6px;
|
||||
// }
|
||||
// &[n-placement$="bottom"] {
|
||||
// margin-top: 6px;
|
||||
// }
|
||||
// &[n-placement$="bottom-end"] {
|
||||
// margin-top: 6px;
|
||||
// }
|
||||
// &[n-placement$="left-start"] {
|
||||
// margin-right: 6px;
|
||||
// }&[n-placement$="left"] {
|
||||
// margin-right: 6px;
|
||||
// }
|
||||
// &[n-placement$="left-end"] {
|
||||
// margin-right: 6px;
|
||||
// }
|
||||
// &[n-placement$="right-start"] {
|
||||
// margin-left: 6px;
|
||||
// }
|
||||
// &[n-placement$="right"] {
|
||||
// margin-left: 6px;
|
||||
// }
|
||||
// &[n-placement$="right-end"] {
|
||||
// margin-left: 6px;
|
||||
// }
|
||||
// }
|
||||
// &[n-placement$="top-start"] {
|
||||
// margin-bottom: 10px;
|
||||
// @include b(popover-arrow-wrapper) {
|
||||
// right: 0;
|
||||
// left: 0;
|
||||
// top: 100%;
|
||||
// height: $--n-popover-arrow-width * 2;
|
||||
// @include b(popover-arrow) {
|
||||
// top: -$--n-popover-arrow-width;
|
||||
// left: 10px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &[n-placement$="top"] {
|
||||
// margin-bottom: 10px;
|
||||
// @include b(popover-arrow-wrapper) {
|
||||
// right: 0;
|
||||
// left: 0;
|
||||
// top: 100%;
|
||||
// height: $--n-popover-arrow-width * 2;
|
||||
// @include b(popover-arrow) {
|
||||
// top: -$--n-popover-arrow-width;
|
||||
// transform: translateX(-$--n-popover-arrow-width) rotate(45deg) ;
|
||||
// left: 50%;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &[n-placement$="top-end"] {
|
||||
// margin-bottom: 10px;
|
||||
// @include b(popover-arrow-wrapper) {
|
||||
// right: 0;
|
||||
// left: 0;
|
||||
// top: 100%;
|
||||
// height: $--n-popover-arrow-width * 2;
|
||||
// @include b(popover-arrow) {
|
||||
// top: -$--n-popover-arrow-width;
|
||||
// right: 10px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &[n-placement$="bottom-start"] {
|
||||
// margin-top: 10px;
|
||||
// @include b(popover-arrow-wrapper) {
|
||||
// right: 0;
|
||||
// left: 0;
|
||||
// bottom: 100%;
|
||||
// height: $--n-popover-arrow-width * 2;
|
||||
// @include b(popover-arrow) {
|
||||
// bottom: -$--n-popover-arrow-width;
|
||||
// left: 10px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &[n-placement$="bottom"] {
|
||||
// margin-top: 10px;
|
||||
// @include b(popover-arrow-wrapper) {
|
||||
// right: 0;
|
||||
// left: 0;
|
||||
// bottom: 100%;
|
||||
// height: $--n-popover-arrow-width * 2;
|
||||
// @include b(popover-arrow) {
|
||||
// bottom: -$--n-popover-arrow-width;
|
||||
// transform: translateX(-$--n-popover-arrow-width) rotate(45deg) ;
|
||||
// left: 50%;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &[n-placement$="bottom-end"] {
|
||||
// margin-top: 10px;
|
||||
// @include b(popover-arrow-wrapper) {
|
||||
// right: 0;
|
||||
// left: 0;
|
||||
// bottom: 100%;
|
||||
// height: $--n-popover-arrow-width * 2;
|
||||
// @include b(popover-arrow) {
|
||||
// bottom: -$--n-popover-arrow-width;
|
||||
// right: 10px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &[n-placement$="left-start"] {
|
||||
// margin-right: 10px;
|
||||
// @include b(popover-arrow-wrapper) {
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// left: 100%;
|
||||
// width: $--n-popover-arrow-width * 2;
|
||||
// @include b(popover-arrow) {
|
||||
// left: -$--n-popover-arrow-width;
|
||||
// top: 10px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &[n-placement$="left"] {
|
||||
// margin-right: 10px;
|
||||
// @include b(popover-arrow-wrapper) {
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// left: 100%;
|
||||
// width: $--n-popover-arrow-width * 2;
|
||||
// @include b(popover-arrow) {
|
||||
// left: -$--n-popover-arrow-width;
|
||||
// transform: translateY(-$--n-popover-arrow-width) rotate(45deg) ;
|
||||
// top: 50%;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &[n-placement$="left-end"] {
|
||||
// margin-right: 10px;
|
||||
// @include b(popover-arrow-wrapper) {
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// left: 100%;
|
||||
// width: $--n-popover-arrow-width * 2;
|
||||
// @include b(popover-arrow) {
|
||||
// left: -$--n-popover-arrow-width;
|
||||
// bottom: 10px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &[n-placement$="right-start"] {
|
||||
// margin-left: 10px;
|
||||
// @include b(popover-arrow-wrapper) {
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// right: 100%;
|
||||
// width: $--n-popover-arrow-width * 2;
|
||||
// @include b(popover-arrow) {
|
||||
// right: -$--n-popover-arrow-width;
|
||||
// top: 10px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &[n-placement$="right"] {
|
||||
// margin-left: 10px;
|
||||
// @include b(popover-arrow-wrapper) {
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// right: 100%;
|
||||
// width: $--n-popover-arrow-width * 2;
|
||||
// @include b(popover-arrow) {
|
||||
// right: -$--n-popover-arrow-width;
|
||||
// transform: translateY(-$--n-popover-arrow-width) rotate(45deg) ;
|
||||
// top: 50%;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &[n-placement$="right-end"] {
|
||||
// margin-left: 10px;
|
||||
// @include b(popover-arrow-wrapper) {
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// right: 100%;
|
||||
// width: $--n-popover-arrow-width * 2;
|
||||
// @include b(popover-arrow) {
|
||||
// right: -$--n-popover-arrow-width;
|
||||
// bottom: 10px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(styled) {
|
||||
// background-color: $--popover-background-color;
|
||||
// }
|
||||
// color: $--popover-text-color;
|
||||
// @include b(popover-arrow-wrapper) {
|
||||
// @include b(popover-arrow) {
|
||||
// background-color: $--popover-background-color;
|
||||
// }
|
||||
// }
|
||||
// @include m(shadow) {
|
||||
// box-shadow: $--popover-box-shadow;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,7 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include b(popselect) {
|
||||
// @include b(base-select-menu) {
|
||||
// box-shadow: none !important;
|
||||
// }
|
||||
// }
|
||||
@ -1,268 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @mixin radio-group-size-mixin ($size) {
|
||||
// @include m($size + '-size') {
|
||||
// @include m(button-group) {
|
||||
// line-height: map-get($--n-height, $size);
|
||||
// height: map-get($--n-height, $size);
|
||||
// }
|
||||
// @include b(radio-button) {
|
||||
// line-height: map-get($--n-height, $size);
|
||||
// height: map-get($--n-height, $size);
|
||||
// font-size: map-get($--n-font-size, $size);
|
||||
// }
|
||||
// @include e(splitor) {
|
||||
// height: map-get($--n-height, $size);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @mixin radio-size-mixin ($size) {
|
||||
// @include m($size + '-size') {
|
||||
// font-size: map-get($--n-font-size, $size);
|
||||
// @include e(control) {
|
||||
// height: map-get($--n-radio-size, $size);
|
||||
// width: map-get($--n-radio-size, $size);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(radio) {
|
||||
// @include once {
|
||||
// @include radio-size-mixin('small');
|
||||
// @include radio-size-mixin('medium');
|
||||
// @include radio-size-mixin('large');
|
||||
// line-height: 1.25;
|
||||
// outline: none;
|
||||
// position: relative;
|
||||
// user-select: none;
|
||||
// display: inline-flex;
|
||||
// vertical-align: middle;
|
||||
// align-items: center;
|
||||
// @include e(radio-input) {
|
||||
// width: 0;
|
||||
// height: 0;
|
||||
// opacity: 0;
|
||||
// margin: 0;
|
||||
// }
|
||||
// }
|
||||
// @include e(control) {
|
||||
// @include once {
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// box-shadow .3s $--n-ease-in-out-cubic-bezier;
|
||||
// margin-right: 9px;
|
||||
// position: relative;
|
||||
// border-radius: 50%;
|
||||
// }
|
||||
// background-color: map-get($--radio-background-color, 'default');
|
||||
// box-shadow: map-get($--radio-box-shadow, 'default');
|
||||
// &::before {
|
||||
// @include once {
|
||||
// content: "";
|
||||
// opacity: 0;
|
||||
// position: absolute;
|
||||
// left: 4px;
|
||||
// top: 4px;
|
||||
// height: calc(100% - 8px);
|
||||
// width: calc(100% - 8px);
|
||||
// border-radius: 50%;
|
||||
// transform: scale(.8);
|
||||
// transition:
|
||||
// opacity .3s $--n-ease-in-out-cubic-bezier,
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// transform .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// background-color: map-get($--radio-control-background-color, 'active');
|
||||
// }
|
||||
// @include m(checked) {
|
||||
// box-shadow: map-get($--radio-box-shadow, 'active');
|
||||
// @include once {
|
||||
// &::before {
|
||||
// opacity: 1;
|
||||
// transform: scale(1);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(label) {
|
||||
// @include once {
|
||||
// display: inline-block;
|
||||
// white-space: nowrap;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: map-get($--radio-label-text-color, 'default');
|
||||
// }
|
||||
// @include not-m(disabled) {
|
||||
// @include once {
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// &:hover {
|
||||
// @include e(control) {
|
||||
// box-shadow: map-get($--radio-box-shadow, 'hover');
|
||||
// }
|
||||
// }
|
||||
// @include m(focus) {
|
||||
// &:not(:active) {
|
||||
// @include e(control) {
|
||||
// box-shadow: map-get($--radio-box-shadow, 'focus');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// @include once {
|
||||
// cursor: not-allowed;
|
||||
// }
|
||||
// @include e(control) {
|
||||
// box-shadow: map-get($--radio-box-shadow, 'disabled');
|
||||
// background-color: map-get($--radio-background-color, 'disabled');
|
||||
// &::before {
|
||||
// background-color: map-get($--radio-control-background-color, 'disabled');
|
||||
// }
|
||||
// @include once {
|
||||
// @include m(checked) {
|
||||
// transform: scale(1);
|
||||
// opacity: 1;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(label) {
|
||||
// color: map-get($--radio-label-text-color, 'disabled');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(radio-group) {
|
||||
// @include once {
|
||||
// @include radio-group-size-mixin('small');
|
||||
// @include radio-group-size-mixin('medium');
|
||||
// @include radio-group-size-mixin('large');
|
||||
// display: inline-block;
|
||||
// @include b(radio) {
|
||||
// margin-right: 18px;
|
||||
// }
|
||||
// @include m(button-group) {
|
||||
// white-space: nowrap;
|
||||
// height: 28px;
|
||||
// line-height: 28px;
|
||||
// }
|
||||
// @include m(transition-disabled) {
|
||||
// @include b(radio-button) {
|
||||
// transition: none !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(radio-button) {
|
||||
// @include once {
|
||||
// vertical-align: bottom;
|
||||
// outline: none;
|
||||
// position: relative;
|
||||
// user-select: none;
|
||||
// display: inline-block;
|
||||
// height: 28px;
|
||||
// line-height: 28px;
|
||||
// box-sizing: border-box;
|
||||
// padding-left: 14px;
|
||||
// padding-right: 14px;
|
||||
// white-space: nowrap;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier, opacity .3s $--n-ease-in-out-cubic-bezier, border-color .3s $--n-ease-in-out-cubic-bezier, color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include e(radio-input) {
|
||||
// width: 0;
|
||||
// height: 0;
|
||||
// opacity: 0;
|
||||
// margin: 0;
|
||||
// }
|
||||
// @include e(border-mask) {
|
||||
// pointer-events: none;
|
||||
// position: absolute;
|
||||
// box-shadow: inset 0 0 0 $--radio-border-mask-width transparent;
|
||||
// transition: box-shadow .3s $--n-ease-in-out-cubic-bezier;
|
||||
// left: -1px;
|
||||
// bottom: -1px;
|
||||
// right: -1px;
|
||||
// top: -1px;
|
||||
// }
|
||||
// }
|
||||
// color: map-get($--radio-button-label-color, 'default');
|
||||
// border-top: 1px solid map-get($--radio-button-border-color, 'default');
|
||||
// border-bottom: 1px solid map-get($--radio-button-border-color, 'default');
|
||||
|
||||
// &:first-child {
|
||||
// @include once {
|
||||
// border-top-left-radius: $--n-radio-button-border-radius;
|
||||
// border-bottom-left-radius: $--n-radio-button-border-radius;
|
||||
// @include e(border-mask) {
|
||||
// border-top-left-radius: $--n-radio-button-border-radius;
|
||||
// border-bottom-left-radius: $--n-radio-button-border-radius;
|
||||
// }
|
||||
// }
|
||||
// border-left: 1px solid map-get($--radio-button-border-color, 'default');
|
||||
// }
|
||||
// &:last-child {
|
||||
// @include once {
|
||||
// border-top-right-radius: $--n-radio-button-border-radius;
|
||||
// border-bottom-right-radius: $--n-radio-button-border-radius;
|
||||
// @include e(border-mask) {
|
||||
// border-top-right-radius: $--n-radio-button-border-radius;
|
||||
// border-bottom-right-radius: $--n-radio-button-border-radius;
|
||||
// }
|
||||
// }
|
||||
// border-right: 1px solid map-get($--radio-button-border-color, 'default');
|
||||
// }
|
||||
// @include not-m(disabled) {
|
||||
// @include once {
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// &:hover {
|
||||
// @include e(border-mask) {
|
||||
// box-shadow: map-get($--radio-button-box-shadow, 'hover');
|
||||
// @include once {
|
||||
// transition: box-shadow .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// }
|
||||
// @include not-m(checked) {
|
||||
// color: map-get($--radio-button-label-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// @include m(focus) {
|
||||
// &:not(:active) {
|
||||
// @include e(border-mask) {
|
||||
// box-shadow: map-get($--radio-button-box-shadow, 'focus')
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(checked) {
|
||||
// background-color: map-get($--radio-button-background-color, 'active');
|
||||
// color: map-get($--radio-button-label-color, 'active');
|
||||
// border-color: map-get($--radio-button-border-color, 'active');
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// @include once {
|
||||
// cursor: not-allowed;
|
||||
// }
|
||||
// opacity: $--radio-disabled-opacity;
|
||||
// }
|
||||
// }
|
||||
// @include e(splitor) {
|
||||
// @include once {
|
||||
// display: inline-block;
|
||||
// vertical-align: bottom;
|
||||
// height: 28px;
|
||||
// width: 1px;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier, opacity .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// background-color: map-get($--radio-button-border-color, 'default');
|
||||
// @include m(checked) {
|
||||
// background-color: map-get($--radio-button-border-color, 'active');
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// opacity: $--radio-disabled-opacity;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,79 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @mixin result-status-mixin ($status){
|
||||
// @include m($status + '-status') {
|
||||
// @include b(result-icon) {
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--result-icon-color, $status);
|
||||
// stroke: map-get($--result-icon-color, $status);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @mixin result-size-mixin ($size) {
|
||||
// @include m($size + '-size') {
|
||||
// @include b(result-icon) {
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// @include e(status-image) {
|
||||
// width: map-get($--n-result-icon-size, $size);
|
||||
// }
|
||||
// }
|
||||
// @include b(result-header) {
|
||||
// @include e(title) {
|
||||
// font-size: map-get($--n-result-header-font-size, $size);
|
||||
// }
|
||||
// @include e(description) {
|
||||
// font-size: map-get($--n-result-description-font-size, $size);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(result) {
|
||||
// color: $--result-description-text-color;
|
||||
// @include result-status-mixin('success');
|
||||
// @include result-status-mixin('info');
|
||||
// @include result-status-mixin('warning');
|
||||
// @include result-status-mixin('error');
|
||||
// @include once {
|
||||
// @include result-size-mixin('small');
|
||||
// @include result-size-mixin('medium');
|
||||
// @include result-size-mixin('large');
|
||||
// @include result-size-mixin('huge');
|
||||
// line-height: $--n-line-height;
|
||||
// font-size: 14px;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include b(result-icon) {
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// }
|
||||
// @include b(result-content) {
|
||||
// margin-top: 24px;
|
||||
// }
|
||||
// @include b(result-footer) {
|
||||
// margin-top: 24px;
|
||||
// text-align: center;
|
||||
// }
|
||||
// }
|
||||
// @include b(result-header) {
|
||||
// @include e(title) {
|
||||
// @include once {
|
||||
// margin-top: 16px;
|
||||
// font-weight: $--n-strong-weight;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// text-align: center;
|
||||
// }
|
||||
// color: $--result-header-text-color;
|
||||
// }
|
||||
// @include once {
|
||||
// @include e(description) {
|
||||
// margin-top: 4px;
|
||||
// text-align: center;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,82 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(scrollbar) {
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// z-index: auto;
|
||||
// height: 100%;
|
||||
// }
|
||||
// & > {
|
||||
// @include once {
|
||||
// @include b(scrollbar-container) {
|
||||
// width: 100%;
|
||||
// overflow: scroll;
|
||||
// height: 100%;
|
||||
// max-height: inherit;
|
||||
// scrollbar-width: none;
|
||||
// &::-webkit-scrollbar {
|
||||
// width: 0;
|
||||
// height: 0;
|
||||
// }
|
||||
// & > {
|
||||
// @include b(scrollbar-content) {
|
||||
// width: fit-content;
|
||||
// overflow: hidden;
|
||||
// min-width: 100%;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(scrollbar-rail) {
|
||||
// @include once {
|
||||
// position: absolute;
|
||||
// pointer-events: none;
|
||||
// user-select: none;
|
||||
// @include m(horizontal) {
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// bottom: 2.5px;
|
||||
// & > {
|
||||
// @include e(scrollbar) {
|
||||
// right: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(vertical) {
|
||||
// right: 2.5px;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// & > {
|
||||
// @include e(scrollbar) {
|
||||
// bottom: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// & > {
|
||||
// @include e(scrollbar) {
|
||||
// pointer-events: none;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// & > {
|
||||
// @include e(scrollbar) {
|
||||
// @include once {
|
||||
// @include fade-in-transition(scrollbar);
|
||||
// position: absolute;
|
||||
// cursor: pointer;
|
||||
// pointer-events: all;
|
||||
// }
|
||||
// background-color: map-get($--scrollbar-background-color, 'default');
|
||||
// transition: background-color .2s $--n-ease-in-out-cubic-bezier;
|
||||
// &:hover {
|
||||
// background-color: map-get($--scrollbar-background-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,52 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include once {
|
||||
// @include b(select) {
|
||||
// display: inline-block;
|
||||
// border: none;
|
||||
// outline: none;
|
||||
// width: 100%;
|
||||
// z-index: auto;
|
||||
// text-align: start;
|
||||
// vertical-align: baseline;
|
||||
// // transform: translateZ(0); // to avoid blink of activator when animation occurs nearby
|
||||
// @include not-m(multiple) {
|
||||
// @include m(small-size) {
|
||||
// height: 28px;
|
||||
// }
|
||||
// @include m(medium-size) {
|
||||
// height: 34px;
|
||||
// }
|
||||
// @include m(large-size) {
|
||||
// height: 40px;
|
||||
// }
|
||||
// }
|
||||
// @include m(small-size) {
|
||||
// line-height: 28px;
|
||||
// }
|
||||
// @include m(medium-size) {
|
||||
// line-height: 34px;
|
||||
// }
|
||||
// @include m(large-size) {
|
||||
// line-height: 40px;
|
||||
// }
|
||||
// @include m(small-size) {
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// @include m(medium-size) {
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// @include m(large-size) {
|
||||
// font-size: 15px;
|
||||
// }
|
||||
// }
|
||||
// @include b(select-menu) {
|
||||
// transform: $--n-transform-debounce-scale;
|
||||
// @include fade-in-scale-up-transition(
|
||||
// select-menu,
|
||||
// $original-transition: (background-color .3s $--n-ease-in-out-cubic-bezier)
|
||||
// );
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,140 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(slider) {
|
||||
// @include once {
|
||||
// display: block;
|
||||
// padding: 5px 0;
|
||||
// position: relative;
|
||||
// z-index: 0;
|
||||
// width: calc(100% - 14px);
|
||||
// margin-left: 7px;
|
||||
// margin-right: 7px;
|
||||
// cursor: pointer;
|
||||
// @include b(slider-marks) {
|
||||
// position: absolute;
|
||||
// top: 14px;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// @include b(slider-mark) {
|
||||
// position: absolute;
|
||||
// transform: translateX(-50%);
|
||||
// }
|
||||
// }
|
||||
// @include m(with-mark) {
|
||||
// width: calc(100% - 24px);
|
||||
// margin: 8px 12px 32px 12px;
|
||||
// }
|
||||
// }
|
||||
// &:hover {
|
||||
// @include b(slider-rail) {
|
||||
// background-color: map-get($--slider-rail-background-color, 'hover');
|
||||
// @include e(fill) {
|
||||
// background-color: map-get($--slider-rail-fill-background-color, 'hover');
|
||||
// }
|
||||
// @include b(slider-dots) {
|
||||
// @include b(slider-dot) {
|
||||
// box-shadow: map-get($--slider-dot-box-shadow, 'active');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(slider-handle) {
|
||||
// box-shadow: map-get($--slider-handle-box-shadow, 'hover');
|
||||
// }
|
||||
// }
|
||||
// @include m(active) {
|
||||
// @include b(slider-rail) {
|
||||
// background-color: map-get($--slider-rail-background-color, 'hover');
|
||||
// @include e(fill) {
|
||||
// background-color: map-get($--slider-rail-fill-background-color, 'hover');
|
||||
// }
|
||||
// @include b(slider-dots) {
|
||||
// @include b(slider-dot) {
|
||||
// box-shadow: map-get($--slider-dot-box-shadow, 'active');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(slider-handle) {
|
||||
// box-shadow: map-get($--slider-handle-box-shadow, 'hover');
|
||||
// }
|
||||
// }
|
||||
// @include b(slider-rail) {
|
||||
// @include once {
|
||||
// width: 100%;
|
||||
// position: relative;
|
||||
// }
|
||||
// height: $--n-slider-rail-height;
|
||||
// background-color: map-get($--slider-rail-background-color, 'default');
|
||||
// transition: background-color .2s $--n-ease-in-out-cubic-bezier;
|
||||
// border-radius: $--n-slider-rail-height / 2;
|
||||
// @include e(fill) {
|
||||
// @include once {
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// border-radius: $--n-slider-rail-height / 2;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// background-color: map-get($--slider-rail-fill-background-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// @include b(slider-handle) {
|
||||
// @include once {
|
||||
// outline: none;
|
||||
// height: $--n-slider-handle-size;
|
||||
// width: $--n-slider-handle-size;
|
||||
// border-radius: $--n-slider-handle-size / 2;
|
||||
// transition: box-shadow .2s $--n-ease-in-out-cubic-bezier, background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// transform: translateX(-50%);
|
||||
// overflow: hidden;
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// background-color: $--slider-handle-background-color;
|
||||
// box-shadow: map-get($--slider-handle-box-shadow, 'default');
|
||||
// &:hover {
|
||||
// box-shadow: map-get($--slider-handle-box-shadow, 'hover');
|
||||
// }
|
||||
// &:hover:focus {
|
||||
// box-shadow: map-get($--slider-handle-box-shadow, 'active');
|
||||
// }
|
||||
// &:focus {
|
||||
// box-shadow: map-get($--slider-handle-box-shadow, 'focus');
|
||||
// }
|
||||
// }
|
||||
// @include b(slider-dots) {
|
||||
// @include once {
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// top: 50%;
|
||||
// right: 0;
|
||||
// }
|
||||
// @include b(slider-dot) {
|
||||
// @include once {
|
||||
// transition: box-shadow .3s $--n-ease-in-out-cubic-bezier, background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// position: absolute;
|
||||
// transform: translateX(-50%) translateY(-50%);
|
||||
// height: $--n-slider-dot-size;
|
||||
// width: $--n-slider-dot-size;
|
||||
// border-radius: $--n-slider-dot-size / 2;
|
||||
// overflow: hidden;
|
||||
// }
|
||||
// box-shadow: map-get($--slider-dot-box-shadow, 'default');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(slider-handle-indicator) {
|
||||
// @include once {
|
||||
// @include fade-in-scale-up-transition(slider-indicator);
|
||||
// transform: $--n-transform-debounce-scale;
|
||||
// font-size: 14px;
|
||||
// padding: 8px 12px;
|
||||
// margin-bottom: 12px;
|
||||
// border-radius: 4px;
|
||||
// }
|
||||
// color: $--slider-indicator-text-color;
|
||||
// background-color: $--slider-indicator-background-color;
|
||||
// box-shadow: $--slider-indicator-box-shadow;
|
||||
// }
|
||||
// }
|
||||
@ -1,58 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include once {
|
||||
// @include b(spin) {
|
||||
// display: inline-block;
|
||||
// @include m(in-small-size) {
|
||||
// width: 14px;
|
||||
// height: 14px;
|
||||
// }
|
||||
// @include m(in-medium-size) {
|
||||
// width: 16px;
|
||||
// height: 16px;
|
||||
// }
|
||||
// @include m(in-large-size) {
|
||||
// width: 18px;
|
||||
// height: 18px;
|
||||
// }
|
||||
// @include m(small-size) {
|
||||
// width: 28px;
|
||||
// height: 28px;
|
||||
// }
|
||||
// @include m(medium-size) {
|
||||
// width: 34px;
|
||||
// height: 34px;
|
||||
// }
|
||||
// @include m(large-size) {
|
||||
// width: 40px;
|
||||
// height: 40px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(spin-container) {
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// @include b(spin) {
|
||||
// @include fade-in-transition(spin);
|
||||
// position: absolute;
|
||||
// top: 50%;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%) translateY(-50%);
|
||||
// }
|
||||
// @include b(spin-content) {
|
||||
// opacity: 1;
|
||||
// transition: opacity .3s $--n-ease-in-out-cubic-bezier;
|
||||
// pointer-events: all;
|
||||
// @include m(spinning) {
|
||||
// pointer-events: none;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(spin-content) {
|
||||
// @include m(spinning) {
|
||||
// opacity: $--spin-spinning-opacity;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,55 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(statistic) {
|
||||
// @include b(statistic-value) {
|
||||
// @include once {
|
||||
// margin-top: 4px;
|
||||
// font-weight: $--n-strong-weight;
|
||||
// }
|
||||
// @include e(prefix) {
|
||||
// @include once {
|
||||
// font-size: 18px;
|
||||
// transition: .3s color $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: $--statistic-value-prefix-text-color;
|
||||
// @include b(icon) {
|
||||
// @include once {
|
||||
// vertical-align: -0.125em;
|
||||
// }
|
||||
// fill: $--statistic-value-prefix-text-color;
|
||||
// stroke: $--statistic-value-prefix-text-color;
|
||||
// }
|
||||
// }
|
||||
// @include e(content) {
|
||||
// @include once {
|
||||
// font-size: 24px;
|
||||
// transition: .3s color $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: $--statistic-value-content-text-color;
|
||||
// }
|
||||
// @include e(suffix) {
|
||||
// @include once {
|
||||
// font-size: 18px;
|
||||
// transition: .3s color $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: $--statistic-value-suffix-text-color;
|
||||
// @include b(icon) {
|
||||
// @include once {
|
||||
// vertical-align: -0.125em;
|
||||
// }
|
||||
// fill: $--statistic-value-prefix-text-color;
|
||||
// stroke: $--statistic-value-prefix-text-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(label) {
|
||||
// @include once {
|
||||
// font-weight: $--n-strong-weight;
|
||||
// transition: .3s color $--n-ease-in-out-cubic-bezier;
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// color: $--statistic-value-label-text-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,185 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @mixin steps-size-mixin ($size) {
|
||||
// @include m($size + '-size') {
|
||||
// $title-font-size: map-get($--n-steps-header-font-size, $size);
|
||||
// $indicator-size: map-get($--n-steps-indicator-size, $size);
|
||||
// $indicator-icon-size: map-get($--n-steps-indicator-icon-size, $size);
|
||||
// $indicator-index-font-size: map-get($--n-steps-indicator-index-font-size, $size);
|
||||
// $indicator-title-margin-top: ($indicator-size - $title-font-size) / 2;
|
||||
// @include b(step-splitor) {
|
||||
// margin-top: $indicator-size / 2 - $indicator-title-margin-top;
|
||||
// }
|
||||
// @include m(vertical) {
|
||||
// @include b(step-splitor) {
|
||||
// left: $indicator-size / 2;
|
||||
// height: calc(100% - #{$indicator-size});
|
||||
// }
|
||||
// }
|
||||
// @include b(step-content) {
|
||||
// @include b(step-content-header) {
|
||||
// margin-top: $indicator-title-margin-top;
|
||||
// line-height: $title-font-size;
|
||||
// font-size: $title-font-size;
|
||||
// }
|
||||
// }
|
||||
// @include b(step-indicator) {
|
||||
// height: $indicator-size;
|
||||
// width: $indicator-size;
|
||||
// border-radius: $indicator-size / 2;
|
||||
// @include b(step-indicator-slot) {
|
||||
// width: $indicator-icon-size;
|
||||
// height: $indicator-icon-size;
|
||||
// font-size: $indicator-icon-size;
|
||||
// line-height: $indicator-icon-size;
|
||||
// @include e(index) {
|
||||
// font-size: $indicator-index-font-size;
|
||||
// width: $indicator-icon-size;
|
||||
// height: $indicator-icon-size;
|
||||
// line-height: $indicator-icon-size;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @mixin steps-status-mixin ($status) {
|
||||
// @include m($status) {
|
||||
// @include b(step-splitor) {
|
||||
// background-color: map-get($--steps-step-splitor-background-color, $status);
|
||||
// }
|
||||
// @include b(step-content) {
|
||||
// @include b(step-content-header) {
|
||||
// color: map-get($--steps-step-title-text-color, $status);
|
||||
// }
|
||||
// @include e(description) {
|
||||
// color: map-get($--steps-step-content-text-color, $status);
|
||||
// }
|
||||
// }
|
||||
// @include b(step-indicator) {
|
||||
// background-color: map-get($--steps-step-background-color, $status);
|
||||
// box-shadow: 0 0 0 1px map-get($--steps-step-border-color, $status);
|
||||
// @include b(step-indicator-slot) {
|
||||
// @include e(index) {
|
||||
// color: map-get($--steps-step-indicator-text-color, $status);
|
||||
// }
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--steps-step-indicator-text-color, $status);
|
||||
// stroke: map-get($--steps-step-indicator-text-color, $status);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(steps) {
|
||||
// @include once {
|
||||
// @include steps-size-mixin('small');
|
||||
// @include steps-size-mixin('medium');
|
||||
// width: 100%;
|
||||
// display: flex;
|
||||
// @include b(step-splitor) {
|
||||
// transition:
|
||||
// color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// height: 1px;
|
||||
// flex: 1;
|
||||
// align-self: flex-start;
|
||||
// margin-left: 12px;
|
||||
// margin-right: 12px;
|
||||
// }
|
||||
// @include b(step-content) {
|
||||
// flex: 1;
|
||||
// @include b(step-content-header) {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier, background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// position: relative;
|
||||
// display: flex;
|
||||
// font-weight: $--n-strong-weight;
|
||||
// margin-left: 9px;
|
||||
// @include e(title) {
|
||||
// white-space: nowrap;
|
||||
// flex: 0;
|
||||
// }
|
||||
// }
|
||||
// @include e(description) {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier, background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// margin-top: 12px;
|
||||
// margin-left: 9px;
|
||||
// }
|
||||
// }
|
||||
// @include b(step-indicator) {
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// box-shadow .3s $--n-ease-in-out-cubic-bezier;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// @include b(step-indicator-slot) {
|
||||
// position: relative;
|
||||
// @include e(index) {
|
||||
// @include icon-switch-transition();
|
||||
// display: inline-block;
|
||||
// text-align: center;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// top: 0;
|
||||
// transform: $--n-transform-debounce-scale;
|
||||
// }
|
||||
// @include b(icon) {
|
||||
// @include icon-switch-transition();
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(transition-disabled) {
|
||||
// @include b(step-indicator) {
|
||||
// @include b(step-indicator-slot) {
|
||||
// @include e(index) {
|
||||
// transition: none !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(vertical) {
|
||||
// flex-direction: column;
|
||||
// $step-margin-bottom: 16px;
|
||||
// @include b(step) {
|
||||
// margin-bottom: $step-margin-bottom;
|
||||
// &:last-child {
|
||||
// margin-bottom: 0;
|
||||
// }
|
||||
// }
|
||||
// @include b(step-indicator) {
|
||||
// @include b(step-splitor) {
|
||||
// position: absolute;
|
||||
// bottom: -$step-margin-bottom / 2;
|
||||
// width: 1px;
|
||||
// margin: 0 !important;
|
||||
// }
|
||||
// }
|
||||
// @include b(step-content) {
|
||||
// @include e(description) {
|
||||
// margin-top: 8px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(step) {
|
||||
// @include steps-status-mixin('finish');
|
||||
// @include steps-status-mixin('error');
|
||||
// @include steps-status-mixin('wait');
|
||||
// @include steps-status-mixin('process');
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// display: flex;
|
||||
// flex: 1;
|
||||
// &:last-child {
|
||||
// @include b(step-splitor) {
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,85 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin{
|
||||
// @include b(switch) {
|
||||
// @include once {
|
||||
// vertical-align: middle;
|
||||
// user-select: none;
|
||||
// display: inline-block;
|
||||
// outline: none;
|
||||
// }
|
||||
// @include e(rail) {
|
||||
// @include once {
|
||||
// cursor: pointer;
|
||||
// position: relative;
|
||||
// height: 14px;
|
||||
// width: 30px;
|
||||
// border-radius: 7px;
|
||||
// margin: 3px;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// &::before, &::after {
|
||||
// box-sizing: border-box;
|
||||
// cursor: inherit;
|
||||
// content: "";
|
||||
// position: absolute;
|
||||
// height: 20px;
|
||||
// width: 24px;
|
||||
// max-width: 20px;
|
||||
// border-radius: 10px;
|
||||
// top: -3px;
|
||||
// left: -3px;
|
||||
// background-size: 800% 800%;
|
||||
// transition:
|
||||
// left .3s $--n-ease-in-out-cubic-bezier,
|
||||
// opacity .3s $--n-ease-in-out-cubic-bezier,
|
||||
// max-width .3s $--n-ease-in-out-cubic-bezier,
|
||||
// background-position .3s $--n-ease-in-out-cubic-bezier,
|
||||
// box-shadow .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// &::before {
|
||||
// opacity: 1;
|
||||
// }
|
||||
// &::after {
|
||||
// opacity: 0;
|
||||
// }
|
||||
// @include not-m(disabled) {
|
||||
// &:active::before, &:active::after {
|
||||
// max-width: 24px;
|
||||
// }
|
||||
// @include m(active) {
|
||||
// &:active::before, &:active::after {
|
||||
// left: 9px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(active) {
|
||||
// &::before {
|
||||
// left: 13px;
|
||||
// opacity: 1;
|
||||
// }
|
||||
// &::after {
|
||||
// left: 13px;
|
||||
// opacity: 1;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &::before {
|
||||
// box-shadow: $--switch-switcher-box-shadow;
|
||||
// background-position: $--switch-background-position;
|
||||
// background-image: map-get($--switch-switcher-background-image, 'inactive');
|
||||
// }
|
||||
// &::after {
|
||||
// background-position: $--switch-background-position;
|
||||
// background-image: map-get($--switch-switcher-background-image, 'active');
|
||||
// }
|
||||
// background-color: map-get($--switch-rail-background-color, 'inactive');
|
||||
// @include m(active) {
|
||||
// background-color: map-get($--switch-rail-background-color, 'active');
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// cursor: not-allowed;
|
||||
// opacity: .5;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,125 +0,0 @@
|
||||
// @import "./mixins/mixins.scss";
|
||||
|
||||
// @mixin table-size-mixin () {
|
||||
// @include m(small-size) {
|
||||
// font-size: map-get($--n-font-size, 'medium');
|
||||
// @include e(th) {
|
||||
// padding: 5px 5px 5px 11px;
|
||||
// }
|
||||
// @include e(td) {
|
||||
// padding: 5px 5px 5px 11px;
|
||||
// }
|
||||
// }
|
||||
// @include m(medium-size) {
|
||||
// font-size: map-get($--n-font-size, 'medium');
|
||||
// @include e(th) {
|
||||
// padding: 10px 10px 10px 16px;
|
||||
// }
|
||||
// @include e(td) {
|
||||
// padding: 10px 10px 10px 16px;
|
||||
// }
|
||||
// }
|
||||
// @include m(large-size) {
|
||||
// font-size: map-get($--n-font-size, 'large');
|
||||
// @include e(th) {
|
||||
// padding: 15px 15px 15px 20px;
|
||||
// }
|
||||
// @include e(td) {
|
||||
// padding: 15px 15px 15px 20px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(table) {
|
||||
// @include once {
|
||||
// @include table-size-mixin;
|
||||
// font-variant-numeric: tabular-nums;
|
||||
// line-height: 1.75;
|
||||
// font-size: 14px;
|
||||
// width: 100%;
|
||||
// border-radius: $--n-popover-border-radius $--n-popover-border-radius 0 0;
|
||||
// text-align: left;
|
||||
// border-collapse: separate;
|
||||
// border-spacing: 0;
|
||||
// overflow: hidden;
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// border-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// background-color: map-get($--table-body-background-color, 'default');
|
||||
// @include e(th) {
|
||||
// @include once {
|
||||
// background-clip: padding-box;
|
||||
// white-space: nowrap;
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// border-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// text-align: inherit;
|
||||
// padding: 14px 12px;
|
||||
// vertical-align: inherit;
|
||||
// text-transform: none;
|
||||
// border: none;
|
||||
// font-weight: $--n-strong-weight;
|
||||
// }
|
||||
// color: $--table-header-text-color;
|
||||
// background-color: $--table-header-background-color;
|
||||
// border-color: $--table-border-color;
|
||||
// border-bottom: 1px solid $--table-border-color;
|
||||
// border-right: 1px solid $--table-border-color;
|
||||
// &:last-child {
|
||||
// border-right: none;
|
||||
// }
|
||||
// }
|
||||
// @include e(td) {
|
||||
// @include once {
|
||||
// transition:
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// border-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// padding: 12px;
|
||||
// }
|
||||
// color: $--table-body-text-color;
|
||||
// background-color: map-get($--table-body-background-color, 'default');
|
||||
// border-right: 1px solid $--table-border-color;
|
||||
// border-bottom: 1px solid $--table-border-color;
|
||||
// &:last-child {
|
||||
// border-right: none;
|
||||
// }
|
||||
// }
|
||||
// @include m(bordered) {
|
||||
// border: 1px solid $--table-border-color;
|
||||
// border-radius: $--n-popover-border-radius;
|
||||
// @include e(tr) {
|
||||
// &:last-child {
|
||||
// @include e(td) {
|
||||
// border-bottom: none;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(single-line) {
|
||||
// @include e(th) {
|
||||
// border-right: none;
|
||||
// }
|
||||
// @include e(td) {
|
||||
// border-right: none;
|
||||
// }
|
||||
// }
|
||||
// @include m(single-column) {
|
||||
// @include e(td) {
|
||||
// border-bottom: none;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include as-modal-content {
|
||||
// @include b(table) {
|
||||
// background-color: map-get($--table-body-background-color, 'modal');
|
||||
// @include e(td) {
|
||||
// background-color: map-get($--table-body-background-color, 'modal');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,237 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @mixin tabs-size-mixin ($size) {
|
||||
// @include m($size + '-size') {
|
||||
// @include m(line-type) {
|
||||
// @include b(tabs-label) {
|
||||
// @include e(label) {
|
||||
// font-size: map-get($--n-tabs-tab-font-size, $size);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(tabs) {
|
||||
// @include once {
|
||||
// @include tabs-size-mixin('small');
|
||||
// @include tabs-size-mixin('medium');
|
||||
// @include tabs-size-mixin('large');
|
||||
// @include tabs-size-mixin('huge');
|
||||
// width: 100%;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier, border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include m(flex) {
|
||||
// @include b(tabs-nav) {
|
||||
// @include b(tabs-nav-scroll) {
|
||||
// width: 100%;
|
||||
// @include b(tabs-label-wrapper) {
|
||||
// width: 100%;
|
||||
// @include b(tabs-label) {
|
||||
// margin-right: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(tabs-nav) {
|
||||
// @include once {
|
||||
// line-height: 1.75;
|
||||
// display: flex;
|
||||
// background-clip: padding-box;
|
||||
// transition: border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include b(tabs-nav-scroll) {
|
||||
// overflow: hidden;
|
||||
// }
|
||||
// }
|
||||
// @include b(tabs-nav-scroll-button) {
|
||||
// @include once {
|
||||
// font-size: 20px;
|
||||
// height: 20px;
|
||||
// line-height: 20px;
|
||||
// align-self: center;
|
||||
// cursor: pointer;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include m(left) {
|
||||
// margin-right: 8px;
|
||||
// }
|
||||
// @include m(right) {
|
||||
// margin-left: 8px;
|
||||
// }
|
||||
// }
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--tabs-tab-scroll-button-color, 'default');
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// @include once {
|
||||
// cursor: not-allowed;
|
||||
// }
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--tabs-tab-scroll-button-color, 'disabled');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(tabs-label-wrapper) {
|
||||
// @include once {
|
||||
// display: inline-block;
|
||||
// font-weight: $--n-strong-weight;
|
||||
// white-space: nowrap;
|
||||
// position: relative;
|
||||
// }
|
||||
// @include b(tabs-label-bar) {
|
||||
// @include once {
|
||||
// position: absolute;
|
||||
// bottom: 2px;
|
||||
// height: 2px;
|
||||
// border-radius: 1px;
|
||||
// transition: left .2s $--n-ease-in-out-cubic-bezier, max-width .2s $--n-ease-in-out-cubic-bezier, background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// background-color: $--tabs-tab-bar-background-color;
|
||||
// @include m(transition-disabled) {
|
||||
// transition: none;
|
||||
// }
|
||||
// }
|
||||
// @include b(tabs-label) {
|
||||
// @include once {
|
||||
// cursor: pointer;
|
||||
// white-space: nowrap;
|
||||
// flex-wrap: nowrap;
|
||||
// display: inline-flex;
|
||||
// align-items: center;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier, border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include m(disabled) {
|
||||
// cursor: not-allowed;
|
||||
// }
|
||||
// }
|
||||
// @include e(close) {
|
||||
// @include once {
|
||||
// margin-left: 8px;
|
||||
// font-size: 16px;
|
||||
// line-height: 16px;
|
||||
// height: 16px;
|
||||
// cursor: pointer;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// @include b(icon) {
|
||||
// fill: map-get($--tabs-tab-close-button-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// @include e(label) {
|
||||
// @include once {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: map-get($--tabs-tab-text-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(tab-panel) {
|
||||
// @include once {
|
||||
// width: 100%;
|
||||
// margin-top: 8px;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier, background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: $--tabs-panel-text-color;
|
||||
// }
|
||||
// @include m(line-type) {
|
||||
// @include once {
|
||||
// @include b(tabs-nav) {
|
||||
// @include b(tabs-nav-scroll-button) {
|
||||
// padding-bottom: 4px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(tabs-label) {
|
||||
// @include once {
|
||||
// box-sizing: border-box;
|
||||
// padding-bottom: 2px;
|
||||
// vertical-align: bottom;
|
||||
// @include e(label) {
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// &:not(:last-child) {
|
||||
// margin-right: 36px;
|
||||
// }
|
||||
// }
|
||||
// &:hover {
|
||||
// @include e(label) {
|
||||
// color: map-get($--tabs-tab-text-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// @include m(active) {
|
||||
// @include e(label) {
|
||||
// color: map-get($--tabs-tab-text-color, 'active');
|
||||
// }
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// @include e(label) {
|
||||
// color: map-get($--tabs-tab-text-color, 'disabled');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(card-type) {
|
||||
// @include b(tabs-nav) {
|
||||
// @include once {
|
||||
// box-sizing: border-box;
|
||||
// padding-top: 4px;
|
||||
// padding-bottom: 4px;
|
||||
// @include b(tabs-nav-scroll-button) {
|
||||
// @include m(left) {
|
||||
// margin-left: 2px;
|
||||
// margin-right: 2px;
|
||||
// }
|
||||
// @include m(right) {
|
||||
// margin-left: 2px;
|
||||
// margin-right: 2px;
|
||||
// }
|
||||
// }
|
||||
// @include b(tabs-label-bar) {
|
||||
// bottom: 0;
|
||||
// border-radius: 0;
|
||||
// }
|
||||
// }
|
||||
// border-top: 1px solid $--tabs-nav-border-color;
|
||||
// border-bottom: 1px solid $--tabs-nav-border-color;
|
||||
// }
|
||||
// @include b(tabs-label) {
|
||||
// @include once {
|
||||
// margin-right: 4px;
|
||||
// box-sizing: border-box;
|
||||
// height: 34px;
|
||||
// line-height: 34px;
|
||||
// padding: 0 16px;
|
||||
// position: relative;
|
||||
// vertical-align: bottom;
|
||||
// border-radius: $--n-tabs-border-radius;
|
||||
// border: 1px solid transparent;
|
||||
// }
|
||||
// @include e(label) {
|
||||
// @include once {
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// color: map-get($--tabs-card-tab-text-color, 'default')
|
||||
// }
|
||||
// &:hover {
|
||||
// background-color: $--tabs-card-tab-background-color;
|
||||
// }
|
||||
// @include m(active) {
|
||||
// background-color: $--tabs-card-tab-background-color;
|
||||
// border: 1px solid $--tabs-card-tab-border-color;
|
||||
// @include e(label) {
|
||||
// @include once {
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// color: map-get($--tabs-card-tab-text-color, 'active')
|
||||
// }
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// @include e(label) {
|
||||
// color: map-get($--tabs-tab-text-color, 'disabled');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,151 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @mixin tag-size-mixin($size) {
|
||||
// $height: map-get($--n-height, $size) - 6px;
|
||||
// $font-size: (
|
||||
// "small": 13px,
|
||||
// "medium": 14px,
|
||||
// "large": 14px
|
||||
// );
|
||||
// @include m($size + "-size") {
|
||||
// line-height: $height;
|
||||
// height: $height;
|
||||
// font-size: map-get($font-size, $size);
|
||||
// @include m(round) {
|
||||
// padding-left: $height / 2;
|
||||
// padding-right: $height / 2;
|
||||
// border-radius: $height / 2;
|
||||
// @include m(closable) {
|
||||
// padding-right: 10px + $height / 2;
|
||||
// @include e(close) {
|
||||
// right: $height / 2 - 6px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @mixin tag-type-mixin($type) {
|
||||
// @include m($type + '-type') {
|
||||
// @include not-m(checkable) {
|
||||
// box-shadow: inset 0 0 0 1px map-get($--tag-border-color, $type);
|
||||
// color: map-get($--tag-text-color, $type);
|
||||
// background-color: map-get($--tag-background-color, $type);
|
||||
// @include e(close) {
|
||||
// fill: map-get($--tag-close-color, $type);
|
||||
// }
|
||||
// @include not-m(disabled) {
|
||||
// @include e(close) {
|
||||
// &:hover {
|
||||
// fill: map-get($--tag-close-color, $type + '-hover');
|
||||
// }
|
||||
// &:active {
|
||||
// fill: map-get($--tag-close-color, $type + '-active');
|
||||
// }
|
||||
// }
|
||||
// &:hover {
|
||||
// background-color: map-get($--tag-background-color, $type + '-hover');
|
||||
// }
|
||||
// &:active {
|
||||
// background-color: map-get($--tag-background-color, $type + '-active');
|
||||
// }
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// box-shadow: inset 0 0 0 1px map-get($--tag-border-color, $type + '-disabled');
|
||||
// color: map-get($--tag-text-color, $type + '-disabled');
|
||||
// background-color: map-get($--tag-background-color, $type + '-disabled');
|
||||
// @include e(close) {
|
||||
// fill: map-get($--tag-close-color, $type + '-disabled');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(tag) {
|
||||
// @include once {
|
||||
// @include tag-size-mixin("small");
|
||||
// @include tag-size-mixin("medium");
|
||||
// @include tag-size-mixin("large");
|
||||
// white-space: nowrap;
|
||||
// position: relative;
|
||||
// padding: 0 7px;
|
||||
// border-radius: $--n-tag-border-radius;
|
||||
// box-sizing: border-box;
|
||||
// cursor: default;
|
||||
// display: inline-block;
|
||||
// transition: background-color .2s $--n-ease-in-out-cubic-bezier, color .3s $--n-ease-in-out-cubic-bezier, box-shadow .3s $--n-ease-in-out-cubic-bezier, opacity .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include e(close) {
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// @include m(checkable) {
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// cursor: not-allowed !important;
|
||||
// @include e(close) {
|
||||
// cursor: not-allowed !important;
|
||||
// }
|
||||
// @include m(checkable) {
|
||||
// opacity: .4;
|
||||
// }
|
||||
// }
|
||||
// @include m(closable) {
|
||||
// padding-right: 18px;
|
||||
// @include e(close) {
|
||||
// transition: fill .2s $--n-ease-in-out-cubic-bezier, color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// right: 3px;
|
||||
// top: 50%;
|
||||
// transform: translateY(-50%);
|
||||
// height: 14px;
|
||||
// width: 14px;
|
||||
// line-height: 14px;
|
||||
// position: absolute;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include tag-type-mixin('default');
|
||||
// @include tag-type-mixin('info');
|
||||
// @include tag-type-mixin('success');
|
||||
// @include tag-type-mixin('warning');
|
||||
// @include tag-type-mixin('error');
|
||||
// @include m(checkable) {
|
||||
// @include once {
|
||||
// box-shadow: none;
|
||||
// }
|
||||
// color: map-get($--tag-text-color, 'checkable-default');
|
||||
// background-color: map-get($--tag-background-color, 'checkable-default');
|
||||
// @include not-m(disabled) {
|
||||
// &:hover {
|
||||
// @include not-m(checked) {
|
||||
// color: map-get($--tag-text-color, 'checkable-hover');
|
||||
// }
|
||||
// background-color: map-get($--tag-background-color, 'checkable-hover');
|
||||
// }
|
||||
// &:active {
|
||||
// @include not-m(checked) {
|
||||
// color: map-get($--tag-text-color, 'checkable-active');
|
||||
// }
|
||||
// background-color: map-get($--tag-background-color, 'checkable-active');
|
||||
// }
|
||||
// }
|
||||
// @include m(checked) {
|
||||
// color: map-get($--tag-text-color, 'checkable-active');
|
||||
// background-color: map-get($--tag-background-color, 'checkable-active');
|
||||
// @include not-m(disabled) {
|
||||
// &:hover {
|
||||
// background-color: map-get($--tag-background-color, 'checkable-checked-hover');
|
||||
// }
|
||||
// &:active {
|
||||
// background-color: map-get($--tag-background-color, 'checkable-checked-active');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include b(dynamic-tags) {
|
||||
// display: inline-flex;
|
||||
// }
|
||||
@ -1,64 +0,0 @@
|
||||
// @import "./mixins/mixins.scss";
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(thing) {
|
||||
// @include once {
|
||||
// display: flex;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// font-size: 14px;
|
||||
// @include b(thing-avatar) {
|
||||
// margin-right: 12px;
|
||||
// margin-top: 2px;
|
||||
// }
|
||||
// @include b(thing-avatar-header-wrapper) {
|
||||
// display: flex;
|
||||
// flex-wrap: nowrap;
|
||||
// @include b(thing-header-wrapper) {
|
||||
// flex: 1;
|
||||
// }
|
||||
// }
|
||||
// @include b(thing-main) {
|
||||
// flex-grow: 1;
|
||||
// @include b(thing-header) {
|
||||
// display: flex;
|
||||
// margin-bottom: 4px;
|
||||
// @include e(title) {
|
||||
// font-size: 16px;
|
||||
// font-weight: $--n-strong-weight;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// justify-content: space-between;
|
||||
// align-items: center;
|
||||
// }
|
||||
// @include e(description) {
|
||||
// &:not(:last-child) {
|
||||
// margin-bottom: 4px;
|
||||
// }
|
||||
// }
|
||||
// @include e(content) {
|
||||
// &:not(:first-child) {
|
||||
// margin-top: 12px;
|
||||
// }
|
||||
// }
|
||||
// @include e(footer) {
|
||||
// &:not(:first-child) {
|
||||
// margin-top: 12px;
|
||||
// }
|
||||
// }
|
||||
// @include e(action) {
|
||||
// &:not(:first-child) {
|
||||
// margin-top: 12px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// color: $--thing-text-color;
|
||||
// @include b(thing-main) {
|
||||
// @include b(thing-header) {
|
||||
// @include e(title) {
|
||||
// color: $--thing-header-text-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
@ -1,120 +0,0 @@
|
||||
// @import "./mixins/mixins.scss";
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include once {
|
||||
// @include b(time-picker) {
|
||||
// position: relative;
|
||||
// display: inline-block;
|
||||
// }
|
||||
// }
|
||||
// @include b(time-picker) {
|
||||
// @include m(invalid) {
|
||||
// & > {
|
||||
// @include b(input) {
|
||||
// @include e(input) {
|
||||
// @include once {
|
||||
// text-decoration: line-through;
|
||||
// }
|
||||
// text-decoration-color: map-get($--time-picker-text-decoration-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(transition-disabled) {
|
||||
// & > {
|
||||
// @include b(input) {
|
||||
// input {
|
||||
// transition: none;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(time-picker-selector) {
|
||||
// @include once {
|
||||
// outline: none;
|
||||
// font-size: 12px;
|
||||
// border-radius: $--n-time-picker-border-radius;
|
||||
// margin: 4px 0;
|
||||
// min-width: 104px;
|
||||
// overflow: hidden;
|
||||
// transform: $--n-transform-debounce-scale;
|
||||
// @include fade-in-scale-up-transition(time-picker);
|
||||
// @include b(time-picker-selector-actions) {
|
||||
// height: 38px;
|
||||
// align-items: center;
|
||||
// display: flex;
|
||||
// justify-content: space-evenly;
|
||||
// @include e(confirm) {
|
||||
// @include m(disabled) {
|
||||
// cursor: not-allowed;
|
||||
// opacity: 0.5;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// background-color: $--time-picker-background-color;
|
||||
// box-shadow: $--time-picker-box-shadow;
|
||||
// @include b(time-picker-selector-time) {
|
||||
// @include once {
|
||||
// height: 224px;
|
||||
// display: flex;
|
||||
// position: relative;
|
||||
// }
|
||||
// border-bottom: 1px solid $--time-picker-divider-color;
|
||||
// }
|
||||
// @include b(time-picker-selector-time-row) {
|
||||
// @include once {
|
||||
// flex-grow: 1;
|
||||
// min-width: 52px;
|
||||
// height: 224px;
|
||||
// flex-direction: column;
|
||||
// transition: box-shadow .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include m(transition-disabled) {
|
||||
// @include e(item) {
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier, opacity .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(item) {
|
||||
// @include once {
|
||||
// cursor: pointer;
|
||||
// height: 32px;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier, background-color .3s $--n-ease-in-out-cubic-bezier, opacity .3s $--n-ease-in-out-cubic-bezier, text-decoration-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// background: transparent;
|
||||
// }
|
||||
// text-decoration-color: transparent;
|
||||
// color: map-get($--time-picker-text-color, 'default');
|
||||
// @include not-m(disabled) {
|
||||
// &:hover {
|
||||
// background-color: map-get($--time-picker-item-background-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// @include m(active) {
|
||||
// background-color: map-get($--time-picker-item-background-color, 'hover');
|
||||
// color: map-get($--time-picker-text-color, 'active');
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// opacity: $--time-picker-item-disabled-opacity;
|
||||
// @include once {
|
||||
// cursor: not-allowed;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(invalid) {
|
||||
// @include e(item) {
|
||||
// @include m(active) {
|
||||
// @include once {
|
||||
// text-decoration: line-through;
|
||||
// }
|
||||
// background-color: map-get($--time-picker-item-background-color, 'invalid');
|
||||
// text-decoration-color: map-get($--time-picker-text-decoration-color, 'active');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,136 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @mixin timeline-type-mixin ($type) {
|
||||
// @include m($type + '-type') {
|
||||
// @include b(timeline-item-timeline) {
|
||||
// @include e(circle) {
|
||||
// border-color: map-get($--timeline-item-circle-border-color, $type);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @mixin timeline-size-mixin ($size) {
|
||||
// @include m($size + '-size') {
|
||||
// @include b(timeline-item) {
|
||||
// @include b(timeline-item-content) {
|
||||
// @include e(title) {
|
||||
// margin-top: map-get($--n-timeline-header-margin-top, $size)
|
||||
// }
|
||||
// @include e(title) {
|
||||
// font-size: map-get($--n-timeline-header-font-size, $size);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(timeline) {
|
||||
// @include once {
|
||||
// @include timeline-size-mixin ("medium");
|
||||
// @include timeline-size-mixin ("large");
|
||||
// position: relative;
|
||||
// width: 100%;
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// @include m(right-placement) {
|
||||
// @include b(timeline-item) {
|
||||
// @include b(timeline-item-content) {
|
||||
// text-align: right;
|
||||
// margin-right: 26px;
|
||||
// }
|
||||
// @include b(timeline-item-timeline) {
|
||||
// width: 14px;
|
||||
// right: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(left-placement) {
|
||||
// @include b(timeline-item) {
|
||||
// @include b(timeline-item-content) {
|
||||
// margin-left: 26px;
|
||||
// }
|
||||
// @include b(timeline-item-timeline) {
|
||||
// left: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(timeline-item) {
|
||||
// @include timeline-type-mixin('default');
|
||||
// @include timeline-type-mixin('success');
|
||||
// @include timeline-type-mixin('info');
|
||||
// @include timeline-type-mixin('warning');
|
||||
// @include timeline-type-mixin('error');
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// &:last-child {
|
||||
// @include b(timeline-item-timeline) {
|
||||
// @include e(line) {
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(timeline-item-content) {
|
||||
// @include e(title) {
|
||||
// @include once {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// font-size: 14px;
|
||||
// font-weight: $--n-strong-weight;
|
||||
// margin-bottom: 6px;
|
||||
// }
|
||||
// color: $--timeline-item-title-color;
|
||||
// }
|
||||
// @include e(content) {
|
||||
// @include once {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// color: $--timeline-item-content-color;
|
||||
// }
|
||||
// @include e(meta) {
|
||||
// @include once {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// font-size: 12px;
|
||||
// margin-top: 6px;
|
||||
// margin-bottom: 20px;
|
||||
// }
|
||||
// color: $--timeline-item-meta-color;
|
||||
// }
|
||||
// }
|
||||
// @include b(timeline-item-timeline) {
|
||||
// @include once {
|
||||
// width: 26px;
|
||||
// position: absolute;
|
||||
// top: 2px;
|
||||
// bottom: 0;
|
||||
// height: 100%;
|
||||
// }
|
||||
// @include once {
|
||||
// @include e(circle) {
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier, border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// width: 14px;
|
||||
// height: 14px;
|
||||
// border-radius: 7px;
|
||||
// box-sizing: border-box;
|
||||
// border-style: solid;
|
||||
// border-width: 2px;
|
||||
// }
|
||||
// }
|
||||
// @include e(line) {
|
||||
// @include once {
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// position: absolute;
|
||||
// top: 14px;
|
||||
// left: 6px;
|
||||
// bottom: 0px;
|
||||
// width: 2px;
|
||||
// }
|
||||
// background-color: $--timeline-line-background-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,25 +0,0 @@
|
||||
// @import "./mixins/mixins.scss";
|
||||
|
||||
// @include themes-mixin {
|
||||
// .#{block(tooltip)} {
|
||||
// @include b(tooltip-content) {
|
||||
// @include once {
|
||||
// white-space: nowrap;
|
||||
// }
|
||||
// &.#{block(popover-content)} {
|
||||
// @include once {
|
||||
// padding: 8px 14px;
|
||||
// border-radius: $--n-tooltip-border-radius;
|
||||
// }
|
||||
// box-shadow: $--tooltip-box-shadow;
|
||||
// background-color: $--tooltip-background-color;
|
||||
// color: $--tooltip-text-color;
|
||||
// @include b(popover-arrow-wrapper) {
|
||||
// @include b(popover-arrow) {
|
||||
// background-color: $--tooltip-background-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,353 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @keyframes transfer-slide-in-from-left {
|
||||
// 0% {
|
||||
// transform: translateX(-150%);
|
||||
// }
|
||||
// 100% {
|
||||
// transform: translateX(0);
|
||||
// }
|
||||
// }
|
||||
|
||||
// @keyframes transfer-slide-out-to-right {
|
||||
// 0% {
|
||||
// transform: translateX(0);
|
||||
// }
|
||||
// 100% {
|
||||
// transform: translateX(150%);
|
||||
// }
|
||||
// }
|
||||
|
||||
// @keyframes transfer-slide-in-from-right {
|
||||
// 0% {
|
||||
// transform: translateX(150%);
|
||||
// }
|
||||
// 100% {
|
||||
// transform: translateX(0);
|
||||
// }
|
||||
// }
|
||||
|
||||
// @keyframes transfer-slide-out-to-left {
|
||||
// 0% {
|
||||
// transform: translateX(0);
|
||||
// }
|
||||
// 100% {
|
||||
// transform: translateX(-150%);
|
||||
// }
|
||||
// }
|
||||
|
||||
// @mixin transfer-animation-mixin($size) {
|
||||
// @keyframes transfer-height-collapse--#{$size} {
|
||||
// 0% {
|
||||
// max-height: map-get($--n-height, $size);
|
||||
// }
|
||||
// 100% {
|
||||
// max-height: 0;
|
||||
// }
|
||||
// }
|
||||
|
||||
// @keyframes transfer-height-expand--#{$size} {
|
||||
// 0% {
|
||||
// max-height: 0;
|
||||
// }
|
||||
// 100% {
|
||||
// max-height: map-get($--n-height, $size);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @mixin transfer-size-mixin($size) {
|
||||
// @include m($size + '-size') {
|
||||
// @include m(filterable) {
|
||||
// @include b(transfer-list) {
|
||||
// @include b(transfer-list-body) {
|
||||
// height: map-get($--n-height, $size) * 5.6 + 45px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(transfer-list) {
|
||||
// @include b(transfer-list-header) {
|
||||
// font-size: map-get($--n-font-size, $size);
|
||||
// height: map-get($--n-height, $size) + 6px;
|
||||
// }
|
||||
// @include b(empty) {
|
||||
// font-size: map-get($--n-font-size, $size);
|
||||
// }
|
||||
// @include b(transfer-list-body) {
|
||||
// height: map-get($--n-height, $size) * 5.6;
|
||||
// @include b(transfer-list-item) {
|
||||
// font-size: map-get($--n-font-size, $size);
|
||||
// height: map-get($--n-height, $size);
|
||||
// max-height: map-get($--n-height, $size);
|
||||
// @include m(source) {
|
||||
// @include m(enter) {
|
||||
// animation-name: transfer-height-expand--#{$size}, transfer-slide-in-from-right;
|
||||
// }
|
||||
// @include m(leave) {
|
||||
// animation-name: transfer-height-collapse--#{$size}, transfer-slide-out-to-right;
|
||||
// }
|
||||
// }
|
||||
// @include m(target) {
|
||||
// @include m(enter) {
|
||||
// animation-name: transfer-height-expand--#{$size}, transfer-slide-in-from-left;
|
||||
// }
|
||||
// @include m(leave) {
|
||||
// animation-name: transfer-height-collapse--#{$size}, transfer-slide-out-to-left;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include transfer-animation-mixin('small');
|
||||
// @include transfer-animation-mixin('medium');
|
||||
// @include transfer-animation-mixin('large');
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(transfer) {
|
||||
// @include once {
|
||||
// display: flex;
|
||||
// width: 444px;
|
||||
// // @include transfer-size-mixin('small');
|
||||
// // @include transfer-size-mixin('medium');
|
||||
// // @include transfer-size-mixin('large');
|
||||
// }
|
||||
// @include b(transfer-list) {
|
||||
// @include once {
|
||||
// background-clip: padding-box;
|
||||
// width: calc(50% - 36px);
|
||||
// position: relative;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// border-radius: $--n-transfer-border-radius;
|
||||
// @include b(virtual-scroller) {
|
||||
// height: 100%;
|
||||
// scrollbar-width: none;
|
||||
// -moz-scrollbar-width: none;
|
||||
// &::-webkit-scrollbar {
|
||||
// width: 0;
|
||||
// height: 0;
|
||||
// }
|
||||
// }
|
||||
// @include e(border-mask) {
|
||||
// transition: border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// border-radius: $--n-transfer-border-radius;
|
||||
// }
|
||||
// }
|
||||
// @include e(border-mask) {
|
||||
// border: 1px solid $--transfer-border-color;
|
||||
// pointer-events: $--transfer-list-border-mask-pointer-events;
|
||||
// }
|
||||
// background-color: map-get($--transfer-list-background-color, 'default');
|
||||
// @include b(transfer-list-header) {
|
||||
// @include once {
|
||||
// box-sizing: border-box;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier, border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// display: flex;
|
||||
// border-radius: $--n-transfer-border-radius $--n-transfer-border-radius 0 0;
|
||||
// align-items: center;
|
||||
// background-clip: padding-box;
|
||||
// @include e(checkbox) {
|
||||
// position: relative;
|
||||
// padding: 0 9px 0 14px;
|
||||
// @include b(checkbox) {
|
||||
// display: block;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// background-color: map-get($--transfer-list-header-background-color, 'default');
|
||||
// @include e(header) {
|
||||
// @include once {
|
||||
// flex: 1;
|
||||
// line-height: 1;
|
||||
// font-weight: $--n-strong-weight;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// color: map-get($--transfer-list-header-text-color, 'default');
|
||||
// @include m(disabled) {
|
||||
// color: map-get($--transfer-list-header-text-color, 'disabled');
|
||||
// }
|
||||
// }
|
||||
// @include e(extra) {
|
||||
// @include once {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// font-size: 12px;
|
||||
// justify-self: flex-end;
|
||||
// margin-right: 14px;
|
||||
// white-space: nowrap;
|
||||
// }
|
||||
// color: map-get($--transfer-list-header-extra-text-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// @include b(transfer-list-body) {
|
||||
// @include b(transfer-filter) {
|
||||
// border-bottom: 1px solid $--transfer-filter-border-color;
|
||||
// }
|
||||
// @include once {
|
||||
// box-sizing: border-box;
|
||||
// overflow: hidden;
|
||||
// position: relative;
|
||||
// height: 272px;
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// border-bottom-right-radius: $--n-transfer-border-radius;
|
||||
// border-bottom-left-radius: $--n-transfer-border-radius;
|
||||
// @include b(transfer-list-flex-container) {
|
||||
// flex: 1;
|
||||
// position: relative;
|
||||
// @include b(scrollbar) {
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// height: unset;
|
||||
// @include b(scrollbar-content) {
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
// @include b(empty) {
|
||||
// @include fade-in-transition;
|
||||
// position: absolute;
|
||||
// left: 50%;
|
||||
// top: 50%;
|
||||
// transform: translateY(-50%) translateX(-50%);
|
||||
// }
|
||||
// }
|
||||
// @include b(transfer-filter) {
|
||||
// padding: 8px 8px;
|
||||
// box-sizing: border-box;
|
||||
// transition: border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// }
|
||||
// @include b(transfer-list-content) {
|
||||
// @include once {
|
||||
// padding: 0;
|
||||
// margin: 0;
|
||||
// position: relative;
|
||||
// @include m(animation-disabled) {
|
||||
// @include b(transfer-list-item) {
|
||||
// animation: none !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(transfer-list-item) {
|
||||
// @include once {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// position: relative;
|
||||
// cursor: pointer;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// @include e(extra) {
|
||||
// text-overflow: ellipsis;
|
||||
// overflow: hidden;
|
||||
// white-space: nowrap;
|
||||
// padding-right: 4px;
|
||||
// }
|
||||
// @include m(source) {
|
||||
// animation-fill-mode: forwards;
|
||||
// @include m(enter) {
|
||||
// transform: translateX(150%);
|
||||
// animation-duration: .25s, .25s;
|
||||
// animation-timing-function: $--n-ease-in-out-cubic-bezier, $--n-ease-out-cubic-bezier;
|
||||
// animation-delay: 0s, .25s;
|
||||
// }
|
||||
// @include m(leave) {
|
||||
// transform: translateX(-150%);
|
||||
// animation-duration: .25s, .25s;
|
||||
// animation-timing-function: $--n-ease-in-out-cubic-bezier, $--n-ease-in-cubic-bezier;
|
||||
// animation-delay: .25s, 0s;
|
||||
// }
|
||||
// }
|
||||
// @include m(target) {
|
||||
// animation-fill-mode: forwards;
|
||||
// @include m(enter) {
|
||||
// transform: translateX(-150%);
|
||||
// animation-duration: .25s, .25s;
|
||||
// animation-timing-function: $--n-ease-in-out-cubic-bezier, $--n-ease-out-cubic-bezier;
|
||||
// animation-delay: 0s, .25s;
|
||||
// }
|
||||
// @include m(leave) {
|
||||
// transform: translateX(150%);
|
||||
// animation-duration: .25s, .25s;
|
||||
// animation-timing-function: $--n-ease-in-out-cubic-bezier, $--n-ease-in-cubic-bezier;
|
||||
// animation-delay: .25s, 0s;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// color: map-get($--transfer-item-text-color, 'default');
|
||||
// @include e(checkbox) {
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// padding: 0 9px 0 14px;
|
||||
// @include b(checkbox) {
|
||||
// display: block;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// @include once {
|
||||
// cursor: not-allowed;
|
||||
// }
|
||||
// color: map-get($--transfer-item-text-color, 'disabled');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(transfer-gap) {
|
||||
// @include once {
|
||||
// width: 72px;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// flex-direction: column;
|
||||
// }
|
||||
// @include b(transfer-button) {
|
||||
// @include once {
|
||||
// width: 36px;
|
||||
// height: 36px;
|
||||
// border-radius: 18px;
|
||||
// cursor: pointer;
|
||||
// &:first-child {
|
||||
// margin-bottom: 12px;
|
||||
// }
|
||||
// @include m(to) {
|
||||
// transform: rotate(180deg);
|
||||
// }
|
||||
// }
|
||||
// @include e(icon) {
|
||||
// @include once {
|
||||
// pointer-events: none;
|
||||
// transition: fill .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// fill: map-get($--transfer-gap-button-background-color, 'default');
|
||||
// }
|
||||
// &:hover {
|
||||
// @include e(icon) {
|
||||
// fill: map-get($--transfer-gap-button-background-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// &:active {
|
||||
// @include e(icon) {
|
||||
// fill: map-get($--transfer-gap-button-background-color, 'active');
|
||||
// }
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// @include once {
|
||||
// cursor: not-allowed;
|
||||
// }
|
||||
// @include e(icon) {
|
||||
// fill: map-get($--transfer-gap-button-background-color, 'disabled') !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,160 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(tree) {
|
||||
// @include once {
|
||||
// font-size: 14px;
|
||||
// ul, li {
|
||||
// margin: 0;
|
||||
// padding: 0;
|
||||
// list-style: none;
|
||||
// }
|
||||
// @include b(tree-children-wrapper) {
|
||||
// @include fade-in-height-expand-transition(fade-in-height-expand, .15s);
|
||||
// margin-left: 16px;
|
||||
// }
|
||||
// @include b(tree-node) {
|
||||
// padding: 3px 0 3px 0;
|
||||
// &:first-child {
|
||||
// padding-top: 6px;
|
||||
// }
|
||||
// &:last-child {
|
||||
// padding-bottom: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(tree-node-switcher) {
|
||||
// @include once {
|
||||
// cursor: pointer;
|
||||
// display: inline-flex;
|
||||
// height: 24px;
|
||||
// width: 24px;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// transition: transform .15s $--n-ease-in-out-cubic-bezier;
|
||||
// vertical-align: bottom;
|
||||
// }
|
||||
// @include e(icon) {
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// height: 14px;
|
||||
// width: 14px;
|
||||
// display: flex;
|
||||
// }
|
||||
// @include b(icon) {
|
||||
// @include once {
|
||||
// height: 14px;
|
||||
// width: 14px;
|
||||
// font-size: 14px;
|
||||
// @include icon-switch-transition;
|
||||
// }
|
||||
// fill: $--tree-node-switcher-color;
|
||||
// stroke: $--tree-node-switcher-color;
|
||||
// }
|
||||
// @include once {
|
||||
// @include b(base-loading) {
|
||||
// position: absolute;
|
||||
// left: 1px;
|
||||
// top: 1px;
|
||||
// height: 12px;
|
||||
// width: 12px;
|
||||
// @include icon-switch-transition($left: 1px, $top: 1px);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include once {
|
||||
// @include m(hide) {
|
||||
// visibility: hidden
|
||||
// }
|
||||
// @include m(expanded) {
|
||||
// transform: rotate(90deg);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(tree-node-checkbox) {
|
||||
// display: inline-flex;
|
||||
// height: 24px;
|
||||
// width: 16px;
|
||||
// vertical-align: bottom;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// margin-right: 4px;
|
||||
// }
|
||||
// @include b(tree-node-content) {
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// display: inline-flex;
|
||||
// height: 24px;
|
||||
// box-sizing: border-box;
|
||||
// border-bottom: 3px solid transparent;
|
||||
// border-top: 3px solid transparent;
|
||||
// line-height: 24px;
|
||||
// align-items: center;
|
||||
// vertical-align: bottom;
|
||||
// padding: 0 6px;
|
||||
// cursor: pointer;
|
||||
// border-radius: $--n-tree-node-border-radius;
|
||||
// text-decoration-color: transparent;
|
||||
// text-decoration-line: underline;
|
||||
// transition:
|
||||
// color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// text-decoration-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// &:last-child {
|
||||
// margin-bottom: 0;
|
||||
// }
|
||||
// @include e(padding-box) {
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// background-color: transparent;
|
||||
// }
|
||||
// @include e(text) {
|
||||
// line-height: 1.25;
|
||||
// border-bottom: 1px solid transparent;
|
||||
// transition: border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// @include m(block) {
|
||||
// width: calc(100% - 24px);
|
||||
// @include m(checkable) {
|
||||
// width: calc(100% - 48px);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// color: map-get($--tree-node-content-text-color, 'default');
|
||||
// &:hover {
|
||||
// background-color: map-get($--tree-node-background-color, 'hover');
|
||||
// }
|
||||
// &:active {
|
||||
// background-color: map-get($--tree-node-background-color, 'active');
|
||||
// }
|
||||
// @include m(hightlight) {
|
||||
// @include e(text) {
|
||||
// border-bottom-color: map-get($--tree-node-content-text-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// @include m(pending) {
|
||||
// @include once {
|
||||
// &:hover {
|
||||
// background-color: transparent;
|
||||
// }
|
||||
// }
|
||||
// @include m(pending-bottom) {
|
||||
// border-bottom: 3px solid map-get($--tree-node-background-color, 'hover');
|
||||
// }
|
||||
// @include m(pending-top) {
|
||||
// border-top: 3px solid map-get($--tree-node-background-color, 'hover');
|
||||
// }
|
||||
// @include m(pending-body) {
|
||||
// background-color: map-get($--tree-node-background-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// @include m(selected) {
|
||||
// background-color: map-get($--tree-node-background-color, 'selected');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,253 +0,0 @@
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// @mixin header-mixin($level) {
|
||||
// @include b('h' + $level) {
|
||||
// @include once {
|
||||
// font-size: map-get($--n-typography-header-font-size, $level);
|
||||
// font-weight: $--n-strong-weight;
|
||||
// margin: map-get($--n-typography-header-margin, $level);
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// &:first-child {
|
||||
// margin-top: 0
|
||||
// }
|
||||
// }
|
||||
// color: map-get($--typography-header-text-color, 'default');
|
||||
// @include m(prefix-bar) {
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// padding-left: map-get($--n-typography-header-prefix-width, $level);
|
||||
// @include m(align-text) {
|
||||
// padding-left: 0;
|
||||
// &::before {
|
||||
// left: -(map-get($--n-typography-header-prefix-width, $level));
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// &::before {
|
||||
// @include once {
|
||||
// content: '';
|
||||
// width: map-get($--n-typography-header-bar-width, $level);
|
||||
// border-radius: map-get($--n-typography-header-bar-width, $level) / 2;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// left: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// position: absolute;
|
||||
// }
|
||||
// background-color: map-get($--typography-header-prefix-color, 'default');
|
||||
// }
|
||||
// @include m(default-type) {
|
||||
// &::before {
|
||||
// background-color: map-get($--typography-header-prefix-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// @include m(primary-type) {
|
||||
// &::before {
|
||||
// background-color: map-get($--typography-header-prefix-color, 'primary');
|
||||
// }
|
||||
// }
|
||||
// @include m(info-type) {
|
||||
// &::before {
|
||||
// background-color: map-get($--typography-header-prefix-color, 'info');
|
||||
// }
|
||||
// }
|
||||
// @include m(success-type) {
|
||||
// &::before {
|
||||
// background-color: map-get($--typography-header-prefix-color, 'success');
|
||||
// }
|
||||
// }
|
||||
// @include m(warning-type) {
|
||||
// &::before {
|
||||
// background-color: map-get($--typography-header-prefix-color, 'warning');
|
||||
// }
|
||||
// }
|
||||
// @include m(error-type) {
|
||||
// &::before {
|
||||
// background-color: map-get($--typography-header-prefix-color, 'error');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include header-mixin('1');
|
||||
// @include header-mixin('2');
|
||||
// @include header-mixin('3');
|
||||
// @include header-mixin('4');
|
||||
// @include header-mixin('5');
|
||||
// @include header-mixin('6');
|
||||
// @include b(p) {
|
||||
// @include once {
|
||||
// box-sizing: border-box;
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// margin: 12px 0 16px 0;
|
||||
// font-size: 14px;
|
||||
// line-height: 1.75;
|
||||
// &:first-child {
|
||||
// margin-top: 0;
|
||||
// }
|
||||
// }
|
||||
// color: map-get($--typography-p-text-color, 'default');
|
||||
// @include m(primary-depth) {
|
||||
// color: map-get($--typography-p-text-color, 'primary-depth');
|
||||
// }
|
||||
// @include m(secondary-depth) {
|
||||
// color: map-get($--typography-p-text-color, 'secondary-depth');
|
||||
// }
|
||||
// @include m(tertiary-depth) {
|
||||
// color: map-get($--typography-p-text-color, 'tertiary-depth');
|
||||
// }
|
||||
// }
|
||||
// @include once {
|
||||
// @include b(ul) {
|
||||
// margin: 12px 0;
|
||||
// &:first-child {
|
||||
// margin-top: 0;
|
||||
// }
|
||||
// &:last-child {
|
||||
// margin-bottom: 0;
|
||||
// }
|
||||
// padding-left: 1.75em;
|
||||
// @include m(align-text) {
|
||||
// padding-left: 0;
|
||||
// }
|
||||
// }
|
||||
// @include b(ol) {
|
||||
// margin: 12px 0;
|
||||
// &:first-child {
|
||||
// margin-top: 0;
|
||||
// }
|
||||
// &:last-child {
|
||||
// margin-bottom: 0;
|
||||
// }
|
||||
// padding-left: 1.75em;
|
||||
// @include m(align-text) {
|
||||
// padding-left: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(li) {
|
||||
// @include once {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// line-height: 1.75em;
|
||||
// margin-bottom: 0px;
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// color: map-get($--typography-li-text-color, 'default');
|
||||
// }
|
||||
// @include b(a) {
|
||||
// @include once {
|
||||
// transition:
|
||||
// color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// text-decoration-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// text-decoration-color: map-get($--typography-a-text-color, 'default');
|
||||
// color: map-get($--typography-a-text-color, 'default');
|
||||
// }
|
||||
// @include b(text) {
|
||||
// @include once {
|
||||
// transition: color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// @include m(strong) {
|
||||
// font-weight: $--n-strong-weight;
|
||||
// color: map-get($--typography-text-text-color, 'strong');
|
||||
// }
|
||||
// @include m(italic) {
|
||||
// font-style: italic;
|
||||
// }
|
||||
// @include m(underline) {
|
||||
// text-decoration: underline;
|
||||
// }
|
||||
// }
|
||||
// color: map-get($--typography-text-text-color, 'default');
|
||||
// @include m(code) {
|
||||
// @include once {
|
||||
// line-height: 1.4;
|
||||
// font-family: $--n-mono-font-family;
|
||||
// transition:
|
||||
// color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// box-sizing: border-box;
|
||||
// padding: .15em .45em 0 .45em;
|
||||
// border-radius: $--n-typography-code-border-radius;
|
||||
// font-size: .9em;
|
||||
// }
|
||||
// color: map-get($--typography-code-text-color, 'default');
|
||||
// background-color: $--typography-code-background-color;
|
||||
// border: 1px solid $--typography-code-border-color;
|
||||
// }
|
||||
// @include m(default-type) {
|
||||
// @include m(primary-depth) {
|
||||
// color: map-get($--typography-text-text-color, 'primary-depth');
|
||||
// }
|
||||
// @include m(secondary-depth) {
|
||||
// color: map-get($--typography-text-text-color, 'secondary-depth');
|
||||
// }
|
||||
// @include m(tertiary-depth) {
|
||||
// color: map-get($--typography-text-text-color, 'tertiary-depth');
|
||||
// }
|
||||
// }
|
||||
// @include not-m(default-type) {
|
||||
// @include m(primary-depth) {
|
||||
// opacity: map-get($--typography-text-opacity, 'primary-depth');
|
||||
// }
|
||||
// @include m(secondary-depth) {
|
||||
// opacity: map-get($--typography-text-opacity, 'secondary-depth');
|
||||
// }
|
||||
// @include m(tertiary-depth) {
|
||||
// opacity: map-get($--typography-text-opacity, 'tertiary-depth');
|
||||
// }
|
||||
// }
|
||||
// @include m(primary-type) {
|
||||
// color: map-get($--typography-text-text-color, 'primary');
|
||||
// }
|
||||
// @include m(info-type) {
|
||||
// color: map-get($--typography-text-text-color, 'info');
|
||||
// }
|
||||
// @include m(success-type) {
|
||||
// color: map-get($--typography-text-text-color, 'success');
|
||||
// }
|
||||
// @include m(warning-type) {
|
||||
// color: map-get($--typography-text-text-color, 'warning');
|
||||
// }
|
||||
// @include m(error-type) {
|
||||
// color: map-get($--typography-text-text-color, 'error');
|
||||
// }
|
||||
// }
|
||||
// @include b(hr) {
|
||||
// @include once {
|
||||
// margin: 12px 0;
|
||||
// transition: border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// border-left: none;
|
||||
// border-right: none;
|
||||
// border-bottom: none;
|
||||
// }
|
||||
// border-top: 1px solid map-get($--typography-hr-border-color, 'default');
|
||||
// }
|
||||
// @include b(blockquote) {
|
||||
// @include once {
|
||||
// line-height: 1.75;
|
||||
// margin: 0;
|
||||
// margin-top: 12px;
|
||||
// margin-bottom: 12px;
|
||||
// box-sizing: border-box;
|
||||
// transition:
|
||||
// color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// border-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// &:first-child {
|
||||
// margin-top: 0;
|
||||
// }
|
||||
// &:last-child {
|
||||
// margin-bottom: 0;
|
||||
// }
|
||||
// padding-left: 12px;
|
||||
// @include m(align-text) {
|
||||
// margin-left: -16px;
|
||||
// }
|
||||
// }
|
||||
// border-left: 4px solid map-get($--typography-blockquote-prefix-color, 'default');
|
||||
// color: map-get($--typography-blockquote-text-color, 'default');
|
||||
// }
|
||||
// }
|
||||
@ -1,181 +0,0 @@
|
||||
// @import 'mixins/mixins.scss';
|
||||
|
||||
// @include themes-mixin {
|
||||
// @include b(upload) {
|
||||
// @include once {
|
||||
// @include e(file-input) {
|
||||
// display: block;
|
||||
// width: 0;
|
||||
// height: 0;
|
||||
// opacity: 0;
|
||||
// }
|
||||
// @include e(activator) {
|
||||
// display: inline-block;
|
||||
// }
|
||||
// @include m(dragger-inside) {
|
||||
// @include e(activator) {
|
||||
// display: block;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(upload-dragger) {
|
||||
// @include once {
|
||||
// cursor: pointer;
|
||||
// box-sizing: border-box;
|
||||
// width: 100%;
|
||||
// text-align: center;
|
||||
// border-radius: $--n-upload-border-radius;
|
||||
// padding: 24px;
|
||||
// transition:
|
||||
// border-color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// // ?
|
||||
// background-color: map-get($--upload-dragger-background-color, 'default');
|
||||
// border: 1px dashed map-get($--upload-dragger-border-color, 'default');
|
||||
// &:hover {
|
||||
// border-color: map-get($--upload-dragger-border-color, 'hover');
|
||||
// }
|
||||
// // ?
|
||||
// }
|
||||
// @include b(upload-file-list) {
|
||||
// @include once {
|
||||
// margin-top: 8px;
|
||||
// line-height: 1.75;
|
||||
// }
|
||||
// @include b(upload-file) {
|
||||
// @include once {
|
||||
// // ?
|
||||
// @include fade-in-height-expand-transition;
|
||||
// display: block;
|
||||
// box-sizing: border-box;
|
||||
// cursor: default;
|
||||
// padding: 0px 12px 0 6px;
|
||||
// transition: background-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// border-radius: $--n-upload-border-radius;
|
||||
// @include b(progress) {
|
||||
// // ?
|
||||
// @include fade-in-height-expand-transition($fold-padding: true);
|
||||
// box-sizing: border-box;
|
||||
// padding-bottom: 6px;
|
||||
// margin-bottom: 6px;
|
||||
// }
|
||||
// }
|
||||
// &:hover {
|
||||
// // ?
|
||||
// background-color: map-get($--upload-file-item-background-color, 'hover');
|
||||
// @include once {
|
||||
// @include b(upload-file-info) {
|
||||
// @include e(action) {
|
||||
// opacity: 1;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// // ?
|
||||
// @include m(error-status) {
|
||||
// &:hover {
|
||||
// background-color: map-get($--upload-file-item-background-color, 'error-hover');
|
||||
// }
|
||||
// @include b(upload-file-info) {
|
||||
// @include e(name) {
|
||||
// color: map-get($--upload-info-text-color, 'error');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(success-status) {
|
||||
// @include b(upload-file-info) {
|
||||
// @include e(name) {
|
||||
// color: map-get($--upload-info-text-color, 'success');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// // ?
|
||||
// @include m(with-url) {
|
||||
// @include once {
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// @include b(upload-file-info) {
|
||||
// @include e(name) {
|
||||
// @include once {
|
||||
// text-decoration: underline;
|
||||
// }
|
||||
// color: map-get($--upload-info-text-color, 'success');
|
||||
// text-decoration-color: map-get($--upload-info-text-color, 'success');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include b(upload-file-info) {
|
||||
// @include once {
|
||||
// position: relative;
|
||||
// padding-top: 6px;
|
||||
// padding-bottom: 6px;
|
||||
// @include e(action) {
|
||||
// padding-top: inherit;
|
||||
// padding-bottom: inherit;
|
||||
// position: absolute;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// width: 80px;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// transition: opacity .2s $--n-ease-in-out-cubic-bezier;
|
||||
// flex-direction: row-reverse;
|
||||
// opacity: 0;
|
||||
// @include b(button) {
|
||||
// // ?
|
||||
// &:not(:first-child) {
|
||||
// margin-right: 8px;
|
||||
// }
|
||||
// @include b(icon) {
|
||||
// svg {
|
||||
// @include icon-switch-transition;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include e(name) {
|
||||
// @include once {
|
||||
// text-overflow: ellipsis;
|
||||
// overflow: hidden;
|
||||
// text-decoration: underline;
|
||||
// text-decoration-color: transparent;
|
||||
// font-size: 14px;
|
||||
// transition:
|
||||
// color .3s $--n-ease-in-out-cubic-bezier,
|
||||
// text-decoration-color .3s $--n-ease-in-out-cubic-bezier;
|
||||
// }
|
||||
// @include b(icon) {
|
||||
// @include once {
|
||||
// font-size: 18px;
|
||||
// margin-right: 2px;
|
||||
// vertical-align: middle;
|
||||
// }
|
||||
// fill: map-get($--upload-info-icon-color, 'default');
|
||||
// stroke: map-get($--upload-info-icon-color, 'default');
|
||||
// }
|
||||
// color: map-get($--upload-info-text-color, 'default');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(disabled) {
|
||||
// opacity: $--upload-disabled-opacity;
|
||||
// @include once {
|
||||
// @include e(activator) {
|
||||
// cursor: not-allowed;
|
||||
// }
|
||||
// @include b(upload-file-list) {
|
||||
// cursor: not-allowed;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// @include m(drag-over) {
|
||||
// @include b(upload-dragger) {
|
||||
// border-color: map-get($--upload-dragger-border-color, 'hover');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@ -1,33 +0,0 @@
|
||||
// @import './themes/common.scss';
|
||||
// @import './themes/light/index.scss';
|
||||
// @import './mixins/mixins.scss';
|
||||
|
||||
// body {
|
||||
// margin: 0;
|
||||
// font-size: 14px;
|
||||
// font-family: $--n-font-family;
|
||||
// }
|
||||
|
||||
// input {
|
||||
// font-family: $--n-font-family;
|
||||
// font-size: inherit;
|
||||
// }
|
||||
|
||||
// body > {
|
||||
// @include b(positioning-container) {
|
||||
// position: fixed;
|
||||
// }
|
||||
// }
|
||||
|
||||
// @include b(positioning-container) {
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
// pointer-events: none;
|
||||
// transform: translateZ(0);
|
||||
// @include b(positioning-content) {
|
||||
// pointer-events: all;
|
||||
// }
|
||||
// }
|
||||
@ -1 +0,0 @@
|
||||
@import './Upload.scss';
|
||||
@ -1,3 +0,0 @@
|
||||
$namespace: 'n';
|
||||
$element-separator: '__';
|
||||
$modifier-separator: '--';
|
||||
@ -1,122 +0,0 @@
|
||||
@import 'config.scss';
|
||||
@import '../themes/dark/index.scss';
|
||||
@import '../themes/light/index.scss';
|
||||
@import '../themes/common.scss';
|
||||
@import '../themes/transition.scss';
|
||||
|
||||
/**
|
||||
* BEM related mixins
|
||||
*/
|
||||
$B: null;
|
||||
$BE: null;
|
||||
$block-depth: 0;
|
||||
|
||||
@function block ($block: null) {
|
||||
@if $block {
|
||||
@return $namespace + '-' + $block;
|
||||
} @else if $B {
|
||||
@return $B;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin b($block) {
|
||||
$block-depth: $block-depth + 1 !global;
|
||||
$temp-block: $B;
|
||||
$temp-block-element: $BE;
|
||||
$B: $namespace + '-' + $block !global;
|
||||
$BE: $B!global;
|
||||
@if (not $common-css-attrs-generated) or $block-depth != 1 {
|
||||
.#{$B} {
|
||||
@content;
|
||||
}
|
||||
} @else {
|
||||
.#{$namespace}-#{$theme}-theme.#{$B} {
|
||||
@content
|
||||
}
|
||||
}
|
||||
$B: $temp-block !global;
|
||||
$BE: $temp-block-element !global;
|
||||
$block-depth: $block-depth - 1 !global;
|
||||
}
|
||||
|
||||
@mixin e($elements...) {
|
||||
$temp-block-element: $BE;
|
||||
$BEs: '';
|
||||
@each $element in $elements {
|
||||
$BE: $B + $element-separator + $element !global;
|
||||
.#{$BE} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
$BE: $temp-block-element !global;
|
||||
}
|
||||
|
||||
@mixin m($modifiers...) {
|
||||
$BEMs: '';
|
||||
@for $i from 0 to length($modifiers) {
|
||||
$modifier: nth($modifiers, $i + 1);
|
||||
@if $i == 0 {
|
||||
$BEMs: '&.' + $BE + $modifier-separator + $modifier;
|
||||
} @else {
|
||||
$BEMs: $BEMs + ', &.' + $BE + $modifier-separator + $modifier;
|
||||
}
|
||||
}
|
||||
#{$BEMs} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin not-m($modifier) {
|
||||
$BEM: '';
|
||||
$BEM: '.' + $BE + $modifier-separator + $modifier;
|
||||
&:not(#{$BEM}) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Theme related mixins
|
||||
*/
|
||||
$common-css-attrs-generated: false;
|
||||
$theme: null;
|
||||
$in-themes-mixin: false;
|
||||
$theme-names: 'dark';
|
||||
/** wait for sass to support dynamic @include mixins, although it may be impossible */
|
||||
$fallback-theme: 'light';
|
||||
|
||||
@mixin themes-mixin() {
|
||||
$in-themes-mixin: true !global;
|
||||
$theme: 'light' !global;
|
||||
// fallback theme is light
|
||||
@include setup-light-theme();
|
||||
@content;
|
||||
$common-css-attrs-generated: true !global;
|
||||
@each $theme-name in $theme-names {
|
||||
@if $theme-name == 'light' {
|
||||
$theme: $theme-name !global;
|
||||
@include setup-light-theme();
|
||||
@content;
|
||||
$theme: null !global;
|
||||
} @else if $theme-name == 'dark' {
|
||||
$theme: $theme-name !global;
|
||||
@include setup-dark-theme();
|
||||
@content;
|
||||
$theme: null !global;
|
||||
}
|
||||
}
|
||||
$common-css-attrs-generated: false !global;
|
||||
$in-themes-mixin: false !global;
|
||||
$theme: null !global;
|
||||
}
|
||||
|
||||
@mixin as-modal-content {
|
||||
&.#{$namespace}-modal-content, &.#{$namespace}-drawer {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin once() {
|
||||
@if not $common-css-attrs-generated {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@ -1,315 +0,0 @@
|
||||
$--n-font-family: naive-ui, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
$--n-mono-font-family: naive-ui-mono, SFMono-Regular, Menlo, Consolas, Courier, monospace;
|
||||
|
||||
$--n-strong-weight: 500;
|
||||
|
||||
$--n-ease-in-out-cubic-bezier: cubic-bezier(.4, 0, .2, 1);
|
||||
$--n-ease-out-cubic-bezier: cubic-bezier(0, 0, .2, 1);
|
||||
$--n-ease-in-cubic-bezier: cubic-bezier(.4, 0, 1, 1);
|
||||
|
||||
$--n-border-radius: 3px;
|
||||
$--n-light-border-radius: 2px;
|
||||
|
||||
$--n-line-height: 1.75;
|
||||
|
||||
$--n-height: (
|
||||
"tiny": 22px,
|
||||
"small": 28px,
|
||||
"medium": 34px,
|
||||
"large": 40px,
|
||||
"huge": 48px
|
||||
);
|
||||
|
||||
$--n-font-size: (
|
||||
"tiny": 13px,
|
||||
"small": 14px,
|
||||
"medium": 14px,
|
||||
"large": 15px,
|
||||
"huge": 16px
|
||||
);
|
||||
|
||||
$--n-icon-transition: (fill .3s $--n-ease-in-out-cubic-bezier, stroke .3s $--n-ease-in-out-cubic-bezier);
|
||||
|
||||
$--n-transform-debounce-scale: scale(0.99999);
|
||||
|
||||
$--n-ease-in-out-cubic-bezier: cubic-bezier(.4, 0, .2, 1);
|
||||
$--n-ease-out-cubic-bezier: cubic-bezier(0, 0, .2, 1);
|
||||
$--n-ease-in-cubic-bezier: cubic-bezier(.4, 0, 1, 1);
|
||||
|
||||
$--n-popmenu-box-shadow: (
|
||||
0 3px 6px -4px rgba(0, 0, 0, .16),
|
||||
0 6px 12px 0 rgba(0, 0, 0, .08),
|
||||
0 9px 18px 8px rgba(0, 0, 0, .04)
|
||||
) !global;
|
||||
|
||||
/** alert */
|
||||
$--n-alert-border-radius: $--n-border-radius;
|
||||
|
||||
/** avatar */
|
||||
$--n-avatar-border-radius: $--n-border-radius;
|
||||
|
||||
/** button */
|
||||
$--n-button-border-radius: $--n-border-radius;
|
||||
$--n-button-font-size: (
|
||||
"tiny": 12px,
|
||||
"small": 14px,
|
||||
"medium": 14px,
|
||||
"large": 15px
|
||||
) !global;
|
||||
$--n-button-padding: (
|
||||
"tiny": 0 6px,
|
||||
"small": 0 10px,
|
||||
"medium": 0 14px,
|
||||
"large": 0 18px
|
||||
) !global;
|
||||
$--n-button-round-padding: (
|
||||
"tiny": 0 10px,
|
||||
"small": 0 14px,
|
||||
"medium": 0 18px,
|
||||
"large": 0 22px
|
||||
) !global;
|
||||
$--n-button-icon-size: (
|
||||
"tiny": 15px,
|
||||
"small": 18px,
|
||||
"medium": 18px,
|
||||
"large": 20px
|
||||
) !global;
|
||||
|
||||
/** base loading */
|
||||
$--n-base-loading-stroke-dashoffset: 500;
|
||||
|
||||
/** base selection */
|
||||
$--n-base-selection-border-radius: $--n-border-radius;
|
||||
|
||||
/** base select menu */
|
||||
$--n-base-select-menu-border-radius: $--n-border-radius;
|
||||
|
||||
/** card */
|
||||
$--n-card-border-radius: $--n-border-radius;
|
||||
$--n-card-font-size: (
|
||||
'small': 16px,
|
||||
'medium': 18px,
|
||||
'large': 18px,
|
||||
'huge': 18px
|
||||
);
|
||||
|
||||
$--n-card-margin-left: (
|
||||
'small': 16px,
|
||||
'medium': 24px,
|
||||
'large': 32px,
|
||||
'huge': 40px
|
||||
);
|
||||
|
||||
$--n-card-margin-top: (
|
||||
'small': 12px,
|
||||
'medium': 19px,
|
||||
'large': 23px,
|
||||
'huge': 27px
|
||||
);
|
||||
|
||||
$--n-card-margin-bottom: (
|
||||
'small': 12px,
|
||||
'medium': 20px,
|
||||
'large': 24px,
|
||||
'huge': 28px
|
||||
);
|
||||
|
||||
/** cascader */
|
||||
$--n-cascader-border-radius: $--n-border-radius;
|
||||
|
||||
/** checkbox */
|
||||
$--n-checkbox-size: (
|
||||
'small': 14px,
|
||||
'medium': 14px,
|
||||
'large': 16px
|
||||
);
|
||||
|
||||
/** data table */
|
||||
$--n-data-table-border-radius: $--n-border-radius;
|
||||
|
||||
/** date pcicker */
|
||||
$--n-date-picker-border-radius: $--n-border-radius;
|
||||
|
||||
/** descriptions */
|
||||
$--n-descriptions-border-radius: $--n-border-radius;
|
||||
$--n-descriptions-bordered-padding: (
|
||||
'small': (8px 12px),
|
||||
'medium': (12px 16px),
|
||||
'large': (16px 24px),
|
||||
);
|
||||
$--n-descriptions-padding: (
|
||||
'small': 8px,
|
||||
'medium': 12px,
|
||||
'large': 16px,
|
||||
);
|
||||
|
||||
/** empty */
|
||||
$--n-empty-icon-size: (
|
||||
'small': 28px,
|
||||
'medium': 34px,
|
||||
'large': 40px,
|
||||
'huge': 46px
|
||||
);
|
||||
|
||||
$--n-empty-font-size: (
|
||||
'small': 14px,
|
||||
'medium': 14px,
|
||||
'large': 15px,
|
||||
'huge': 16px
|
||||
);
|
||||
|
||||
/** input number */
|
||||
$--n-input-number-border-radius: $--n-border-radius;
|
||||
$--n-input-number-button-width: (
|
||||
'small': 24px,
|
||||
'medium': 28px,
|
||||
'large': 28px
|
||||
);
|
||||
|
||||
/** input */
|
||||
$--n-input-icon-size: 16px;
|
||||
$--n-input-border-radius: $--n-border-radius;
|
||||
|
||||
/** list */
|
||||
$--n-list-border-radius: $--n-border-radius;
|
||||
|
||||
/** notification */
|
||||
$--n-notification-border-radius: $--n-border-radius;
|
||||
|
||||
/** popover */
|
||||
$--n-popover-border-radius: $--n-border-radius;
|
||||
$--n-popover-arrow-width: 4px;
|
||||
$--n-popover-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
|
||||
$--n-popover-arrow-box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.12);
|
||||
|
||||
/** radio */
|
||||
$--n-radio-button-border-radius: $--n-border-radius;
|
||||
$--n-radio-size: (
|
||||
'small': 14px,
|
||||
'medium': 14px,
|
||||
'large': 16px
|
||||
);
|
||||
|
||||
/** result */
|
||||
$--n-result-icon-size: (
|
||||
'small': 64px,
|
||||
'medium': 80px,
|
||||
'large': 100px,
|
||||
'huge': 125px
|
||||
);
|
||||
|
||||
$--n-result-header-font-size: (
|
||||
'small': 26px,
|
||||
'medium': 32px,
|
||||
'large': 40px,
|
||||
'huge': 48px
|
||||
);
|
||||
|
||||
$--n-result-description-font-size: (
|
||||
'small': 14px,
|
||||
'medium': 14px,
|
||||
'large': 15px,
|
||||
'huge': 16px
|
||||
);
|
||||
|
||||
/** slider */
|
||||
$--n-slider-rail-height: 4px;
|
||||
$--n-slider-dot-size: 8px;
|
||||
$--n-slider-handle-size: 14px;
|
||||
|
||||
/** steps */
|
||||
$--n-steps-header-font-size: (
|
||||
'small': 14px,
|
||||
'medium': 16px
|
||||
);
|
||||
|
||||
$--n-steps-indicator-index-font-size: (
|
||||
'small': 14px,
|
||||
'medium': 16px
|
||||
);
|
||||
|
||||
$--n-steps-indicator-size: (
|
||||
'small': 22px,
|
||||
'medium': 28px
|
||||
);
|
||||
|
||||
$--n-steps-indicator-icon-size: (
|
||||
'small': 16px,
|
||||
'medium': 22px
|
||||
);
|
||||
|
||||
/** tab */
|
||||
$--n-tabs-border-radius: $--n-border-radius;
|
||||
$--n-tabs-tab-font-size: (
|
||||
'small': 13px,
|
||||
'medium': 14px,
|
||||
'large': 16px,
|
||||
'huge': 18px
|
||||
);
|
||||
|
||||
/** tag */
|
||||
$--n-tag-border-radius: $--n-light-border-radius;
|
||||
|
||||
/** timeline */
|
||||
$--n-timeline-header-font-size: (
|
||||
'medium': 14px,
|
||||
'large': 16px
|
||||
);
|
||||
|
||||
$--n-timeline-header-margin-top: (
|
||||
'medium': 0,
|
||||
'large': -1px
|
||||
);
|
||||
|
||||
/** time picker */
|
||||
$--n-time-picker-border-radius: $--n-border-radius;
|
||||
|
||||
/** tooltip */
|
||||
$--n-tooltip-border-radius: $--n-border-radius;
|
||||
|
||||
/** transfer */
|
||||
$--n-transfer-border-radius: $--n-border-radius;
|
||||
|
||||
/** tree */
|
||||
$--n-tree-node-border-radius: $--n-light-border-radius;
|
||||
|
||||
/** typography */
|
||||
$--n-typography-code-border-radius: $--n-light-border-radius;
|
||||
$--n-typography-header-font-size: (
|
||||
'1': 30px,
|
||||
'2': 26px,
|
||||
'3': 18px,
|
||||
'4': 16px,
|
||||
'5': 14px,
|
||||
'6': 14px
|
||||
);
|
||||
|
||||
$--n-typography-header-margin: (
|
||||
'1': 1.6em 0 .8em 0,
|
||||
'2': 1.6em 0 .8em 0,
|
||||
'3': 1.6em 0 1.2em 0,
|
||||
'4': 1.4em 0 1.2em 0,
|
||||
'5': 1.4em 0 1.2em 0,
|
||||
'6': 1.4em 0 1.2em 0
|
||||
);
|
||||
|
||||
$--n-typography-header-prefix-width: (
|
||||
'1': 16px,
|
||||
'2': 16px,
|
||||
'3': 12px,
|
||||
'4': 12px,
|
||||
'5': 12px,
|
||||
'6': 12px
|
||||
);
|
||||
|
||||
$--n-typography-header-bar-width: (
|
||||
'1': 4px,
|
||||
'2': 4px,
|
||||
'3': 3px,
|
||||
'4': 3px,
|
||||
'5': 3px,
|
||||
'6': 3px
|
||||
);
|
||||
|
||||
/** upload */
|
||||
$--n-upload-border-radius: $--n-border-radius;
|
||||
@ -1,3 +0,0 @@
|
||||
@mixin setup-dark-affix {
|
||||
//
|
||||
}
|
||||
@ -1,42 +0,0 @@
|
||||
@mixin setup-dark-alert {
|
||||
$--alert-border-color: (
|
||||
'default': $--n-divider-overlay-color,
|
||||
'success': change-color($--n-success-hs-color, $alpha: .35),
|
||||
'info': change-color($--n-info-hs-color, $alpha: .35),
|
||||
'warning': change-color($--n-warning-hs-color, $alpha: .35),
|
||||
'error': change-color($--n-error-hs-color, $alpha: .35)
|
||||
) !global;
|
||||
$--alert-background-color: (
|
||||
'default': $--n-input-overlay-background-color,
|
||||
'success': change-color($--n-success-hs-color, $alpha: .25),
|
||||
'info': change-color($--n-info-hs-color, $alpha: .25),
|
||||
'warning': change-color($--n-warning-hs-color, $alpha: .25),
|
||||
'error': change-color($--n-error-hs-color, $alpha: .25)
|
||||
) !global;
|
||||
$--alert-title-text-color: (
|
||||
'default': $--n-primary-text-overlay-color,
|
||||
'success': $--n-primary-text-overlay-color,
|
||||
'info': $--n-primary-text-overlay-color,
|
||||
'warning': $--n-primary-text-overlay-color,
|
||||
'error': $--n-primary-text-overlay-color
|
||||
) !global;
|
||||
$--alert-icon-color: (
|
||||
'default': $--n-secondary-text-overlay-color,
|
||||
'success': $--n-success-hs-color,
|
||||
'info': $--n-info-hs-color,
|
||||
'warning': $--n-warning-hs-color,
|
||||
'error': $--n-error-hs-color
|
||||
) !global;
|
||||
$--alert-content-text-color: (
|
||||
'default': $--n-secondary-text-overlay-color,
|
||||
'success': $--n-secondary-text-overlay-color,
|
||||
'info': $--n-secondary-text-overlay-color,
|
||||
'warning': $--n-secondary-text-overlay-color,
|
||||
'error': $--n-secondary-text-overlay-color
|
||||
) !global;
|
||||
$--alert-close-color: (
|
||||
'default': $--n-close-overlay-color,
|
||||
'hover': $--n-close-hover-overlay-color,
|
||||
'active': $--n-close-overlay-color
|
||||
) !global;
|
||||
}
|
||||
@ -1,9 +0,0 @@
|
||||
@mixin setup-dark-anchor {
|
||||
$--anchor-rail-background-color: $--n-rail-overlay-color !global;
|
||||
$--anchor-link-title-text-color: (
|
||||
'default': $--n-primary-text-overlay-color,
|
||||
'hover': $--n-primary-color,
|
||||
'active': $--n-primary-color
|
||||
) !global;
|
||||
$--anchor-link-background-color: change-color($color: $--n-primary-color, $alpha: .15) !global;
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
@mixin setup-dark-auto-complete {
|
||||
//
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
@mixin setup-dark-avatar {
|
||||
$--avatar-background-color: $--n-avatar-overlay-background-color !global;
|
||||
}
|
||||
@ -1,12 +0,0 @@
|
||||
@mixin setup-dark-back-top {
|
||||
$--back-top-button-fill: (
|
||||
'default': rgba(255, 255, 255, 0.3),
|
||||
'hover': $--n-primary-color,
|
||||
'active': $--n-primary-active-color
|
||||
) !global;
|
||||
$--back-top-box-shadow: (
|
||||
'default': 0 2px 8px 0px rgba(0, 0, 0, .12),
|
||||
'hover': 0 2px 12px 0px change-color($--n-primary-color, $alpha: .5),
|
||||
'active': 0 2px 12px 0px change-color($--n-primary-color, $alpha: .5)
|
||||
) !global;
|
||||
}
|
||||
@ -1,17 +0,0 @@
|
||||
@mixin setup-dark-badge {
|
||||
$--badge-background-color: (
|
||||
"default": $--n-error-hs-color,
|
||||
"info": $--n-info-hs-color,
|
||||
"success": $--n-success-hs-color,
|
||||
"error": $--n-error-hs-color,
|
||||
"warning": $--n-warning-hs-color
|
||||
) !global;
|
||||
$--badge-rippling-color: (
|
||||
"default": mix($--n-error-hs-color, white, 75%),
|
||||
"info": mix($--n-info-hs-color, white, 75%),
|
||||
"success": mix($--n-success-hs-color, white, 75%),
|
||||
"error": mix($--n-error-hs-color, white, 75%),
|
||||
"warning": mix($--n-warning-hs-color, white, 75%)
|
||||
) !global;
|
||||
$--badge-rippling-start-opacity: .6 !global;
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
@mixin setup-dark-base-loading {
|
||||
$--base-loading-stroke: $--n-primary-color !global;
|
||||
}
|
||||
@ -1,4 +0,0 @@
|
||||
@mixin setup-dark-base-menu-mask {
|
||||
$--base-menu-mask-background-color: change-color($--n-popover-background-color, $alpha: .75) !global;
|
||||
$--base-menu-mask-text-color: $--n-secondary-text-overlay-color !global;
|
||||
}
|
||||
@ -1,20 +0,0 @@
|
||||
@mixin setup-dark-base-select-menu {
|
||||
$--base-select-menu-option-color: (
|
||||
"default": $--n-secondary-text-overlay-color,
|
||||
"selected": $--n-primary-color,
|
||||
"active": $--n-primary-color,
|
||||
"disabled": $--n-disabled-text-overlay-color,
|
||||
"disabled-selected": change-color($--n-primary-color, $alpha: $--n-disabled-opacity)
|
||||
) !global;
|
||||
$--base-select-menu-option-background-color: (
|
||||
'selected': $--n-pending-overlay-color
|
||||
) !global;
|
||||
$--base-select-menu-group-header-text-color: (
|
||||
'default': $--n-tertiary-text-overlay-color
|
||||
) !global;
|
||||
$--base-select-menu-option-check-mark-color: $--n-primary-color !global;
|
||||
$--base-select-menu-background-color: $--n-popover-background-color !global;
|
||||
$--base-select-menu-box-shadow: $--n-popmenu-box-shadow !global;
|
||||
$--base-select-menu-action-divider-color: $--n-divider-overlay-color !global;
|
||||
$--base-select-menu-action-text-color: $--n-secondary-text-overlay-color !global;
|
||||
}
|
||||
@ -1,29 +0,0 @@
|
||||
@mixin setup-dark-base-selection {
|
||||
$--base-selection-text-color: (
|
||||
'default': $--n-secondary-text-overlay-color,
|
||||
'disabled': $--n-disabled-text-overlay-color
|
||||
) !global;
|
||||
$--base-selection-background-color: (
|
||||
'default': $--n-input-overlay-background-color,
|
||||
'disabled': $--n-disabled-background-color,
|
||||
'active': change-color($--n-primary-color, $alpha: 0.1)
|
||||
) !global;
|
||||
$--base-selection-placeholder-color: (
|
||||
'default': $--n-disabled-text-overlay-color,
|
||||
'disabled': change-color($--n-disabled-text-overlay-color, $alpha: alpha($--n-disabled-text-overlay-color) * $--n-disabled-opacity)
|
||||
) !global;
|
||||
$--base-selection-border-mask-box-shadow: (
|
||||
'default': inset 0 0 0 1px transparent,
|
||||
'hover': inset 0 0 0 1px $--n-primary-hover-color,
|
||||
'active': (inset 0 0 0 1px $--n-primary-hover-color, 0 0 8px 0px change-color($--n-primary-color, $alpha: .3)),
|
||||
'focus': inset 0 0 0 1px $--n-primary-hover-color,
|
||||
'disabled': inset 0 0 0 1px transparent
|
||||
) !global;
|
||||
$--base-selection-box-shadow: (
|
||||
'default': none,
|
||||
'disabled': none
|
||||
) !global;
|
||||
$--base-selection-caret-color: (
|
||||
'default': $--n-primary-color
|
||||
) !global;
|
||||
}
|
||||
@ -1,14 +0,0 @@
|
||||
@mixin setup-dark-base-suffix {
|
||||
$--base-suffix-cross-color: (
|
||||
"default": $--n-icon-overlay-color,
|
||||
"hover": $--n-primary-color,
|
||||
"active": $--n-primary-active-color,
|
||||
"error-hover": $--n-error-hover-color,
|
||||
"error-active": $--n-error-active-color
|
||||
) !global;
|
||||
$--base-suffix-arrow-color: (
|
||||
"default": $--n-icon-overlay-color,
|
||||
"active": $--n-primary-color,
|
||||
"error-active": $--n-error-color
|
||||
) !global;
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
@mixin setup-dark-base-tracking-rect {
|
||||
$--base-tracking-rect-background-color: $--n-pending-overlay-color !global;
|
||||
}
|
||||
@ -1,10 +0,0 @@
|
||||
@mixin setup-dark-breadcrumb {
|
||||
$--breadcrumb-link-text-color: (
|
||||
'default': $--n-tertiary-text-overlay-color,
|
||||
'active': $--n-primary-text-overlay-color,
|
||||
'hover': $--n-primary-color
|
||||
) !global;
|
||||
$--breadcrumb-separator-text-color: (
|
||||
'default': $--n-tertiary-text-overlay-color
|
||||
) !global;
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
@mixin setup-dark-button {
|
||||
$--button-disabled-opacity: $--n-disabled-opacity !global;
|
||||
}
|
||||
@ -1,12 +0,0 @@
|
||||
@mixin setup-dark-card {
|
||||
$--card-background-color: $--n-card-background-color !global;
|
||||
$--card-text-color: $--n-secondary-text-overlay-color !global;
|
||||
$--card-title-text-color: $--n-primary-text-overlay-color !global;
|
||||
$--card-border-color: $--n-divider-overlay-color !global;
|
||||
$--card-action-background-color: $--n-action-overlay-background-color !global;
|
||||
$--card-close-color: (
|
||||
'default': $--n-close-overlay-color,
|
||||
'hover': $--n-close-hover-overlay-color,
|
||||
'active': $--n-close-overlay-color
|
||||
) !global;
|
||||
}
|
||||
@ -1,17 +0,0 @@
|
||||
@mixin setup-dark-cascader {
|
||||
$--cascader-menu-background-color: $--n-popover-background-color !global;
|
||||
$--cascader-option-text-color: (
|
||||
'default': $--n-secondary-text-overlay-color,
|
||||
'active': $--n-primary-color,
|
||||
'disabled': $--n-disabled-text-overlay-color,
|
||||
'disabled-active': change-color($--n-primary-color, $alpha: $--n-disabled-opacity)
|
||||
) !global;
|
||||
$--cascader-menu-box-shadow: $--n-popmenu-box-shadow !global;
|
||||
$--cascader-menu-border-color: $--n-divider-overlay-color !global;
|
||||
$--cascader-menu-tracking-rect-background-color: composite-color(
|
||||
$--n-popover-background-color,
|
||||
$--n-pending-overlay-color
|
||||
) !global;
|
||||
$--cascader-option-arrow-background-color: $--n-icon-overlay-color !global;
|
||||
$--cascader-item-check-mark-color: $--n-primary-color !global;
|
||||
}
|
||||
@ -1,21 +0,0 @@
|
||||
@mixin setup-dark-checkbox {
|
||||
$--checkbox-background-color: (
|
||||
'default': transparent,
|
||||
'disabled': $--n-disabled-background-color,
|
||||
'table': $--n-card-background-color,
|
||||
'modal-table': $--n-modal-background-color
|
||||
) !global;
|
||||
$--checkbox-icon-color: (
|
||||
'default': $--n-card-background-color,
|
||||
'disabled': $--n-disabled-text-overlay-color
|
||||
) !global;
|
||||
$--checkbox-border-color: (
|
||||
'default': $--n-border-overlay-color,
|
||||
'disabled': $--n-border-overlay-color,
|
||||
'active': $--n-primary-color
|
||||
) !global;
|
||||
$--checkbox-label-text-color: (
|
||||
'default': $--n-secondary-text-overlay-color,
|
||||
'disabled': $--n-disabled-text-overlay-color
|
||||
) !global;
|
||||
}
|
||||
@ -1,3 +0,0 @@
|
||||
@mixin setup-dark-code {
|
||||
$--code-text-color: $--n-secondary-text-overlay-color !global;
|
||||
}
|
||||
@ -1,5 +0,0 @@
|
||||
@mixin setup-dark-collapse {
|
||||
$--collapse-border-color: $--n-divider-overlay-color !global;
|
||||
$--collapse-header-text-color: $--n-primary-text-overlay-color !global;
|
||||
$--collapse-content-text-color: $--n-secondary-text-overlay-color !global;
|
||||
}
|
||||
@ -1,16 +0,0 @@
|
||||
@mixin setup-dark-confirm {
|
||||
$--confirm-title-text-color: $--n-primary-text-overlay-color !global;
|
||||
$--confirm-text-color: $--n-secondary-text-overlay-color !global;
|
||||
$--confirm-background-color: $--n-modal-background-color !global;
|
||||
$--confirm-close-color: (
|
||||
'default': $--n-close-overlay-color,
|
||||
'hover': $--n-close-hover-overlay-color,
|
||||
'active': $--n-close-overlay-color
|
||||
) !global;
|
||||
$--confirm-icon-color: (
|
||||
'info': $--n-info-color,
|
||||
'success': $--n-success-color,
|
||||
'warning': $--n-warning-color,
|
||||
'error': $--n-error-color
|
||||
) !global;
|
||||
}
|
||||
@ -1,38 +0,0 @@
|
||||
@import '../../../utils/color.scss';
|
||||
|
||||
@mixin setup-dark-data-table {
|
||||
$--data-table-border-color: (
|
||||
'default': composite-color($--n-card-background-color, $--n-divider-overlay-color),
|
||||
'modal': composite-color($--n-modal-background-color, $--n-divider-overlay-color),
|
||||
) !global;
|
||||
$--data-table-header-text-color: $--n-primary-text-overlay-color !global;
|
||||
$--data-table-fixed-column-box-shadow-color: rgba(0, 0, 0, .36) !global;
|
||||
$--data-table-body-background-color: (
|
||||
'default': $--n-card-background-color,
|
||||
'modal': $--n-modal-background-color
|
||||
) !global;
|
||||
$--data-table-header-background-color: (
|
||||
'default': composite-color($--n-card-background-color, $--n-table-header-overlay-background-color),
|
||||
'hover': composite-color(
|
||||
composite-color($--n-card-background-color, $--n-table-header-overlay-background-color),
|
||||
$--n-table-pending-overlay-color
|
||||
),
|
||||
'modal': composite-color($--n-modal-background-color, $--n-table-header-overlay-background-color),
|
||||
'modal-hover': composite-color(
|
||||
composite-color($--n-modal-background-color, $--n-table-header-overlay-background-color),
|
||||
$--n-table-pending-overlay-color
|
||||
)
|
||||
) !global;
|
||||
$--data-table-icon-button-background-color: (
|
||||
'hover': $--n-table-pending-overlay-color
|
||||
) !global;
|
||||
$--data-table-row-background-color: (
|
||||
'hover': composite-color($--n-card-background-color, $--n-table-pending-overlay-color),
|
||||
'modal-hover': composite-color($--n-modal-background-color, $--n-table-pending-overlay-color),
|
||||
) !global;
|
||||
$--data-table-body-text-color: $--n-secondary-text-overlay-color !global;
|
||||
$--data-table-button-color: (
|
||||
'default': $--n-icon-overlay-color,
|
||||
'active': $--n-primary-color
|
||||
) !global;
|
||||
}
|
||||
@ -1,23 +0,0 @@
|
||||
@mixin setup-dark-date-picker {
|
||||
$--date-picker-background-color: $--n-popover-background-color !global;
|
||||
$--date-picker-text-color: $--n-secondary-text-overlay-color !global;
|
||||
$--date-picker-icon-color: $--n-icon-overlay-color !global;
|
||||
$--date-picker-item-text-color: (
|
||||
'inactive': $--n-disabled-text-overlay-color,
|
||||
'default': $--n-secondary-text-overlay-color,
|
||||
'active': $--n-popover-background-color,
|
||||
'current': $--n-primary-color
|
||||
) !global;
|
||||
$--date-picker-item-sup-color: (
|
||||
'default': $--n-primary-color,
|
||||
'active': $--n-popover-background-color
|
||||
) !global;
|
||||
$--date-picker-month-text-color: $--n-primary-text-overlay-color !global;
|
||||
$--date-picker-item-background-color: (
|
||||
'hover': change-color($--n-primary-color, $alpha: .15),
|
||||
'active': $--n-primary-color
|
||||
) !global;
|
||||
$--date-picker-divider-color: $--n-divider-overlay-color !global;
|
||||
$--date-picker-box-shadow: $--n-popmenu-box-shadow !global;
|
||||
$--date-picker-text-decoration-color: $--n-secondary-text-overlay-color !global;
|
||||
}
|
||||
@ -1,10 +0,0 @@
|
||||
@mixin setup-dark-descriptions {
|
||||
$--descriptions-header-background-color: $--n-table-header-overlay-background-color !global;
|
||||
$--descriptions-header-text-color: $--n-primary-text-overlay-color !global;
|
||||
$--descriptions-content-text-color: $--n-secondary-text-overlay-color !global;
|
||||
$--descriptions-content-background-color: (
|
||||
'default': $--n-card-background-color,
|
||||
'modal': $--n-modal-background-color
|
||||
) !global;
|
||||
$--descriptions-border-color: $--n-divider-overlay-color !global;
|
||||
}
|
||||
@ -1,4 +0,0 @@
|
||||
@mixin setup-dark-divider {
|
||||
$--divider-text-color: $--n-primary-text-overlay-color !global;
|
||||
$--divider-border-color: $--n-divider-overlay-color !global;
|
||||
}
|
||||
@ -1,4 +0,0 @@
|
||||
@mixin setup-dark-drawer {
|
||||
$--drawer-background-color: $--n-modal-background-color !global;
|
||||
$--drawer-text-color: $--n-secondary-text-overlay-color !global;
|
||||
}
|
||||
@ -1,10 +0,0 @@
|
||||
@mixin setup-dark-dropdown {
|
||||
$--dropdown-item-suffix-fill: $--n-secondary-text-overlay-color !global;
|
||||
$--dropdown-item-text-color: (
|
||||
'hover': $--n-primary-color,
|
||||
'selected': $--n-primary-color
|
||||
) !global;
|
||||
$--dropdown-item-background-color: (
|
||||
'selected': change-color($--n-primary-color, $alpha: .15)
|
||||
) !global
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user