mirror of
https://github.com/tenrok/vue-select.git
synced 2026-06-07 07:12:23 +03:00
Jeff Sagal
dc91310860
* - add autoprefixer - add cssnano - add postcss-loader - remove unused packages * create RTL scss module * add vs__ prefix to open-indicator, extract to module * module for dropdown-toggle * vs__clear module * vs__dropdown-menu module * rename `selected-tag` to `vs__selected` * remove rtl class * remove dropdown class * search-input scss module * move animations to global module * refactor dropdown list items * - spinner slot is now scoped with `loading` variable - move spinner to scss module * apply vs__search class directly to search input: if you're using the slot, you might not want default styles * finish global modules * make RTL a component state * - update component states to use vs-- prefix - rename dropdownClasses to stateClasses * remove unused property * Closes #760 * fix states * more state fixes * rename .close to vs__deselect * - simplify dev.html - start on 'sandbox' development * update build * - update webpack config - move Sandbox to VuePress folder * update external framework version links * assign grid areas, ensure 100% height outside of docs * limit specificity * first pass at assigning variables * assign 'darkest' * remove max-height prop * rename 'component' variables to 'state' * update badges * add deprecation notice to docs * bump travis config * add coveralls coverage reporter * bump netlify config * additional pass pulling up to variables * start converting to SVG icons * middle align action icons * update netlify config * netlify bump * fix travis * fix travis * try lcov * netlify attempt * prune old packages * bump travis config
45 lines
1.4 KiB
SCSS
45 lines
1.4 KiB
SCSS
$vs-colors: (
|
|
lightest: rgba(60, 60, 60, 0.26),
|
|
light: rgba(60, 60, 60, 0.5),
|
|
dark: #333,
|
|
darkest: rgba(0, 0, 0, .15),
|
|
) !default;
|
|
|
|
// Global Component Variables
|
|
$vs-component-line-height: 1.4 !default;
|
|
$vs-component-placeholder-color: inherit !default;
|
|
|
|
// Active State
|
|
$vs-state-active-bg: #5897fb !default;
|
|
$vs-state-active-color: #fff !default;
|
|
|
|
// Disabled State
|
|
$vs-state-disabled-bg: rgb(248, 248, 248) !default;
|
|
$vs-state-disabled-color: map_get($vs-colors, 'light') !default;
|
|
$vs-state-disabled-controls-color: map_get($vs-colors, 'light') !default;
|
|
$vs-state-disabled-cursor: not-allowed !default;
|
|
|
|
// Borders
|
|
$vs-border-width: 1px !default;
|
|
$vs-border-style: solid !default;
|
|
$vs-border-radius: 4px !default;
|
|
$vs-border-color: map_get($vs-colors, 'lightest') !default;
|
|
|
|
// Component Controls: Clear, Open Indicator
|
|
$vs-controls-color: map_get($vs-colors, 'light') !default;
|
|
$vs-controls-size: 1 !default;
|
|
$vs-controls-deselect-text-shadow: 0 1px 0 #fff;
|
|
|
|
// Selected
|
|
$vs-selected-bg: #f0f0f0 !default;
|
|
$vs-selected-border-color: $vs-border-color !default;
|
|
$vs-selected-border-style: $vs-border-style !default;
|
|
$vs-selected-border-width: $vs-border-width !default;
|
|
|
|
// Dropdown
|
|
$vs-dropdown-z-index: 1000 !default;
|
|
$vs-dropdown-min-width: 160px !default;
|
|
$vs-dropdown-max-height: 350px !default;
|
|
$vs-dropdown-box-shadow: 0px 3px 6px 0px map_get($vs-colors, 'darkest') !default;
|
|
$vs-dropdown-bg: #fff !default;
|