Index: static/scss/components/_select.scss |
=================================================================== |
deleted file mode 100644 |
--- a/static/scss/components/_select.scss |
+++ /dev/null |
@@ -1,171 +0,0 @@ |
-// This file is part of help.eyeo.com. |
-// Copyright (C) 2017 Eyeo GmbH |
-// |
-// help.eyeo.com is free software: you can redistribute it and/or modify |
-// it under the terms of the GNU General Public License as published by |
-// the Free Software Foundation, either version 3 of the License, or |
-// (at your option) any later version. |
-// |
-// help.eyeo.com is distributed in the hope that it will be useful, |
-// but WITHOUT ANY WARRANTY; without even the implied warranty of |
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
-// GNU General Public License for more details. |
-// |
-// You should have received a copy of the GNU General Public License |
-// along with help.eyeo.com. If not, see <http://www.gnu.org/licenses/>. |
- |
-/******************************************************************************* |
- * Select |
- ******************************************************************************/ |
- |
-/* Custom Select |
- ******************************************************************************/ |
- |
-.custom-select |
-{ |
- position: relative; |
-} |
- |
-.custom-select-selected |
-{ |
- display: none; |
- padding: 0.2em 0.7em; |
- border: 2px solid $gray-medium; |
- border-radius: 4px; |
- color: $white; |
- background: transparent; |
- font-family: inherit; |
- font-size: inherit; |
- cursor: pointer; |
-} |
- |
-.js .custom-select-selected |
-{ |
- display: inline-block; |
-} |
- |
-.custom-select-options |
-{ |
- position: absolute; |
- bottom: 100%; |
- left: 0px; |
- margin-bottom: 0.5em; |
- border: 1px solid $gray-medium; |
- border-radius: 4px; |
- box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); |
- color: $black; |
- background: $white; |
- list-style: none; |
- z-index: 2; |
- |
- a |
- { |
- color: $black; |
- } |
-} |
- |
-.custom-select-options[aria-hidden="true"] |
-{ |
- display: none; |
-} |
- |
-[dir="rtl"] .custom-select-options |
-{ |
- right: 0px; |
- left: auto; |
- padding: 0.7em; |
-} |
- |
-.no-js .custom-select-options |
-{ |
- position: relative; |
- display: inline-block; |
- top: 0px; |
- padding: 0px; |
- border: 0px; |
- color: inherit; |
- opacity: 1; |
- background: none; |
- |
- li |
- { |
- display: inline; |
- } |
- |
- li:after |
- { |
- content: ","; |
- } |
- |
- li:last-child:after |
- { |
- content: none; |
- } |
- |
- a |
- { |
- color: inherit; |
- } |
-} |
- |
-.custom-select-option |
-{ |
- padding: 0.7em; |
-} |
- |
-/* Custom Dropdown (extends the custom select element) |
- ******************************************************************************/ |
- |
-.custom-select-dropdown .custom-select-selected, |
-.custom-select-dropdown .custom-select-options |
-{ |
- width: 100%; |
-} |
- |
-.custom-select-dropdown .custom-select-selected |
-{ |
- position: relative; |
- height: 2.5em; |
- padding-right: 3.5em; |
- padding-left: 0.7em; |
- color: $primary; |
- text-align: left; |
-} |
- |
-[dir="rtl"] .custom-select-dropdown .custom-select-selected |
-{ |
- padding-right: 0.7em; |
- padding-left: 3.5em; |
- text-align: right; |
-} |
- |
-.custom-select-dropdown .custom-select-selected:after |
-{ |
- position: absolute; |
- top: 0; |
- right: 0; |
- width: 3em; |
- height: 100%; |
- border-left: 2px solid $gray-medium; |
- background-image: url(/img/png/arrow-icon-down-secondary.png); |
- background-image: linear-gradient(transparent, transparent), |
- url(/img/svg/arrow-icon-down-secondary.svg); |
- background-repeat: no-repeat; |
- background-position: center; |
- background-size: 0.7em; |
- content: ""; |
-} |
- |
-[dir="rtl"] .custom-select-dropdown .custom-select-selected:after |
-{ |
- right: auto; |
- left: 0; |
- border-right: 2px solid $gray-medium; |
- border-left: 0; |
-} |
- |
-.custom-select-dropdown .custom-select-options |
-{ |
- top: 100%; |
- bottom: auto; |
-} |