Portfolio/moonwalk-hugo-extension
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added extra css

Browse Source
This commit is contained in:
Loïc Guibert
2026-01-24 12:32:17 +01:00
parent f203bed457
commit bd231d8bd7
2 changed files with 12 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
assets/css/vertical-list.css
View File

@@ -1,45 +1,19 @@
ul.horizontal-list {
ul.vertical-list {
padding-left: 0px;
width: auto;
display: flex;
margin-top: 0em;
margin-left: -40px;
flex-wrap: wrap;
}
ul.horizontal-list li {
display: inline;
margin-right: 1em;
}
ul.horizontal-list li a {
text-decoration: none;
font-weight: normal;
}
.card {
padding: 1em;
width: 11em;
height: auto;
text-align: center;
ul.vertical-list li.card {
width: 100%;
display: block;
margin-bottom: 1em;
text-align: left;
}
ul.vertical-list li.card a,
ul.vertical-list li.card .header {
font-size: 1em;
align-items: center;
margin-top: 0.8em;
border-radius: 0.5em;
}
.card hr {
margin: 0.5em 0;
}
.card .body {
font-size: 0.8em;
}
/* Responsive cards - one colum layout on small screens */
@media screen and (max-width: 600px) {
ul.horizontal-list li.card {
width: 100%;
display: block;
margin-bottom: 1em;
margin-left: 1em;
}
ul.horizontal-list li.card a,
ul.horizontal-list li.card .header {
font-size: 1em;
}
text-decoration: none;
}