development preview 2.3.0
git-svn-id: https://plugins.svn.wordpress.org/footnotes/trunk@2448470 b8457f37-d9ea-0310-8a92-e5e31aec5664
This commit is contained in:
parent
1cb44eccd5
commit
442ae6f88f
18 changed files with 584 additions and 203 deletions
|
@ -2,17 +2,21 @@
|
|||
* Basic responsive layout for the entry content div
|
||||
*
|
||||
* Based on Hello Elementor v2.3.0 Basic responsive layout
|
||||
* themes/hello-elementor/theme.css:8..31
|
||||
* licensed under GNU General Public License v3 or later
|
||||
* themes/hello-elementor/theme.css:8..31
|
||||
* Licensed under GNU General Public License v3 or later;
|
||||
* License URI: https://www.gnu.org/licenses/gpl-3.0.html
|
||||
*
|
||||
* Since v2.1.4 of Footnotes
|
||||
*
|
||||
* Last modified for v2.2.2 2020-12-15T1004+0100
|
||||
* Last modified for v2.2.5 2020-12-16T1321+0100
|
||||
* 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
|
||||
*
|
||||
* The enqueuing of this style sheet is optional and can be
|
||||
* enabled in the Reference container settings.
|
||||
* enabled in the dashboard under General settings >
|
||||
* Reference container > Apply basic responsive page layout.
|
||||
**/
|
||||
|
||||
/***********************************************************
|
||||
|
@ -33,49 +37,64 @@ that would apply if the page were not built with Elementor.
|
|||
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.
|
||||
|
||||
Sources:
|
||||
.entry .entry-content <= Twenty Nineteen
|
||||
*/
|
||||
|
||||
div.page-content,
|
||||
div.entry-content {
|
||||
.page-content,
|
||||
.entry-content,
|
||||
.entry .entry-content,
|
||||
main .entry .entry-content {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
|
||||
div.page-content,
|
||||
div.entry-content {
|
||||
padding: 0 10px;
|
||||
.page-content,
|
||||
.entry-content,
|
||||
.entry .entry-content,
|
||||
main .entry .entry-content {
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
|
||||
div.page-content,
|
||||
div.entry-content {
|
||||
.page-content,
|
||||
.entry-content,
|
||||
.entry .entry-content,
|
||||
main .entry .entry-content {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
div.page-content,
|
||||
div.entry-content {
|
||||
.page-content,
|
||||
.entry-content,
|
||||
.entry .entry-content,
|
||||
main .entry .entry-content {
|
||||
max-width: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
div.page-content,
|
||||
div.entry-content {
|
||||
.page-content,
|
||||
.entry-content,
|
||||
.entry .entry-content,
|
||||
main .entry .entry-content {
|
||||
max-width: 800px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
div.page-content,
|
||||
div.entry-content {
|
||||
.page-content,
|
||||
.entry-content,
|
||||
.entry .entry-content,
|
||||
main .entry .entry-content {
|
||||
max-width: 960px;
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue