diff --git a/assets/_default/list.scss b/assets/_default/list.scss
index 981a485..33e953b 100644
--- a/assets/_default/list.scss
+++ b/assets/_default/list.scss
@@ -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;
}
}
diff --git a/assets/index.scss b/assets/index.scss
index eb017dc..f8a6ea4 100644
--- a/assets/index.scss
+++ b/assets/index.scss
@@ -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);
}
}
diff --git a/assets/projects/list.scss b/assets/projects/list.scss
index c45337c..ac7f23b 100644
--- a/assets/projects/list.scss
+++ b/assets/projects/list.scss
@@ -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;
}
}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 731efbe..39bceaf 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -8,9 +8,8 @@
{{ .Title }}
diff --git a/layouts/index.html b/layouts/index.html
index fac0be7..f630401 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -13,11 +13,11 @@