/*
* Element: Input fields
*/

/*Setting document variables*/
:root{
    --input-text-color: var(--color-text);
    --input-background-color: var(--color-white);
    --input-background-color-disabled: var(--color-gray);
    --input-border-color: var(--color-gray-light);
    --input-font-family: var(--base-font-family);
}


.input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1;
    font-family: var(--input-font-family);
    color: var(--input-text-color);
    background-color: var(--input-background-color);
    background-image: none; /* Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214*/
    border: 1px solid var(--input-border-color);
    border-radius: 4px;
    vertical-align: bottom;

    &:focus {outline: 0;}
}

/*
* Element: Input fields
*/

/*Setting document variables*/
:root{
    --input-text-color: var(--color-text);
    --input-background-color: var(--color-white);
    --input-background-color-disabled: var(--color-gray);
    --input-border-color: var(--color-gray-light);
    --input-font-family: var(--base-font-family);
}


.input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1;
    font-family: var(--input-font-family);
    color: var(--input-text-color);
    background-color: var(--input-background-color);
    background-image: none; /* Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214*/
    border: 1px solid var(--input-border-color);
    border-radius: 4px;
    vertical-align: bottom;

    &:focus {outline: 0;}
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

Clear the 'X' from IE & Chrome
Clear the 'X' from IE & Chrome

in search input fields