2021-02-16 02:23:40 +00:00
/ * < ? php for docblocks
2020-12-04 22:51:29 +00:00
/ * *
2020-12-16 12:06:11 +00:00
* Basic responsive layout for the entry content div
2020-12-04 22:51:29 +00:00
*
* Based on Hello Elementor v2 . 3 . 0 Basic responsive layout
2020-12-31 11:45:10 +00:00
* themes / hello-elementor / theme . css : 8 . . 31
* Licensed under GNU General Public License v3 or later ;
2020-12-04 22:51:29 +00:00
* License URI : https : / / www . gnu . org / licenses / gpl-3 . 0 . html
*
2020-12-06 16:30:14 +00:00
* Since v2 . 1 . 4 of Footnotes
2020-12-04 22:51:29 +00:00
*
2020-12-31 11:45:10 +00:00
* Modified for 2 . 2 . 2 2020-12-15T1004 + 0100
* Modified for 2 . 2 . 5 2020-12-16T1321 + 0100
* Modified for 2 . 3 . 0 2020-12-29T0207 + 0100
*
* Last modified : 2020-12-29T0210 + 0100
2020-12-06 16:30:14 +00:00
*
2021-02-16 02:23:40 +00:00
* The enqueuing of this stylesheet is optional and can be
2020-12-31 11:45:10 +00:00
* enabled in the dashboard under General settings >
* Reference container > Apply basic responsive page layout .
2020-12-06 16:30:14 +00:00
* * /
2020-12-04 22:51:29 +00:00
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
2020-12-06 16:30:14 +00:00
Rationale
2020-12-04 22:51:29 +00:00
In Hello Elementor Theme , this applies to . site-header , and
also to . site-main , which is a class of the < main > element ,
at the condition that the page is not built with Elementor :
2021-02-18 19:56:44 +00:00
body : not ( [ class * = "elementor-page-" ] )
2020-12-04 22:51:29 +00:00
Therefore , in pages built with Elementor , proper layout is
applied only to features managed by Elementor , not others .
2020-12-15 10:01:17 +00:00
Footnotes reference containers are near the bottom of main .
2021-02-16 02:23:40 +00:00
This stylesheet lets Footnotes ’ reference containers come
2020-12-04 22:51:29 +00:00
into the benefit of the basic responsive layout style rules
that would apply if the page were not built with Elementor .
2020-12-18 16:31:09 +00:00
This is mainly useful with Hello Elementor , but it may help
fix also other themes like Twenty Twenty-One for display in
older browsers not yet supporting CSS variables .
2020-12-31 11:45:10 +00:00
Sources :
. entry . entry-content < = Twenty Nineteen
2020-12-04 22:51:29 +00:00
* /
2020-12-31 11:45:10 +00:00
. page-content ,
. entry-content ,
. entry . entry-content ,
main . entry . entry-content {
2021-02-18 19:56:44 +00:00
margin : 0 auto ;
2020-12-04 22:51:29 +00:00
}
@ media ( max-width : 575px ) {
2021-02-18 19:56:44 +00:00
. page-content ,
. entry-content ,
. entry . entry-content ,
main . entry . entry-content {
padding : 0 10px ;
}
2020-12-04 22:51:29 +00:00
}
@ media ( min-width : 576px ) {
2021-02-18 19:56:44 +00:00
. page-content ,
. entry-content ,
. entry . entry-content ,
main . entry . entry-content {
max-width : 500px ;
}
2020-12-04 22:51:29 +00:00
}
@ media ( min-width : 768px ) {
2021-02-18 19:56:44 +00:00
. page-content ,
. entry-content ,
. entry . entry-content ,
main . entry . entry-content {
max-width : 600px ;
}
2020-12-04 22:51:29 +00:00
}
@ media ( min-width : 992px ) {
2021-02-18 19:56:44 +00:00
. page-content ,
. entry-content ,
. entry . entry-content ,
main . entry . entry-content {
max-width : 800px ;
}
2020-12-04 22:51:29 +00:00
}
@ media ( min-width : 1200px ) {
2021-02-18 19:56:44 +00:00
. page-content ,
. entry-content ,
. entry . entry-content ,
main . entry . entry-content {
max-width : 960px ;
}
2020-12-04 22:51:29 +00:00
}
