YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

title object SCSS is now dependendant, added per screen sizing options

Browse Source
This commit is contained in:
Dominic Masters
2018-06-06 07:55:28 +10:00
parent 9f6ed5eb39
commit a28ec93bca
2 changed files with 42 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
public/styles/objects/_title.scss Normal file
View File

@ -0,0 +1,42 @@
/*
* Title
* Title Headings
*
* Dependencies:
* styles/settings/responsive.scss
* styles/tools/_responsive.scss
*
* Version:
* 1.0.1 - 2018/06/05
*/
//Font Sizes will scale according to
.o-title {
font-size: 1.75em;
margin: 0.25em 0;
}
.o-subtitle {
font-size: 1em;
margin: 0 0 0.5em 0;
}
@include t-media-query($s-small-up) {
.o-title {
font-size: 2.5em;
}
.o-subtitle {
font-size: 1.25em;
}
}
@include t-media-query($s-medium-up) {
.o-title {
font-size: 3em;
}
.o-subtitle {
font-size: 1.75em;
}
}

19
public/styles/objects/title.scss
View File

@ -1,19 +0,0 @@
/*
* Title
* Title Headings
*
* Version:
* 1.0.0 - 2018/05/11
*/
$o-title--size: 3em;
$o-subtitle--size: 1.25em;
.o-title {
font-size: $o-title--size;
margin: 0.25em 0;
}
.o-subtitle {
font-size: $o-subtitle--size;
margin: 0 0 0.5em 0;
}