gil/site
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Reorganize CSS to group markdown formatting

Browse source
This commit is contained in:
gil 2024-05-26 18:29:29 -05:00
parent e543942d6b
commit dfcba76d5d
4 changed files with 44 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/_includes/footer.njk
View file

@ -1,4 +1,4 @@
<footer class="footer_main">
<footer class="footer-main">
Made with <a href="https://www.11ty.dev/">11ty</a>.
{% if page.date %}<i>Last updated on {{ page.date | postDate }}</i>{% endif %}
</footer>

42
src/css/global.css
View file

@ -56,7 +56,7 @@ h5,
h6 {
text-align: center;
}
@media screen and (min-width: 600px) {
@media screen and (min-width: 768px) {
h1,
h2,
h3,
@ -95,11 +95,21 @@ article {
margin: 0 2em;
}
}
main :where(ol, ul),
article :where(ol, ul) {
main ol,
main ul,
article ol,
article ul {
all: revert;
margin: 0;
margin-bottom: 1em;
}
main p,
article p {
line-height: 1.5;
margin-bottom: 1em;
}
main :last-child,
article :last-child {
margin-bottom: 0;
}
header.header_main {
@ -124,30 +134,18 @@ a.logo:active {
text-decoration: none;
}
.navbar :where(li) {
nav.navbar {
margin-bottom: 1em;
}
nav.navbar li {
display: inline-flex;
}
p {
line-height: 1.5;
margin-bottom: 1em;
}
ul,
ol {
margin-bottom: 1em;
}
footer.footer_main {
footer.footer-main {
margin: 2em 1em 1em 1em;
text-align: center;
}
main > :last-child,
header > :last-child {
margin-bottom: 0px;
}
.float-right {
margin: auto;
margin-bottom: 1em;

2
src/css/global.css.map
View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;ACpBA;EDcF;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA5CG;EA6CH;EACA;EACA;EACA;EACA;;AC9CA;EDsCF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA,OFnCY;EEoCZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AC7GA;EDwGF;IAOI;IACA;;;;AAIJ;EACE;EACA;EACA","file":"global.css"}
{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;ACpBA;EDcF;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA5CG;EA6CH;EACA;EACA;EACA;EACA;;AC9CA;EDsCF;AAAA;IAUI;;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AC3GA;EDsGF;IAOI;IACA;;;;AAIJ;EACE;EACA;EACA","file":"global.css"}

42
src/css/global.scss
View file

@ -32,7 +32,7 @@ h4,
h5,
h6 {
text-align: center;
@include breakpoint("sm") {
@include breakpoint("md") {
text-align: left;
}
}
@ -61,12 +61,21 @@ article {
@include breakpoint("sm") {
margin: 0 2em;
}
ol,
ul {
all: revert;
margin-bottom: 1em;
}
main :where(ol, ul),
article :where(ol, ul) {
all: revert;
margin: 0;
p {
line-height: 1.5;
margin-bottom: 1em;
}
:last-child {
margin-bottom: 0;
}
}
header.header_main {
@ -87,34 +96,23 @@ a.logo,
a.logo:hover,
a.logo:active {
font-size: 3em;
color: $fg-logo;
color: #{$fg-logo};
text-decoration: none;
}
.navbar :where(li) {
nav.navbar {
margin-bottom: 1em;
li {
display: inline-flex;
}
p {
line-height: 1.5;
margin-bottom: 1em;
}
ul,
ol {
margin-bottom: 1em;
}
footer.footer_main {
footer.footer-main {
margin: 2em 1em 1em 1em;
text-align: center;
}
main > :last-child,
header > :last-child {
margin-bottom: 0px;
}
.float-right {
margin: auto;
margin-bottom: 1em;