From 679865810001330cae669dfca2e9a81e66c5f576 Mon Sep 17 00:00:00 2001 From: Jeff Sagal Date: Tue, 19 Oct 2021 20:43:35 -0700 Subject: [PATCH] rename --- .../global/_animations.css} | 0 .../global/_component.css} | 0 .../_states.scss => css/global/_states.css} | 0 src/css/global/_variables.css | 42 ++++++++++++++++ .../_clear.scss => css/modules/_clear.css} | 0 .../modules/_dropdown-menu.css} | 0 .../modules/_dropdown-option.css} | 0 .../modules/_dropdown-toggle.css} | 0 .../modules/_open-indicator.css} | 0 .../modules/_search-input.css} | 0 .../modules/_selected.css} | 0 .../modules/_spinner.css} | 0 .../vue-select.scss => css/vue-select.css} | 0 src/scss/global/_variables.scss | 48 ------------------- 14 files changed, 42 insertions(+), 48 deletions(-) rename src/{scss/global/_animations.scss => css/global/_animations.css} (100%) rename src/{scss/global/_component.scss => css/global/_component.css} (100%) rename src/{scss/global/_states.scss => css/global/_states.css} (100%) create mode 100644 src/css/global/_variables.css rename src/{scss/modules/_clear.scss => css/modules/_clear.css} (100%) rename src/{scss/modules/_dropdown-menu.scss => css/modules/_dropdown-menu.css} (100%) rename src/{scss/modules/_dropdown-option.scss => css/modules/_dropdown-option.css} (100%) rename src/{scss/modules/_dropdown-toggle.scss => css/modules/_dropdown-toggle.css} (100%) rename src/{scss/modules/_open-indicator.scss => css/modules/_open-indicator.css} (100%) rename src/{scss/modules/_search-input.scss => css/modules/_search-input.css} (100%) rename src/{scss/modules/_selected.scss => css/modules/_selected.css} (100%) rename src/{scss/modules/_spinner.scss => css/modules/_spinner.css} (100%) rename src/{scss/vue-select.scss => css/vue-select.css} (100%) delete mode 100644 src/scss/global/_variables.scss diff --git a/src/scss/global/_animations.scss b/src/css/global/_animations.css similarity index 100% rename from src/scss/global/_animations.scss rename to src/css/global/_animations.css diff --git a/src/scss/global/_component.scss b/src/css/global/_component.css similarity index 100% rename from src/scss/global/_component.scss rename to src/css/global/_component.css diff --git a/src/scss/global/_states.scss b/src/css/global/_states.css similarity index 100% rename from src/scss/global/_states.scss rename to src/css/global/_states.css diff --git a/src/css/global/_variables.css b/src/css/global/_variables.css new file mode 100644 index 0000000..d2e410d --- /dev/null +++ b/src/css/global/_variables.css @@ -0,0 +1,42 @@ +:root { + --vs-colors--lightest: rgba(60, 60, 60, 0.26); + --vs-colors--light: rgba(60, 60, 60, 0.5); + --vs-colors--dark: #333; + --vs-colors--darkest: rgba(0, 0, 0, 0.15); + + /* Global Component Variables --vs-component-line-height: 1.4;*/ + --vs-component-placeholder-color: inherit; + + /* Active State --vs-state-active-bg: #5897fb;*/ + --vs-state-active-color: #fff; + + /* Deselect State --vs-state-deselect-bg: #fb5858;*/ + --vs-state-deselect-color: #fff; + + /* Disabled State --vs-state-disabled-bg: rgb(248, 248, 248);*/ + --vs-state-disabled-color: var(--vs-colors--light); + --vs-state-disabled-controls-color: var(--vs-colors--light); + --vs-state-disabled-cursor: not-allowed; + + /* Borders */ + --vs-border-width: 1 px; + --vs-border-style: solid; + --vs-border-radius: 4px; + --vs-border-color: var(--vs-colors--lightest); + + /* Component Controls: Clear, Open Indicator */ + --vs-controls-color: var(--vs-colors--light); + --vs-controls-size: 1; + --vs-controls-deselect-text-shadow: 0 1px 0 #fff; + + /* Selected --vs-selected-bg: #f0f0f0;*/ + --vs-selected-border-color: var(--vs-border-color); + --vs-selected-border-style: var(--vs-border-style); + --vs-selected-border-width: var(--vs-border-width); + + /* Dropdown --vs-dropdown-z-index: 1000;*/ + --vs-dropdown-min-width: 160px; + --vs-dropdown-max-height: 350px; + --vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest); + --vs-dropdown-bg: #fff; +} diff --git a/src/scss/modules/_clear.scss b/src/css/modules/_clear.css similarity index 100% rename from src/scss/modules/_clear.scss rename to src/css/modules/_clear.css diff --git a/src/scss/modules/_dropdown-menu.scss b/src/css/modules/_dropdown-menu.css similarity index 100% rename from src/scss/modules/_dropdown-menu.scss rename to src/css/modules/_dropdown-menu.css diff --git a/src/scss/modules/_dropdown-option.scss b/src/css/modules/_dropdown-option.css similarity index 100% rename from src/scss/modules/_dropdown-option.scss rename to src/css/modules/_dropdown-option.css diff --git a/src/scss/modules/_dropdown-toggle.scss b/src/css/modules/_dropdown-toggle.css similarity index 100% rename from src/scss/modules/_dropdown-toggle.scss rename to src/css/modules/_dropdown-toggle.css diff --git a/src/scss/modules/_open-indicator.scss b/src/css/modules/_open-indicator.css similarity index 100% rename from src/scss/modules/_open-indicator.scss rename to src/css/modules/_open-indicator.css diff --git a/src/scss/modules/_search-input.scss b/src/css/modules/_search-input.css similarity index 100% rename from src/scss/modules/_search-input.scss rename to src/css/modules/_search-input.css diff --git a/src/scss/modules/_selected.scss b/src/css/modules/_selected.css similarity index 100% rename from src/scss/modules/_selected.scss rename to src/css/modules/_selected.css diff --git a/src/scss/modules/_spinner.scss b/src/css/modules/_spinner.css similarity index 100% rename from src/scss/modules/_spinner.scss rename to src/css/modules/_spinner.css diff --git a/src/scss/vue-select.scss b/src/css/vue-select.css similarity index 100% rename from src/scss/vue-select.scss rename to src/css/vue-select.css diff --git a/src/scss/global/_variables.scss b/src/scss/global/_variables.scss deleted file mode 100644 index b4772fb..0000000 --- a/src/scss/global/_variables.scss +++ /dev/null @@ -1,48 +0,0 @@ -$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; - -// Deselect State -$vs-state-deselect-bg: #fb5858 !default; -$vs-state-deselect-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 !default; - -// 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;