thang/notes
1
0
Fork 0
mirror of https://github.com/thangisme/notes.git synced 2025-02-21 06:57:46 -05:00
Code Issues Projects Releases Wiki Activity

Improve presentation of Description Lists

Browse Source 
Thought the description list could benefit from some CSS Grid powers
This commit is contained in:
David Darnes 2018-10-24 13:50:07 +01:00 committed by GitHub
parent 6c05ef8b9d
commit 952a016807
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
_sass/content.scss
View File

@ -5,8 +5,7 @@
.page-content {
ul,
ol,
dl {
ol {
padding-left: 1.5em;
}
@ -64,4 +63,27 @@
h1:first-of-type {
margin-top: 0.5em;
}
dl {
display: grid;
grid-template-columns: max-content 1fr;
}
dt,
dd {
margin: 0.25em 0;
}
dt {
text-align: right;
&::after {
content: ":";
}
}
dd {
margin-left: 1em;
font-weight: 500;
}
}