0ct0pu5/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Full Site Editing / Maywood: Add responsive style to the FSE blocks (#1381)

Browse source
This commit is contained in:
Jacopo Tomasone 2019-09-03 11:22:26 +01:00 committed by GitHub
parent bada3d53d0
commit eaf9a10037
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 50 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
maywood/sass/_full-site-editing-editor.scss
View file

@ -1,14 +1,28 @@
@import "../../varia/sass/full-site-editing/editor";
.site-header, .site-footer {
.site-title {
font-size: 20px;
@include media(mobile) {
font-size: 24px;
}
}
.site-description {
font-size: 13.8px;
@include media(mobile) {
font-size: 16.6px;
}
}
}
.site-header {
.site-title {
font-size: 24px;
text-align: center;
text-decoration: none;
}
.site-description{
font-size: 16.6px;
text-align: center;
}
@ -25,12 +39,13 @@
}
.site-footer {
.site-title {
font-weight: 700;
}
.main-navigation .footer-menu {
justify-content: flex-start;
@include media(mobile) {
justify-content: center;
}
justify-content: center;
@include media(tablet) {
justify-content: flex-end;
}

32
maywood/style-editor.css
View file

@ -1492,14 +1492,32 @@ b, strong {
}
}
.site-header .site-title, .site-footer .site-title {
font-size: 20px;
}
@media only screen and (min-width: 560px) {
.site-header .site-title, .site-footer .site-title {
font-size: 24px;
}
}
.site-header .site-description, .site-footer .site-description {
font-size: 13.8px;
}
@media only screen and (min-width: 560px) {
.site-header .site-description, .site-footer .site-description {
font-size: 16.6px;
}
}
.site-header .site-title {
font-size: 24px;
text-align: center;
text-decoration: none;
}
.site-header .site-description {
font-size: 16.6px;
text-align: center;
}
@ -1516,14 +1534,12 @@ b, strong {
text-decoration: none;
}
.site-footer .main-navigation .footer-menu {
justify-content: flex-start;
.site-footer .site-title {
font-weight: 700;
}
@media only screen and (min-width: 560px) {
.site-footer .main-navigation .footer-menu {
justify-content: center;
}
.site-footer .main-navigation .footer-menu {
justify-content: center;
}
@media only screen and (min-width: 640px) {

4
varia/style-rtl.css
View file

@ -3368,6 +3368,10 @@ img#wpstats {
* Full Site Editing
* - Full Site Editing overrides
*/
.fse-enabled .site-footer {
display: block;
}
.fse-enabled .site-footer .main-navigation {
display: block;
}