Made font-family configurable (bokuweb#82)

wieseljonas · May 31, 2017 · f819dae · f819dae
1 parent 1ec2823
commit f819dae
Show file tree

Hide file tree

Showing 18 changed files with 24 additions and 24 deletions.
diff --git a/build/css.js b/build/css.js
diff --git a/default/re-bulma-variables.properties b/default/re-bulma-variables.properties
@@ -1,3 +1,5 @@
+font_family = "Helvetica Neue", "Helvetica", "Arial", sans-serif
+
 base_color =                      #69707a
 primary_color =                   #1fc8db
 primary_hover_color =             #199fae

diff --git a/src/styles/box.css b/src/styles/box.css
@@ -8,7 +8,7 @@
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
   color: ${base_color};
   line-height: 1.428571428571429;
   font-size: ${font_size_base};

diff --git a/src/styles/button.css b/src/styles/button.css
@@ -8,7 +8,7 @@
   margin: 0;
   width: auto;
   overflow: visible;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;

diff --git a/src/styles/card.css b/src/styles/card.css
@@ -3,7 +3,7 @@
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
   color: ${base_color};
   line-height: 1.428571428571429;
   font-size: ${font_size_base};

diff --git a/src/styles/content.css b/src/styles/content.css
@@ -20,7 +20,7 @@
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
 }
 
 .content:not(:last-child) {

diff --git a/src/styles/form.css b/src/styles/form.css
@@ -1,14 +1,13 @@
 .input {
   box-sizing: border-box;
   vertical-align: middle;
-  font: 99% sans-serif;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
 }
 
 select.select {
   box-sizing: border-box;
   vertical-align: middle;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
@@ -37,7 +36,7 @@ input[type=file].input,
 
 input.input,
 textarea.textarea {
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
@@ -802,7 +801,7 @@ input[type=button].input {
 
 @media screen and (max-width: ${breakpoint_mobile_max}) {
   .control-label {
-    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+    font-family: ${font_family};
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     text-rendering: optimizeLegibility;
@@ -814,7 +813,7 @@ input[type=button].input {
 @media screen and (min-width: ${breakpoint_tablet_min}) {
   .control-label {
     vertical-align: baseline;
-    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+    font-family: ${font_family};
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     text-rendering: optimizeLegibility;

diff --git a/src/styles/image.css b/src/styles/image.css
@@ -2,7 +2,7 @@
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
   color: ${base_color};
   line-height: 1.428571428571429;
   font-size: ${font_size_base};

diff --git a/src/styles/level.css b/src/styles/level.css
@@ -2,7 +2,7 @@
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
   color: ${base_color};
   line-height: 1.428571428571429;
   font-size: ${font_size_base};

diff --git a/src/styles/menu.css b/src/styles/menu.css
@@ -2,7 +2,7 @@
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
   color: ${base_color};
   line-height: 1.428571428571429;
   font-size: ${font_size_base};

diff --git a/src/styles/message.css b/src/styles/message.css
@@ -3,7 +3,7 @@
   font-weight: 400;
   line-height: 1.428571428571429;
   font-weight: normal;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
   font-size: ${font_size_base};
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;

diff --git a/src/styles/modal.css b/src/styles/modal.css
@@ -162,7 +162,7 @@
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
   color: ${base_color};
   line-height: 1.428571428571429;
   font-size: ${font_size_base};
@@ -185,7 +185,7 @@
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
   color: ${base_color};
   line-height: 1.428571428571429;
   font-size: ${font_size_base};

diff --git a/src/styles/nav.css b/src/styles/nav.css
@@ -3,7 +3,7 @@
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
   color: ${base_color};
   line-height: 1.428571428571429;
   font-size: ${font_size_base};

diff --git a/src/styles/notification.css b/src/styles/notification.css
@@ -8,7 +8,7 @@
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
   color: ${base_color};
   line-height: 1.428571428571429;
   font-size: ${font_size_base};

diff --git a/src/styles/pagination.css b/src/styles/pagination.css
@@ -2,7 +2,7 @@
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
   color: ${base_color};
   line-height: 1.428571428571429;
   margin: 0;

diff --git a/src/styles/table.css b/src/styles/table.css
@@ -1,7 +1,7 @@
 .table {
   border-collapse: collapse;
   border-spacing: 0;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;

diff --git a/src/styles/title.css b/src/styles/title.css
@@ -7,7 +7,7 @@ p.subtitle {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-family: ${font_family};
 }
 
 .title em,

diff --git a/styleguide/style.css b/styleguide/style.css
@@ -2178,7 +2178,6 @@ button:active,
 }.__re-bulma_input {
   box-sizing: border-box;
   vertical-align: middle;
-  font: 99% sans-serif;
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 }
 
@@ -4812,8 +4811,8 @@ p.__re-bulma_menu-label {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
   color: #69707a;
+  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
   line-height: 1.428571428571429;
   font-size: 1rem;
   margin: 0;