adding the new theme

1 files changed, 78 insertions, 0 deletions

diff --git a/templates/assets/sass/hipster_cards/_typography.scss b/templates/assets/sass/hipster_cards/_typography.scss
new file mode 100644
index 0000000..a1c7dab
--- /dev/null
+++ b/templates/assets/sass/hipster_cards/_typography.scss
@@ -0,0 +1,78 @@
+/*           Font Smoothing      */
+
+.card{
+    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn, a, .td-name, td{
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-font-smoothing: antialiased;
+        font-family: "Playfair Display","Raleway","Helvetica Neue",Arial,sans-serif;
+    }
+    
+    h1, .h1, h2, .h2, h3, .h3, h4, .h4{
+        font-weight: $font-weight-normal;
+        margin: $margin-large-vertical 0 $margin-base-vertical;
+    }
+    
+    h1, .h1 {
+        font-size: $font-size-h1;
+    }
+    h2, .h2{
+        font-size: $font-size-h2;
+    }
+    h3, .h3{
+        font-size: $font-size-h3;
+        margin: 20px 0 10px;
+    }
+    h4, .h4{
+        font-size: $font-size-h4;
+        line-height: 30px;
+    }
+    h5, .h5 {
+        font-size: $font-size-h5;
+        margin-bottom: 15px;
+    }
+    h6, .h6{
+        font-size: $font-size-h6;
+        font-weight: $font-weight-bold;
+        text-transform: uppercase;
+    }
+    p{
+        font-size: $font-paragraph;
+        line-height: $line-height-general;
+        font-family: "Raleway","Helvetica","Arial", sans-serif;
+    }
+    
+    .category,
+    .label,
+    .title-modern,
+    .btn-modern,
+    .price h4{
+        font-family: "Raleway","Helvetica","Arial", sans-serif;
+    }
+    
+    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
+        color: $dark-gray;
+        font-weight: $font-weight-light;
+        line-height: $line-height-general;
+    }
+    
+    h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
+        font-size: 60%;
+    }
+    
+    .text-primary, .text-primary:hover{
+        color: #1D62F0 !important;
+    }
+    .text-info, .text-info:hover{
+        color: #109CFF !important;
+    }
+    .text-success, .text-success:hover{
+        color: #0C9C14 !important;
+    }
+    .text-warning, .text-warning:hover{
+        color: #ED8D00 !important;
+    }
+    .text-danger, .text-danger:hover{
+        color: #EE2D20 !important;
+    }  
+} 
+