Select

No notes defined.

<div class=" select">
    <label class="select__label" for="filter1">Filter by Type:</label>
    <select class="select__select" name="filter1">
        <option>Ipsum asperiores</option>
        <option>Consectetur in</option>
        <option>Ipsum impedit</option>
        <option>Dolor vero</option>
        <option>Sit minima</option>
        <option>Adipisicing animi</option>
        <option>Lorem voluptatem</option>
        <option>Lorem voluptatibus</option>
        <option>Lorem ipsam</option>
        <option>Elit eligendi</option>
    </select>
</div>
  • Content:
    @use "/resources/styles/common" as *;
    @use "/resources/styles/config";
    
    .select {
        &__select {
            appearance: none;
            background: transparent url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzIgNCAyMCAxNicgZmlsbD0nbm9uZScgc3Ryb2tlPScjMTQxNDE0JyBzdHJva2Utd2lkdGg9JzAuMTI1cmVtJz48cGF0aCBkPSdtNiA5IDYgNiA2LTYnLz48L3N2Zz4=) right #{config.$h-space - .5rem} center / #{config.$line-height * 1em} no-repeat;
            border: 2px solid config.$link;
            padding: config.$thin-padding;
            height: auto;
        }
    }
    
  • URL: /components/raw/select/_index.scss
  • Filesystem Path: resources/styles/atoms/select/_index.scss
  • Size: 585 Bytes