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

101 lines
1.6 KiB
SCSS

@import url(https://fonts.bunny.net/css?family=assistant:500|balsamiq-sans:400,400i,700,700i);
html {
background: #238e23;
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 #b68024;
background: #eee;
border-radius: 1rem;
}
header {
padding-bottom: 1rem;
border-bottom: 0.24rem solid #b68024;
display: flex;
flex-direction: column;
h1 {
color: #ee871c;
}
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;
}
}
}
footer {
border-top: 0.24rem solid #b68024;
margin-top: 1rem;
}
h1 {
text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Balsamiq Sans", display;
}
a {
color: #238e23;
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;
}
}