Sha256: 610264226e262d629f9d9837d402ee815663854f908851a764b2371b552845cc

Contents?: true

Size: 1.25 KB

Versions: 3

Compression:

Stored size: 1.25 KB

Contents

/*------------------------------------*\
    #SEARCH-AUTOCOMPLETE
\*------------------------------------*/

$search-autocomplete-bg-color: $background-color !default;
$search-autocomplete-border: 1px solid $black !default;

$search-autocomplete-z-indexes: ();
@each $name in $page-container {
    $search-autocomplete-z-indexes: append($search-autocomplete-z-indexes, $name);

    @if $name == page-header {
        $search-autocomplete-z-indexes: append($search-autocomplete-z-indexes, search-autocomplete);
    }
}

.search-autocomplete {
    display: none;
    background: $search-autocomplete-bg-color;
    border: $search-autocomplete-border;
    padding: $spacing-unit;

    @include respond-to($medium-breakpoint) {
        display: block;
        width: 90vw;
    }

    @include respond-to($x-wide-breakpoint) {
        width: 1050px;
    }
}

.search-autocomplete--visible {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: index($search-autocomplete-z-indexes, search-autocomplete);
}


    .search-autocomplete__products {
        text-align: left;
    }


    .search-autocomplete__searches {
        @extend %list-reset;
        text-align: right;
    }

        .search-autocomplete__searches-item {}

            .search-autocomplete__searches-link {}

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
workarea-search_autocomplete-1.0.2 app/assets/stylesheets/workarea/storefront/search_autocomplete/components/_search_autocomplete.scss
workarea-search_autocomplete-1.0.1 app/assets/stylesheets/workarea/storefront/search_autocomplete/components/_search_autocomplete.scss
workarea-search_autocomplete-1.0.0 app/assets/stylesheets/workarea/storefront/search_autocomplete/components/_search_autocomplete.scss