Title styling (quick fix) (#163)

* added two different title classes * title class for modal content
CodeForPoznan · Aug 28, 2019 · 0a526d8 · 0a526d8
1 parent 3281966
commit 0a526d8
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 21 deletions.
diff --git a/frontend/src/components/AboutUs.vue b/frontend/src/components/AboutUs.vue
@@ -1,7 +1,7 @@
 <template>
     <div id="container">
         <v-container fluid text-xs-center>
-            <v-layout row id="title">
+            <v-layout row id="white-title">
                 <v-flex>
                     <v-card flat dark tile color="transparent">
                         <v-card-text>O NAS</v-card-text>

diff --git a/frontend/src/components/ContactUs.vue b/frontend/src/components/ContactUs.vue
@@ -1,6 +1,6 @@
 <template>
     <v-container text-xs-center>
-        <v-layout row id="title">
+        <v-layout row id="black-title">
             <v-flex>
                 <v-card flat color="transparent">
                     <v-card-text>SKONTAKTUJ SIĘ</v-card-text>
@@ -144,21 +144,4 @@ export default {
 
 <style lang="scss" scoped>
 @import './../main.scss';
-
-#title {
-    font-family: $font-header;
-    font-size: 42px;
-    position: relative;
-    padding-bottom: 20px;
-}
-#title::before {
-    content: '';
-    position: absolute;
-    bottom: 0;
-    left: 50%;
-    width: 250px;
-    height: 5px;
-    background-color: black;
-    margin-left: -125px;
-}
 </style>
diff --git a/frontend/src/components/JoinUs.vue b/frontend/src/components/JoinUs.vue
@@ -1,7 +1,7 @@
 <template>
     <div id="container">
         <v-container fluid text-xs-center>
-            <v-layout row id="title">
+            <v-layout row id="white-title">
                 <v-flex>
                     <v-card flat dark tile color="transparent">
                         <v-card-text>DOŁĄCZ DO NAS</v-card-text>

diff --git a/frontend/src/scss/global.scss b/frontend/src/scss/global.scss
@@ -11,7 +11,14 @@ a {
     position: relative;
     padding-bottom: 3rem;
 }
-#title::before {
+
+#white-title {
+    font-family: $font-header;
+    font-size: 42px;
+    position: relative;
+    padding-bottom: 3rem;
+}
+#white-title::before {
     content: '';
     position: absolute;
     bottom: 0;
@@ -22,3 +29,21 @@ a {
     margin-left: -125px;
     margin-bottom: 3rem;
 }
+
+#black-title {
+    font-family: $font-header;
+    font-size: 42px;
+    position: relative;
+    padding-bottom: 3rem;
+}
+#black-title::before {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    width: 250px;
+    height: 5px;
+    background-color: black;
+    margin-left: -125px;
+    margin-bottom: 3rem;
+}