From f770e77d986246cd840a9692fb4f5c0104cc2f7c Mon Sep 17 00:00:00 2001 From: Olivier Legat Date: Mon, 21 Jun 2021 13:11:25 +0200 Subject: [PATCH] couleur @name --- public/css/app.css | 2 +- public/css/app.css.map | 2 +- resources/sass/app.scss | 11 ++++++++--- 3 files changed, 10 insertions(+), 5 deletions(-) diff --git a/public/css/app.css b/public/css/app.css index 0bd515b..36deacb 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -1,4 +1,4 @@ @import url(https://fonts.googleapis.com/css?family=Nunito); -.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity .15s cubic-bezier(1,.5,.8,1)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{cursor:not-allowed;background-color:#f8f8f8}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:1px solid rgba(60,60,60,.26);border-radius:4px;white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:4px 6px 0 3px}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:rgba(60,60,60,.5);transform:scale(1);transition:transform .15s cubic-bezier(1,-.115,.975,.855);transition-timing-function:cubic-bezier(1,-.115,.975,.855)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(1)}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:rgba(60,60,60,.5);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - 1px);left:0;z-index:1000;padding:5px 0;margin:0;width:100%;max-height:350px;min-width:160px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0,0,0,.15);border:1px solid rgba(60,60,60,.26);border-top-style:none;border-radius:0 0 4px 4px;text-align:left;list-style:none;background:#fff}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:3px 20px;clear:both;color:#333;white-space:nowrap}.vs__dropdown-option:hover{cursor:pointer}.vs__dropdown-option--highlight{background:#5897fb;color:#fff}.vs__dropdown-option--disabled{background:inherit;color:rgba(60,60,60,.5)}.vs__dropdown-option--disabled:hover{cursor:inherit}.vs__selected{display:flex;align-items:center;background-color:#f0f0f0;border:1px solid rgba(60,60,60,.26);border-radius:4px;color:#333;line-height:1.4;margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:rgba(60,60,60,.5);text-shadow:0 1px 0 #fff}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-ms-clear,.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration{display:none}.vs__search,.vs__search:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.4;font-size:1em;border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:inherit}.vs__search:-ms-input-placeholder{color:inherit}.vs__search::placeholder{color:inherit}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search:hover{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border:.9em solid hsla(0,0%,39.2%,.1);border-left-color:rgba(60,60,60,.45);transform:translateZ(0);-webkit-animation:vSelectSpinner 1.1s linear infinite;animation:vSelectSpinner 1.1s linear infinite;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em}.vs--loading .vs__spinner{opacity:1}input[type=checkbox][readonly],select[readonly]{pointer-events:none}.btn-group>form:not(:first-child)>.btn-group:not(:last-child)>.btn,.btn-group>form:not(:first-child)>.btn:last-child:not(.dropdown-toggle){border-top-left-radius:0;border-bottom-left-radius:0}a.col_sort :active,a.col_sort :hover,a.col_sort:link,a.col_sort :visited{text-decoration:none}.container-xxl{max-width:1340px!important}.alert-success .text-muted{color:#166218!important}.alert-primary .text-muted{color:#0b475e!important}.alert-secondary .text-muted{color:#bdbdbd!important}.alert-danger .text-muted{color:#cf0b00!important} +.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity .15s cubic-bezier(1,.5,.8,1)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{cursor:not-allowed;background-color:#f8f8f8}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:1px solid rgba(60,60,60,.26);border-radius:4px;white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:4px 6px 0 3px}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:rgba(60,60,60,.5);transform:scale(1);transition:transform .15s cubic-bezier(1,-.115,.975,.855);transition-timing-function:cubic-bezier(1,-.115,.975,.855)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(1)}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:rgba(60,60,60,.5);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - 1px);left:0;z-index:1000;padding:5px 0;margin:0;width:100%;max-height:350px;min-width:160px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0,0,0,.15);border:1px solid rgba(60,60,60,.26);border-top-style:none;border-radius:0 0 4px 4px;text-align:left;list-style:none;background:#fff}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:3px 20px;clear:both;color:#333;white-space:nowrap}.vs__dropdown-option:hover{cursor:pointer}.vs__dropdown-option--highlight{background:#5897fb;color:#fff}.vs__dropdown-option--disabled{background:inherit;color:rgba(60,60,60,.5)}.vs__dropdown-option--disabled:hover{cursor:inherit}.vs__selected{display:flex;align-items:center;background-color:#f0f0f0;border:1px solid rgba(60,60,60,.26);border-radius:4px;color:#333;line-height:1.4;margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:rgba(60,60,60,.5);text-shadow:0 1px 0 #fff}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-ms-clear,.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration{display:none}.vs__search,.vs__search:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.4;font-size:1em;border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:inherit}.vs__search:-ms-input-placeholder{color:inherit}.vs__search::placeholder{color:inherit}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search:hover{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border:.9em solid hsla(0,0%,39.2%,.1);border-left-color:rgba(60,60,60,.45);transform:translateZ(0);-webkit-animation:vSelectSpinner 1.1s linear infinite;animation:vSelectSpinner 1.1s linear infinite;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em}.vs--loading .vs__spinner{opacity:1}input[type=checkbox][readonly],select[readonly]{pointer-events:none}.btn-group>form:not(:first-child)>.btn-group:not(:last-child)>.btn,.btn-group>form:not(:first-child)>.btn:last-child:not(.dropdown-toggle){border-top-left-radius:0;border-bottom-left-radius:0}a.col_sort :active,a.col_sort :hover,a.col_sort:link,a.col_sort :visited{text-decoration:none}.container-xxl{max-width:1340px!important}.alert-success .text-muted{color:#166218!important}.alert-primary .text-muted,.alert-primary .text-primary{color:#0b475e!important}.alert-secondary .text-muted{color:#bdbdbd!important}.alert-danger .text-muted{color:#cf0b00!important} /*# sourceMappingURL=app.css.map*/ \ No newline at end of file diff --git a/public/css/app.css.map b/public/css/app.css.map index 704ae4b..49418fb 100644 --- a/public/css/app.css.map +++ b/public/css/app.css.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///./node_modules/vue-select/src/scss/global/_component.scss","webpack:///./app.scss","webpack:///./node_modules/vue-select/src/scss/global/_animations.scss","webpack:///./node_modules/vue-select/src/scss/global/_states.scss","webpack:///./node_modules/vue-select/src/scss/global/_variables.scss","webpack:///./node_modules/vue-select/src/scss/modules/_dropdown-toggle.scss","webpack:///./node_modules/vue-select/src/scss/modules/_open-indicator.scss","webpack:///./node_modules/vue-select/src/scss/modules/_clear.scss","webpack:///./node_modules/vue-select/src/scss/modules/_dropdown-menu.scss","webpack:///./node_modules/vue-select/src/scss/modules/_dropdown-option.scss","webpack:///./node_modules/vue-select/src/scss/modules/_selected.scss","webpack:///./node_modules/vue-select/src/scss/modules/_search-input.scss","webpack:///./node_modules/vue-select/src/scss/modules/_spinner.scss","webpack:///./_crud.scss"],"names":[],"mappings":";AAAA,UACE,kBACA,mBCEF,CDCA,sBAEE,qBCEF,CCLA,kCACE,GACE,sBDSF,CCPA,GACE,uBDSF,CACF,CCNA,0BACE,GACE,sBDQF,CCNA,GACE,uBDQF,CACF,CCJA,8CAEE,oBACA,+CDOF,CCLA,mCAEE,SDQF,CEtBE,oJAKE,kBCFuB,CDGvB,wBFkCJ,CErBE,gCACE,mBF+BJ,CE5BE,8BACE,gBACA,cF8BJ,CE3BE,iCACE,cACA,gBF6BJ,CE1BE,sCACE,gBF4BJ,CI7DA,qBACE,6DACA,aACA,gBACA,gBACA,oCACA,iBDCiB,CCAjB,kBJ2EF,CIxEA,sBACE,aACA,gBACA,YACA,eACA,cACA,iBJ2EF,CIxEA,aACE,aACA,mBACA,qBJ2EF,CIvEA,qCACE,WJ2EF,CIzEA,uCACE,cJ4EF,CI1EA,+BACE,gCACA,4BACA,4BJ6EF,CKtHA,oBACE,sBFgBkB,CEflB,mBACA,0DACA,0DLyHF,CKpHA,8BACE,iCLuHF,CKlHA,iCACE,SLqHF,CM9IA,WACE,sBHyBkB,CGxBlB,UACA,SACA,6BACA,eACA,gBNkJF,CO7IA,mBACE,cACA,sBACA,kBACA,qBACA,OACA,YJoBoB,CInBpB,cACA,SACA,WACA,gBJkBuB,CIjBvB,eJgBsB,CIftB,gBACA,sCJgBuB,CIdvB,0DACA,0BACA,gBACA,gBACA,ePiJF,CO9IA,gBACE,iBPiJF,CQpLA,qBACE,uBACA,cACA,iBACA,WACA,WACA,kBR0LF,CQxLE,2BACE,cR0LJ,CQtLA,gCACE,kBLHmB,CKInB,URyLF,CQtLA,+BACE,mBACA,uBRyLF,CQvLE,qCACE,cRyLJ,CShNA,cACE,aACA,mBACA,wBN6Be,CM5Bf,oCACA,iBNkBiB,CMjBjB,WACA,gBACA,iBACA,gBACA,SToNF,CSjNA,cACE,oBACA,6DACA,gBACA,UACA,SACA,eACA,gBACA,sBNMkB,CMLlB,wBToNF,CS9ME,0BACE,6BACA,wBTkNJ,CShNE,mCACE,kBACA,UTkNJ,CShNE,wCACE,YTkNJ,CU9OA,0CACE,YVuPF,CUpPA,wJAIE,YVuPF,CUpPA,8BAEE,6DACA,ePhByB,COiBzB,aAtBU,CAwBV,8CACA,aACA,eACA,cACA,gBACA,gBACA,QACA,eACA,YACA,SVuPF,CUpPA,8BACE,aVuPF,CUxPA,kCACE,aVuPF,CUxPA,yBACE,aVuPF,CU9OE,8BACE,SVoPJ,CUlPE,uDACE,cVoPJ,CU/OI,uEACE,UVkPN,CW5SA,aACE,kBACA,UACA,cACA,oBACA,gBAIA,2EACA,wBACA,oGACA,sBXgTF,CW9SA,gCAEE,kBACA,UACA,UXiTF,CW7SA,0BACE,SXiTF,CYtUA,gDACI,mBZyUJ,CYrUA,2IACI,yBACA,2BZwUJ,CAxUI,yEACI,oBA2UR,CAvUA,eACI,0BA0UJ,CAtUA,2BAEI,uBAwUJ,CArUA,2BAEI,uBAuUJ,CApUA,6BACI,uBAuUJ,CApUA,0BACI,uBAuUJ,C","file":"css/app.css","sourcesContent":[".v-select {\n position: relative;\n font-family: inherit;\n}\n\n.v-select,\n.v-select * {\n box-sizing: border-box;\n}\n","@use \"sass:color\";\n\n// Fonts\n@import url('https://fonts.googleapis.com/css?family=Nunito');\n\n@import 'crud';\n// Variables\n@import 'variables';\n\na.col_sort {\n &:link,:visited,:hover,:active {\n text-decoration: none;\n }\n}\n\n.container-xxl {\n max-width: 1340px !important;\n}\n\n\n.alert-success .text-muted {\n //color : #176319 !important;\n color : color.adjust(#28b62c, $lightness: -20%) !important;\n}\n\n.alert-primary .text-muted {\n //color : #0b4a63 !important;\n color : color.adjust(#158cba, $lightness: -20%) !important;\n}\n\n.alert-secondary .text-muted {\n color : color.adjust(#f0f0f0, $lightness: -20%) !important;\n}\n\n.alert-danger .text-muted {\n color : color.adjust(#ff4136, $lightness: -20%) !important;\n}\n","$transition-timing-function: cubic-bezier(1.0, 0.5, 0.8, 1.0);\n$transition-duration: .15s;\n\n/* KeyFrames */\n@-webkit-keyframes vSelectSpinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes vSelectSpinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n/* Dropdown Default Transition */\n.vs__fade-enter-active,\n.vs__fade-leave-active {\n pointer-events: none;\n transition: opacity $transition-duration $transition-timing-function;\n}\n.vs__fade-enter,\n.vs__fade-leave-to {\n opacity: 0;\n}\n","/** Component States */\n\n/*\n * Disabled\n *\n * When the component is disabled, all interaction\n * should be prevented. Here we modify the bg color,\n * and change the cursor displayed on the interactive\n * components.\n */\n\n$disabled-bg: $vs-state-disabled-bg;\n$disabled-color: $vs-state-disabled-color;\n$disabled-cursor: $vs-state-disabled-cursor;\n\n.vs--disabled {\n .vs__dropdown-toggle,\n .vs__clear,\n .vs__search,\n .vs__selected,\n .vs__open-indicator {\n cursor: $disabled-cursor;\n background-color: $disabled-bg;\n }\n}\n\n/*\n * RTL - Right to Left Support\n *\n * Because we're using a flexbox layout, the `dir=\"rtl\"`\n * HTML attribute does most of the work for us by\n * rearranging the child elements visually.\n */\n\n.v-select[dir=\"rtl\"] {\n .vs__actions {\n padding: 0 3px 0 6px;\n }\n\n .vs__clear {\n margin-left: 6px;\n margin-right: 0;\n }\n\n .vs__deselect {\n margin-left: 0;\n margin-right: 2px;\n }\n\n .vs__dropdown-menu {\n text-align: right;\n }\n}\n","$vs-colors: (\n lightest: rgba(60, 60, 60, 0.26),\n light: rgba(60, 60, 60, 0.5),\n dark: #333,\n darkest: rgba(0, 0, 0, .15),\n) !default;\n\n// Global Component Variables\n$vs-component-line-height: 1.4 !default;\n$vs-component-placeholder-color: inherit !default;\n\n// Active State\n$vs-state-active-bg: #5897fb !default;\n$vs-state-active-color: #fff !default;\n\n// Disabled State\n$vs-state-disabled-bg: rgb(248, 248, 248) !default;\n$vs-state-disabled-color: map_get($vs-colors, 'light') !default;\n$vs-state-disabled-controls-color: map_get($vs-colors, 'light') !default;\n$vs-state-disabled-cursor: not-allowed !default;\n\n// Borders\n$vs-border-width: 1px !default;\n$vs-border-style: solid !default;\n$vs-border-radius: 4px !default;\n$vs-border-color: map_get($vs-colors, 'lightest') !default;\n\n// Component Controls: Clear, Open Indicator\n$vs-controls-color: map_get($vs-colors, 'light') !default;\n$vs-controls-size: 1 !default;\n$vs-controls-deselect-text-shadow: 0 1px 0 #fff;\n\n// Selected\n$vs-selected-bg: #f0f0f0 !default;\n$vs-selected-border-color: $vs-border-color !default;\n$vs-selected-border-style: $vs-border-style !default;\n$vs-selected-border-width: $vs-border-width !default;\n\n// Dropdown\n$vs-dropdown-z-index: 1000 !default;\n$vs-dropdown-min-width: 160px !default;\n$vs-dropdown-max-height: 350px !default;\n$vs-dropdown-box-shadow: 0px 3px 6px 0px map_get($vs-colors, 'darkest') !default;\n$vs-dropdown-bg: #fff !default;\n","/**\n Dropdown Toggle\n\n The dropdown toggle is the primary wrapper of the component. It\n has two direct descendants: .vs__selected-options, and .vs__actions.\n\n .vs__selected-options holds the .vs__selected's as well as the\n main search input.\n\n .vs__actions holds the clear button and dropdown toggle.\n */\n\n$border-width: $vs-border-width;\n$border-style: $vs-border-style;\n$border-color: $vs-border-color;\n$border-radius: $vs-border-radius;\n\n.vs__dropdown-toggle {\n appearance: none;\n display: flex;\n padding: 0 0 4px 0;\n background: none;\n border: $border-width $border-style $border-color;\n border-radius: $border-radius;\n white-space: normal;\n}\n\n.vs__selected-options {\n display: flex;\n flex-basis: 100%;\n flex-grow: 1;\n flex-wrap: wrap;\n padding: 0 2px;\n position: relative;\n}\n\n.vs__actions {\n display: flex;\n align-items: center;\n padding: 4px 6px 0 3px;\n}\n\n/* Dropdown Toggle States */\n.vs--searchable .vs__dropdown-toggle {\n cursor: text;\n}\n.vs--unsearchable .vs__dropdown-toggle {\n cursor: pointer;\n}\n.vs--open .vs__dropdown-toggle {\n border-bottom-color: transparent;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n","// Open Indicator\n\n// The open indicator appears as a down facing\n// caret on the right side of the select.\n\n$transition-timing-function: cubic-bezier(1.000, -0.115, 0.975, 0.855);\n$transition-duration: 150ms;\n\n$open-indicator-color: $vs-controls-color;\n$open-indicator-size: $vs-controls-size;\n\n.vs__open-indicator {\n fill: $open-indicator-color;\n transform: scale($open-indicator-size);\n transition: transform $transition-duration $transition-timing-function;\n transition-timing-function: $transition-timing-function;\n}\n\n// Open State\n\n.vs--open .vs__open-indicator {\n transform: rotate(180deg) scale($open-indicator-size);\n}\n\n// Loading State\n\n.vs--loading .vs__open-indicator {\n opacity: 0;\n}\n","/* Clear Button */\n\n.vs__clear {\n fill: $vs-controls-color;\n padding: 0;\n border: 0;\n background-color: transparent;\n cursor: pointer;\n margin-right: 8px;\n}\n","/* Dropdown Menu */\n\n$border-width: $vs-border-width;\n$border-style: solid;\n$border-color: $vs-border-color;\n$border-radius: $vs-border-radius;\n$box-shadow: $vs-dropdown-box-shadow;\n\n$bg-color: $vs-dropdown-bg;\n$z-index: $vs-dropdown-z-index;\n$min-width: $vs-dropdown-min-width;\n$max-height: $vs-dropdown-max-height;\n\n.vs__dropdown-menu {\n display: block;\n box-sizing: border-box;\n position: absolute;\n top: calc(100% - #{$border-width}); // -{#$border-width} here ensures the left and right borders of the dropdown appear flush with the toggle.\n left: 0;\n z-index: $z-index;\n padding: 5px 0;\n margin: 0;\n width: 100%;\n max-height: $max-height;\n min-width: $min-width;\n overflow-y: auto;\n box-shadow: $box-shadow;\n border: $border-width $border-style $border-color;\n border-top-style: none;\n border-radius: 0 0 $border-radius $border-radius;\n text-align: left;\n list-style: none;\n background: $bg-color;\n}\n\n.vs__no-options {\n text-align: center;\n}\n","/* List Items */\n.vs__dropdown-option {\n line-height: 1.42857143; /* Normalize line height */\n display: block;\n padding: 3px 20px;\n clear: both;\n color: #333; /* Overrides most CSS frameworks */\n white-space: nowrap;\n\n &:hover {\n cursor: pointer;\n }\n}\n\n.vs__dropdown-option--highlight {\n background: $vs-state-active-bg;\n color: $vs-state-active-color;\n}\n\n.vs__dropdown-option--disabled {\n background: inherit;\n color: $vs-state-disabled-color;\n\n &:hover {\n cursor: inherit;\n }\n}\n","/* Selected Tags */\n.vs__selected {\n display: flex;\n align-items: center;\n background-color: $vs-selected-bg;\n border: $vs-selected-border-width $vs-selected-border-style $vs-selected-border-color;\n border-radius: $vs-border-radius;\n color: map_get($vs-colors, 'dark');\n line-height: $vs-component-line-height;\n margin: 4px 2px 0px 2px;\n padding: 0 0.25em;\n z-index: 0;\n}\n\n.vs__deselect {\n display: inline-flex;\n appearance: none;\n margin-left: 4px;\n padding: 0;\n border: 0;\n cursor: pointer;\n background: none;\n fill: $vs-controls-color;\n text-shadow: $vs-controls-deselect-text-shadow;\n}\n\n/* States */\n\n.vs--single {\n .vs__selected {\n background-color: transparent;\n border-color: transparent;\n }\n &.vs--open .vs__selected {\n position: absolute;\n opacity: .4;\n }\n &.vs--searching .vs__selected {\n display: none;\n }\n}\n","/* Search Input */\n\n$line-height: $vs-component-line-height;\n$font-size: 1em;\n\n/**\n * Super weird bug... If this declaration is grouped\n * below, the cancel button will still appear in chrome.\n * If it's up here on it's own, it'll hide it.\n */\n.vs__search::-webkit-search-cancel-button {\n display: none;\n}\n\n.vs__search::-webkit-search-decoration,\n.vs__search::-webkit-search-results-button,\n.vs__search::-webkit-search-results-decoration,\n.vs__search::-ms-clear {\n display: none;\n}\n\n.vs__search,\n.vs__search:focus {\n appearance: none;\n line-height: $line-height;\n font-size: $font-size;\n border: 1px solid transparent;\n border-left: none;\n outline: none;\n margin: 4px 0 0 0;\n padding: 0 7px;\n background: none;\n box-shadow: none;\n width: 0;\n max-width: 100%;\n flex-grow: 1;\n z-index: 1;\n}\n\n.vs__search::placeholder {\n color: $vs-component-placeholder-color;\n}\n\n/**\n States\n */\n\n// Unsearchable\n.vs--unsearchable {\n .vs__search {\n opacity: 1;\n }\n &:not(.vs--disabled) .vs__search:hover {\n cursor: pointer;\n }\n}\n// Single, when searching but not loading or open\n.vs--single.vs--searching:not(.vs--open):not(.vs--loading) {\n .vs__search {\n opacity: .2;\n }\n}\n","/* Loading Spinner */\n.vs__spinner {\n align-self: center;\n opacity: 0;\n font-size: 5px;\n text-indent: -9999em;\n overflow: hidden;\n border-top: .9em solid rgba(100, 100, 100, .1);\n border-right: .9em solid rgba(100, 100, 100, .1);\n border-bottom: .9em solid rgba(100, 100, 100, .1);\n border-left: .9em solid rgba(60, 60, 60, .45);\n transform: translateZ(0);\n animation: vSelectSpinner 1.1s infinite linear;\n transition: opacity .1s;\n}\n.vs__spinner,\n.vs__spinner:after {\n border-radius: 50%;\n width: 5em;\n height: 5em;\n}\n\n/* Loading Spinner States */\n.vs--loading .vs__spinner {\n opacity: 1;\n}\n","@import \"vue-select/src/scss/vue-select.scss\";\r\n\r\n// readonly checkboxes\r\nselect[readonly],input[type='checkbox'][readonly]{\r\n pointer-events: none;\r\n}\r\n\r\n//bootstrap overload\r\n.btn-group > form:not(:first-child) > .btn-group:not(:last-child) > .btn, .btn-group > form:not(:first-child) > .btn:last-child:not(.dropdown-toggle) {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n}\r\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///./node_modules/vue-select/src/scss/global/_component.scss","webpack:///./app.scss","webpack:///./node_modules/vue-select/src/scss/global/_animations.scss","webpack:///./node_modules/vue-select/src/scss/global/_states.scss","webpack:///./node_modules/vue-select/src/scss/global/_variables.scss","webpack:///./node_modules/vue-select/src/scss/modules/_dropdown-toggle.scss","webpack:///./node_modules/vue-select/src/scss/modules/_open-indicator.scss","webpack:///./node_modules/vue-select/src/scss/modules/_clear.scss","webpack:///./node_modules/vue-select/src/scss/modules/_dropdown-menu.scss","webpack:///./node_modules/vue-select/src/scss/modules/_dropdown-option.scss","webpack:///./node_modules/vue-select/src/scss/modules/_selected.scss","webpack:///./node_modules/vue-select/src/scss/modules/_search-input.scss","webpack:///./node_modules/vue-select/src/scss/modules/_spinner.scss","webpack:///./_crud.scss"],"names":[],"mappings":";AAAA,UACE,kBACA,mBCEF,CDCA,sBAEE,qBCEF,CCLA,kCACE,GACE,sBDSF,CCPA,GACE,uBDSF,CACF,CCNA,0BACE,GACE,sBDQF,CCNA,GACE,uBDQF,CACF,CCJA,8CAEE,oBACA,+CDOF,CCLA,mCAEE,SDQF,CEtBE,oJAKE,kBCFuB,CDGvB,wBFkCJ,CErBE,gCACE,mBF+BJ,CE5BE,8BACE,gBACA,cF8BJ,CE3BE,iCACE,cACA,gBF6BJ,CE1BE,sCACE,gBF4BJ,CI7DA,qBACE,6DACA,aACA,gBACA,gBACA,oCACA,iBDCiB,CCAjB,kBJ2EF,CIxEA,sBACE,aACA,gBACA,YACA,eACA,cACA,iBJ2EF,CIxEA,aACE,aACA,mBACA,qBJ2EF,CIvEA,qCACE,WJ2EF,CIzEA,uCACE,cJ4EF,CI1EA,+BACE,gCACA,4BACA,4BJ6EF,CKtHA,oBACE,sBFgBkB,CEflB,mBACA,0DACA,0DLyHF,CKpHA,8BACE,iCLuHF,CKlHA,iCACE,SLqHF,CM9IA,WACE,sBHyBkB,CGxBlB,UACA,SACA,6BACA,eACA,gBNkJF,CO7IA,mBACE,cACA,sBACA,kBACA,qBACA,OACA,YJoBoB,CInBpB,cACA,SACA,WACA,gBJkBuB,CIjBvB,eJgBsB,CIftB,gBACA,sCJgBuB,CIdvB,0DACA,0BACA,gBACA,gBACA,ePiJF,CO9IA,gBACE,iBPiJF,CQpLA,qBACE,uBACA,cACA,iBACA,WACA,WACA,kBR0LF,CQxLE,2BACE,cR0LJ,CQtLA,gCACE,kBLHmB,CKInB,URyLF,CQtLA,+BACE,mBACA,uBRyLF,CQvLE,qCACE,cRyLJ,CShNA,cACE,aACA,mBACA,wBN6Be,CM5Bf,oCACA,iBNkBiB,CMjBjB,WACA,gBACA,iBACA,gBACA,SToNF,CSjNA,cACE,oBACA,6DACA,gBACA,UACA,SACA,eACA,gBACA,sBNMkB,CMLlB,wBToNF,CS9ME,0BACE,6BACA,wBTkNJ,CShNE,mCACE,kBACA,UTkNJ,CShNE,wCACE,YTkNJ,CU9OA,0CACE,YVuPF,CUpPA,wJAIE,YVuPF,CUpPA,8BAEE,6DACA,ePhByB,COiBzB,aAtBU,CAwBV,8CACA,aACA,eACA,cACA,gBACA,gBACA,QACA,eACA,YACA,SVuPF,CUpPA,8BACE,aVuPF,CUxPA,kCACE,aVuPF,CUxPA,yBACE,aVuPF,CU9OE,8BACE,SVoPJ,CUlPE,uDACE,cVoPJ,CU/OI,uEACE,UVkPN,CW5SA,aACE,kBACA,UACA,cACA,oBACA,gBAIA,2EACA,wBACA,oGACA,sBXgTF,CW9SA,gCAEE,kBACA,UACA,UXiTF,CW7SA,0BACE,SXiTF,CYtUA,gDACI,mBZyUJ,CYrUA,2IACI,yBACA,2BZwUJ,CAxUI,yEACI,oBA2UR,CAvUA,eACI,0BA0UJ,CAtUA,2BAEI,uBAwUJ,CAhUI,wDACI,uBAsUR,CAlUA,6BACI,uBAqUJ,CAlUA,0BACI,uBAqUJ,C","file":"css/app.css","sourcesContent":[".v-select {\n position: relative;\n font-family: inherit;\n}\n\n.v-select,\n.v-select * {\n box-sizing: border-box;\n}\n","@use \"sass:color\";\n\n// Fonts\n@import url('https://fonts.googleapis.com/css?family=Nunito');\n\n@import 'crud';\n// Variables\n@import 'variables';\n\na.col_sort {\n &:link,:visited,:hover,:active {\n text-decoration: none;\n }\n}\n\n.container-xxl {\n max-width: 1340px !important;\n}\n\n\n.alert-success .text-muted {\n //color : #176319 !important;\n color : color.adjust(#28b62c, $lightness: -20%) !important;\n}\n\n.alert-primary {\n .text-muted {\n //color : #0b4a63 !important;\n color : color.adjust(#158cba, $lightness: -20%) !important;\n }\n .text-primary {\n color : color.adjust(#158cba, $lightness: -20%) !important;\n }\n}\n\n.alert-secondary .text-muted {\n color : color.adjust(#f0f0f0, $lightness: -20%) !important;\n}\n\n.alert-danger .text-muted {\n color : color.adjust(#ff4136, $lightness: -20%) !important;\n}\n","$transition-timing-function: cubic-bezier(1.0, 0.5, 0.8, 1.0);\n$transition-duration: .15s;\n\n/* KeyFrames */\n@-webkit-keyframes vSelectSpinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes vSelectSpinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n/* Dropdown Default Transition */\n.vs__fade-enter-active,\n.vs__fade-leave-active {\n pointer-events: none;\n transition: opacity $transition-duration $transition-timing-function;\n}\n.vs__fade-enter,\n.vs__fade-leave-to {\n opacity: 0;\n}\n","/** Component States */\n\n/*\n * Disabled\n *\n * When the component is disabled, all interaction\n * should be prevented. Here we modify the bg color,\n * and change the cursor displayed on the interactive\n * components.\n */\n\n$disabled-bg: $vs-state-disabled-bg;\n$disabled-color: $vs-state-disabled-color;\n$disabled-cursor: $vs-state-disabled-cursor;\n\n.vs--disabled {\n .vs__dropdown-toggle,\n .vs__clear,\n .vs__search,\n .vs__selected,\n .vs__open-indicator {\n cursor: $disabled-cursor;\n background-color: $disabled-bg;\n }\n}\n\n/*\n * RTL - Right to Left Support\n *\n * Because we're using a flexbox layout, the `dir=\"rtl\"`\n * HTML attribute does most of the work for us by\n * rearranging the child elements visually.\n */\n\n.v-select[dir=\"rtl\"] {\n .vs__actions {\n padding: 0 3px 0 6px;\n }\n\n .vs__clear {\n margin-left: 6px;\n margin-right: 0;\n }\n\n .vs__deselect {\n margin-left: 0;\n margin-right: 2px;\n }\n\n .vs__dropdown-menu {\n text-align: right;\n }\n}\n","$vs-colors: (\n lightest: rgba(60, 60, 60, 0.26),\n light: rgba(60, 60, 60, 0.5),\n dark: #333,\n darkest: rgba(0, 0, 0, .15),\n) !default;\n\n// Global Component Variables\n$vs-component-line-height: 1.4 !default;\n$vs-component-placeholder-color: inherit !default;\n\n// Active State\n$vs-state-active-bg: #5897fb !default;\n$vs-state-active-color: #fff !default;\n\n// Disabled State\n$vs-state-disabled-bg: rgb(248, 248, 248) !default;\n$vs-state-disabled-color: map_get($vs-colors, 'light') !default;\n$vs-state-disabled-controls-color: map_get($vs-colors, 'light') !default;\n$vs-state-disabled-cursor: not-allowed !default;\n\n// Borders\n$vs-border-width: 1px !default;\n$vs-border-style: solid !default;\n$vs-border-radius: 4px !default;\n$vs-border-color: map_get($vs-colors, 'lightest') !default;\n\n// Component Controls: Clear, Open Indicator\n$vs-controls-color: map_get($vs-colors, 'light') !default;\n$vs-controls-size: 1 !default;\n$vs-controls-deselect-text-shadow: 0 1px 0 #fff;\n\n// Selected\n$vs-selected-bg: #f0f0f0 !default;\n$vs-selected-border-color: $vs-border-color !default;\n$vs-selected-border-style: $vs-border-style !default;\n$vs-selected-border-width: $vs-border-width !default;\n\n// Dropdown\n$vs-dropdown-z-index: 1000 !default;\n$vs-dropdown-min-width: 160px !default;\n$vs-dropdown-max-height: 350px !default;\n$vs-dropdown-box-shadow: 0px 3px 6px 0px map_get($vs-colors, 'darkest') !default;\n$vs-dropdown-bg: #fff !default;\n","/**\n Dropdown Toggle\n\n The dropdown toggle is the primary wrapper of the component. It\n has two direct descendants: .vs__selected-options, and .vs__actions.\n\n .vs__selected-options holds the .vs__selected's as well as the\n main search input.\n\n .vs__actions holds the clear button and dropdown toggle.\n */\n\n$border-width: $vs-border-width;\n$border-style: $vs-border-style;\n$border-color: $vs-border-color;\n$border-radius: $vs-border-radius;\n\n.vs__dropdown-toggle {\n appearance: none;\n display: flex;\n padding: 0 0 4px 0;\n background: none;\n border: $border-width $border-style $border-color;\n border-radius: $border-radius;\n white-space: normal;\n}\n\n.vs__selected-options {\n display: flex;\n flex-basis: 100%;\n flex-grow: 1;\n flex-wrap: wrap;\n padding: 0 2px;\n position: relative;\n}\n\n.vs__actions {\n display: flex;\n align-items: center;\n padding: 4px 6px 0 3px;\n}\n\n/* Dropdown Toggle States */\n.vs--searchable .vs__dropdown-toggle {\n cursor: text;\n}\n.vs--unsearchable .vs__dropdown-toggle {\n cursor: pointer;\n}\n.vs--open .vs__dropdown-toggle {\n border-bottom-color: transparent;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n","// Open Indicator\n\n// The open indicator appears as a down facing\n// caret on the right side of the select.\n\n$transition-timing-function: cubic-bezier(1.000, -0.115, 0.975, 0.855);\n$transition-duration: 150ms;\n\n$open-indicator-color: $vs-controls-color;\n$open-indicator-size: $vs-controls-size;\n\n.vs__open-indicator {\n fill: $open-indicator-color;\n transform: scale($open-indicator-size);\n transition: transform $transition-duration $transition-timing-function;\n transition-timing-function: $transition-timing-function;\n}\n\n// Open State\n\n.vs--open .vs__open-indicator {\n transform: rotate(180deg) scale($open-indicator-size);\n}\n\n// Loading State\n\n.vs--loading .vs__open-indicator {\n opacity: 0;\n}\n","/* Clear Button */\n\n.vs__clear {\n fill: $vs-controls-color;\n padding: 0;\n border: 0;\n background-color: transparent;\n cursor: pointer;\n margin-right: 8px;\n}\n","/* Dropdown Menu */\n\n$border-width: $vs-border-width;\n$border-style: solid;\n$border-color: $vs-border-color;\n$border-radius: $vs-border-radius;\n$box-shadow: $vs-dropdown-box-shadow;\n\n$bg-color: $vs-dropdown-bg;\n$z-index: $vs-dropdown-z-index;\n$min-width: $vs-dropdown-min-width;\n$max-height: $vs-dropdown-max-height;\n\n.vs__dropdown-menu {\n display: block;\n box-sizing: border-box;\n position: absolute;\n top: calc(100% - #{$border-width}); // -{#$border-width} here ensures the left and right borders of the dropdown appear flush with the toggle.\n left: 0;\n z-index: $z-index;\n padding: 5px 0;\n margin: 0;\n width: 100%;\n max-height: $max-height;\n min-width: $min-width;\n overflow-y: auto;\n box-shadow: $box-shadow;\n border: $border-width $border-style $border-color;\n border-top-style: none;\n border-radius: 0 0 $border-radius $border-radius;\n text-align: left;\n list-style: none;\n background: $bg-color;\n}\n\n.vs__no-options {\n text-align: center;\n}\n","/* List Items */\n.vs__dropdown-option {\n line-height: 1.42857143; /* Normalize line height */\n display: block;\n padding: 3px 20px;\n clear: both;\n color: #333; /* Overrides most CSS frameworks */\n white-space: nowrap;\n\n &:hover {\n cursor: pointer;\n }\n}\n\n.vs__dropdown-option--highlight {\n background: $vs-state-active-bg;\n color: $vs-state-active-color;\n}\n\n.vs__dropdown-option--disabled {\n background: inherit;\n color: $vs-state-disabled-color;\n\n &:hover {\n cursor: inherit;\n }\n}\n","/* Selected Tags */\n.vs__selected {\n display: flex;\n align-items: center;\n background-color: $vs-selected-bg;\n border: $vs-selected-border-width $vs-selected-border-style $vs-selected-border-color;\n border-radius: $vs-border-radius;\n color: map_get($vs-colors, 'dark');\n line-height: $vs-component-line-height;\n margin: 4px 2px 0px 2px;\n padding: 0 0.25em;\n z-index: 0;\n}\n\n.vs__deselect {\n display: inline-flex;\n appearance: none;\n margin-left: 4px;\n padding: 0;\n border: 0;\n cursor: pointer;\n background: none;\n fill: $vs-controls-color;\n text-shadow: $vs-controls-deselect-text-shadow;\n}\n\n/* States */\n\n.vs--single {\n .vs__selected {\n background-color: transparent;\n border-color: transparent;\n }\n &.vs--open .vs__selected {\n position: absolute;\n opacity: .4;\n }\n &.vs--searching .vs__selected {\n display: none;\n }\n}\n","/* Search Input */\n\n$line-height: $vs-component-line-height;\n$font-size: 1em;\n\n/**\n * Super weird bug... If this declaration is grouped\n * below, the cancel button will still appear in chrome.\n * If it's up here on it's own, it'll hide it.\n */\n.vs__search::-webkit-search-cancel-button {\n display: none;\n}\n\n.vs__search::-webkit-search-decoration,\n.vs__search::-webkit-search-results-button,\n.vs__search::-webkit-search-results-decoration,\n.vs__search::-ms-clear {\n display: none;\n}\n\n.vs__search,\n.vs__search:focus {\n appearance: none;\n line-height: $line-height;\n font-size: $font-size;\n border: 1px solid transparent;\n border-left: none;\n outline: none;\n margin: 4px 0 0 0;\n padding: 0 7px;\n background: none;\n box-shadow: none;\n width: 0;\n max-width: 100%;\n flex-grow: 1;\n z-index: 1;\n}\n\n.vs__search::placeholder {\n color: $vs-component-placeholder-color;\n}\n\n/**\n States\n */\n\n// Unsearchable\n.vs--unsearchable {\n .vs__search {\n opacity: 1;\n }\n &:not(.vs--disabled) .vs__search:hover {\n cursor: pointer;\n }\n}\n// Single, when searching but not loading or open\n.vs--single.vs--searching:not(.vs--open):not(.vs--loading) {\n .vs__search {\n opacity: .2;\n }\n}\n","/* Loading Spinner */\n.vs__spinner {\n align-self: center;\n opacity: 0;\n font-size: 5px;\n text-indent: -9999em;\n overflow: hidden;\n border-top: .9em solid rgba(100, 100, 100, .1);\n border-right: .9em solid rgba(100, 100, 100, .1);\n border-bottom: .9em solid rgba(100, 100, 100, .1);\n border-left: .9em solid rgba(60, 60, 60, .45);\n transform: translateZ(0);\n animation: vSelectSpinner 1.1s infinite linear;\n transition: opacity .1s;\n}\n.vs__spinner,\n.vs__spinner:after {\n border-radius: 50%;\n width: 5em;\n height: 5em;\n}\n\n/* Loading Spinner States */\n.vs--loading .vs__spinner {\n opacity: 1;\n}\n","@import \"vue-select/src/scss/vue-select.scss\";\r\n\r\n// readonly checkboxes\r\nselect[readonly],input[type='checkbox'][readonly]{\r\n pointer-events: none;\r\n}\r\n\r\n//bootstrap overload\r\n.btn-group > form:not(:first-child) > .btn-group:not(:last-child) > .btn, .btn-group > form:not(:first-child) > .btn:last-child:not(.dropdown-toggle) {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n}\r\n"],"sourceRoot":""} \ No newline at end of file diff --git a/resources/sass/app.scss b/resources/sass/app.scss index 5bb62da..91d58be 100644 --- a/resources/sass/app.scss +++ b/resources/sass/app.scss @@ -23,9 +23,14 @@ a.col_sort { color : color.adjust(#28b62c, $lightness: -20%) !important; } -.alert-primary .text-muted { - //color : #0b4a63 !important; - color : color.adjust(#158cba, $lightness: -20%) !important; +.alert-primary { + .text-muted { + //color : #0b4a63 !important; + color : color.adjust(#158cba, $lightness: -20%) !important; + } + .text-primary { + color : color.adjust(#158cba, $lightness: -20%) !important; + } } .alert-secondary .text-muted {