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

Flip-flopping on font-size

Browse source
This commit is contained in:
gil 2024-06-10 17:53:23 -05:00
parent cc17429c08
commit 3dc29df726
3 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/css/landing.css
View file

@ -125,9 +125,10 @@ main article:first-child {
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
main article { main article {
border: solid rgb(40, 39, 38); border: solid rgb(40, 39, 38);
max-height: 400px; max-height: 300px;
overflow: scroll; overflow: scroll;
padding: 2em; padding: 2em;
padding-bottom: 1em;
} }
} }
main article h1 { main article h1 {
@ -160,6 +161,7 @@ aside {
margin-top: 20px; margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
width: 256px; width: 256px;
max-height: 250px;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
aside { aside {
@ -174,6 +176,8 @@ aside img {
} }
.entry-button { .entry-button {
display: inline-block;
height: 2em;
margin: auto; margin: auto;
margin-bottom: 10px; margin-bottom: 10px;
image-rendering: pixelated; image-rendering: pixelated;

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

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/landing.scss","../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;;AAAA;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACnDF;;AAAA;AAAA;;AAAA;AAYA;;AAAA;AAAA;;AAAA;AAUA;EAEI;EACA;EAEF;;;AAGF;EACE;EACA;EACA;EACA,KA5BO;EA6BP;;AC3BA;EDsBF;IAQI;IACA;IACA;;;;AAIJ;EACE;EACA,KAxCO;EAyCP;EACA;EACA;;ACzCA;EDoCF;IAQI,WA5CQ;;;AA+CV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;ACvDJ;ED+CA;IAYI;IACA;IACA;IACA;;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;;ACrGA;EDkGF;IAMI;IACA;;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AClIF;EDmHF;IAmBI","file":"landing.css"} {"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/landing.scss","../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;;AAAA;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACnDF;;AAAA;AAAA;;AAAA;AAWA;;AAAA;AAAA;;AAAA;AAUA;EAEI;EACA;EAEF;;;AAGF;EACE;EACA;EACA;EACA,KA3BO;EA4BP;;AC1BA;EDqBF;IAQI;IACA;IACA;;;;AAIJ;EACE;EACA,KAvCO;EAwCP;EACA;EACA;;ACxCA;EDmCF;IAQI,WA5CQ;;;AA+CV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;ACtDJ;ED8CA;IAYI;IACA;IACA;IACA;IACA;;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EAaA,YAlHW;;ACAX;EDkGF;IAMI;IACA;;;AAGF;EACE;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;ACtIF;EDqHF;IAqBI","file":"landing.css"}

8
src/scss/landing.scss
View file

@ -10,7 +10,6 @@ VARIABLES
*/ */
$gutter: 10px; $gutter: 10px;
$padding: $gutter;
$max-width: 500px; $max-width: 500px;
$max-height: math.div($max-width, 2); $max-height: math.div($max-width, 2);
$avatar-width: 256px; $avatar-width: 256px;
@ -71,9 +70,10 @@ main {
@include breakpoint("md") { @include breakpoint("md") {
border: solid #{colors.$base-900}; border: solid #{colors.$base-900};
max-height: 400px; max-height: 300px;
overflow: scroll; overflow: scroll;
padding: 2em; padding: 2em;
padding-bottom: 1em;
} }
h1 { h1 {
@ -124,9 +124,13 @@ aside {
image-rendering: pixelated; image-rendering: pixelated;
max-width: #{$avatar-width}; max-width: #{$avatar-width};
} }
max-height: $max-height;
} }
.entry-button { .entry-button {
display: inline-block;
height: 2em;
margin: auto; margin: auto;
margin-bottom: #{$gutter}; margin-bottom: #{$gutter};
image-rendering: pixelated; image-rendering: pixelated;