birdcat.online/themes/aviary/assets/css/main.scss

122 lines
1.9 KiB
SCSS
Raw Normal View History

@import url(https://fonts.bunny.net/css?family=assistant:500|balsamiq-sans:400,400i,700,700i);
$dark-green: #238e23;
$brown: #b68024;
$background: #eeeeee;
$foreground: #151515;
html {
background: $dark-green;
display: flex;
justify-content: center;
}
2024-07-04 20:44:05 -04:00
body {
color: #151515;
2024-07-07 17:09:56 -04:00
font-family: "Assistant", sans-serif;
2024-07-07 17:21:18 -04:00
line-height: 1.42;
margin: 0.666rem;
2024-07-04 20:44:05 -04:00
max-width: 666px;
padding: 1rem;
border: 0.42rem solid $brown;
background: #eee;
border-radius: 1rem;
2024-07-04 20:44:05 -04:00
}
header {
2024-07-07 17:21:18 -04:00
padding-bottom: 1rem;
display: flex;
flex-direction: column;
font-weight: bold;
h1 {
color: $brown;
}
nav {
max-width: 80vw;
align-self: center;
ul {
display: flex;
flex-direction: row;
list-style-type: none;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
li {
2024-07-07 17:21:18 -04:00
margin: auto 0.5rem;
}
li .active {
text-decoration: underline;
}
overflow-x: scroll;
}
}
.bird {
color: #F0B441;
}
.cat {
color: #653931;
}
.online {
color: #69BD30;
}
}
header, footer {
hr {
width: 100%;
border: 0.2rem solid $brown;
border-radius: 1rem;
}
2024-07-04 20:44:05 -04:00
}
footer {
margin-top: 1rem;
}
h1 {
text-align: center;
}
2024-07-07 17:09:56 -04:00
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Balsamiq Sans", display;
}
2024-07-04 20:44:05 -04:00
a {
color: $dark-green;
2024-07-04 20:44:05 -04:00
text-decoration: none;
}
main {
max-width: 666px;
}
img {
max-width: 100%;
}
table {
max-width: 80vw;
display: block;
overflow-x: auto;
white-space: nowrap;
2024-07-04 20:44:05 -04:00
}
figure {
text-align: center;
}
2024-07-07 10:07:28 -04:00
2024-07-07 17:21:18 -04:00
footer {
padding-top: 1rem;
small {
display: flex;
align-items: center;
justify-content: center;
align-self: stretch;
}
2024-07-07 10:07:28 -04:00
}