Reduce number of font size

30 files changed, 46 insertions, 89 deletions

diff --git a/assets/sass/_activity_stream.sass b/assets/sass/_activity_stream.sass
index 35d31b64..daef94cf 100644
--- a/assets/sass/_activity_stream.sass
+++ b/assets/sass/_activity_stream.sass
@@ -8,7 +8,6 @@
   margin-left: 10px
   font-weight: normal
   color: #999
-  font-size: 0.8em
 
 .activity-content
   margin-left: 55px
@@ -19,7 +18,6 @@
   border-bottom: 1px dotted #efefef
 
 .activity-description
-  font-size: 0.95em
   color: #555
   margin-top: 10px
   li
diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass
index fd6e8f9d..3c9d8f9c 100644
--- a/assets/sass/_base.sass
+++ b/assets/sass/_base.sass
@@ -1,20 +1,3 @@
-body
-  margin-left: 10px
-  margin-right: 10px
-  padding-bottom: 10px
-  color: $text-color
-  font-family: $text-font
-  text-rendering: optimizeLegibility
-
-hr
-  border: 0
-  height: 0
-  border-top: 1px solid rgba(0, 0, 0, 0.1)
-  border-bottom: 1px solid rgba(255, 255, 255, 0.3)
-
-.smaller
-  font-size: 0.85em
-
 .pull-right
   text-align: right
 
@@ -25,9 +8,6 @@ ul.no-bullet li
 .chosen-select
   min-height: 27px
 
-#ui-datepicker-div
-  font-size: 0.8em
-
 #app-loading-icon
   position: fixed
   right: 3px
@@ -39,5 +19,4 @@ ul.no-bullet li
     color: #000
 
 .assign-me
-  font-size: 0.8em
   vertical-align: bottom
diff --git a/assets/sass/_board.sass b/assets/sass/_board.sass
index daa67db5..597ccb18 100644
--- a/assets/sass/_board.sass
+++ b/assets/sass/_board.sass
@@ -66,7 +66,7 @@ td.board-column-task-collapsed
   a
     text-decoration: none
     color: #3366CC
-    font-size: 150%
+    font-size: $text-xlarge
     line-height: 70%
     &:focus, &:hover
       text-decoration: none
@@ -76,11 +76,7 @@ td.board-column-task-collapsed
   color: #999
   font-weight: normal
 
-th.board-column-header-collapsed .board-column-header-task-count
-  font-size: 0.85em
-
 a.board-swimlane-toggle
-  font-size: 0.95em
   text-decoration: none
   &:hover, &:focus
     color: #000
diff --git a/assets/sass/_button.sass b/assets/sass/_button.sass
index 7beea98a..e618b1f5 100644
--- a/assets/sass/_button.sass
+++ b/assets/sass/_button.sass
@@ -1,6 +1,6 @@
 .btn
   +appearance
-  font-size: 1.1em
+  font-size: $text-medium
   font-weight: normal
   cursor: pointer
   display: inline-block
diff --git a/assets/sass/_comment.sass b/assets/sass/_comment.sass
index 5df16595..e61ef462 100644
--- a/assets/sass/_comment.sass
+++ b/assets/sass/_comment.sass
@@ -1,6 +1,5 @@
 .comment-sorting
   text-align: right
-  font-size: 0.5em
   a
     color: #555
     font-weight: normal
@@ -19,17 +18,12 @@
   margin-left: 55px
   margin-bottom: 10px
 
-.comment-username
-  font-weight: bold
-  font-size: 1.1em
-
 .comment-date
   color: #999
-  font-size: 0.7em
   font-weight: 200
 
 .comment-actions
-  font-size: 0.8em
+  font-size: $text-small
   margin-left: 55px
   margin-top: 8px
   li
diff --git a/assets/sass/_dashboard.sass b/assets/sass/_dashboard.sass
index d9afee01..5abb32fb 100644
--- a/assets/sass/_dashboard.sass
+++ b/assets/sass/_dashboard.sass
@@ -1,10 +1,7 @@
 .dashboard-project-stats
-  span
-    font-size: 0.75em
+  small
     margin-right: 10px
     color: #999
-  strong
-    font-size: 1.2em
 
 .dashboard-table-link
   font-weight: bold
diff --git a/assets/sass/_dialog_box.sass b/assets/sass/_dialog_box.sass
index c161e9d0..4e1168c9 100644
--- a/assets/sass/_dialog_box.sass
+++ b/assets/sass/_dialog_box.sass
@@ -1,3 +1,2 @@
 #main .confirm
   max-width: 700px
