jade/blog
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

initial commit

Browse source
This commit is contained in:
lf- 2021-03-08 00:30:22 -08:00
commit 8ae937faf6
17 changed files with 259 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

89
sass/fonts.scss Normal file
View file

@ -0,0 +1,89 @@
@font-face {
font-family: "Source Sans 3";
font-weight: 200;
font-style: italic;
font-display: swap;
src: url("fonts/SourceSans3-ExtraLightIt.otf.woff2") format("woff2");
}
@font-face {
font-family: "Source Sans 3";
font-weight: 200;
font-display: swap;
src: url("fonts/SourceSans3-ExtraLight.otf.woff2") format("woff2");
}
@font-face {
font-family: "Source Sans 3";
font-weight: 300;
font-style: italic;
font-display: swap;
src: url("fonts/SourceSans3-LightIt.otf.woff2") format("woff2");
}
@font-face {
font-family: "Source Sans 3";
font-weight: 300;
font-display: swap;
src: url("fonts/SourceSans3-Light.otf.woff2") format("woff2");
}
@font-face {
font-family: "Source Sans 3";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("fonts/SourceSans3-It.otf.woff2") format("woff2");
}
@font-face {
font-family: "Source Sans 3";
font-weight: 400;
font-display: swap;
src: url("fonts/SourceSans3-Regular.otf.woff2") format("woff2");
}
@font-face {
font-family: "Source Sans 3";
font-weight: 600;
font-style: italic;
font-display: swap;
src: url("fonts/SourceSans3-SemiboldIt.otf.woff2");
}
@font-face {
font-family: "Source Sans 3";
font-weight: 600;
font-display: swap;
src: url("fonts/SourceSans3-Semibold.otf.woff2") format("woff2");
}
@font-face {
font-family: "Source Sans 3";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("fonts/SourceSans3-BoldIt.otf.woff2") format("woff2");
}
@font-face {
font-family: "Source Sans 3";
font-weight: 700;
font-display: swap;
src: url("fonts/SourceSans3-Bold.otf.woff2") format("woff2");
}
@font-face {
font-family: "Source Sans 3";
font-weight: 900;
font-style: italic;
font-display: swap;
src: url("fonts/SourceSans3-BlackIt.otf.woff2");
}
@font-face {
font-family: "Source Sans 3";
font-weight: 900;
font-display: swap;
src: url("fonts/SourceSans3-Black.otf.woff2") format("woff2");
}

101
sass/main.scss Normal file
View file

@ -0,0 +1,101 @@
$text: #ddd;
$bg: #540362;
$lower1: darken($text, 18);
@import 'fonts';
@mixin reset-list {
margin: 0;
padding: 0;
}
@mixin horizontal-list {
@include reset-list;
li {
display: inline-block;
margin: {
left: -2px;
right: 2em;
}
}
}
@mixin flex-center {
display: flex;
align-content: center;
justify-content: center;
}
@mixin chonky-link-underline {
a {
border-bottom: solid 2px;
padding-bottom: 0px;
border-radius: 1px;
}
}
@mixin a-normal {
a {
color: $text;
text-decoration: none;
}
}
pre {
padding: 1em;
margin: .5em 0;
border-radius: .3em;
overflow: auto;
background-color: darken($bg, 5.0);
code {
font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace;
}
}
body {
font-family: 'Source Sans 3', 'sans-serif';
background-color: $bg;
color: $text;
font-size: 1.1em;
}
nav {
@include flex-center;
ul {
@include horizontal-list();
@include chonky-link-underline();
@include a-normal();
font-weight: 700;
}
}
article {
@include a-normal();
h2 {
margin-block-end: -0.2em;
}
// the spans below individual page titles on the home page
.detail span {
font-weight: 600;
font-size: 0.8rem;
color: $lower1;
}
.detail span:first-child::after {
content: " - ";
}
}
footer {
@include flex-center;
}
main {
display: block;
margin: 0 auto;
max-width: 860px;
}