Update style.
This commit is contained in:
parent
9779fd7489
commit
8f929523b2
35
style.css
35
style.css
|
@ -1,8 +1,8 @@
|
||||||
/* || general styles */
|
/* || general styles */
|
||||||
|
|
||||||
html {
|
html {
|
||||||
font-family: 'Oswald', sans-serif;
|
font-family: monospace, sans-serif;
|
||||||
font-weight: 200;
|
font-weight: thin;
|
||||||
}
|
}
|
||||||
|
|
||||||
#comments > a {
|
#comments > a {
|
||||||
|
@ -10,7 +10,7 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
article {
|
article {
|
||||||
font-family: 'Oswald', sans-serif;
|
font-family: monospace, sans-serif;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background:#313543;
|
background:#313543;
|
||||||
display: grid;
|
display: grid;
|
||||||
|
@ -20,7 +20,7 @@ article {
|
||||||
"footer footer";
|
"footer footer";
|
||||||
grid-template-columns: 1fr 3fr;
|
grid-template-columns: 1fr 3fr;
|
||||||
gap: 0.5em;
|
gap: 0.5em;
|
||||||
width: 30em;
|
width: 40em;
|
||||||
padding: 1em 0.25em 0em 0.25em;
|
padding: 1em 0.25em 0em 0.25em;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -44,24 +44,43 @@ article header summary {
|
||||||
article aside {
|
article aside {
|
||||||
grid-area: profile;
|
grid-area: profile;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
|
overflow-wrap: anywhere;
|
||||||
}
|
}
|
||||||
|
|
||||||
article aside h1 {
|
article aside h1 {
|
||||||
font-size: 1.2em;
|
font-size: 1em;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
padding:0; margin-bottom:0;
|
padding:0.25em; margin-bottom:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
article aside h2 {
|
article aside h2 {
|
||||||
font-size: 1.0em;
|
font-size: 0.8em;
|
||||||
font-weight: 200;
|
font-weight: 200;
|
||||||
padding:0; margin:0;
|
padding:0.25em; margin:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
article aside h2 > a {
|
||||||
|
color: #fff;
|
||||||
|
font-style: oblique;
|
||||||
|
}
|
||||||
|
|
||||||
|
article aside h2 > a:before {
|
||||||
|
content: "@";
|
||||||
}
|
}
|
||||||
|
|
||||||
article aside img {
|
article aside img {
|
||||||
max-width: 100px;
|
max-width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
article > aside > div {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
article > aside > div > time {
|
||||||
|
font-size: 0.7em;
|
||||||
|
color:#b4b5ba;
|
||||||
|
}
|
||||||
|
|
||||||
article section {
|
article section {
|
||||||
grid-area: content;
|
grid-area: content;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue