Refactor CSS to BEM
Update dependencies Improve focus and hover states
This commit is contained in:
13
css/base.css
13
css/base.css
@@ -4,16 +4,17 @@ html {
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23e0e0e0' fill-opacity='0.45' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
|
||||
color: var(--colorNearBlack);
|
||||
font-family: var(--bodyFontFamily);
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23e0e0e0' fill-opacity='0.55' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
|
||||
color: var(--color-near-black);
|
||||
font-family: var(--body-font-family);
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
@@ -49,7 +50,7 @@ a:active,
|
||||
a:focus,
|
||||
a:hover,
|
||||
a:visited {
|
||||
color: var(--colorNearBlack);
|
||||
color: var(--color-near-black);
|
||||
font-weight: 700;
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
|
||||
Reference in New Issue
Block a user