near/arnes.space-bagatto
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix column size and start with something kind of like a vertical rhythm

Browse source
This commit is contained in:
heyarne 2021-07-30 12:19:45 +02:00
commit 3c1d0625db
2 changed files with 18 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

15
assets/style.scss
View file

@ -2,7 +2,7 @@ $font-path: 'ibm-plex';
// the base size of the header svg is 500 * 500, strokes will need to be
// adjusted for exact pixel sizes
$logo-size: 208;
$logo-size: 216;
$factor: 1 / ($logo-size / 500);
@import 'ibm-plex/css/ibm-plex.scss';
@ -29,12 +29,14 @@ h1, h2, h3, h4, h5, h6 {
}
h1 {
font-size: 32px;
padding: 0 0 24px;
font-size: 24px;
line-height: 24px;
padding: 0 0 32px;
}
h2 {
font-size: 24px;
font-size: 20px;
line-height: 16px;
padding: 0 0 16px;
}
@ -45,6 +47,7 @@ p {
.ten-print {
width: $logo-size * 1px;
height: $logo-size * 1px;
display: block;
path {
stroke: #ff005f;
@ -60,7 +63,7 @@ main {
margin: 48px auto 48px 48px;
grid-gap: 32px;
// grid-auto-rows: 1fr;
// grid-template-columns: repeat(4, 1fr);
grid-template-columns: repeat(4, 1fr);
grid-template-areas:
"header header header header"
"nav content content content";
@ -104,4 +107,6 @@ article {
margin: 0 0 32px;
}
}
article { display: none; }
}