mafoo.org.uk/selfdefined
1
0
Fork 0
mirror of https://github.com/fooflington/selfdefined.git synced 2025-06-12 05:31:41 +00:00
Code Issues Projects Releases Wiki Activity

files upload

Browse Source
This commit is contained in:
tatianamac
2018-09-23 01:17:30 +03:00
parent 97c0b10688
commit a8977458a8
6 changed files with 2501 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
css/base.css Normal file
View File

@ -0,0 +1,48 @@
@import url("https://fonts.googleapis.com/css?family=Inconsolata|Noto+Serif+KR");
@import url("https://use.typekit.net/qlo3dpu.css");
body {
font-family: Inconsolata, Helvetica, sans-serif;
font-size: 20px;
padding: 4em;
background: #e5ffe5; }
h1 {
font-family: "Noto Serif KR", Georgia, serif;
font-weight: 200;
border-bottom: 20px #ffffff solid; }
h2 {
font-family: "Noto Serif KR", Georgia, serif;
font-weight: 700; }
li {
list-style: none;
padding-bottom: .5em;
text-transform: capitalize; }
.grid {
display: grid;
grid-template-columns: repeat(4, [col] 1fr [col]);
grid-row-gap: 2em;
grid-column-gap: 1em;
grid-gap: .5em; }
@media screen and (min-width: 200px) {
.item {
grid-column: span 4; }
h1 {
font-size: 2em; }
h2 {
font-size: 1em; } }
@media screen and (min-width: 600px) {
.item {
grid-column: span 2; }
h1 {
font-size: 4em; }
h2 {
font-size: 1.5em; } }
@media screen and (min-width: 1024px) {
.item {
grid-column: span 1; } }