mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-11-23 07:47:54 +00:00
theme: fix content max width #466
This commit is contained in:
parent
959ed155c4
commit
8b2380da2d
1 changed files with 1 additions and 2 deletions
|
@ -367,6 +367,7 @@ html[dir="rtl"] #sidebar ul li .read-icon {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
max-width: calc( 81.25rem - 18.75rem - 2 * 3.25rem );
|
max-width: calc( 81.25rem - 18.75rem - 2 * 3.25rem );
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
body:not(.print) #body .narrow .flex-block-wrapper {
|
body:not(.print) #body .narrow .flex-block-wrapper {
|
||||||
max-width: calc( 81.25rem - 18.75rem - 2 * 9.75rem );
|
max-width: calc( 81.25rem - 18.75rem - 2 * 9.75rem );
|
||||||
|
@ -375,11 +376,9 @@ body:not(.print) #body .narrow .flex-block-wrapper {
|
||||||
/* we limit width if we have large screens */
|
/* we limit width if we have large screens */
|
||||||
@media screen and ( min-width: 81.25rem ){ /* #sidebar/width + ./max-width */
|
@media screen and ( min-width: 81.25rem ){ /* #sidebar/width + ./max-width */
|
||||||
#body .flex-block-wrapper {
|
#body .flex-block-wrapper {
|
||||||
min-width: calc( 81.25rem - 18.75rem - 2 * 3.25rem );
|
|
||||||
width: calc( 81.25rem - 18.75rem - 2 * 3.25rem );
|
width: calc( 81.25rem - 18.75rem - 2 * 3.25rem );
|
||||||
}
|
}
|
||||||
body:not(.print) #body .narrow .flex-block-wrapper {
|
body:not(.print) #body .narrow .flex-block-wrapper {
|
||||||
min-width: calc( 81.25rem - 18.75rem - 2 * 9.75rem );
|
|
||||||
width: calc( 81.25rem - 18.75rem - 2 * 9.75rem );
|
width: calc( 81.25rem - 18.75rem - 2 * 9.75rem );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue