vrifox/website
vrifox/website
1
0
Fork 0
Code Issues 3 Pull requests Activity

update

Browse source
This commit is contained in:
Vrifox 2020-11-03 21:43:41 +01:00
parent 9d082d0458
commit a35e2e819f
5 changed files with 23 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/_default/list.scss
View file

@ -7,12 +7,12 @@
align-items: center;
background: $bg70;
display: flex;
height: 150px;
height: 120px;
margin: 0 0 40px 0;
text-align: center;
header {
h1 {
font-size: 1.8em;
font-size: 1.5em;
margin: auto;
}
}

24
assets/index.scss
View file

@ -7,22 +7,21 @@
align-items: center;
background: $bg70;
display: flex;
height: 150px;
height: 120px;
margin: 0 0 40px 0;
text-align: center;
header {
h1 {
font-size: 1.8em;
font-size: 1.5em;
margin: auto;
}
}
}
.section-header {
.section.latest {
color: $white-dark;
font-size: 1.5em;
a {
border-bottom: 2px solid;
color: $white;
font-weight: bold;
transition: border .2s, color .2s;
@ -33,7 +32,7 @@
}
}
.section-articles {
.section.articles {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1rem;
@ -70,6 +69,7 @@
margin: 0 0 10px 0;
}
.meta {
color: $white-dark;
font-size: 14px;
margin: 0;
}
@ -80,12 +80,12 @@
}
}
@media (max-width: 900px) {
.section-articles {
.section.articles {
grid-template-columns: repeat(1, 1fr);
}
}
.section-projects {
.section.projects {
display: grid;
grid-gap: 1rem;
grid-template-columns: repeat(3, 1fr);
@ -122,22 +122,26 @@
margin: 0;
}
.meta {
color: $white-dark;
font-size: 15px;
margin: 0;
}
.status {
color: $white-dark;
font-style: italic;
&::before {
content: '·';
margin-right: 9px;
}
}
}
}
@media (max-width: 900px) {
.section-projects {
.section.projects {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.section-projects {
.section.projects {
grid-template-columns: repeat(1, 1fr);
}
}

4
assets/projects/list.scss
View file

@ -7,12 +7,12 @@
align-items: center;
background: $bg70;
display: flex;
height: 150px;
height: 120px;
margin: 0 0 40px 0;
text-align: center;
header {
h1 {
font-size: 1.8em;
font-size: 1.5em;
margin: auto;
}
}