Lines Matching +full:control +full:-

4   padding-top: .5em;
5   padding-bottom: .5em;
6   padding-left: .5em;
7   padding-right: 1.5em;
8   margin-top: 0;
9   border: 1px solid $border-color-02;
10   min-width: 70px;
11   font-weight: 400;
12   @include bgImage__arrowDown-primary;
14     @include bgImage__arrowDown-disabled;
20   display: inline-block;
25   z-index: 100;
28   background: $primary-light;
31   border: 1px solid $border-color-02;
32   margin-top: -5px;
33   box-shadow: 0 4px 10px -2px $base-02--02;
35     list-style-type: none;
39     text-align: left;
41     font-weight: 400;
43       background: $background-02;
49   min-width: 230px;
51 .dropdown__list.multi-select {
57       display: inline-block;
60       color: $primary-accent;
61       transform: translateY(-50%);
70     margin-right: 0;
73     max-width: 170px;
74     color: $text-01;
81 .control-check,
82 .control-radio {
84   display: inline-block;
85   margin-bottom: 15px;
86   padding-top: 7px;
88   line-height: initial;
91 .control-check input {
93   z-index: -1;
103   background: $primary-light;
104   border: 1px solid $border-color-02;
105   font-size: 0;
109   display: inline-block;
110   margin-left: 26px;
111   user-select: none;
115 .control-check:hover input ~ .control__indicator,
116 .control-check input:focus ~ .control__indicator {
117   border: 1px solid $primary-accent;
118   background-color: $primary-accent;
122 .control-check input:checked ~ .control__indicator {
123   background: $primary-accent;
127 .control-check:hover input:not([disabled]):checked ~ .control__indicator {
128   background: $primary-accent;
132 .control-check input:disabled ~ .control__indicator {
133   pointer-events: none;
135   background: $base-02--04;
136   border: 1px solid $primary-light;
139 .control-check:hover > input:disabled ~ .control__indicator {
145 .control-check input:not(:checked){
150 .control-check input:checked ~ .control__indicator:after {
155 .control-check .control__indicator:after {
161   border: solid $primary-light;
162   border-width: 0 2px 2px 0;
166 .control-check input:disabled ~ .control__indicator:after {
167   border-color: $primary-light;
168   color: $primary-light;
172 .control-radio {
173   padding-left: 3em;
175 .control-radio.disabled:hover {
178 .control-radio .control__indicator {
184   background: $primary-light;
185   border: 2px solid $border-color-02;
187 .control-radio input{
189   z-index: -1;
193 .control-radio .control__indicator {
194   border-radius: 50%;
198 .control-radio input:focus ~ .control__indicator {
199   background: $primary-accent;
200   outline: 1px solid $primary-accent;
201   outline-offset: 3px;
204 .control-radio input:checked ~ .control__indicator {
205   background: $background-02;
206   border: 2px solid $primary-accent;
210 .control-radio input:disabled ~ .control__indicator{
211   pointer-events: none;
213   background: $base-02--04;
214   border: 1px solid $border-color-01;
217 .control-radio:hover > input:disabled ~ .control__indicator{
221 .control-radio:hover input:disabled {
233 .control-radio input:checked ~ .control__indicator:after {
238 .control-radio input:disabled ~ .control__indicator:after{
239   border-color: $primary-light;
240   color: $primary-light;
244 .control-radio .control__indicator:after {
249   border-radius: 50%;
250   background: $primary-accent;
253 .control-radio:hover .control__indicator:after {
258 .control-radio input:disabled ~ .control__indicator:after {
259   background: $base-02--03;