quarante-douze
/
qdouze-wordpress-theme
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

scss/typography: add a flex title class 

This class will be able to show its childrens elements as flexbox, that will be on opposite side. It'll be used to show an icon on the right side of a title.
This commit is contained in:
Kazhnuz 2018-10-24 21:15:35 +02:00
parent d540cee847
commit e1311567da
2 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
scss/_typography.scss
View File

@ -134,6 +134,15 @@ h1, h2, h3, h4, h5, h6, h7 {
position: relative;
top: -0.175em;
}
&-flex {
display: flex;
flex-direction: row;
justify-content: space-between;
& > span, & > i, & > a {
display: block;
}
}
}
}

6
style.css
View File

@ -334,6 +334,12 @@ h1, h2, h3, h4, h5, h6, h7 {
font-size: 0.55em;
position: relative;
top: -0.175em; }
h1.page-title-flex, h2.page-title-flex, h3.page-title-flex, h4.page-title-flex, h5.page-title-flex, h6.page-title-flex, h7.page-title-flex {
display: flex;
flex-direction: row;
justify-content: space-between; }
h1.page-title-flex > span, h1.page-title-flex > i, h1.page-title-flex > a, h2.page-title-flex > span, h2.page-title-flex > i, h2.page-title-flex > a, h3.page-title-flex > span, h3.page-title-flex > i, h3.page-title-flex > a, h4.page-title-flex > span, h4.page-title-flex > i, h4.page-title-flex > a, h5.page-title-flex > span, h5.page-title-flex > i, h5.page-title-flex > a, h6.page-title-flex > span, h6.page-title-flex > i, h6.page-title-flex > a, h7.page-title-flex > span, h7.page-title-flex > i, h7.page-title-flex > a {
display: block; }
h1 {
font-size: 2.33333em;