mirror of
https://github.com/nextcloud/server.git
synced 2026-04-21 06:08:46 -04:00
Fix vue-select styles
Signed-off-by: Christopher Ng <chrng8@gmail.com>
This commit is contained in:
Christopher Ng
parent
b6e7b3ba90
commit
8545a0eecc
5 changed files with 312 additions and 73 deletions
|
|
@ -83,7 +83,8 @@ input, textarea, select, button, div[contenteditable=true], div[contenteditable=
|
|||
|
||||
/* Simple selector to allow easy overriding */
|
||||
select,
|
||||
button:not(.button-vue),
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]),
|
||||
input,
|
||||
textarea,
|
||||
div[contenteditable=true],
|
||||
|
|
@ -107,7 +108,9 @@ div.select2-drop .select2-search input,
|
|||
input[type=submit],
|
||||
input[type=button],
|
||||
input[type=reset],
|
||||
button:not(.button-vue), .button,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]),
|
||||
.button,
|
||||
.pager li a {
|
||||
margin: 3px 3px 3px 0;
|
||||
padding: 7px 14px;
|
||||
|
|
@ -131,9 +134,15 @@ input[type=button]:not(:disabled):not(.primary).active,
|
|||
input[type=reset]:not(:disabled):not(.primary):hover,
|
||||
input[type=reset]:not(:disabled):not(.primary):focus,
|
||||
input[type=reset]:not(:disabled):not(.primary).active,
|
||||
button:not(.button-vue):not(:disabled):not(.primary):hover,
|
||||
button:not(.button-vue):not(:disabled):not(.primary):focus,
|
||||
button:not(.button-vue):not(:disabled):not(.primary).active, .button:not(:disabled):not(.primary):hover, .button:not(:disabled):not(.primary):focus, .button:not(:disabled):not(.primary).active,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):not(:disabled):not(.primary):hover,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):not(:disabled):not(.primary):focus,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):not(:disabled):not(.primary).active,
|
||||
.button:not(:disabled):not(.primary):hover,
|
||||
.button:not(:disabled):not(.primary):focus,
|
||||
.button:not(:disabled):not(.primary).active,
|
||||
.pager li a:not(:disabled):not(.primary):hover,
|
||||
.pager li a:not(:disabled):not(.primary):focus,
|
||||
.pager li a:not(:disabled):not(.primary).active {
|
||||
|
|
@ -145,7 +154,9 @@ div.select2-drop .select2-search input:not(:disabled):not(.primary):active,
|
|||
input[type=submit]:not(:disabled):not(.primary):active,
|
||||
input[type=button]:not(:disabled):not(.primary):active,
|
||||
input[type=reset]:not(:disabled):not(.primary):active,
|
||||
button:not(.button-vue):not(:disabled):not(.primary):active, .button:not(:disabled):not(.primary):active,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):not(:disabled):not(.primary):active,
|
||||
.button:not(:disabled):not(.primary):active,
|
||||
.pager li a:not(:disabled):not(.primary):active {
|
||||
outline: none;
|
||||
background-color: var(--color-main-background);
|
||||
|
|
@ -155,7 +166,9 @@ div.select2-drop .select2-search input:not(:disabled):not(.primary):focus-visibl
|
|||
input[type=submit]:not(:disabled):not(.primary):focus-visible,
|
||||
input[type=button]:not(:disabled):not(.primary):focus-visible,
|
||||
input[type=reset]:not(:disabled):not(.primary):focus-visible,
|
||||
button:not(.button-vue):not(:disabled):not(.primary):focus-visible, .button:not(:disabled):not(.primary):focus-visible,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):not(:disabled):not(.primary):focus-visible,
|
||||
.button:not(:disabled):not(.primary):focus-visible,
|
||||
.pager li a:not(:disabled):not(.primary):focus-visible {
|
||||
box-shadow: 0 0 0 2px var(--color-primary);
|
||||
}
|
||||
|
|
@ -163,7 +176,9 @@ div.select2-drop .select2-search input:disabled,
|
|||
input[type=submit]:disabled,
|
||||
input[type=button]:disabled,
|
||||
input[type=reset]:disabled,
|
||||
button:not(.button-vue):disabled, .button:disabled,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):disabled,
|
||||
.button:disabled,
|
||||
.pager li a:disabled {
|
||||
background-color: var(--color-background-dark);
|
||||
color: var(--color-main-text);
|
||||
|
|
@ -174,7 +189,9 @@ div.select2-drop .select2-search input:required,
|
|||
input[type=submit]:required,
|
||||
input[type=button]:required,
|
||||
input[type=reset]:required,
|
||||
button:not(.button-vue):required, .button:required,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):required,
|
||||
.button:required,
|
||||
.pager li a:required {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
|
@ -182,7 +199,9 @@ div.select2-drop .select2-search input:user-invalid,
|
|||
input[type=submit]:user-invalid,
|
||||
input[type=button]:user-invalid,
|
||||
input[type=reset]:user-invalid,
|
||||
button:not(.button-vue):user-invalid, .button:user-invalid,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):user-invalid,
|
||||
.button:user-invalid,
|
||||
.pager li a:user-invalid {
|
||||
box-shadow: 0 0 0 2px var(--color-error) !important;
|
||||
}
|
||||
|
|
@ -190,7 +209,9 @@ div.select2-drop .select2-search input.primary,
|
|||
input[type=submit].primary,
|
||||
input[type=button].primary,
|
||||
input[type=reset].primary,
|
||||
button:not(.button-vue).primary, .button.primary,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary,
|
||||
.button.primary,
|
||||
.pager li a.primary {
|
||||
background-color: var(--color-primary-element);
|
||||
border-color: var(--color-primary-element);
|
||||
|
|
@ -205,8 +226,12 @@ button:not(.button-vue).primary, .button.primary,
|
|||
#header input[type=button].primary,
|
||||
#body-login :not(.body-login-container) input[type=reset].primary,
|
||||
#header input[type=reset].primary,
|
||||
#body-login :not(.body-login-container) button:not(.button-vue).primary,
|
||||
#header button:not(.button-vue).primary, #body-login :not(.body-login-container) .button.primary, #header .button.primary,
|
||||
#body-login :not(.body-login-container) button:not(.button-vue,
|
||||
[class^=vs__]).primary,
|
||||
#header button:not(.button-vue,
|
||||
[class^=vs__]).primary,
|
||||
#body-login :not(.body-login-container) .button.primary,
|
||||
#header .button.primary,
|
||||
#body-login :not(.body-login-container) .pager li a.primary,
|
||||
#header .pager li a.primary {
|
||||
border-color: var(--color-primary-text);
|
||||
|
|
@ -221,9 +246,15 @@ input[type=button].primary:not(:disabled):active,
|
|||
input[type=reset].primary:not(:disabled):hover,
|
||||
input[type=reset].primary:not(:disabled):focus,
|
||||
input[type=reset].primary:not(:disabled):active,
|
||||
button:not(.button-vue).primary:not(:disabled):hover,
|
||||
button:not(.button-vue).primary:not(:disabled):focus,
|
||||
button:not(.button-vue).primary:not(:disabled):active, .button.primary:not(:disabled):hover, .button.primary:not(:disabled):focus, .button.primary:not(:disabled):active,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary:not(:disabled):hover,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary:not(:disabled):focus,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary:not(:disabled):active,
|
||||
.button.primary:not(:disabled):hover,
|
||||
.button.primary:not(:disabled):focus,
|
||||
.button.primary:not(:disabled):active,
|
||||
.pager li a.primary:not(:disabled):hover,
|
||||
.pager li a.primary:not(:disabled):focus,
|
||||
.pager li a.primary:not(:disabled):active {
|
||||
|
|
@ -237,8 +268,12 @@ input[type=button].primary:not(:disabled):focus,
|
|||
input[type=button].primary:not(:disabled):focus-visible,
|
||||
input[type=reset].primary:not(:disabled):focus,
|
||||
input[type=reset].primary:not(:disabled):focus-visible,
|
||||
button:not(.button-vue).primary:not(:disabled):focus,
|
||||
button:not(.button-vue).primary:not(:disabled):focus-visible, .button.primary:not(:disabled):focus, .button.primary:not(:disabled):focus-visible,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary:not(:disabled):focus,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary:not(:disabled):focus-visible,
|
||||
.button.primary:not(:disabled):focus,
|
||||
.button.primary:not(:disabled):focus-visible,
|
||||
.pager li a.primary:not(:disabled):focus,
|
||||
.pager li a.primary:not(:disabled):focus-visible {
|
||||
box-shadow: 0 0 0 2px var(--color-main-text);
|
||||
|
|
@ -247,7 +282,9 @@ div.select2-drop .select2-search input.primary:not(:disabled):active,
|
|||
input[type=submit].primary:not(:disabled):active,
|
||||
input[type=button].primary:not(:disabled):active,
|
||||
input[type=reset].primary:not(:disabled):active,
|
||||
button:not(.button-vue).primary:not(:disabled):active, .button.primary:not(:disabled):active,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary:not(:disabled):active,
|
||||
.button.primary:not(:disabled):active,
|
||||
.pager li a.primary:not(:disabled):active {
|
||||
color: var(--color-primary-text-dark);
|
||||
}
|
||||
|
|
@ -255,7 +292,9 @@ div.select2-drop .select2-search input.primary:disabled,
|
|||
input[type=submit].primary:disabled,
|
||||
input[type=button].primary:disabled,
|
||||
input[type=reset].primary:disabled,
|
||||
button:not(.button-vue).primary:disabled, .button.primary:disabled,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary:disabled,
|
||||
.button.primary:disabled,
|
||||
.pager li a.primary:disabled {
|
||||
background-color: var(--color-primary-element);
|
||||
color: var(--color-primary-text-dark);
|
||||
|
|
@ -308,7 +347,9 @@ input[type=time] {
|
|||
|
||||
/* 'Click' inputs */
|
||||
select,
|
||||
button:not(.button-vue), .button,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]),
|
||||
.button,
|
||||
input[type=button],
|
||||
input[type=submit],
|
||||
input[type=reset] {
|
||||
|
|
@ -321,14 +362,24 @@ input[type=reset] {
|
|||
background-color: var(--color-background-dark);
|
||||
}
|
||||
select:disabled,
|
||||
button:not(.button-vue):disabled, .button:disabled,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):disabled,
|
||||
.button:disabled,
|
||||
input[type=button]:disabled,
|
||||
input[type=submit]:disabled,
|
||||
input[type=reset]:disabled {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input),
|
||||
input:not([type=range],
|
||||
.input-field__input,
|
||||
[type=submit],
|
||||
[type=button],
|
||||
[type=reset],
|
||||
.multiselect__input,
|
||||
.select2-input,
|
||||
.action-input__input,
|
||||
[class^=vs__]),
|
||||
select,
|
||||
div[contenteditable=true],
|
||||
textarea {
|
||||
|
|
@ -344,7 +395,31 @@ textarea {
|
|||
text-overflow: ellipsis;
|
||||
cursor: pointer;
|
||||
}
|
||||
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):hover, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):focus, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):active,
|
||||
input:not([type=range],
|
||||
.input-field__input,
|
||||
[type=submit],
|
||||
[type=button],
|
||||
[type=reset],
|
||||
.multiselect__input,
|
||||
.select2-input,
|
||||
.action-input__input,
|
||||
[class^=vs__]):not(:disabled):hover, input:not([type=range],
|
||||
.input-field__input,
|
||||
[type=submit],
|
||||
[type=button],
|
||||
[type=reset],
|
||||
.multiselect__input,
|
||||
.select2-input,
|
||||
.action-input__input,
|
||||
[class^=vs__]):not(:disabled):focus, input:not([type=range],
|
||||
.input-field__input,
|
||||
[type=submit],
|
||||
[type=button],
|
||||
[type=reset],
|
||||
.multiselect__input,
|
||||
.select2-input,
|
||||
.action-input__input,
|
||||
[class^=vs__]):not(:disabled):active,
|
||||
select:not(:disabled):hover,
|
||||
select:not(:disabled):focus,
|
||||
select:not(:disabled):active,
|
||||
|
|
@ -356,7 +431,15 @@ textarea:not(:disabled):focus,
|
|||
textarea:not(:disabled):active {
|
||||
border-color: var(--color-primary-element);
|
||||
}
|
||||
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):focus,
|
||||
input:not([type=range],
|
||||
.input-field__input,
|
||||
[type=submit],
|
||||
[type=button],
|
||||
[type=reset],
|
||||
.multiselect__input,
|
||||
.select2-input,
|
||||
.action-input__input,
|
||||
[class^=vs__]):not(:disabled):focus,
|
||||
select:not(:disabled):focus,
|
||||
div[contenteditable=true]:not(:disabled):focus,
|
||||
textarea:not(:disabled):focus {
|
||||
|
|
@ -382,16 +465,22 @@ select {
|
|||
}
|
||||
|
||||
select *,
|
||||
button:not(.button-vue) *, .button * {
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]) *,
|
||||
.button * {
|
||||
cursor: pointer;
|
||||
}
|
||||
select:disabled *,
|
||||
button:not(.button-vue):disabled *, .button:disabled * {
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):disabled *,
|
||||
.button:disabled * {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
button:not(.button-vue), .button,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]),
|
||||
.button,
|
||||
input[type=button],
|
||||
input[type=submit],
|
||||
input[type=reset] {
|
||||
|
|
@ -399,13 +488,17 @@ input[type=reset] {
|
|||
border-radius: var(--border-radius-pill);
|
||||
/* Get rid of the inside dotted line in Firefox */
|
||||
}
|
||||
button:not(.button-vue)::-moz-focus-inner, .button::-moz-focus-inner,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__])::-moz-focus-inner,
|
||||
.button::-moz-focus-inner,
|
||||
input[type=button]::-moz-focus-inner,
|
||||
input[type=submit]::-moz-focus-inner,
|
||||
input[type=reset]::-moz-focus-inner {
|
||||
border: 0;
|
||||
}
|
||||
button:not(.button-vue).error, .button.error,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).error,
|
||||
.button.error,
|
||||
input[type=button].error,
|
||||
input[type=submit].error,
|
||||
input[type=reset].error {
|
||||
|
|
@ -414,10 +507,19 @@ input[type=reset].error {
|
|||
color: #fff !important;
|
||||
}
|
||||
|
||||
button:not(.button-vue):not(.action-button) > span, .button > span {
|
||||
button:not(.button-vue,
|
||||
.action-button,
|
||||
[class^=vs__]) > span,
|
||||
.button > span {
|
||||
/* icon position inside buttons */
|
||||
}
|
||||
button:not(.button-vue):not(.action-button) > span[class^=icon-], button:not(.button-vue):not(.action-button) > span[class*=" icon-"], .button > span[class^=icon-], .button > span[class*=" icon-"] {
|
||||
button:not(.button-vue,
|
||||
.action-button,
|
||||
[class^=vs__]) > span[class^=icon-], button:not(.button-vue,
|
||||
.action-button,
|
||||
[class^=vs__]) > span[class*=" icon-"],
|
||||
.button > span[class^=icon-],
|
||||
.button > span[class*=" icon-"] {
|
||||
display: inline-block;
|
||||
vertical-align: text-bottom;
|
||||
opacity: 0.5;
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["variables.scss","inputs.scss","functions.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ADlCC;AACD;EACC;;;AAED;EACC;;;AAED;EACI;;;AAKJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA,YAVgB;EAWhB;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAMA;EACI;;;AAGJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA8BA;;AA5BC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGD;AACA;AAcC;AAAA;;AAbA;EACC;EACA;EAEA,QAjIe;;AAmIhB;EAIC;EACA;;AAID;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;;;AAIF;AACA;AAAA;AAAA;AAAA;AAAA;EAKC;EACA;EACA;EACA,YArKgB;EAsKhB;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAIF;AAAA;AAAA;AAAA;EAIC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;;;AAKA;AAAA;EACC;;AAIA;AAAA;EACC;;;AAKH;AACA;AAAA;AAAA;AAAA;EAIC;EACA;AAEA;;AACA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;EACC;EACA;EACA;;;AAID;AACC;;AACA;EAEC;EACA;EACA;;;AAKH;AAEC;AAuBC;;AApBA;EACC;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA,QAlRc;EAmRd,OAnRc;EAoRd;EACA;EACA;;AACA;EACC;ACpPH;EAEA;;AD0PG;EACC;;AAID;EAGC;EACA;;AACA;EACC;;AAQH;EACC;EACA;AACA;EACA;;;AAOJ;AACA;AAAA;EAEC;;;AAED;AAAA;EAEC;;;AAGD;AAKC;AA8EC;;AA5EA;EAEC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;;AAED;EACC;EACA;EACA,QAxBkB;EAyBlB,OAzBkB;EA0BlB;EACA;EACA;EACA;;AAED;EAEC;;AAED;EACC;EACA;EACA;EACA;;AAED;AAEA;AAAA;EAEC;EACA;EACA;;AAED;EACC;EACA;AAA4D;;AAE7D;EACC;;AAID;EACC;EACA;;AAED;EACC,eA/DkB;;AAmEnB;EACC;EACA,QArEkB;EAsElB,OAtEkB;EAuElB;EACA;;AAED;EACC;;AAED;EACC;;AAOD;EAEC;;AAED;EACC,cAzFyB;;AA2F1B;EACC;EACA;EACA;;AAED;EACC;AAAuE;EACvE;AAAiE;;AAElE;EACC;EACA;AAAiE;EACjE;;AAID;EAEC;AAA0C;EAC1C;AAAsD;EACtD;;AAED;EACC;;AAED;EACC;AAAc;;;AAMlB;AACA;EACC;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;;AACA;EACC;EACA;;AAIH;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;;AAGF;EACE;EACA;;;AAMH;AAAA;AAAA;AAAA;EAEC;;;AAID;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AACA;EAIC;EACA;EACA;EACA;;AAED;EACC;;AAGF;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAKJ;EACC;;AACA;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;EACA;;AAGF;EACC;EACA;EACA;;AACA;EACC;EACA;;AAGF;EAGC;;AAED;EACC;;;AAKH;AACA;EACC;EACA;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAIH;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAED;EACC;EACA;;AACA;EACC;;;AAOL;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEC;EACC;;AAED;EACC;;AAGF;EACC;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;;AAIF;AACA;EACC;IAEC;;EAED;IAEC;;EAED;IAGC;;EAED;IAEC;;;AAGF;EACC;EACA;EACA;;;AAKD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACG","file":"inputs.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["variables.scss","inputs.scss","functions.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ADlCC;AACD;EACC;;;AAED;EACC;;;AAED;EACI;;;AAKJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUC;EACA,YAdgB;EAehB;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAMA;EACI;;;AAGJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA8BA;;AA5BC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGD;AACA;AAcC;AAAA;;AAbA;EACC;EACA;EAEA,QAzIe;;AA2IhB;EAIC;EACA;;AAID;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;;;AAIF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASC;EACA;EACA;EACA,YAjLgB;EAkLhB;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAcC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;;;AASA;AAAA;AAAA;AAAA;EACC;;AAIA;AAAA;AAAA;AAAA;EACC;;;AAKH;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQC;EACA;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;;AASD;AAAA;AAAA;AAAA;AACC;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;;AAKH;AAEC;AAuBC;;AApBA;EACC;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA,QArTc;EAsTd,OAtTc;EAuTd;EACA;EACA;;AACA;EACC;ACvRH;EAEA;;AD6RG;EACC;;AAID;EAGC;EACA;;AACA;EACC;;AAQH;EACC;EACA;AACA;EACA;;;AAOJ;AACA;AAAA;EAEC;;;AAED;AAAA;EAEC;;;AAGD;AAKC;AA8EC;;AA5EA;EAEC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;;AAED;EACC;EACA;EACA,QAxBkB;EAyBlB,OAzBkB;EA0BlB;EACA;EACA;EACA;;AAED;EAEC;;AAED;EACC;EACA;EACA;EACA;;AAED;AAEA;AAAA;EAEC;EACA;EACA;;AAED;EACC;EACA;AAA4D;;AAE7D;EACC;;AAID;EACC;EACA;;AAED;EACC,eA/DkB;;AAmEnB;EACC;EACA,QArEkB;EAsElB,OAtEkB;EAuElB;EACA;;AAED;EACC;;AAED;EACC;;AAOD;EAEC;;AAED;EACC,cAzFyB;;AA2F1B;EACC;EACA;EACA;;AAED;EACC;AAAuE;EACvE;AAAiE;;AAElE;EACC;EACA;AAAiE;EACjE;;AAID;EAEC;AAA0C;EAC1C;AAAsD;EACtD;;AAED;EACC;;AAED;EACC;AAAc;;;AAMlB;AACA;EACC;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;;AACA;EACC;EACA;;AAIH;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;;AAGF;EACE;EACA;;;AAMH;AAAA;AAAA;AAAA;EAEC;;;AAID;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AACA;EAIC;EACA;EACA;EACA;;AAED;EACC;;AAGF;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAKJ;EACC;;AACA;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;EACA;;AAGF;EACC;EACA;EACA;;AACA;EACC;EACA;;AAGF;EAGC;;AAED;EACC;;;AAKH;AACA;EACC;EACA;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAIH;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAED;EACC;EACA;;AACA;EACC;;;AAOL;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEC;EACC;;AAED;EACC;;AAGF;EACC;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;;AAIF;AACA;EACC;IAEC;;EAED;IAEC;;EAED;IAGC;;EAED;IAEC;;;AAGF;EACC;EACA;EACA;;;AAKD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACG","file":"inputs.css"}
|
||||
|
|
@ -29,7 +29,11 @@ $default-height: 36px;
|
|||
|
||||
/* Simple selector to allow easy overriding */
|
||||
select,
|
||||
button:not(.button-vue),
|
||||
button:not(
|
||||
.button-vue,
|
||||
/* "vs__" class prefix is used in the vue-select lib */
|
||||
[class^="vs__"]
|
||||
),
|
||||
input,
|
||||
textarea,
|
||||
div[contenteditable=true],
|
||||
|
|
@ -54,7 +58,11 @@ div.select2-drop .select2-search input, // TODO: REMOVE WHEN DROPPING SELECT2
|
|||
input[type='submit'],
|
||||
input[type='button'],
|
||||
input[type='reset'],
|
||||
button:not(.button-vue), .button,
|
||||
button:not(
|
||||
.button-vue,
|
||||
[class^="vs__"]
|
||||
),
|
||||
.button,
|
||||
.pager li a {
|
||||
margin: 3px 3px 3px 0;
|
||||
padding: 7px 14px;
|
||||
|
|
@ -183,7 +191,11 @@ input {
|
|||
|
||||
/* 'Click' inputs */
|
||||
select,
|
||||
button:not(.button-vue), .button,
|
||||
button:not(
|
||||
.button-vue,
|
||||
[class^="vs__"]
|
||||
),
|
||||
.button,
|
||||
input[type='button'],
|
||||
input[type='submit'],
|
||||
input[type='reset'] {
|
||||
|
|
@ -200,7 +212,17 @@ input[type='reset'] {
|
|||
}
|
||||
}
|
||||
|
||||
input:not([type='range']):not(.input-field__input):not([type='submit']):not([type='button']):not([type='reset']):not(.multiselect__input):not(.select2-input):not(.action-input__input),
|
||||
input:not(
|
||||
[type='range'],
|
||||
.input-field__input,
|
||||
[type='submit'],
|
||||
[type='button'],
|
||||
[type='reset'],
|
||||
.multiselect__input,
|
||||
.select2-input,
|
||||
.action-input__input,
|
||||
[class^="vs__"]
|
||||
),
|
||||
select,
|
||||
div[contenteditable=true],
|
||||
textarea {
|
||||
|
|
@ -242,7 +264,11 @@ select {
|
|||
}
|
||||
|
||||
select,
|
||||
button:not(.button-vue), .button {
|
||||
button:not(
|
||||
.button-vue,
|
||||
[class^="vs__"]
|
||||
),
|
||||
.button {
|
||||
* {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -255,7 +281,11 @@ button:not(.button-vue), .button {
|
|||
}
|
||||
|
||||
/* Buttons */
|
||||
button:not(.button-vue), .button,
|
||||
button:not(
|
||||
.button-vue,
|
||||
[class^="vs__"]
|
||||
),
|
||||
.button,
|
||||
input[type='button'],
|
||||
input[type='submit'],
|
||||
input[type='reset'] {
|
||||
|
|
@ -273,7 +303,12 @@ input[type='reset'] {
|
|||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
button:not(.button-vue):not(.action-button), .button {
|
||||
button:not(
|
||||
.button-vue,
|
||||
.action-button,
|
||||
[class^="vs__"]
|
||||
),
|
||||
.button {
|
||||
> span {
|
||||
/* icon position inside buttons */
|
||||
&[class^='icon-'],
|
||||
|
|
|
|||
|
|
@ -1215,7 +1215,8 @@ input, textarea, select, button, div[contenteditable=true], div[contenteditable=
|
|||
|
||||
/* Simple selector to allow easy overriding */
|
||||
select,
|
||||
button:not(.button-vue),
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]),
|
||||
input,
|
||||
textarea,
|
||||
div[contenteditable=true],
|
||||
|
|
@ -1239,7 +1240,9 @@ div.select2-drop .select2-search input,
|
|||
input[type=submit],
|
||||
input[type=button],
|
||||
input[type=reset],
|
||||
button:not(.button-vue), .button,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]),
|
||||
.button,
|
||||
.pager li a {
|
||||
margin: 3px 3px 3px 0;
|
||||
padding: 7px 14px;
|
||||
|
|
@ -1263,9 +1266,15 @@ input[type=button]:not(:disabled):not(.primary).active,
|
|||
input[type=reset]:not(:disabled):not(.primary):hover,
|
||||
input[type=reset]:not(:disabled):not(.primary):focus,
|
||||
input[type=reset]:not(:disabled):not(.primary).active,
|
||||
button:not(.button-vue):not(:disabled):not(.primary):hover,
|
||||
button:not(.button-vue):not(:disabled):not(.primary):focus,
|
||||
button:not(.button-vue):not(:disabled):not(.primary).active, .button:not(:disabled):not(.primary):hover, .button:not(:disabled):not(.primary):focus, .button:not(:disabled):not(.primary).active,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):not(:disabled):not(.primary):hover,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):not(:disabled):not(.primary):focus,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):not(:disabled):not(.primary).active,
|
||||
.button:not(:disabled):not(.primary):hover,
|
||||
.button:not(:disabled):not(.primary):focus,
|
||||
.button:not(:disabled):not(.primary).active,
|
||||
.pager li a:not(:disabled):not(.primary):hover,
|
||||
.pager li a:not(:disabled):not(.primary):focus,
|
||||
.pager li a:not(:disabled):not(.primary).active {
|
||||
|
|
@ -1277,7 +1286,9 @@ div.select2-drop .select2-search input:not(:disabled):not(.primary):active,
|
|||
input[type=submit]:not(:disabled):not(.primary):active,
|
||||
input[type=button]:not(:disabled):not(.primary):active,
|
||||
input[type=reset]:not(:disabled):not(.primary):active,
|
||||
button:not(.button-vue):not(:disabled):not(.primary):active, .button:not(:disabled):not(.primary):active,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):not(:disabled):not(.primary):active,
|
||||
.button:not(:disabled):not(.primary):active,
|
||||
.pager li a:not(:disabled):not(.primary):active {
|
||||
outline: none;
|
||||
background-color: var(--color-main-background);
|
||||
|
|
@ -1287,7 +1298,9 @@ div.select2-drop .select2-search input:not(:disabled):not(.primary):focus-visibl
|
|||
input[type=submit]:not(:disabled):not(.primary):focus-visible,
|
||||
input[type=button]:not(:disabled):not(.primary):focus-visible,
|
||||
input[type=reset]:not(:disabled):not(.primary):focus-visible,
|
||||
button:not(.button-vue):not(:disabled):not(.primary):focus-visible, .button:not(:disabled):not(.primary):focus-visible,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):not(:disabled):not(.primary):focus-visible,
|
||||
.button:not(:disabled):not(.primary):focus-visible,
|
||||
.pager li a:not(:disabled):not(.primary):focus-visible {
|
||||
box-shadow: 0 0 0 2px var(--color-primary);
|
||||
}
|
||||
|
|
@ -1295,7 +1308,9 @@ div.select2-drop .select2-search input:disabled,
|
|||
input[type=submit]:disabled,
|
||||
input[type=button]:disabled,
|
||||
input[type=reset]:disabled,
|
||||
button:not(.button-vue):disabled, .button:disabled,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):disabled,
|
||||
.button:disabled,
|
||||
.pager li a:disabled {
|
||||
background-color: var(--color-background-dark);
|
||||
color: var(--color-main-text);
|
||||
|
|
@ -1306,7 +1321,9 @@ div.select2-drop .select2-search input:required,
|
|||
input[type=submit]:required,
|
||||
input[type=button]:required,
|
||||
input[type=reset]:required,
|
||||
button:not(.button-vue):required, .button:required,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):required,
|
||||
.button:required,
|
||||
.pager li a:required {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
|
@ -1314,7 +1331,9 @@ div.select2-drop .select2-search input:user-invalid,
|
|||
input[type=submit]:user-invalid,
|
||||
input[type=button]:user-invalid,
|
||||
input[type=reset]:user-invalid,
|
||||
button:not(.button-vue):user-invalid, .button:user-invalid,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):user-invalid,
|
||||
.button:user-invalid,
|
||||
.pager li a:user-invalid {
|
||||
box-shadow: 0 0 0 2px var(--color-error) !important;
|
||||
}
|
||||
|
|
@ -1322,7 +1341,9 @@ div.select2-drop .select2-search input.primary,
|
|||
input[type=submit].primary,
|
||||
input[type=button].primary,
|
||||
input[type=reset].primary,
|
||||
button:not(.button-vue).primary, .button.primary,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary,
|
||||
.button.primary,
|
||||
.pager li a.primary {
|
||||
background-color: var(--color-primary-element);
|
||||
border-color: var(--color-primary-element);
|
||||
|
|
@ -1337,8 +1358,12 @@ button:not(.button-vue).primary, .button.primary,
|
|||
#header input[type=button].primary,
|
||||
#body-login :not(.body-login-container) input[type=reset].primary,
|
||||
#header input[type=reset].primary,
|
||||
#body-login :not(.body-login-container) button:not(.button-vue).primary,
|
||||
#header button:not(.button-vue).primary, #body-login :not(.body-login-container) .button.primary, #header .button.primary,
|
||||
#body-login :not(.body-login-container) button:not(.button-vue,
|
||||
[class^=vs__]).primary,
|
||||
#header button:not(.button-vue,
|
||||
[class^=vs__]).primary,
|
||||
#body-login :not(.body-login-container) .button.primary,
|
||||
#header .button.primary,
|
||||
#body-login :not(.body-login-container) .pager li a.primary,
|
||||
#header .pager li a.primary {
|
||||
border-color: var(--color-primary-text);
|
||||
|
|
@ -1353,9 +1378,15 @@ input[type=button].primary:not(:disabled):active,
|
|||
input[type=reset].primary:not(:disabled):hover,
|
||||
input[type=reset].primary:not(:disabled):focus,
|
||||
input[type=reset].primary:not(:disabled):active,
|
||||
button:not(.button-vue).primary:not(:disabled):hover,
|
||||
button:not(.button-vue).primary:not(:disabled):focus,
|
||||
button:not(.button-vue).primary:not(:disabled):active, .button.primary:not(:disabled):hover, .button.primary:not(:disabled):focus, .button.primary:not(:disabled):active,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary:not(:disabled):hover,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary:not(:disabled):focus,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary:not(:disabled):active,
|
||||
.button.primary:not(:disabled):hover,
|
||||
.button.primary:not(:disabled):focus,
|
||||
.button.primary:not(:disabled):active,
|
||||
.pager li a.primary:not(:disabled):hover,
|
||||
.pager li a.primary:not(:disabled):focus,
|
||||
.pager li a.primary:not(:disabled):active {
|
||||
|
|
@ -1369,8 +1400,12 @@ input[type=button].primary:not(:disabled):focus,
|
|||
input[type=button].primary:not(:disabled):focus-visible,
|
||||
input[type=reset].primary:not(:disabled):focus,
|
||||
input[type=reset].primary:not(:disabled):focus-visible,
|
||||
button:not(.button-vue).primary:not(:disabled):focus,
|
||||
button:not(.button-vue).primary:not(:disabled):focus-visible, .button.primary:not(:disabled):focus, .button.primary:not(:disabled):focus-visible,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary:not(:disabled):focus,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary:not(:disabled):focus-visible,
|
||||
.button.primary:not(:disabled):focus,
|
||||
.button.primary:not(:disabled):focus-visible,
|
||||
.pager li a.primary:not(:disabled):focus,
|
||||
.pager li a.primary:not(:disabled):focus-visible {
|
||||
box-shadow: 0 0 0 2px var(--color-main-text);
|
||||
|
|
@ -1379,7 +1414,9 @@ div.select2-drop .select2-search input.primary:not(:disabled):active,
|
|||
input[type=submit].primary:not(:disabled):active,
|
||||
input[type=button].primary:not(:disabled):active,
|
||||
input[type=reset].primary:not(:disabled):active,
|
||||
button:not(.button-vue).primary:not(:disabled):active, .button.primary:not(:disabled):active,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary:not(:disabled):active,
|
||||
.button.primary:not(:disabled):active,
|
||||
.pager li a.primary:not(:disabled):active {
|
||||
color: var(--color-primary-text-dark);
|
||||
}
|
||||
|
|
@ -1387,7 +1424,9 @@ div.select2-drop .select2-search input.primary:disabled,
|
|||
input[type=submit].primary:disabled,
|
||||
input[type=button].primary:disabled,
|
||||
input[type=reset].primary:disabled,
|
||||
button:not(.button-vue).primary:disabled, .button.primary:disabled,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).primary:disabled,
|
||||
.button.primary:disabled,
|
||||
.pager li a.primary:disabled {
|
||||
background-color: var(--color-primary-element);
|
||||
color: var(--color-primary-text-dark);
|
||||
|
|
@ -1440,7 +1479,9 @@ input[type=time] {
|
|||
|
||||
/* 'Click' inputs */
|
||||
select,
|
||||
button:not(.button-vue), .button,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]),
|
||||
.button,
|
||||
input[type=button],
|
||||
input[type=submit],
|
||||
input[type=reset] {
|
||||
|
|
@ -1453,14 +1494,24 @@ input[type=reset] {
|
|||
background-color: var(--color-background-dark);
|
||||
}
|
||||
select:disabled,
|
||||
button:not(.button-vue):disabled, .button:disabled,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):disabled,
|
||||
.button:disabled,
|
||||
input[type=button]:disabled,
|
||||
input[type=submit]:disabled,
|
||||
input[type=reset]:disabled {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input),
|
||||
input:not([type=range],
|
||||
.input-field__input,
|
||||
[type=submit],
|
||||
[type=button],
|
||||
[type=reset],
|
||||
.multiselect__input,
|
||||
.select2-input,
|
||||
.action-input__input,
|
||||
[class^=vs__]),
|
||||
select,
|
||||
div[contenteditable=true],
|
||||
textarea {
|
||||
|
|
@ -1476,7 +1527,31 @@ textarea {
|
|||
text-overflow: ellipsis;
|
||||
cursor: pointer;
|
||||
}
|
||||
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):hover, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):focus, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):active,
|
||||
input:not([type=range],
|
||||
.input-field__input,
|
||||
[type=submit],
|
||||
[type=button],
|
||||
[type=reset],
|
||||
.multiselect__input,
|
||||
.select2-input,
|
||||
.action-input__input,
|
||||
[class^=vs__]):not(:disabled):hover, input:not([type=range],
|
||||
.input-field__input,
|
||||
[type=submit],
|
||||
[type=button],
|
||||
[type=reset],
|
||||
.multiselect__input,
|
||||
.select2-input,
|
||||
.action-input__input,
|
||||
[class^=vs__]):not(:disabled):focus, input:not([type=range],
|
||||
.input-field__input,
|
||||
[type=submit],
|
||||
[type=button],
|
||||
[type=reset],
|
||||
.multiselect__input,
|
||||
.select2-input,
|
||||
.action-input__input,
|
||||
[class^=vs__]):not(:disabled):active,
|
||||
select:not(:disabled):hover,
|
||||
select:not(:disabled):focus,
|
||||
select:not(:disabled):active,
|
||||
|
|
@ -1488,7 +1563,15 @@ textarea:not(:disabled):focus,
|
|||
textarea:not(:disabled):active {
|
||||
border-color: var(--color-primary-element);
|
||||
}
|
||||
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):focus,
|
||||
input:not([type=range],
|
||||
.input-field__input,
|
||||
[type=submit],
|
||||
[type=button],
|
||||
[type=reset],
|
||||
.multiselect__input,
|
||||
.select2-input,
|
||||
.action-input__input,
|
||||
[class^=vs__]):not(:disabled):focus,
|
||||
select:not(:disabled):focus,
|
||||
div[contenteditable=true]:not(:disabled):focus,
|
||||
textarea:not(:disabled):focus {
|
||||
|
|
@ -1514,16 +1597,22 @@ select {
|
|||
}
|
||||
|
||||
select *,
|
||||
button:not(.button-vue) *, .button * {
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]) *,
|
||||
.button * {
|
||||
cursor: pointer;
|
||||
}
|
||||
select:disabled *,
|
||||
button:not(.button-vue):disabled *, .button:disabled * {
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]):disabled *,
|
||||
.button:disabled * {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
button:not(.button-vue), .button,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]),
|
||||
.button,
|
||||
input[type=button],
|
||||
input[type=submit],
|
||||
input[type=reset] {
|
||||
|
|
@ -1531,13 +1620,17 @@ input[type=reset] {
|
|||
border-radius: var(--border-radius-pill);
|
||||
/* Get rid of the inside dotted line in Firefox */
|
||||
}
|
||||
button:not(.button-vue)::-moz-focus-inner, .button::-moz-focus-inner,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__])::-moz-focus-inner,
|
||||
.button::-moz-focus-inner,
|
||||
input[type=button]::-moz-focus-inner,
|
||||
input[type=submit]::-moz-focus-inner,
|
||||
input[type=reset]::-moz-focus-inner {
|
||||
border: 0;
|
||||
}
|
||||
button:not(.button-vue).error, .button.error,
|
||||
button:not(.button-vue,
|
||||
[class^=vs__]).error,
|
||||
.button.error,
|
||||
input[type=button].error,
|
||||
input[type=submit].error,
|
||||
input[type=reset].error {
|
||||
|
|
@ -1546,10 +1639,19 @@ input[type=reset].error {
|
|||
color: #fff !important;
|
||||
}
|
||||
|
||||
button:not(.button-vue):not(.action-button) > span, .button > span {
|
||||
button:not(.button-vue,
|
||||
.action-button,
|
||||
[class^=vs__]) > span,
|
||||
.button > span {
|
||||
/* icon position inside buttons */
|
||||
}
|
||||
button:not(.button-vue):not(.action-button) > span[class^=icon-], button:not(.button-vue):not(.action-button) > span[class*=" icon-"], .button > span[class^=icon-], .button > span[class*=" icon-"] {
|
||||
button:not(.button-vue,
|
||||
.action-button,
|
||||
[class^=vs__]) > span[class^=icon-], button:not(.button-vue,
|
||||
.action-button,
|
||||
[class^=vs__]) > span[class*=" icon-"],
|
||||
.button > span[class^=icon-],
|
||||
.button > span[class*=" icon-"] {
|
||||
display: inline-block;
|
||||
vertical-align: text-bottom;
|
||||
opacity: 0.5;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue