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

121 lines
1.9 KiB
SCSS

@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;
}
body {
color: #151515;
font-family: "Assistant", sans-serif;
line-height: 1.42;
margin: 0.666rem;
max-width: 666px;
padding: 1rem;
border: 0.42rem solid $brown;
background: #eee;
border-radius: 1rem;
}
header {
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 {
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;
}
}
footer {
margin-top: 1rem;
}
h1 {
text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Balsamiq Sans", display;
}
a {
color: $dark-green;
text-decoration: none;
}
main {
max-width: 666px;
}
img {
max-width: 100%;
}
table {
max-width: 80vw;
display: block;
overflow-x: auto;
white-space: nowrap;
}
figure {
text-align: center;
}
footer {
padding-top: 1rem;
small {
display: flex;
align-items: center;
justify-content: center;
align-self: stretch;
}
}