// 18px is the minimum input field line-height and 14px is the font-size of // the drop down selector elements. $dropdown-selector-line-height: 18/14; .wc-block-components-dropdown-selector { max-width: 300px; position: relative; width: 100%; } .wc-block-components-dropdown-selector__input-wrapper { background: #fff; border: 1px solid $input-border-gray; color: $input-text-active; align-items: center; border-radius: 4px; cursor: text; display: flex; flex-wrap: wrap; padding: 2px $gap-smaller; .is-disabled & { background-color: $core-grey-light-500; } .is-multiple.has-checked > & { padding: 2px $gap-smallest; } .is-open > & { border-radius: 4px 4px 0 0; } } .wc-block-components-dropdown-selector__input { @include font-size(small); line-height: $dropdown-selector-line-height; margin: em($gap-small/4) 0; min-width: 0; padding: em($gap-smallest * 0.75) 0 em($gap-smallest * 0.75); .is-single & { width: 100%; &:hover, &:focus, &:active { outline: 0; } } .is-single.has-checked.is-open & { margin-bottom: 1.5px; margin-top: 1.5px; } .is-single.has-checked:not(.is-open) & { @include visually-hidden(); // Fixes an issue in Firefox that `flex: wrap` in the container was making // this element to still occupy one line. position: absolute; } .is-multiple & { flex: 1; min-width: 0; } } // Visually hide the input .is-single .wc-block-components-dropdown-selector__input:first-child, .is-multiple .wc-block-components-dropdown-selector__input { background: transparent; border: 0; &:hover, &:focus, &:active { outline: 0; } } .wc-block-components-dropdown-selector { // Reset

11 Melhores Tênis para Academia

15 Melhores Tênis para Caminhada

Melhores Tênis para Corrida em 2025

12 Melhores Tênis para CrossFit em 2025

Conteúdos Recentes

11 Melhores Bikes de Spinning para Se Manter Ativo em 2025

Bicicleta Ergométrica Horizontal

Bicicleta Ergométrica Horizontal: Conheça os 11 Melhores Modelos

Homem caminhando na melhor esteira residencial para corrida

Melhor esteira residencial: 14 modelos com ótimo custo-benefício

tenis de corrida

Top 5: Melhores tênis para começar a correr em 2025

benefícios do ciclismo

Quais os benefícios do ciclismo?

Melhores Tênis para Trilha

Melhores Tênis para Trilha em 2025

tênis feminino confortável para trabalhar em pé

Qual Melhor Tênis Feminino Confortável para Trabalhar em Pé

crossfit academia

Crossfit ou Musculação: o que é melhor?

simulador de remo crossfit

Melhor Máquina de Remo Crossfit: Veja qual é

crossfit escalonado

Scaled Crossfit: Entenda melhor como funciona

crossfit ou academia

Crossfit ou Academia: Qual a melhor opção?

bicicleta ideal para ciclismo

Conheça qual a bicicleta ideal para ciclismo