Rename advanced-search-input to search-input
This commit is contained in:
parent
e95be93cca
commit
e552bc1f30
|
@ -3,7 +3,6 @@
|
|||
@import "theme.update.css";
|
||||
|
||||
@import "structure/variables.css";
|
||||
@import "structure/advanced-search-input.css";
|
||||
@import "structure/alert.css";
|
||||
@import "structure/background.css";
|
||||
@import "structure/breadcrumb.css";
|
||||
|
@ -18,12 +17,12 @@
|
|||
@import "structure/navbar.css";
|
||||
@import "structure/offcanvas.css";
|
||||
@import "structure/pill.css";
|
||||
@import "structure/search-input.css";
|
||||
@import "structure/shadow.css";
|
||||
@import "structure/slider.css";
|
||||
@import "structure/stepper.css";
|
||||
@import "structure/tab.css";
|
||||
@import "structure/text.css";
|
||||
@import "structure/width.css";
|
||||
|
||||
@import "openaire.css";
|
||||
|
||||
@import "structure/stepper.css";
|
||||
|
|
|
@ -1,35 +0,0 @@
|
|||
.advanced-search-input {
|
||||
--advanced-input-shadow: var(--shadow-inset);
|
||||
--advanced-input-border-radius: 54px;
|
||||
--advanced-input-search-color: var(--secondary-color);
|
||||
--advanced-input-search-color-disabled: var(--disable-color);
|
||||
--advanced-input-divider: 1px solid var(--muted-color);
|
||||
border-radius: var(--advanced-input-border-radius);
|
||||
box-shadow: var(--advanced-input-shadow);
|
||||
}
|
||||
|
||||
.advanced-search-input .inputs > :not(:last-child) {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.advanced-search-input .inputs > :not(:last-child):after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 15px;
|
||||
bottom: 15px;
|
||||
width: 0;
|
||||
border-left: var(--advanced-input-divider);
|
||||
}
|
||||
|
||||
.advanced-search-input .search {
|
||||
color: var(--advanced-input-search-color);
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.advanced-search-input .search.disabled {
|
||||
color: var(--advanced-input-search-color-disabled);
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
}
|
|
@ -0,0 +1,40 @@
|
|||
.search-input {
|
||||
--search-input-shadow: none;
|
||||
--search-input-border-radius: 54px;
|
||||
--search-input-icon-color: var(--secondary-color);
|
||||
--search-input-icon-color-disabled: var(--disable-color);
|
||||
--search-input-divider: 1px solid var(--muted-color);
|
||||
border-radius: var(--search-input-border-radius);
|
||||
box-shadow: var(--search-input-shadow);
|
||||
}
|
||||
|
||||
.search-input .inputs > :not(:last-child) {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.search-input .inputs > :not(:last-child):after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 15px;
|
||||
bottom: 15px;
|
||||
width: 0;
|
||||
border-left: var(--search-input-divider);
|
||||
}
|
||||
|
||||
.search-input .search {
|
||||
color: var(--search-input-icon-color);
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.search-input .search.disabled {
|
||||
color: var(--search-input-icon-color-disabled);
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Modifiers */
|
||||
.inner {
|
||||
--search-input-shadow: var(--shadow-inset);
|
||||
}
|
Loading…
Reference in New Issue