From be03dba5b51718b51ac0c7b85462c046f25d719b Mon Sep 17 00:00:00 2001 From: Dane Everitt Date: Tue, 14 May 2019 16:48:23 -0700 Subject: [PATCH] Add styling for dropdown menus --- resources/assets/styles/components/forms.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/resources/assets/styles/components/forms.css b/resources/assets/styles/components/forms.css index 0220a4420..83ecdba8e 100644 --- a/resources/assets/styles/components/forms.css +++ b/resources/assets/styles/components/forms.css @@ -65,6 +65,26 @@ input[type=number] { } } +select:not(.appearance-none) { + @apply .outline-none .appearance-none .block .bg-white .border .border-neutral-200 .text-neutral-400 .p-3 .pr-8 rounded; + transition: border-color 150ms linear, color 150ms linear; + + &:hover:not(:disabled), &:focus { + @apply .outline-none .border-primary-500 .text-neutral-700; + } + + -webkit-appearance: none; + -moz-appearance: none; + + &::-ms-expand { + display: none; + } + + background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/%3e%3c/svg%3e ") no-repeat center center; + background-size: 1rem; + background-position-x: calc(100% - 0.75rem); +} + .input-label { @apply .block .uppercase .tracking-wide .text-neutral-800 .text-xs .font-bold .mb-2; }