-  font-size: 1.1em
diff --git a/assets/sass/_documentation.sass b/assets/sass/_documentation.sass
index ddec6b23..dbede75e 100644
--- a/assets/sass/_documentation.sass
+++ b/assets/sass/_documentation.sass
@@ -5,16 +5,13 @@
   background: #fefefe
   border: 1px solid #ccc
   border-radius: 5px
-  font-size: 1.1em
   color: #555
   img
     border: 1px solid #333
   h1
     text-decoration: none
-    font-size: 1.8em
     margin-bottom: 30px
   h2
-    font-size: 1.3em
     text-decoration: none
     border-bottom: 1px solid #ccc
     margin-bottom: 25px
diff --git a/assets/sass/_dropdown.sass b/assets/sass/_dropdown.sass
index addecf6e..5b6d1dff 100644
--- a/assets/sass/_dropdown.sass
+++ b/assets/sass/_dropdown.sass
@@ -21,7 +21,7 @@ ul.dropdown-submenu-open
   display: block
   margin: 0
   padding: 8px 10px
-  font-size: 0.85em
+  font-size: $text-small
   border-bottom: 1px solid #f8f8f8
   cursor: pointer
   &.no-hover
diff --git a/assets/sass/_filter_box.sass b/assets/sass/_filter_box.sass
index a957d5ef..f053615e 100644
--- a/assets/sass/_filter_box.sass
+++ b/assets/sass/_filter_box.sass
@@ -13,7 +13,7 @@
   input[type="text"]
     margin: 0
     font-size: 16px
-    height: 26px
+    height: 28px
     border-color: #ddd
     border-top-left-radius: 5px
     border-bottom-left-radius: 5px
@@ -33,7 +33,7 @@
     padding: 0
     padding-left: 5px
     padding-right: 8px
-    height: 27px
+    height: 29px
     &:last-child
       border-top-right-radius: 5px
       border-bottom-right-radius: 5px
diff --git a/assets/sass/_form.sass b/assets/sass/_form.sass
index 05a332a1..f2be47cf 100644
--- a/assets/sass/_form.sass
+++ b/assets/sass/_form.sass
@@ -12,7 +12,7 @@ input
     border: 1px solid #ccc
     width: 300px
     max-width: 95%
-    font-size: 100%
+    font-size: $text-normal
     height: 25px
     padding-bottom: 0
     font-family: sans-serif
@@ -39,7 +39,6 @@ textarea
   width: 400px
   max-width: 99%
   height: 200px
-  font-size: 100%
   font-family: sans-serif
 
 select
@@ -81,7 +80,7 @@ ul.form-errors li
   margin-left: 0
 
 .form-help
-  font-size: 0.8em
+  font-size: $text-small
   color: brown
   margin-bottom: 15px
 
@@ -124,11 +123,9 @@ input
     line-height: 25px
   h2
     margin-bottom: 30px
-    font-size: 1.5em
     font-weight: bold
 
 .reset-password
   margin-top: 20px
   a
-    font-size: 0.8em
     color: #999
diff --git a/assets/sass/_gantt_chart.sass b/assets/sass/_gantt_chart.sass
index f67aa8aa..08aa4d56 100644
--- a/assets/sass/_gantt_chart.sass
+++ b/assets/sass/_gantt_chart.sass
@@ -33,7 +33,6 @@ div
     line-height: 31px
     padding-left: 3px
     border-top: 1px solid #d0d0d0
-    font-size: 0.9em
     text-overflow: ellipsis
     overflow: hidden
     white-space: nowrap
@@ -79,7 +78,7 @@ div
   &.ganttview-block-text
     position: absolute
     height: 12px
-    font-size: 0.7em
+    font-size: $text-tiny
     color: #999
     padding: 2px 3px
   &.ganttview-block div.ui-resizable-handle.ui-resizable-s
diff --git a/assets/sass/_header.sass b/assets/sass/_header.sass
index c7d9c8eb..03001445 100644
--- a/assets/sass/_header.sass
+++ b/assets/sass/_header.sass
@@ -11,11 +11,10 @@ header
     max-width: 70%
     float: left
     .tooltip
+      font-size: $text-tiny
       opacity: 0.3
-      font-size: 0.6em
   ul
     text-align: right
-    font-size: 0.9em
   li
     display: inline
     padding-left: 30px
@@ -36,4 +35,3 @@ nav .active a
   li
     display: inline
     padding-right: 15px
-    font-size: 0.95em
diff --git a/assets/sass/_links.sass b/assets/sass/_links.sass
index 6a06ffc7..8f2359a2 100644
--- a/assets/sass/_links.sass
+++ b/assets/sass/_links.sass
@@ -5,7 +5,6 @@ a
     outline: 0
     color: $link-color-focus
     text-decoration: none
