blog.ari.lt/content/critical.css

96 lines
1.3 KiB
CSS
Raw Normal View History

:root {
--bq-b: #ede9d3;
--bqw: 2px;
--a-f: #cdc4c4; /* #9e9b9b; */
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
}
html {
background-image: radial-gradient(
circle,
rgba(249, 240, 194, 0.15) 1px,
transparent 1px
);
background-size: 20px 20px;
background-position: center center;
}
body {
margin: auto;
padding: 2rem;
max-width: 1100px;
min-height: 100vh;
text-rendering: optimizeSpeed;
}
h1 {
text-align: center;
margin: 1em;
font-size: 2em;
}
li {
margin: 0.5em;
}
#info-bar {
text-align: center;
}
#post-content {
padding: 0.3em;
line-height: 1.4;
}
a {
text-decoration: none;
font-style: italic;
color: var(--a-f);
}
*[h] > a {
opacity: 0.3;
-webkit-transition: opacity 0.1s ease-in-out;
-o-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
}
nav img {
height: 1rem;
}
code:not(pre code),
time {
border-radius: 2px;
padding: 0.2em;
}
br {
margin-bottom: 0.2em;
}
main {
height: 98vh;
display: flex;
flex-direction: column;
}
footer {
text-align: center;
filter: brightness(75%);
display: flex;
flex-direction: column;
flex-grow: 2;
justify-content: flex-end;
}