update
This commit is contained in:
parent
1bd02dc07b
commit
def8d5c1f2
|
@ -45,7 +45,6 @@
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="examples">
|
<section id="examples">
|
||||||
<h2>Examples</h2>
|
|
||||||
<div class="examples">
|
<div class="examples">
|
||||||
<div>
|
<div>
|
||||||
<a href="https://john-doe.neocities.org"><img src="assets/images/johndoe.png" alt="John Doe" /></a>by <a href="https://github.com/cadars/john-doe">cadars</a>
|
<a href="https://john-doe.neocities.org"><img src="assets/images/johndoe.png" alt="John Doe" /></a>by <a href="https://github.com/cadars/john-doe">cadars</a>
|
||||||
|
|
|
@ -7,7 +7,7 @@ h1,h2,h3 {line-height: 1.1; margin-bottom: 0.75em; font-size: 1.6rem;}
|
||||||
h2::before {content: ""; display: block; width: 2rem; height: 1.5rem; background: url('assets/images/lotus.png') center center / contain no-repeat; margin: 0 auto 0.4rem; opacity: 0.8;}
|
h2::before {content: ""; display: block; width: 2rem; height: 1.5rem; background: url('assets/images/lotus.png') center center / contain no-repeat; margin: 0 auto 0.4rem; opacity: 0.8;}
|
||||||
p {margin-bottom: 1.5em;}
|
p {margin-bottom: 1.5em;}
|
||||||
h2:not(:first-child) {margin-top: 1em;}
|
h2:not(:first-child) {margin-top: 1em;}
|
||||||
section {min-height: 30rem; padding: 12rem 2rem 15rem; display: none; align-items: center; flex-direction: column; justify-content: flex-start; margin: auto 0; min-height: calc(100vh - 1rem);}
|
section {min-height: 30rem; padding: 12.5rem 2rem 15rem; display: none; align-items: center; flex-direction: column; justify-content: flex-start; margin: auto 0; min-height: calc(100vh - 1rem);}
|
||||||
section:target {display: flex;}
|
section:target {display: flex;}
|
||||||
section a {text-decoration: underline;}
|
section a {text-decoration: underline;}
|
||||||
section a:hover {text-decoration: none; color: rgb(155, 18, 18);}
|
section a:hover {text-decoration: none; color: rgb(155, 18, 18);}
|
||||||
|
@ -34,7 +34,7 @@ div.examples > div a:first-child:hover img {transform: scale(1.05);}
|
||||||
|
|
||||||
@media only screen and (max-width: 25rem) {
|
@media only screen and (max-width: 25rem) {
|
||||||
body {border-width: 0.5rem;}
|
body {border-width: 0.5rem;}
|
||||||
section {min-height: calc(100vh - 0.5rem); padding: 11rem 1.25rem 15rem;}
|
section {min-height: calc(100vh - 0.5rem); padding: 11.5rem 1.25rem 15rem;}
|
||||||
header {height: 12rem;}
|
header {height: 12rem;}
|
||||||
footer {padding-bottom: 3rem;}
|
footer {padding-bottom: 3rem;}
|
||||||
main::after, main::before {height: 0.5rem;}
|
main::after, main::before {height: 0.5rem;}
|
||||||
|
|
Loading…
Reference in New Issue