diff --git a/css/structure/dropdown.css b/css/structure/dropdown.css index f224c04..701f033 100644 --- a/css/structure/dropdown.css +++ b/css/structure/dropdown.css @@ -10,7 +10,7 @@ .uk-navbar-dropdown, .uk-dropdown { background: var(--dropdown-background); box-shadow: var(--dropdown-shadow); - border-radius: 0; + border-radius: 6px; padding: 5px 0; } diff --git a/css/structure/input.css b/css/structure/input.css index 3f35cfb..6fc9e81 100644 --- a/css/structure/input.css +++ b/css/structure/input.css @@ -21,10 +21,6 @@ --input-background-focus: var(--input-background); --input-shadow-focus: var(--input-shadow); --input-border-focus: var(--input-border); - /* Active Styling */ - --input-background-active: var(--input-background); - --input-shadow-active: var(--input-shadow); - --input-border-active: var(--input-border); /* Disabled */ --input-color-disabled: var(--disable-color); --input-background-disabled: var(--muted-color); @@ -52,10 +48,6 @@ border: var(--input-border-focus); } -.input-wrapper.active { - border: var(--input-border-active); -} - .input-wrapper.danger { border: 1px solid var(--input-danger-color); } @@ -85,11 +77,6 @@ background: var(--input-background-focus); } -.input-wrapper.active > .input-box { - box-shadow: var(--input-shadow-active); - background: var(--input-background-active); -} - .input-box.select { cursor: pointer; } @@ -268,8 +255,6 @@ --input-font-size: 14px; --input-background-hover: var(--muted-color); --input-shadow-hover: var(--shadow-main); - --input-background-focus: var(--muted-color); + --input-background-focus: var(--default-color); --input-shadow-focus: var(--shadow-main); - --input-background-active: var(--default-color); - --input-shadow-active: var(--shadow-main); } diff --git a/css/structure/search-input.css b/css/structure/search-input.css index 1fbd355..5a3b9c0 100644 --- a/css/structure/search-input.css +++ b/css/structure/search-input.css @@ -1,11 +1,13 @@ .search-input { --search-input-shadow: none; + --search-input-background: 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); + background: var(--search-input-background); } .search-input .inputs > :not(:last-child) { @@ -36,5 +38,6 @@ /* Modifiers */ .inner { + --search-input-background: var(--light-color); --search-input-shadow: var(--shadow-inset); }