-    border: 1px dotted #aaa
   &:hover
     color: $link-color-hover
     text-decoration: none
diff --git a/assets/sass/_markdown_rendering.sass b/assets/sass/_markdown_rendering.sass
index 5eba3f8d..778286e7 100644
--- a/assets/sass/_markdown_rendering.sass
+++ b/assets/sass/_markdown_rendering.sass
@@ -3,16 +3,9 @@
   h1
     margin-top: 5px
     margin-bottom: 10px
-    font-size: 1.5em
     font-weight: bold
-    text-decoration: underline
   h2
-    font-size: 1.2em
     font-weight: bold
-    text-decoration: underline
-  h3, h4
-    font-size: 1.1em
-    text-decoration: underline
   p
     margin-bottom: 10px
   ol, ul
diff --git a/assets/sass/_page_header.sass b/assets/sass/_page_header.sass
index 49520d6d..c4b9a08f 100644
--- a/assets/sass/_page_header.sass
+++ b/assets/sass/_page_header.sass
@@ -5,7 +5,6 @@
   h2
     margin: 0
     padding: 0
-    font-size: 1.4em
     font-weight: bold
     border-bottom: 1px dotted #ccc
     a
@@ -20,7 +19,6 @@
   li
     display: inline
     padding-right: 15px
-    font-size: 0.95em
     &.active a
       color: #333
       text-decoration: none
diff --git a/assets/sass/_project_overview.sass b/assets/sass/_project_overview.sass
index 4945c4a4..096fe085 100644
--- a/assets/sass/_project_overview.sass
+++ b/assets/sass/_project_overview.sass
@@ -5,17 +5,14 @@
   +flex-wrap
   +align-content(center)
   margin-bottom: 20px
-  font-size: 1.4em
+  font-size: $text-large
 
 .project-overview-column
   text-align: center
   margin-right: 3%
   padding: 3px 15px 3px 15px
   border: 1px dashed #ddd
-  border-radius: 8px
   strong
-    font-size: 1.3em
     color: #444
-  span
-    font-size: 0.8em
+  small
     color: #777
diff --git a/assets/sass/_project_views_switcher.sass b/assets/sass/_project_views_switcher.sass
index 903c8f6a..0faee0cc 100644
--- a/assets/sass/_project_views_switcher.sass
+++ b/assets/sass/_project_views_switcher.sass
@@ -2,7 +2,6 @@
   display: inline-block
   margin-left: 10px
   margin-right: 10px
-  font-size: 0.9em
   li
     background: #fafafa
     border-left: 1px solid #ddd
diff --git a/assets/sass/_reset.sass b/assets/sass/_reset.sass
index a1ccd402..ef424db8 100644
--- a/assets/sass/_reset.sass
+++ b/assets/sass/_reset.sass
@@ -11,3 +11,20 @@ body
   margin: 0
   padding: 0
   font-size: 100%
+
+body
+  margin-left: 10px
+  margin-right: 10px
+  padding-bottom: 10px
+  color: $text-color
+  font-family: $text-font
+  text-rendering: optimizeLegibility
+
+small
+  font-size: $text-small
+
+hr
+  border: 0
+  height: 0
+  border-top: 1px solid rgba(0, 0, 0, 0.1)
+  border-bottom: 1px solid rgba(255, 255, 255, 0.3)
diff --git a/assets/sass/_sidebar.sass b/assets/sass/_sidebar.sass
index 7b215254..8a2a1113 100644
--- a/assets/sass/_sidebar.sass
+++ b/assets/sass/_sidebar.sass
@@ -24,7 +24,6 @@
 .sidebar
   padding-right: 10px
   border-right: 1px dotted #eee
-  font-size: 0.95em
   max-width: 240px
   min-width: 190px
   width: 18%
diff --git a/assets/sass/_subtasks.sass b/assets/sass/_subtasks.sass
index 4930b832..ed976703 100644
--- a/assets/sass/_subtasks.sass
+++ b/assets/sass/_subtasks.sass
@@ -1,4 +1,3 @@
 .subtasks-table
-  font-size: 0.85em
   td
     vertical-align: middle
diff --git a/assets/sass/_table.sass b/assets/sass/_table.sass
index bb73fc39..b49e7696 100644
--- a/assets/sass/_table.sass
+++ b/assets/sass/_table.sass
@@ -3,7 +3,6 @@ table
   border-collapse: collapse
   border-spacing: 0
   margin-bottom: 20px
-  font-size: 0.95em
 
 th
   border: 1px solid #eee
@@ -22,7 +21,7 @@ td li
   margin-left: 20px
 
 .table-small
