sites/abdullahtarawneh.com
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

change styling for list links

Browse source
This commit is contained in:
a 2021-12-17 04:15:19 -06:00
parent 644b70b380
commit 80884ae5de
3 changed files with 9 additions and 9 deletions
assets/scss
base
list.scss
code
index.scss
layouts/_default
list.html

4
assets/scss/base/list.scss
View file

@ -25,9 +25,5 @@
display: block; display: block;
margin-bottom: 1em; margin-bottom: 1em;
} }
&__readmore {
margin-bottom: 1em;
display: block;
}
} }
} }

11
assets/scss/code/index.scss
View file

@ -1,4 +1,8 @@
#code { #code {
p {
line-height: 1.4;
font-size: 1.2em;
}
.page-header { .page-header {
} }
@ -29,10 +33,6 @@
i { i {
font-size: 2em; font-size: 2em;
} }
p {
line-height: 1.4;
font-size: 1em;
}
} }
#gitea { #gitea {
margin-top: 4em; margin-top: 4em;
@ -169,6 +169,7 @@
grid-area: icon; grid-area: icon;
width: 2em; width: 2em;
height: 2em; height: 2em;
margin-top: -0.375em;
path { path {
fill: #9A6BEA; fill: #9A6BEA;
} }
@ -177,6 +178,7 @@
font-weight: 700; font-weight: 700;
grid-area: title; grid-area: title;
text-decoration: underline; text-decoration: underline;
font-size: 1.2em;
} }
&__summary { &__summary {
line-height: 1.4; line-height: 1.4;
@ -205,6 +207,7 @@
font-weight: 700; font-weight: 700;
grid-area: title; grid-area: title;
text-decoration: underline; text-decoration: underline;
font-size: 1.2em;
} }
&__summary { &__summary {
line-height: 1.4; line-height: 1.4;

3
layouts/_default/list.html
View file

@ -9,13 +9,14 @@
<div class="container"> <div class="container">
{{ range .Pages }} {{ range .Pages }}
<article class="list-item"> <article class="list-item">
<a class="list-item__link" href="{{ .Permalink }}">
{{ with .Params.cover }} {{ with .Params.cover }}
<img class="list-item__image" src="{{.}}"> <img class="list-item__image" src="{{.}}">
{{end}} {{end}}
<h2 class="list-item__title">{{ .Title }}</h2> <h2 class="list-item__title">{{ .Title }}</h2>
</a>
<p class="list-item__summary">{{.Summary}}</p> <p class="list-item__summary">{{.Summary}}</p>
<datetime class="list-item__date">{{ .Date.Format "January 2, 2006" }}</datetime> <datetime class="list-item__date">{{ .Date.Format "January 2, 2006" }}</datetime>
<a class="list-item__readmore" href="{{ .Permalink }}">Read more...</a>
</article> </article>
{{ end }} {{ end }}
</div> </div>