dynamic content widths
This commit is contained in:
parent
6e2b1ec667
commit
b5cd9812c7
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue