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

Photos: base RTL fixes

Browse source
This commit is contained in:
Chris Runnells 2018-11-15 16:18:40 -10:00
parent 71c43f690c
commit 57ca2ee6c6
1 changed files with 23 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
photos/rtl.css
View file

@ -1,5 +1,5 @@
/* /*
Theme Name: photos Theme Name: Photos
*/ */
body { body {
@ -44,11 +44,6 @@ li > ol {
float: left; float: left;
} }
.main-navigation .menu-toggle {
left: 12px;
right: auto;
}
.main-navigation .sub-menu.toggled-on { .main-navigation .sub-menu.toggled-on {
margin-left: 0; margin-left: 0;
margin-right: 1em; margin-right: 1em;
@ -166,7 +161,7 @@ li > ol {
# Media Queries # Media Queries
--------------------------------------------------------------*/ --------------------------------------------------------------*/
/* Wide mobile screens ( > 640px ) */ /* Wide mobile screens ( > 658px ) */
@media screen and ( min-width: 658px ) { @media screen and ( min-width: 658px ) {
.site-logo, .site-logo,
@ -174,11 +169,32 @@ li > ol {
text-align: right; text-align: right;
} }
.main-navigation .menu-toggle {
left: 12px;
right: auto;
}
.main-navigation .menu-toggle span { .main-navigation .menu-toggle span {
padding-left: 0; padding-left: 0;
padding-right: 0.25em; padding-right: 0.25em;
} }
.nav-links .icon {
transform: rotate( 180deg );
}
.nav-links .nav-previous .arrow {
float: right;
margin-left: 1em;
margin-right: 0;
}
.nav-links .nav-next .arrow {
float: left;
margin-left: 0;
margin-right: 1em;
}
} }
/* Tablet styles ( > 768px ) */ /* Tablet styles ( > 768px ) */
@ -256,7 +272,6 @@ li > ol {
.page-content > .alignleft, .page-content > .alignleft,
.entry-content > .alignleft, .entry-content > .alignleft,
.entry-summary > .alignleft { .entry-summary > .alignleft {
margin-left: auto;
margin-right: calc( 50vw - 517px ); margin-right: calc( 50vw - 517px );
} }
@ -264,7 +279,6 @@ li > ol {
.entry-content > .alignright, .entry-content > .alignright,
.entry-summary > .alignright { .entry-summary > .alignright {
margin-left: calc( 50vw - 517px ); margin-left: calc( 50vw - 517px );
margin-right: auto;
} }
.alignleft { .alignleft {
@ -298,8 +312,4 @@ li > ol {
right: auto; right: auto;
} }
.post-navigation .nav-links .arrow {
transform: rotate(180deg);
}
} }