forum/assets/styles/app.css

54 lines
1.0 KiB
CSS
Raw Normal View History

2025-02-13 13:39:42 +03:00
:root {
--primary-color: #f6cd26;
2025-02-13 18:23:49 +03:00
--second-color: black;
--line-width: 2px;
--space: 12px;
2025-02-13 13:39:42 +03:00
}
body {
2025-02-13 18:23:49 +03:00
background-color: var(--second-color);
2025-02-13 13:39:42 +03:00
color: var(--primary-color);
}
.block {
2025-02-13 18:23:49 +03:00
border: solid var(--primary-color) var(--line-width);
padding: var(--space);
2025-02-13 13:39:42 +03:00
}
.list {
display: flex;
flex-direction: column;
2025-02-13 18:23:49 +03:00
gap: var(--space);
2025-02-13 13:39:42 +03:00
}
2025-02-13 18:23:49 +03:00
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);
}