mirror of
https://github.com/fooflington/selfdefined.git
synced 2025-09-16 12:39:05 +00:00
terms added, structure updates
This commit is contained in:
31
css/base.css
31
css/base.css
@@ -14,10 +14,21 @@ h2, h3 {
|
||||
font-family: "Noto Serif KR", Georgia, serif;
|
||||
font-weight: 700; }
|
||||
|
||||
ul {
|
||||
padding: 0 0 0 1em;
|
||||
margin: 0; }
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
padding-bottom: .5em;
|
||||
text-transform: capitalize; }
|
||||
li.subterm {
|
||||
padding-left: 10px; }
|
||||
li:last-child {
|
||||
padding: 0; }
|
||||
li.subterm:before {
|
||||
content: "\21B3 ";
|
||||
padding-right: 5px; }
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
@@ -33,6 +44,9 @@ li {
|
||||
padding: 1em; }
|
||||
.list, .item {
|
||||
grid-column: span 4; }
|
||||
.list {
|
||||
padding: 0 auto;
|
||||
margin: 0; }
|
||||
h1 {
|
||||
font-size: 3em; }
|
||||
h2 {
|
||||
@@ -40,9 +54,17 @@ li {
|
||||
|
||||
@media screen and (min-width: 600px) {
|
||||
body {
|
||||
padding: 3em; }
|
||||
#title, #description, #summary {
|
||||
grid-column: span 2; }
|
||||
padding: 2em; }
|
||||
.grid {
|
||||
grid-row-gap: 1em; }
|
||||
#title {
|
||||
grid-column: 1 / span 2;
|
||||
grid-row: 2; }
|
||||
#summary {
|
||||
grid-column: 3 / span 2;
|
||||
grid-row: 1; }
|
||||
#description {
|
||||
grid-column: span 4; }
|
||||
.item {
|
||||
grid-column: span 2; }
|
||||
h1 {
|
||||
@@ -50,6 +72,9 @@ li {
|
||||
h2 {
|
||||
font-size: 1.3em; } }
|
||||
|
||||
.small {
|
||||
font-size: .75em; }
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
#title {
|
||||
grid-column: 1 / span 1;
|
||||
|
Reference in New Issue
Block a user