-  font-size: 0.8em
+  font-size: $text-small
 
 th a
   text-decoration: none
diff --git a/assets/sass/_task_board.sass b/assets/sass/_task_board.sass
index de796398..976937ce 100644
--- a/assets/sass/_task_board.sass
+++ b/assets/sass/_task_board.sass
@@ -3,7 +3,6 @@
   margin-bottom: 4px
   border: 1px solid #000
   padding: 2px
-  font-size: 0.85em
   word-wrap: break-word
 
 div
@@ -28,7 +27,6 @@ div
   text-overflow: ellipsis
 
 .task-board-title
-  font-size: 1.15em
   margin-top: 5px
   margin-bottom: 8px
   a:hover
diff --git a/assets/sass/_task_board_age.sass b/assets/sass/_task_board_age.sass
index 34f453dd..53ec91d5 100644
--- a/assets/sass/_task_board_age.sass
+++ b/assets/sass/_task_board_age.sass
@@ -1,6 +1,5 @@
 .task-board-age
   display: inline-block
-  font-size: 0.9em
 
 span
   &.task-board-age-total
diff --git a/assets/sass/_task_board_icons.sass b/assets/sass/_task_board_icons.sass
index 46471b41..77491baf 100644
--- a/assets/sass/_task_board_icons.sass
+++ b/assets/sass/_task_board_icons.sass
@@ -1,4 +1,5 @@
 .task-board-icons
+  font-size: $text-small
   text-align: right
   margin-top: 4px
   margin-bottom: 2px
diff --git a/assets/sass/_task_links.sass b/assets/sass/_task_links.sass
index 8df38a76..fdcea04b 100644
--- a/assets/sass/_task_links.sass
+++ b/assets/sass/_task_links.sass
@@ -1,5 +1,4 @@
 .task-links-table
-  font-size: 0.85em
   td
     vertical-align: middle
 
diff --git a/assets/sass/_task_summary.sass b/assets/sass/_task_summary.sass
index 3d46dc21..0063ba43 100644
--- a/assets/sass/_task_summary.sass
+++ b/assets/sass/_task_summary.sass
@@ -2,13 +2,12 @@
   margin-bottom: 15px
   h2
     color: #666
-    font-size: 2.5em
+    font-size: $text-xlarge
     margin-top: 0
     padding-top: 0
 
 .task-summary-buttons
   margin-top: 10px
-  font-size: 0.85em
 
 .task-summary-container
   border: 2px solid #000
@@ -24,7 +23,6 @@
   justify-content: space-between
 
 .task-summary-column
-  font-size: 0.9em
   color: #666
   span
     color: #555
@@ -37,6 +35,5 @@
   margin-bottom: 20px
   h2
     color: #555
-    font-size: 1.8em
     margin: 0
     padding: 8px
diff --git a/assets/sass/_title.sass b/assets/sass/_title.sass
index 7a4ab69f..3247b4a6 100644
--- a/assets/sass/_title.sass
+++ b/assets/sass/_title.sass
@@ -2,10 +2,13 @@ h1, h2, h3
   font-weight: normal
   color: $title-color
 
+h1
+  font-size: $page-title-size
+
 h2
-  font-size: 1.3em
+  font-size: $text-large
   margin-bottom: 10px
 
 h3
   margin-top: 10px
-  font-size: 1.2em
+  font-size: $text-medium
diff --git a/assets/sass/_tooltip.sass b/assets/sass/_tooltip.sass
index e3bfa07f..a5c67aaf 100644
--- a/assets/sass/_tooltip.sass
+++ b/assets/sass/_tooltip.sass
@@ -6,7 +6,6 @@
 div.ui-tooltip
   min-width: 200px
   max-width: 600px
-  font-size: 0.85em
 
 .tooltip-arrow
   width: 20px
@@ -49,4 +48,3 @@ div.ui-tooltip
 
 .tooltip .fa-info-circle
   color: #999
-  font-size: 0.95em
diff --git a/assets/sass/app.sass b/assets/sass/app.sass
index 899ffeb9..0e74f52d 100644
--- a/assets/sass/app.sass
+++ b/assets/sass/app.sass
@@ -1,7 +1,15 @@
+$text-xlarge: 1.6em
+$text-large: 1.4em
+$text-medium: 1.2em
+$text-normal: 1.0em
+$text-small: 0.8em
+$text-tiny: 0.7em
+
 $text-font: 'Helvetica Neue', Helvetica, Arial, sans-serif
 $text-color: #333
 
 $title-color: #333
+$page-title-size: 1.5em
 
 $link-color: #3366CC
 $link-color-focus: #DF5353