barrett/barrettruth.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(post): first draft of styling

Browse source
This commit is contained in:
Barrett Ruth 2024-06-15 17:29:43 -05:00
parent 4a558df078
commit 4b035c0c0c
3 changed files with 89 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

99
styles/post.css
View file

@ -1,31 +1,3 @@
@font-face {
font-family: "Signifier";
src: url("public/signifier/Signifier-Regular.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Signifier";
src: url("public/signifier/Signifier-Italic.ttf");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Signifier";
src: url("public/signifier/Signifier-Bold.ttf");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Signifier";
src: url("public/signifier/Signifier-BoldItalic.ttf");
font-weight: bold;
font-style: italic;
}
html,
body {
font-family: "Signifier", serif;
@ -34,3 +6,74 @@ body {
padding: 0;
height: 100%;
}
header {
font-size: 1.5em;
display: flex;
padding: 20px;
align-items: center;
justify-content: space-between;
}
.main {
display: flex;
justify-content: center;
}
.post-header {
padding: 0;
}
.post-container {
max-width: 80%;
}
.post-title {
font-weight: normal;
}
.post-meta {
font-style: italic;
/* space between date and title */
margin-left: 100px;
}
.post-title {
font-weight: normal;
}
.post-title {
width: 100%;
position: relative;
display: inline-block;
}
.post-title::before {
content: "";
position: absolute;
background-color: #0073e6;
height: 30px;
width: 2px;
bottom: -10px;
left: -20px;
}
.post-title::after {
content: "";
position: absolute;
background-color: #0073e6;
width: 200px;
height: 2px;
bottom: -10px;
left: -20px;
}
article {
font-size: 1.5em;
line-height: 1.2em;
}
article h2 {
font-weight: normal;
font-style: italic;
}