Refactor CSS to BEM

Update dependencies
Improve focus and hover states
This commit is contained in:
2018-12-09 14:52:01 +00:00
parent e9f1f6e2fa
commit 6e62b55e60
34 changed files with 3934 additions and 2384 deletions

View File

@@ -1,28 +1,26 @@
/** @define Search */
.Search {
.search {
display: flex;
}
.Search-label {
.search__label {
left: -10000px;
position: absolute;
top: -10000px;
}
.Search-input {
.search__input {
border: none;
border-radius: 0;
color: var(--colorNearBlack);
font-family: var(--headingFontFamily);
color: var(--color-near-black);
font-family: var(--heading-font-family);
max-width: 200px;
padding: 10px;
}
.Search-submit {
background-color: var(--colorLightBlue);
.search__submit {
background-color: var(--color-light-blue);
border: none;
color: #fff;
font-family: var(--headingFontFamily);
font-family: var(--heading-font-family);
min-width: 100px;
}