acrimon/me
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

dynamic content widths

Browse source
This commit is contained in:
Joel Wejdenstål 2022-04-09 17:58:41 +02:00
parent 6e2b1ec667
commit b5cd9812c7
No known key found for this signature in database
GPG key ID: DF03CEFBB1A915AA
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
assets/css/style.sass
View file

@ -306,7 +306,9 @@ footer
$content-header-color: #6a5acd
$content-text-color: #11a879
$content-link-color: #1e90ff
$content-width: 55vw
$content-width-wide: 55vw
$content-width-normal: 70vw
$content-width-narrow: 80vw
/* content variables end */
@ -314,7 +316,12 @@ $content-width: 55vw
#content
margin: 20px auto
width: $content-width
@media (min-aspect-ratio: 16/11)
width: $content-width-wide
@media (min-aspect-ratio: 16/15) and (max-aspect-ratio: 16/11)
width: $content-width-normal
@media (max-aspect-ratio: 16/15)
width: $content-width-narrow
#article-title
margin-top: 14px