From a28ec93bca66a8aa92bb360cb975158933c75d9c Mon Sep 17 00:00:00 2001
From: Dominic Masters <dominic@domsplace.com>
Date: Wed, 6 Jun 2018 07:55:28 +1000
Subject: [PATCH] title object SCSS is now dependendant, added per screen
sizing options
---
public/styles/objects/_title.scss | 42 +++++++++++++++++++++++++++++++
public/styles/objects/title.scss | 19 --------------
2 files changed, 42 insertions(+), 19 deletions(-)
create mode 100644 public/styles/objects/_title.scss
delete mode 100644 public/styles/objects/title.scss
diff --git a/public/styles/objects/_title.scss b/public/styles/objects/_title.scss
new file mode 100644
index 0000000..4cfe9f0
--- /dev/null
+++ b/public/styles/objects/_title.scss
@@ -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;
+ }
+}
diff --git a/public/styles/objects/title.scss b/public/styles/objects/title.scss
deleted file mode 100644
index efdfdde..0000000
--- a/public/styles/objects/title.scss
+++ /dev/null
@@ -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;
-}