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

scss/typograhy: add a special style for page-wide titles

Browse source 
Fix #1
This commit is contained in:
Kazhnuz 2018-10-24 17:16:12 +02:00
parent e35efb1146
commit a340c01a99
3 changed files with 29 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
scss/_cards.scss
View file

@ -46,11 +46,6 @@
box-shadow: $large-shadow, $inset-shadow; box-shadow: $large-shadow, $inset-shadow;
} }
.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.card h7,.card h8,.card h9,.card h10 {
color:#333;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
/* 4.1 - Header and titles */ /* 4.1 - Header and titles */
.card-header { .card-header {

16
scss/_typography.scss
View file

@ -105,6 +105,22 @@ h1, h2, h3, h4, h5, h6, h7 {
padding:0; padding:0;
margin:0; margin:0;
font-weight:400; font-weight:400;
&.page-title {
font-family: Teko;
color: $color-primary;
border-bottom: 3px solid $color-primary;
font-weight: 600;
text-shadow: 2px 2px 0px rgba(0,0,0,.2);
box-shadow: 0px 2px 0px rgba(0,0,0,.2);
margin-bottom: 0.5em;
padding: 0;
i {
font-size: 0.55em;
position: relative;
top: -0.175em;
}
}
} }
h1 { h1 {

17
style.css
View file

@ -311,6 +311,19 @@ h1, h2, h3, h4, h5, h6, h7 {
padding: 0; padding: 0;
margin: 0; margin: 0;
font-weight: 400; } font-weight: 400; }
h1.page-title, h2.page-title, h3.page-title, h4.page-title, h5.page-title, h6.page-title, h7.page-title {
font-family: Teko;
color: #e33d22;
border-bottom: 3px solid #e33d22;
font-weight: 600;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
margin-bottom: 0.5em;
padding: 0; }
h1.page-title i, h2.page-title i, h3.page-title i, h4.page-title i, h5.page-title i, h6.page-title i, h7.page-title i {
font-size: 0.55em;
position: relative;
top: -0.175em; }
h1 { h1 {
font-size: 2.33333em; font-size: 2.33333em;
@ -626,10 +639,6 @@ ul.social {
.card-shadow { .card-shadow {
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0.2); } box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0.2); }
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card h7, .card h8, .card h9, .card h10 {
color: #333;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }
/* 4.1 - Header and titles */ /* 4.1 - Header and titles */
.card-header { .card-header {
border: 1px solid rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.3);