aaaa
This commit is contained in:
@@ -1,19 +1,53 @@
|
||||
:root {
|
||||
--primary-color: #f6cd26;
|
||||
--second-color: black;
|
||||
--line-width: 2px;
|
||||
--space: 12px;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
background-color: var(--second-color);
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.block {
|
||||
border: solid var(--primary-color) 2px;
|
||||
padding: 12px;
|
||||
border: solid var(--primary-color) var(--line-width);
|
||||
padding: var(--space);
|
||||
}
|
||||
|
||||
.list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
gap: var(--space);
|
||||
}
|
||||
|
||||
a:visited, a:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
|
||||
button {
|
||||
align-items: center;
|
||||
padding: var(--space);
|
||||
background: var(--second-color);
|
||||
color: var(--primary-color);
|
||||
border: solid var(--primary-color) var(--line-width);
|
||||
}
|
||||
|
||||
button:hover,
|
||||
button:focus {
|
||||
background: var(--primary-color);
|
||||
color: black;
|
||||
cursor: pointer;
|
||||
border: solid var(--second-color) var(--line-width);
|
||||
outline: calc(var(--line-width) * 2) var(--primary-color);
|
||||
}
|
||||
|
||||
textarea {
|
||||
padding: var(--space);
|
||||
color: var(--primary-color);
|
||||
background-color: var(--second-color);
|
||||
border: solid var(--primary-color) var(--line-width);
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user