Remove dependency on Sass

- Convert *.sass files to vanilla CSS
- Start using CSS variables
- Add PHP minifier

61 files changed, 0 insertions, 2160 deletions

diff --git a/assets/sass/_accordion.sass b/assets/sass/_accordion.sass
deleted file mode 100644
index 1cc3829f..00000000
--- a/assets/sass/_accordion.sass
+++ /dev/null
@@ -1,10 +0,0 @@
-@import variables
-
-.accordion-title
-  font-size: size('medium')
-  cursor: pointer
-  margin-top: 10px
-
-.accordion-content
-  margin-top: 15px
-  margin-bottom: 25px
diff --git a/assets/sass/_activity_stream.sass b/assets/sass/_activity_stream.sass
deleted file mode 100644
index 7bd2de8e..00000000
--- a/assets/sass/_activity_stream.sass
+++ /dev/null
@@ -1,34 +0,0 @@
-@import variables
-@import mixins
-
-.activity-event
-  margin-bottom: 15px
-  padding: 10px
-  &:nth-child(even)
-    background: #fafafa
-  &:hover
-    background: map-get($highlight-colors, 'background')
-
-.activity-date
-  margin-left: 10px
-  font-weight: normal
-  color: color('light')
-
-.activity-content
-  margin-left: 55px
-
-.activity-title
-  font-weight: bold
-  color: color('dark')
-  border-bottom: 1px dotted #efefef
-
-.activity-description
-  color: color('medium')
-  margin-top: 10px
-  @include xs-device
-    overflow: auto
-  li
-    list-style-type: circle
-  ul
-    margin-top: 10px
-    margin-left: 20px
diff --git a/assets/sass/_alert.sass b/assets/sass/_alert.sass
deleted file mode 100644
index 6de1c2f6..00000000
--- a/assets/sass/_alert.sass
+++ /dev/null
@@ -1,58 +0,0 @@
-@import variables
-
-.alert
-  padding: 8px 35px 8px 14px
-  margin-top: 5px
-  margin-bottom: 5px
-  color: alert-color('default')
-  background-color: alert-bg-color('default')
-  border: 1px solid alert-border-color('default')
-  border-radius: 4px
-
-.alert-success
-  color: alert-color('success')
-  background-color: alert-bg-color('success')
-  border-color: alert-border-color('success')
-
-.alert-error
-  color: alert-color('error')
-  background-color: alert-bg-color('error')
-  border-color: alert-border-color('error')
-
-.alert-info
-  color: alert-color('info')
-  background-color: alert-bg-color('info')
-  border-color: alert-border-color('info')
-
-.alert-normal
-  color: alert-color('normal')
-  background-color: alert-bg-color('normal')
-  border-color: alert-border-color('normal')
-
-.alert
-  ul
-    margin-top: 10px
-    margin-bottom: 10px
-  li
-    margin-left: 25px
-
-.alert-fade-out
-  text-align: center
-  position: fixed
-  bottom: 0
-  left: 20%
-  width: 60%
-  padding-top: 5px
-  padding-bottom: 5px
-  margin-bottom: 0
-  border-width: 1px 0 0
-  border-radius: 4px 4px 0 0
-  z-index: 9999
-  opacity: 1
-  animation: fadeout 5s linear forwards
-
-@keyframes fadeout
-  0%
-    opacity: 1
-  100%
-    opacity: 0
diff --git a/assets/sass/_avatar.sass b/assets/sass/_avatar.sass
deleted file mode 100644
index 2041c326..00000000
--- a/assets/sass/_avatar.sass
+++ /dev/null
@@ -1,32 +0,0 @@
-@import variables
-
-.avatar img
-  vertical-align: bottom
-
-.avatar-left
-  float: left
-  margin-right: 10px
-
-.avatar-inline
-  display: inline-block
-  margin-right: 3px
-
-.avatar-48
-  img, div
-    border-radius: 30px
-  .avatar-letter
-    line-height: 48px
-    width: 48px
-    font-size: 25px
-
-.avatar-20
-  img, div
-    border-radius: 10px
-  .avatar-letter
-    line-height: 20px
-    width: 20px
-    font-size: 11px
-
-.avatar-letter
-  color: #fff
-  text-align: center
diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass
deleted file mode 100644
index 566e8a94..00000000
--- a/assets/sass/_base.sass
+++ /dev/null
@@ -1,20 +0,0 @@
-.margin-top
-  margin-top: 20px
-
-.margin-bottom
-  margin-bottom: 20px
-
-.pull-right
-  text-align: right
-
-ul.no-bullet li
-  list-style-type: none
-  margin-left: 0
-
-#app-loading-icon
-  position: fixed
-  right: 3px
-  bottom: 3px
-
-.assign-me
-  vertical-align: bottom
diff --git a/assets/sass/_board.sass b/assets/sass/_board.sass
deleted file mode 100644
index 267a60b5..00000000
--- a/assets/sass/_board.sass
+++ /dev/null
@@ -1,113 +0,0 @@
-@import variables
-
-.public-board
-  margin-top: 5px
-
-.public-task
-  max-width: 800px
-  margin: 5px auto 0
-
-#board-container
-  overflow-x: auto
-
-#board
-  table-layout: fixed
-  margin-bottom: 0
-  th.board-column-header
-    width: 240px
-  td
-    vertical-align: top
-
-.board-container-compact
-  overflow-x: initial
-
-@media all and (-ms-high-contrast: active), (-ms-high-contrast: none)
-  .board-container-compact #board
-    table-layout: auto
-
-#board th.board-column-header.board-column-compact
-  width: initial
-
-.board-column-collapsed
-  display: none
-
-td.board-column-task-collapsed
-  font-weight: bold
-  background-color: bg-color('primary')
-
-#board th.board-column-header-collapsed
-  width: 28px
-  min-width: 28px
-  text-align: center
-  overflow: hidden
-
-.board-rotation-wrapper
-  position: relative
-  padding: 8px 4px
-  min-height: 150px
-  overflow: hidden
-
-.board-rotation
-  white-space: nowrap
-  -webkit-backface-visibility: hidden
-  -webkit-transform: rotate(90deg)
-  -moz-transform: rotate(90deg)
-  -ms-transform: rotate(90deg)
-  transform: rotate(90deg)
-  -webkit-transform-origin: 0 100%
-  -moz-transform-origin: 0 100%
-  -ms-transform-origin: 0 100%
-  transform-origin: 0 100%
-
-.board-column-title .dropdown-menu
-  text-decoration: none
-
-.board-add-icon
-  float: left
-  padding: 0 5px
-  i
-    text-decoration: none
-    color: link-color('primary')
-    font-size: size('large')
-    &:focus, &:hover
-      text-decoration: none
-      color: red
-
-.board-column-header-task-count
-  color: color('light')
-  font-weight: normal
-
-a.board-swimlane-toggle
-  text-decoration: none
-  &:hover, &:focus
-    color: color('dark')
-    text-decoration: none
-    border: none
-
-.board-task-list
-  min-height: 60px
-
-.board-task-list .task-board:last-child
-  margin-bottom: 0
-
-.board-task-list-limit
-  background-color: $board-task-limit-color
-
-.draggable-item
-  cursor: pointer
-  user-select: none
-  -webkit-user-select: none
-  -moz-user-select: none
-
-.draggable-placeholder
-  border: 2px dashed #000
-  background: #fafafa
-  height: 70px
-  margin-bottom: 10px
-
-div.draggable-item-selected
-  border: 1px solid #000
-
-.task-board-sort-handle
-  float: left
-  padding-right: 5px
diff --git a/assets/sass/_bulk_change.sass b/assets/sass/_bulk_change.sass
deleted file mode 100644
index 6ba0be90..00000000
--- a/assets/sass/_bulk_change.sass
+++ /dev/null
@@ -1,10 +0,0 @@
-.bulk-change-checkbox
-    float: left
-
-.bulk-change-inputs
-    float: left
-    padding-left: 10px
-
-    label
-        margin-top: 0
-        margin-bottom: 3px
diff --git a/assets/sass/_button.sass b/assets/sass/_button.sass
deleted file mode 100644
index d9a6db3d..00000000
--- a/assets/sass/_button.sass
+++ /dev/null
@@ -1,50 +0,0 @@
-@import variables
-@import mixins
-
-a.btn
-  text-decoration: none
-
-.btn
-  +appearance
-  font-size: size('medium')
-  font-weight: normal
-  cursor: pointer
-  display: inline-block
-  border-radius: 2px
-  padding: 3px 10px
-  margin: 0
-  border: 1px solid button-border-color('default')
-  background: button-bg-color('default')
-  color: button-color('default')
-  &:hover, &:focus
-    border-color: button-hover-border-color('default')
-    background: button-hover-bg-color('default')
-    color: button-hover-color('default')
-
-.btn-red
-  border-color: button-border-color('red')
-  background: button-bg-color('red')
-  color: button-color('red')
-  &:hover, &:focus
-    border-color: button-hover-border-color('red')
-    background: button-hover-bg-color('red')
-    color: button-hover-color('red')
-
-.btn-blue
-  border-color: button-border-color('blue')
-  background: button-bg-color('blue')
-  color: button-color('blue')
-  &:hover, &:focus
-    border-color: button-hover-border-color('blue')
-    background: button-hover-bg-color('blue')
-    color: button-hover-color('blue')
-
-.btn:disabled
-  color: button-color('disabled')
-  border-color: button-border-color('disabled')
-  background: button-bg-color('disabled')
-
-.buttons-header
-  font-size: size('small')
-  margin-top: 5px
-  margin-bottom: 15px
diff --git a/assets/sass/_color_picker.sass b/assets/sass/_color_picker.sass
deleted file mode 100644
index d3134d2d..00000000
--- a/assets/sass/_color_picker.sass
+++ /dev/null
@@ -1,17 +0,0 @@
-.color-picker
-  width: 180px
-
-.color-picker-option
-  height: 25px
-
-.color-picker-square
-  display: inline-block
-  width: 18px
-  height: 18px
-  margin-right: 5px
-  border: 1px solid #000
-
-.color-picker-label
-  display: inline-block
-  vertical-align: bottom
-  padding-bottom: 3px
diff --git a/assets/sass/_comment.sass b/assets/sass/_comment.sass
deleted file mode 100644
index e9f27872..00000000
--- a/assets/sass/_comment.sass
+++ /dev/null
@@ -1,49 +0,0 @@
-@import variables
-
-.comment-sorting
-  text-align: right
-  a
-    color: color('medium')
-    font-weight: normal
-    text-decoration: none
-    &:hover
-      color: color('light')
-
-.comment
-  padding: 5px
-  margin-bottom: 15px
-
-.comment-title
-  border-bottom: 1px dotted #eee
-  margin-left: 55px
-
-.comment-date
-  color: color('light')
-  font-weight: 200
-
-.comment-actions
-  text-align: right
-
-.comment-content
-  margin-left: 55px
-
-.comments
-  .text-editor
-    textarea
-      height: 90px
-    .text-editor-preview-area
-      height: 90px
-
-  .comment-highlighted
-    background-color: map-get($highlight-colors, 'background')
-    border: 2px solid map-get($highlight-colors, 'border')
-    &:hover
-      background-color: map-get($highlight-colors, 'background')
-
-  .comment
-    &:hover
-      background: map-get($highlight-colors, 'background')
-    &:nth-child(even):not(.comment-highlighted)
-      background: bg-color('primary')
-      &:hover
-        background: map-get($highlight-colors, 'background')
diff --git a/assets/sass/_dashboard.sass b/assets/sass/_dashboard.sass
deleted file mode 100644
index 4c19d084..00000000
--- a/assets/sass/_dashboard.sass
+++ /dev/null
@@ -1,13 +0,0 @@
-@import variables
-
-.dashboard-project-stats
-  small
-    margin-right: 10px
-    color: color('light')
-
-.dashboard-table-link
-  font-weight: bold
-  color: color('dark')
-  text-decoration: none
-  &:focus, &:hover
-    color: color('light')
diff --git a/assets/sass/_documentation.sass b/assets/sass/_documentation.sass
deleted file mode 100644
index 72cc2abc..00000000
--- a/assets/sass/_documentation.sass
+++ /dev/null
@@ -1,21 +0,0 @@
-@import variables
-
-.documentation
-  margin: 0 auto
-  padding: 20px
-  max-width: 850px
-  background: #fefefe
-  border: 1px solid #ccc
-  border-radius: 5px
-  color: color('medium')
-  img
-    border: 1px solid #333
-  h1
-    text-decoration: none
-    margin-bottom: 30px
-  h2
-    text-decoration: none
-    border-bottom: 1px solid #ccc
-    margin-bottom: 25px
-  li
-    line-height: 30px
diff --git a/assets/sass/_dropdown.sass b/assets/sass/_dropdown.sass
deleted file mode 100644
index 364c5824..00000000
--- a/assets/sass/_dropdown.sass
+++ /dev/null
@@ -1,77 +0,0 @@
-@import variables
-
-h2
-  .dropdown
-    ul
-      display: none
-
-.dropdown
-  display: inline
-  position: relative
-  ul
-    display: none
-
-.dropdown-smaller
-  font-size: 0.85em
-
-ul.dropdown-submenu-open
-  display: block
-  position: absolute
-  z-index: 1000
-  min-width: 285px
-  list-style: none
-  margin: 3px 0 0 1px
-  padding: 6px 0
-  background-color: #fff
-  border: 1px solid #b2b2b2
-  border-radius: 3px
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15)
-
-.dropdown-submenu-open li
-  display: block
-  margin: 0
-  padding: 8px 10px
-  font-size: size('compact')
-  border-bottom: 1px solid #f8f8f8
-  cursor: pointer
-  &.no-hover
-    cursor: default
-
-.dropdown-submenu-open li:last-child
-  border: none
-
-.dropdown-submenu-open li:not(.no-hover):hover
-  background: #4078C0
-  color: #fff
-
-.dropdown-submenu-open li:hover a
-  color: #fff
-
-.dropdown-submenu-open a
-  text-decoration: none
-  color: color('primary')
-  &:focus
-    text-decoration: underline
-
-.dropdown-menu-link-text, .dropdown-menu-link-icon
-  color: color('primary')
-  text-decoration: none
-
-.dropdown-menu-link-text:hover
-  text-decoration: underline
-
-td
-  a.dropdown-menu
-    strong
-      color: color('primary')
-      i
-        color: color('primary')
-    i
-      color: color('lighter')
-    &:hover
-      strong
-        color: color('medium')
-        i
-          color: color('medium')
-      i
-        color: color('primary')
diff --git a/assets/sass/_file_upload.sass b/assets/sass/_file_upload.sass
deleted file mode 100644
index bdd31a62..00000000
--- a/assets/sass/_file_upload.sass
+++ /dev/null
@@ -1,31 +0,0 @@
-@import variables
-
-#file-dropzone, #screenshot-zone
-  position: relative
-  border: 2px dashed #ccc
-  width: 99%
-  height: 250px
-  overflow: auto
-
-#file-dropzone-inner, #screenshot-inner
-  position: absolute
-  left: 0
-  bottom: 48%
-  width: 100%
-  text-align: center
-  color: #aaa
-
-#screenshot-zone.screenshot-pasted
-  border: 2px solid #333
-
-#file-list
-  margin: 20px
-  li
-    list-style-type: none
-    padding-top: 8px
-    padding-bottom: 8px
-    border-bottom: 1px dotted #ddd
-    width: 95%
-    .file-error
-      font-weight: bold
-      color: color('error')
diff --git a/assets/sass/_filter_box.sass b/assets/sass/_filter_box.sass
deleted file mode 100644
index 83bfd559..00000000
--- a/assets/sass/_filter_box.sass
+++ /dev/null
@@ -1,2 +0,0 @@
-.filter-box
-  max-width: 1024px
diff --git a/assets/sass/_form.sass b/assets/sass/_form.sass
deleted file mode 100644
index e8fb6e2d..00000000
--- a/assets/sass/_form.sass
+++ /dev/null
@@ -1,167 +0,0 @@
-@import variables
-@import mixins
-
-fieldset
-  border: 1px solid #ddd
-  margin-top: 10px
-
-legend
-  font-weight: 500
-  font-size: size('medium')
-
-label
-  cursor: pointer
-  display: block
-  margin-top: 10px
-  font-weight: 400
-
-input
-  &[type="number"], &[type="date"], &[type="email"], &[type="password"], &[type="text"]:not(.input-addon-field)
-    color: color('light')
-    border: 1px solid #ccc
-    width: 300px
-    max-width: 95%
-    font-size: size('normal')
-    height: 25px
-    padding-bottom: 0
-    padding-left: 4px
-    font-family: sans-serif
-    +appearance
-    @include placeholder
-      color: color('lighter')
-  &[type="number"]:focus, &[type="date"]:focus, &[type="email"]:focus, &[type="password"]:focus, &[type="text"]:focus
-    color: color('dark')
-    border-color: rgba(82, 168, 236, 0.8)
-    outline: 0
-    box-shadow: 0 0 8px rgba(82, 168, 236, 0.6)
-
-input[type="number"]
-  width: 70px
-
-input[type="text"]:not(.input-addon-field)
-  &.form-numeric
-    width: 70px
-  &.form-datetime, &.form-date
-    width: 150px
-  &.form-input-large
-    width: 400px
-  &.form-input-small
-    width: 150px
-
-textarea:focus
-  color: color('dark')
-  border-color: rgba(82, 168, 236, 0.8)
-  outline: 0
-  box-shadow: 0 0 8px rgba(82, 168, 236, 0.6)
-
-textarea
-  padding: 4px
-  border: 1px solid #ccc
-  width: 400px
-  max-width: 99%
-  height: 200px
-  font-family: sans-serif
-  font-size: size('normal')
-  @include placeholder
-    color: color('lighter')
-
-select
-  font-size: 1.0em
-  max-width: 95%
-  &:focus
-    outline: 0
-
-select[multiple]
-  width: 300px
-
-.tag-autocomplete
-  width: 400px
-
-span.select2-container
-  margin-top: 2px
-
-.form-actions
-  padding-top: 20px
-  clear: both
-
-.form-required
-  color: red
-  padding-left: 5px
-  font-weight: bold
-
-  @include xs-device
-    display: none
-
-input[type="text"].form-max-width
-  width: 100%
-
-input.form-error, textarea.form-error
-  border: 2px solid #b94a48
-
-input.form-error:focus, textarea.form-error:focus
-  box-shadow: none
-  border: 2px solid #b94a48
-
-.form-errors
-  color: color('error')
-  list-style-type: none
-
-ul.form-errors li
-  margin-left: 0
-
-.form-help
-  font-size: size('small')
-  color: brown
-  margin-bottom: 15px
-
-.form-inline
-  padding: 0
-  margin: 0
-  border: none
-  label
-    display: inline
-    padding-right: 3px
-  input, select
-    margin: 0 15px 0 0
-  .form-required
-    display: none
-  .form-actions
-    display: inline-block
-  .js-submit-buttons-rendered
-    display: inline-block
-
-.form-inline-group
-  display: inline
-
-.form-columns
-  +display-flex
-  +flex-direction(row)
-  +flex-wrap
-  +justify-content(flex-start)
-
-  .form-column
-    margin-right: 25px
-    flex-grow: 1
-
-  fieldset
-    margin-top: 0
-
-.form-login
-  max-width: 350px
-  margin: 5% auto 0
-
-  @include xs-device
-    margin-left: 5px
-
-  li
-    margin-left: 25px
-    line-height: 25px
-  h2
-    margin-bottom: 30px
-    font-weight: bold
-
-.reset-password
-  margin-top: 20px
-  margin-bottom: 20px
-  a
-    color: color('light')
diff --git a/assets/sass/_global_print.sass b/assets/sass/_global_print.sass
deleted file mode 100644
index ba5afc35..00000000
--- a/assets/sass/_global_print.sass
+++ /dev/null
@@ -1,18 +0,0 @@
-@import variables
-@import mixins 
-	
-@page
-  orientation: landscape
-  -webkit-transform: rotate(-90deg)
-  -moz-transform: rotate(-90deg)
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
-
-#board-container
-  overflow-x: initial !important
-.board-task-list
-  min-height: 0 !important
-.task-board
-  page-break-inside: avoid
-/*Hide menu*/
-.menu-inline, .project-header, .page-header, .menus-container, .sidebar, .alert, .alert-info, .dropdown > ul
-  display: none
\ No newline at end of file
diff --git a/assets/sass/_header.sass b/assets/sass/_header.sass
deleted file mode 100644
index 7e778fbf..00000000
--- a/assets/sass/_header.sass
+++ /dev/null
@@ -1,47 +0,0 @@
-@import variables
-@import mixins
-
-header
-  display: flex
-  flex-wrap: wrap
-  padding: 5px 10px
-  margin-bottom: 5px
-  border-bottom: 1px solid #dedede
-  background-color: #fbfbfb
-
-  .title-container
-    flex: 1
-    min-width: 300px
-    @include xs-device
-      order: 3
-
-  .board-selector-container
-    min-width: 320px
-    display: flex
-    align-items: center
-    @include xs-device
-      order: 2
-      min-width: 300px
-      input[type=text]
-        max-width: 280px
-
-  .menus-container
-    min-width: 120px
-    display: flex
-    align-items: center
-    justify-content: flex-end
-    @include xs-device
-      order: 1
-      margin-bottom: 5px
-      margin-left: auto
-
-  h1
-    font-size: size('title')
-    .tooltip
-      opacity: 0.3
-      font-size: size('tiny')
-
-a i.web-notification-icon
-  color: link-color('primary')
-  &:focus, &:hover
-    color: color('dark')
diff --git a/assets/sass/_icon.sass b/assets/sass/_icon.sass
deleted file mode 100644
index e9ccbe43..00000000
--- a/assets/sass/_icon.sass
+++ /dev/null
@@ -1,17 +0,0 @@
-@import variables
-
-.icon-success
-  color: icon-color('success')
-
-.icon-error
-  color: icon-color('error')
-
-.icon-fade-out
-  opacity: 1
-  animation: icon-fadeout 5s linear forwards
-
-@keyframes icon-fadeout
-  0%
-    opacity: 1
-  100%
-    opacity: 0
diff --git a/assets/sass/_image_slideshow.sass b/assets/sass/_image_slideshow.sass
deleted file mode 100644
index 22cb5937..00000000
--- a/assets/sass/_image_slideshow.sass
+++ /dev/null
@@ -1,45 +0,0 @@
-.image-slideshow-overlay
-  position: fixed
-  top: 0
-  left: 0
-  width: 100%
-  height: 100%
-  background: rgba(0, 0, 0, 0.95)
-  overflow: auto
-  z-index: 100
-  img
-    display: block
-    margin: auto
-  figcaption
-    color: #fff
-    opacity: 0.7
-    position: absolute
-    bottom: 5px
-    right: 15px
-
-.slideshow-icon
-  color: #fff
-  position: absolute
-  font-size: 2.5em
-  opacity: 0.6
-  &:hover
-    opacity: 0.9
-    cursor: pointer
-
-.slideshow-previous-icon
-  left: 10px
-  top: 45%
-
-.slideshow-next-icon
-  right: 10px
-  top: 45%
-
-.slideshow-close-icon
-  right: 10px
-  top: 10px
-  font-size: 1.4em
-
-.slideshow-download-icon
-  left: 10px
-  bottom: 10px
-  font-size: 1.3em
diff --git a/assets/sass/_input_addon.sass b/assets/sass/_input_addon.sass
deleted file mode 100644
index f721deae..00000000
--- a/assets/sass/_input_addon.sass
+++ /dev/null
@@ -1,41 +0,0 @@
-@import mixins
-
-.input-addon
-  display: flex
-
-.input-addon-field
-  flex: 1
-  font-size: size('normal')
-  color: color('light')
-  margin: 0
-  +appearance
-
-  &:first-child
-    border-radius: 5px 0 0 5px
-
-  &:last-child
-    border-radius: 0 5px 5px 0
-
-.input-addon-item
-  background-color: rgba(147, 128, 108, 0.1)
-  color: #666
-  font: inherit
-  font-weight: normal
-
-  &:first-child
-    border-radius: 5px 0 0 5px
-
-  &:last-child
-    border-radius: 0 5px 5px 0
-
-  @include xs-device
-    .dropdown
-      .fa-caret-down
-        display: none
-
-.input-addon-field, .input-addon-item
-  border: 1px solid rgba(147, 128, 108, 0.25)
-  padding: 4px 0.75em
-
-  &:not(:first-child)
-    border-left: 0
diff --git a/assets/sass/_links.sass b/assets/sass/_links.sass
deleted file mode 100644
index e5aa5f31..00000000
--- a/assets/sass/_links.sass
+++ /dev/null
@@ -1,16 +0,0 @@
-@import variables
-
-a
-  color: link-color('primary')
-  border: none
-  &:focus
-    outline: 0
-    color: link-color('focus')
-    text-decoration: none
-  &:hover
-    color: link-color('hover')
-    text-decoration: none
-  .fa
-    padding-right: 3px
-    text-decoration: none
-    color: color('primary')
\ No newline at end of file
diff --git a/assets/sass/_list_items.sass b/assets/sass/_list_items.sass
deleted file mode 100644
index 69b641c8..00000000
--- a/assets/sass/_list_items.sass
+++ /dev/null
@@ -1,11 +0,0 @@
-.list-item-links, .list-item-actions
-    display: inline-block
-    float: left
-    margin-left: 10px
-
-.list-item-links
-    a
-      margin: 0
-
-.list-item-action-hidden
-  display: none
diff --git a/assets/sass/_logo.sass b/assets/sass/_logo.sass
deleted file mode 100644
index 200b4447..00000000
--- a/assets/sass/_logo.sass
+++ /dev/null
@@ -1,15 +0,0 @@
-@import variables
-
-.logo
-  a
-    opacity: 0.5
-    color: #d40000
-    text-decoration: none
-  span
-    color: color('primary')
-  a
-    &:hover
-      opacity: 0.8
-      color: color('primary')
-    &:focus span, &:hover span
-      color: #d40000
diff --git a/assets/sass/_markdown_editor.sass b/assets/sass/_markdown_editor.sass
deleted file mode 100644
index ac25101e..00000000
--- a/assets/sass/_markdown_editor.sass
+++ /dev/null
@@ -1,22 +0,0 @@
-@import variables
-
-.text-editor
-  margin-top: 10px
-  a
-    font-size: size('normal')
-    color: color('light')
-    text-decoration: none
-    margin-right: 10px
-    &:hover
-      color: link-color('primary')
-  .text-editor-preview-area
-    border: 1px solid color('lighter')
-    width: 700px
-    max-width: 99%
-    height: 250px
-    overflow: auto
-    padding: 2px
-  textarea
-    width: 700px
-    max-width: 98%
-    height: 250px
\ No newline at end of file
diff --git a/assets/sass/_markdown_rendering.sass b/assets/sass/_markdown_rendering.sass
deleted file mode 100644
index 99e718b3..00000000
--- a/assets/sass/_markdown_rendering.sass
+++ /dev/null
@@ -1,34 +0,0 @@
-@import variables
-
-.markdown
-  line-height: 1.4em
-  h1
-    margin-top: 5px
-    margin-bottom: 10px
-    font-weight: bold
-  h2
-    font-weight: bold
-  p
-    margin-bottom: 10px
-  ol, ul
-    margin-left: 25px
-    margin-top: 10px
-    margin-bottom: 10px
-  pre
-    background: #fbfbfb
-    padding: 10px
-    border-radius: 5px
-    border: 1px solid #ddd
-    overflow: auto
-    overflow-wrap: initial
-    color: color('medium')
-  blockquote
-    font-style: italic
-    border-left: 3px solid #ddd
-    padding-left: 10px
-    margin-bottom: 10px
-    margin-left: 20px
-  img
-    display: block
-    max-width: 80%
-    margin-top: 10px
diff --git a/assets/sass/_mixins.sass b/assets/sass/_mixins.sass
deleted file mode 100644
index 62642d39..00000000
--- a/assets/sass/_mixins.sass
+++ /dev/null
@@ -1,66 +0,0 @@
-@import variables
-
-@mixin custom-device($width)
-  @media (max-width: #{$width})
-    @content
-
-@mixin xs-device
-  @media (max-width: #{$xs-device-width})
-    @content
-
-@mixin sm-device
-  @media (max-width: #{$sm-device-width})
-    @content
-
-@mixin md-device
-  @media (min-width: #{$sm-device-width}) and (max-width: #{$md-device-width})
-    @content
-
-@mixin grid($columns: 0)
-  box-sizing: border-box
-  display: flex
-  flex-wrap: wrap
-  > *
-    box-sizing: border-box
-  > *
-    width: (1/$columns) * 100%
-
-@mixin grid_width($width)
-  width: $width * 100%
-
-@mixin placeholder
-  &::-webkit-input-placeholder
-    @content
-  &::-moz-placeholder
-    @content
-  &:-ms-input-placeholder
-    @content
-
-@mixin col-x($n)
-  @for $i from 1 through $n
-    .column-#{$i}
-      width: $i * 1%
-
-=appearance
-  -webkit-appearance: none
-  -moz-appearance: none
-
-=display-flex
-  display: -webkit-flex
-  display: flex
-
-=flex-direction($direction)
-  -webkit-flex-direction: $direction
-  flex-direction: $direction
-
-=flex-wrap
-  -webkit-flex-wrap: wrap
-  flex-wrap: wrap
-
-=align-content($position)
-  -webkit-align-items: $position
-  align-items: $position
-
-=justify-content($position)
-  -webkit-justify-content: $position
-  justify-content: $position
diff --git a/assets/sass/_modal.sass b/assets/sass/_modal.sass
deleted file mode 100644
index 68b0329b..00000000
--- a/assets/sass/_modal.sass
+++ /dev/null
@@ -1,34 +0,0 @@
-@import variables
-@import mixins
-
-#modal-overlay
-  position: fixed
-  top: 0
-  left: 0
-  width: 100%
-  height: 100%
-  background: rgba(0, 0, 0, 0.9)
-  overflow: auto
-  z-index: 100
-
-#modal-box
-  position: fixed
-  max-height: calc(100% - 30px)
-  top: 2%
-  left: 50%
-  transform: translateX(-50%)
-  background: #fff
-  overflow: auto
-  border-radius: 5px
-
-#modal-content
-  padding: 0 5px 5px
-
-#modal-header
-  text-align: right
-  padding-right: 5px
-
-#modal-close-button
-  color: color('primary')
-  &:hover
-    color: color('error')
diff --git a/assets/sass/_page_header.sass b/assets/sass/_page_header.sass
deleted file mode 100644
index 7a3681f2..00000000
--- a/assets/sass/_page_header.sass
+++ /dev/null
@@ -1,45 +0,0 @@
-@import variables
-@import mixins
-
-.page-header
-  margin-bottom: 20px
-  .dropdown
-    padding-right: 10px
-  h2
-    margin: 0
-    padding: 0
-    font-weight: bold
-    border-bottom: 1px dotted #ccc
-    a
-      color: color('primary')
-      text-decoration: none
-      &:focus, &:hover
-        color: color('light')
-  ul
-    text-align: left
-    margin-top: 5px
-    display: inline-block
-  li
-    display: inline
-    padding-right: 15px
-
-    @include xs-device
-      display: block
-      line-height: 1.5em
-
-    &.active a
-      color: color('primary')
-      text-decoration: none
-      font-weight: bold
-      &:hover, &:focus
-        text-decoration: underline
-
-.menu-inline
-  margin-bottom: 5px
-  li
-    display: inline
-    padding-right: 15px
-    .active a
-      font-weight: bold
-      color: color('dark')
-      text-decoration: none
diff --git a/assets/sass/_pagination.sass b/assets/sass/_pagination.sass
deleted file mode 100644
index 095a893a..00000000
--- a/assets/sass/_pagination.sass
+++ /dev/null
@@ -1,16 +0,0 @@
-@import variables
-
-.pagination
-  text-align: center
-  font-size: size('compact')
-
-.pagination-showing
-  margin-right: 5px
-  padding-right: 5px
-  border-right: 1px solid #999
-
-.pagination-next
-  margin-left: 5px
-
-.pagination-previous
-  margin-right: 5px
diff --git a/assets/sass/_panel.sass b/assets/sass/_panel.sass
deleted file mode 100644
index 74552292..00000000
--- a/assets/sass/_panel.sass
+++ /dev/null
@@ -1,15 +0,0 @@
-@import variables
-
-.panel
-  border-radius: 4px
-  padding: 8px 35px 8px 10px
-  margin-top: 10px
-  margin-bottom: 15px
-  border: 1px solid #ddd
-  color: color('primary')
-  background-color: bg-color('light')
-  overflow: auto
-  li
-    list-style-type: square
-    margin-left: 20px
-    line-height: 1.35em
diff --git a/assets/sass/_project.sass b/assets/sass/_project.sass
deleted file mode 100644
index 528e75aa..00000000
--- a/assets/sass/_project.sass
+++ /dev/null
@@ -1,15 +0,0 @@
-@import variables
-
-.action-menu
-  color: color('primary')
-  text-decoration: none
-  &:hover, &:focus
-    text-decoration: underline
-
-.js-project-creation-options
-  max-width: 500px
-  border-left: 3px dotted #efefef
-  margin-top: 20px
-  padding-left: 15px
-  padding-bottom: 5px
-  padding-top: 5px
diff --git a/assets/sass/_project_header.sass b/assets/sass/_project_header.sass
deleted file mode 100644
index 1dc5f3b2..00000000
--- a/assets/sass/_project_header.sass
+++ /dev/null
@@ -1,25 +0,0 @@
-@import variables
-@import mixins
-
-.project-header
-  margin-bottom: 8px
-
-  .dropdown-component
-    margin-top: 4px
-    margin-right: 5px
-    float: left
-
-    @include sm-device
-      float: none
-
-  .views-switcher-component
-    margin-top: 4px
-    float: left
-
-    @include sm-device
-      float: none
-      margin-bottom: 10px
-
-  .filter-box-component
-    form
-      margin: 0
diff --git a/assets/sass/_project_overview.sass b/assets/sass/_project_overview.sass
deleted file mode 100644
index 675bde92..00000000
--- a/assets/sass/_project_overview.sass
+++ /dev/null
@@ -1,32 +0,0 @@
-@import variables
-@import mixins
-
-.project-overview-columns
-  +display-flex
-  +flex-direction(row)
-  +flex-wrap
-  +align-content(center)
-  +justify-content(center)
-  margin-bottom: 20px
-  font-size: size('large')
-  @include xs-device
-    display: block
-
-.project-overview-column
-  text-align: center
-  margin-right: 3%
-  margin-top: 5px
-  padding: 3px 15px 3px 15px
-  border: 1px dashed #ddd
-
-  @include xs-device
-    text-align: left
-
-  small
-    color: color('light')
-  strong
-    color: color('medium')
-    display: block
-
-    @include xs-device
-      display: inline
diff --git a/assets/sass/_project_views_switcher.sass b/assets/sass/_project_views_switcher.sass
deleted file mode 100644
index 99d0aecc..00000000
--- a/assets/sass/_project_views_switcher.sass
+++ /dev/null
@@ -1,45 +0,0 @@
-@import variables
-@import mixins
-
-$breakdown-switcher: 560px
-
-.views
-  margin-right: 10px
-  margin-top: 1px
-  font-size: size('compact')
-  @include custom-device($breakdown-switcher)
-    width: 100%
-  @include sm-device
-    margin-top: 10px
-    font-size: size('normal')
-  @include xs-device
-    margin-top: 5px
-  li
-    white-space: nowrap
-    background: #fafafa
-    border: 1px solid #ddd
-    border-right: none
-    padding: 4px 8px
-    display: inline
-    @include custom-device($breakdown-switcher)
-      display: block
-      margin-top: 5px
-      border-radius: 5px
-      border: 1px solid #ddd
-    &.active a
-      font-weight: bold
-      color: color('dark')
-      text-decoration: none
-    &:first-child
-      border-top-left-radius: 5px
-      border-bottom-left-radius: 5px
-    &:last-child
-      border-right: 1px solid #ddd
-      border-top-right-radius: 5px
-      border-bottom-right-radius: 5px
-  a
-    color: color('medium')
-    text-decoration: none
-    &:hover
-      color: color('primary')
-      text-decoration: underline
diff --git a/assets/sass/_reset.sass b/assets/sass/_reset.sass
deleted file mode 100644
index 6906bee2..00000000
--- a/assets/sass/_reset.sass
+++ /dev/null
@@ -1,36 +0,0 @@
-@import variables
-
-h1,
-li,
-ul,
-ol,
-table,
-tr,
-td,
-th,
-p,
-blockquote,
-body
-  margin: 0
-  padding: 0
-  font-size: 100%
-
-body
-  padding-bottom: 10px
-  color: color('primary')
-  font-family: $text-font
-  text-rendering: optimizeLegibility
-  background-color: color('default') 
-
-small
-  font-size: size('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)
-
-.page
-  margin-left: 10px
-  margin-right: 10px
diff --git a/assets/sass/_select_dropdown.sass b/assets/sass/_select_dropdown.sass
deleted file mode 100644
index c5ebfca6..00000000
--- a/assets/sass/_select_dropdown.sass
+++ /dev/null
@@ -1,55 +0,0 @@
-@import variables
-
-#select-dropdown-menu
-  position: absolute
-  display: block
-  z-index: 1000
-  min-width: 160px
-  padding: 5px 0
-  background: #fff
-  list-style: none
-  border: 1px solid #ccc
-  border-radius: 3px
-  box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
-  overflow: scroll
-
-.select-dropdown-menu-item
-  white-space: nowrap
-  overflow: hidden
-  padding: 3px 10px
-  color: color('medium')
-  cursor: pointer
-  border-bottom: 1px solid #f8f8f8
-  line-height: 1.5em
-  font-weight: 400
-  &.active
-    color: #fff
-    background: #428bca
-  &:last-child
-    border: none
-
-.select-dropdown-input-container
-  position: relative
-  border: 1px solid #ccc
-  border-radius: 5px
-  background-color: #fff
-  width: 300px
-  input.select-dropdown-input
-    margin: 0 0 0 5px
-    border: none
-    height: 23px
-    width: 270px
-    &:focus
-      border: none
-      box-shadow: none
-  .select-dropdown-chevron
-    color: color('medium')
-    position: absolute
-    top: 4px
-    right: 5px
-    cursor: pointer
-  .select-loading-icon
-    color: color('medium')
-    position: absolute
-    top: 4px
-    right: 5px
\ No newline at end of file
diff --git a/assets/sass/_sidebar.sass b/assets/sass/_sidebar.sass
deleted file mode 100644
index 35e9c006..00000000
--- a/assets/sass/_sidebar.sass
+++ /dev/null
@@ -1,69 +0,0 @@
-@import variables
-@import mixins
-
-.sidebar-container
-  height: 100%
-  display: flex
-  flex-flow: row
-
-  @include sm-device
-    flex-flow: wrap
-
-.sidebar-content
-  padding-left: 10px
-  flex: 1 100%
-  max-width: 85%
-  overflow-wrap: break-word
-
-  @include sm-device
-    padding-left: 0
-    order: 1
-    max-width: 100%
-
-  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1)
-    max-width: 75%
-
-.sidebar
-  max-width: 25%
-  min-width: 230px
-
-  @include sm-device
-    flex: 1 auto
-    order: 2
-
-  h2
-    margin-top: 0
-  > ul
-    a
-      text-decoration: none
-      color: color('light')
-      font-weight: 300
-      &:hover
-        color: color('primary')
-    li
-      list-style-type: none
-      line-height: 35px
-      border-bottom: 1px dotted #efefef
-      padding-left: 13px
-      &:hover
-        border-left: 5px solid #555
-        padding-left: 8px
-      &.active
-        border-left: 5px solid #333
-        padding-left: 8px
-        a
-          color: color('primary')
-          font-weight: bold
-
-.sidebar-icons > ul li
-  padding-left: 0
-  &:hover, &.active
-    padding-left: 0
-    border-left: none
-
-.sidebar > ul li
-  &.active a
-    &:focus, &:hover
-      color: color('medium')
-  &:last-child
-    margin-bottom: 15px
diff --git a/assets/sass/_subtasks.sass b/assets/sass/_subtasks.sass
deleted file mode 100644
index 0315860f..00000000
--- a/assets/sass/_subtasks.sass
+++ /dev/null
@@ -1,35 +0,0 @@
-@import variables
-@import mixins
-
-.subtask-cell
-  padding: 4px 10px
-  border-top: 1px dotted #dedede
-  border-left: 1px dotted #dedede
-  display: table-cell
-  vertical-align: middle
-  a
-    color: color('primary')
-    text-decoration: none
-    &:hover, &:focus
-      color: link-color('primary')
-  &:first-child
-    border-left: none
-  @include sm-device
-    width: 90%
-    display: block
-    border-left: none
-
-.task-list-subtasks
-  display: table
-  width: 100%
-  @include sm-device
-    display: block
-
-.task-list-subtask
-  display: table-row
-  @include sm-device
-    display: block
-
-.subtask-assignee, .subtask-time-tracking-cell
-  @include sm-device
-    display: none
diff --git a/assets/sass/_suggest_menu.sass b/assets/sass/_suggest_menu.sass
deleted file mode 100644
index 76580d56..00000000
--- a/assets/sass/_suggest_menu.sass
+++ /dev/null
@@ -1,28 +0,0 @@
-@import variables
-
-#suggest-menu
-  position: absolute
-  display: block
-  z-index: 1000
-  min-width: 160px
-  padding: 5px 0
-  background: #fff
-  list-style: none
-  border: 1px solid #ccc
-  border-radius: 3px
-  box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
-
-.suggest-menu-item
-  white-space: nowrap
-  padding: 3px 10px
-  color: color('primary')
-  font-weight: bold
-  cursor: pointer
-  &.active
-    color: #fff
-    background: #428bca
-    small
-      color: #fff
-  small
-    color: color('light')
-    font-weight: normal
diff --git a/assets/sass/_table.sass b/assets/sass/_table.sass
deleted file mode 100644
index c570ef16..00000000
--- a/assets/sass/_table.sass
+++ /dev/null
@@ -1,54 +0,0 @@
-@import variables
-@import mixins
-
-table
-  width: 100%
-  border-collapse: collapse
-  border-spacing: 0
-  margin-bottom: 20px
-
-  &.table-fixed
-    table-layout: fixed
-    white-space: nowrap
-    th
-      overflow: hidden
-    td
-      white-space: nowrap
-      overflow: hidden
-      text-overflow: ellipsis
-
-  &.table-small
-    font-size: size('small')
-
-  &.table-striped tr:nth-child(odd)
-    background: bg-color('lighter')
-
-  &.table-scrolling
-    @include sm-device
-      overflow-x: auto
-      display: inline-block
-      vertical-align: top
-      max-width: 100%
-      white-space: nowrap
-
-  th
-    text-align: left
-    padding: 0.5em 3px
-    border: 1px solid #eee
-    background: bg-color('primary')
-
-    a
-      text-decoration: none
-      color: color('primary')
-      &:focus, &:hover
-        text-decoration: underline
-
-  td
-    border: 1px solid #eee
-    padding: 0.5em 3px
-    vertical-align: top
-
-    li
-      margin-left: 20px
-
-@include col-x(100)
diff --git a/assets/sass/_table_drag_and_drop.sass b/assets/sass/_table_drag_and_drop.sass
deleted file mode 100644
index 80f7e7fe..00000000
--- a/assets/sass/_table_drag_and_drop.sass
+++ /dev/null
@@ -1,23 +0,0 @@
-@import variables
-
-.draggable-row-handle
-  cursor: move
-  color: color('lighter')
-  &:hover
-    color: color('primary')
-
-tr.draggable-item-selected
-  background: #fff
-  border: 2px solid #666
-  box-shadow: 4px 2px 10px -4px rgba(0, 0, 0, 0.55)
-  td
-    border-top: none
-    border-bottom: none
-    &:first-child
-      border-left: none
-    &:last-child
-      border-right: none
-
-.table-stripped
-  tr.draggable-item-hover, tr.draggable-item-hover
-    background: #FEFFF2
diff --git a/assets/sass/_table_list.sass b/assets/sass/_table_list.sass
deleted file mode 100644
index 0ac2961b..00000000
--- a/assets/sass/_table_list.sass
+++ /dev/null
@@ -1,117 +0,0 @@
-@import variables
-
-.table-list
-  font-size: 0.85em
-  margin-bottom: 20px
-
-.table-list-header
-  background: bg-color('primary')
-  border: 1px solid #e5e5e5
-  border-radius: 5px 5px 0 0
-  line-height: 28px
-  padding-left: 3px
-  padding-right: 3px
-  a
-    color: color('primary')
-    font-weight: 500
-    text-decoration: none
-    margin-right: 10px
-    &:hover, &:focus
-      color: #767676
-  .table-list-header-count
-    color: #767676
-    display: inline-block
-    float: left
-  .table-list-header-menu
-    text-align: right
-
-.table-list-row
-  padding-left: 3px
-  padding-right: 3px
-  border-bottom: 1px solid #e5e5e5
-  border-right: 1px solid #e5e5e5
-
-  &.table-border-left
-    border-left: 1px solid #e5e5e5
-
-  &:nth-child(odd)
-    background: bg-color('lighter')
-
-  &:last-child
-    border-radius: 0 0 5px 5px
-
-  &:hover
-    background: map-get($highlight-colors, 'background')
-    border-bottom: 1px solid map-get($highlight-colors, 'border')
-    border-right: 1px solid map-get($highlight-colors, 'border')
-
-  .table-list-title
-    font-weight: 500
-    line-height: 23px
-    &.status-closed
-      text-decoration: line-through
-      margin-right: 10px
-      a
-        font-style: italic
-    a
-      color: color('primary')
-      text-decoration: none
-      &:hover, &:focus
-        text-decoration: underline
-
-  .table-list-details
-    color: color('light')
-    font-weight: 300
-    line-height: 20px
-    span
-      margin-left: 5px
-      &:first-child
-        margin-left: 0
-    li
-      display: inline
-      list-style-type: none
-      &:after
-        content: ', '
-      &:last-child:after
-        content: ''
-    strong
-      font-weight: 400
-      color: color('medium')
-
-  .table-list-details-with-icons
-    float: left
-    @include sm-device
-      float: none
-
-  .table-list-icons
-    font-size: size('small')
-    text-align: right
-    line-height: 30px
-
-    @include sm-device
-      text-align: left
-      line-height: 20px
-
-    span
-      margin-left: 5px
-
-    a
-      text-decoration: none
-      &:hover
-        color: link-color('hover')
-        i
-          color: link-color('hover')
-
-.table-list-category
-  font-size: size('compact')
-  font-weight: 500
-  color: color('dark')
-  padding: 1px 2px 1px 2px
-  border-radius: 3px
-  background: bg-color('light')
-  border: 1px solid #ccc
-  a
-    text-decoration: none
-    color: color('dark')
-    &:hover
-      color: link-color('primary')
diff --git a/assets/sass/_task_avatars.sass b/assets/sass/_task_avatars.sass
deleted file mode 100644
index 63315373..00000000
--- a/assets/sass/_task_avatars.sass
+++ /dev/null
@@ -1,24 +0,0 @@
-@import variables
-
-.task-board-avatars
-  text-align: right
-  float: right
-
-.task-board-change-assignee
-  &:hover
-    opacity: 0.6
-  cursor: pointer
-
-.task-list-avatars
-  display: inline-block
-  float: left
-  @include sm-device
-    float: none
-    display: block
-  .task-avatar-assignee
-    font-weight: 300
-    color: color('light')
-  &:hover
-    .task-avatar-assignee
-      font-weight:   400
-      color: color('dark')
diff --git a/assets/sass/_task_board.sass b/assets/sass/_task_board.sass
deleted file mode 100644
index 9bed978f..00000000
--- a/assets/sass/_task_board.sass
+++ /dev/null
@@ -1,33 +0,0 @@
-@import variables
-
-.task-board
-  position: relative
-  margin-bottom: 4px
-  border: 1px solid #000
-  padding: 2px
-  word-wrap: break-word
-  font-size: size('compact')
-  border-radius: 6px
-
-div
-  &.task-board-recent
-    border-width: 2px
-  &.task-board-status-closed
-    user-select: none
-    border: 1px dotted #555
-
-.task-board
-  a
-    color: color('dark')
-    text-decoration: none
-
-.task-board-collapsed
-  overflow: hidden
-  white-space: nowrap
-  text-overflow: ellipsis
-
-.task-board-title
-  margin-top: 5px
-  margin-bottom: 8px
-  a:hover
-    text-decoration: underline
diff --git a/assets/sass/_task_board_saving_state.sass b/assets/sass/_task_board_saving_state.sass
deleted file mode 100644
index 31465e9c..00000000
--- a/assets/sass/_task_board_saving_state.sass
+++ /dev/null
@@ -1,11 +0,0 @@
-@import variables
-
-.task-board-saving-state
-  opacity: 0.3
-
-.task-board-saving-icon
-  position: absolute
-  margin: auto
-  width: 100%
-  text-align: center
-  color: color('dark')
diff --git a/assets/sass/_task_category.sass b/assets/sass/_task_category.sass
deleted file mode 100644
index 0696f55e..00000000
--- a/assets/sass/_task_category.sass
+++ /dev/null
@@ -1,17 +0,0 @@
-@import variables
-
-.task-board-category-container
-  text-align: right
-  margin-top: 8px
-  margin-bottom: 8px
-
-.task-board-category
-  border: 1px solid #555
-  font-size: size('compact')
-  font-weight: 500
-  color: color('dark')
-  padding: 1px 3px 1px 2px
-  border-radius: 3px
-  a
-    &:hover
-      text-decoration: underline
diff --git a/assets/sass/_task_date.sass b/assets/sass/_task_date.sass
deleted file mode 100644
index f4b74004..00000000
--- a/assets/sass/_task_date.sass
+++ /dev/null
@@ -1,13 +0,0 @@
-@import variables
-
-.task-date
-  font-weight: 500
-  color: color('dark')
-
-span
-  &.task-date-today
-    opacity: 1.0
-    color: link-color('primary')
-  &.task-date-overdue
-    opacity: 1.0
-    color: color('error')
diff --git a/assets/sass/_task_form.sass b/assets/sass/_task_form.sass
deleted file mode 100644
index fb993804..00000000
--- a/assets/sass/_task_form.sass
+++ /dev/null
@@ -1,37 +0,0 @@
-@import variables
-
-.task-form-container
-  @include grid(100)
-
-.task-form-main-column
-  @include grid_width(60/100)
-  @include custom-device(1000px)
-    @include grid_width(1)
-
-  input[type="text"]
-    width: 700px
-    max-width: 99%
-
-.task-form-secondary-column
-  max-width: 250px
-  min-width: 200px
-  max-height: 600px
-  padding-left: 10px
-  overflow: auto
-  @include grid_width(20/100)
-  @include custom-device(1000px)
-    @include grid_width(1)
-    max-width: 99%
-    max-height: none
-  @include sm-device
-    padding-left: 0
-
-  label:first-child
-    margin-top: 0
-    @include custom-device(1000px)
-      margin-top: 10px
-
-.task-form-bottom
-  @include grid_width(1)
-  label
-    display: inline-block
diff --git a/assets/sass/_task_icon_age.sass b/assets/sass/_task_icon_age.sass
deleted file mode 100644
index 8bc8ef91..00000000
--- a/assets/sass/_task_icon_age.sass
+++ /dev/null
@@ -1,22 +0,0 @@
-@import variables
-
-.task-icon-age
-  display: inline-block
-
-span
-  &.task-icon-age-total
-    border: 1px solid #e5e5e5
-    padding: 1px 3px 1px 3px
-    border-top-left-radius: 3px
-    border-bottom-left-radius: 3px
-  &.task-icon-age-column
-    border: 1px solid #e5e5e5
-    border-left: none
-    margin-left: -5px
-    padding: 1px 3px 1px 3px
-    border-top-right-radius: 3px
-    border-bottom-right-radius: 3px
-
-.task-board
-  span.task-icon-age-total, span.task-icon-age-column
-    border-color: #666
diff --git a/assets/sass/_task_icons.sass b/assets/sass/_task_icons.sass
deleted file mode 100644
index adb1f2e6..00000000
--- a/assets/sass/_task_icons.sass
+++ /dev/null
@@ -1,43 +0,0 @@
-@import variables
-
-.task-board-icons, .task-list-icons
-  font-size: size('small')
-  text-align: right
-
-  a, span.tooltip
-    text-decoration: none
-    &:hover
-      color: link-color('hover')
-      i
-        color: link-color('hover')
-
-  .task-score
-    font-weight: bold
-
-  .flag-milestone
-    color: green
-
-.task-board-icons
-  margin-top: 7px
-  a
-    opacity: 0.5
-  span
-    opacity: 0.5
-    margin-left: 4px
-  a, span.tooltip
-    &:hover
-      opacity: 1.0
-      font-weight: bold
-
-  .task-board-icons-row
-    line-height: 22px
-
-.task-list-icons
-  line-height: 22px
-  a, span, i
-    color: color('light')
-    opacity: 1.0
-  span
-    margin-left: 5px
-  @include sm-device
-    text-align: left
\ No newline at end of file
diff --git a/assets/sass/_task_links.sass b/assets/sass/_task_links.sass
deleted file mode 100644
index ed861b00..00000000
--- a/assets/sass/_task_links.sass
+++ /dev/null
@@ -1,12 +0,0 @@
-@import variables
-
-.task-links-table
-  td
-    vertical-align: middle
-
-.task-links-task-count
-  color: color('light')
-  font-weight: normal
-
-.task-link-closed
-  text-decoration: line-through
diff --git a/assets/sass/_task_summary.sass b/assets/sass/_task_summary.sass
deleted file mode 100644
index 7f736bd9..00000000
--- a/assets/sass/_task_summary.sass
+++ /dev/null
@@ -1,36 +0,0 @@
-@import variables
-@import mixins
-
-#task-summary
-  margin-bottom: 15px
-  h2
-    color: color('medium')
-    font-size: size('xlarge')
-    margin-top: 0
-    padding-top: 0
-
-.task-summary-container
-  border: 2px solid #000
-  border-radius: 8px
-  padding: 10px
-
-.task-summary-columns
-  display: flex
-  flex-flow: row
-  justify-content: space-between
-
-  @include sm-device
-    flex-flow: column
-
-.task-summary-column
-  color: color('primary')
-  span
-    color: color('medium')
-  li
-    line-height: 23px
-
-#external-task-view
-  padding: 10px
-  margin-top: 10px
-  margin-bottom: 10px
-  border: 1px dotted #ccc
diff --git a/assets/sass/_task_tags.sass b/assets/sass/_task_tags.sass
deleted file mode 100644
index 5858039b..00000000
--- a/assets/sass/_task_tags.sass
+++ /dev/null
@@ -1,13 +0,0 @@
-@import variables
-@import mixins
-
-.task-tags li
-  display: inline-block
-  margin: 3px 3px 0 0
-  padding: 1px 3px 1px 3px
-  color: color('primary')
-  border: 1px solid color('primary')
-  border-radius: 4px
-
-.task-summary-container .task-tags
-  margin-top: 10px
diff --git a/assets/sass/_thumbnails.sass b/assets/sass/_thumbnails.sass
deleted file mode 100644
index b860a607..00000000
--- a/assets/sass/_thumbnails.sass
+++ /dev/null
@@ -1,46 +0,0 @@
-@import variables
-@import mixins
-
-.file-thumbnails
-  +display-flex
-  +flex-direction(row)
-  +flex-wrap
-  +justify-content(flex-start)
-
-.file-thumbnail
-  width: 250px
-  border: 1px solid #efefef
-  border-radius: 5px
-  margin-bottom: 20px
-  box-shadow: 4px 2px 10px -6px rgba(0, 0, 0, 0.55)
-  margin-right: 15px
-  img
-    cursor: pointer
-    border-top-left-radius: 5px
-    border-top-right-radius: 5px
-    &:hover
-      opacity: 0.5
-
-.file-thumbnail-content
-  padding-left: 8px
-  padding-right: 8px
-
-.file-thumbnail-title
-  font-weight: 700
-  font-size: size('compact')
-  color: color('medium')
-  overflow: hidden
-  text-overflow: ellipsis
-
-.file-thumbnail-description
-  font-size: size('small')
-  color: color('light')
-  margin-top: 8px
-  margin-bottom: 5px
-
-.file-viewer
-  position: relative
-  img
-    max-width: 95%
-    max-height: 85%
-    margin-top: 10px
diff --git a/assets/sass/_title.sass b/assets/sass/_title.sass
deleted file mode 100644
index 16e81df3..00000000
--- a/assets/sass/_title.sass
+++ /dev/null
@@ -1,16 +0,0 @@
-@import variables
-
-h1, h2, h3
-  font-weight: normal
-  color: color('primary')
-
-h1
-  font-size: size('title')
-
-h2
-  font-size: size('large')
-  margin-bottom: 10px
-
-h3
-  margin-top: 10px
-  font-size: size('medium')
diff --git a/assets/sass/_tooltip.sass b/assets/sass/_tooltip.sass
deleted file mode 100644
index 95ea1032..00000000
--- a/assets/sass/_tooltip.sass
+++ /dev/null
@@ -1,23 +0,0 @@
-@import variables
-
-.tooltip
-  i.fa
-    cursor: pointer
-
-  .fa-info-circle
-    color: color('light')
-
-#tooltip-container
-  padding: 5px
-  background: #fff
-  border: 1px solid #ddd
-  border-radius: 4px
-  box-shadow: 0 6px 12px #aaa
-  position: absolute
-  min-width: 350px
-
-  .markdown p
-    margin-bottom: 0
-
-  .tooltip-large
-    width: 600px
diff --git a/assets/sass/_user_mentions.sass b/assets/sass/_user_mentions.sass
deleted file mode 100644
index 4c0f038e..00000000
--- a/assets/sass/_user_mentions.sass
+++ /dev/null
@@ -1,8 +0,0 @@
-@import variables
-
-.user-mention-link
-  font-weight: bold
-  color: color('dark')
-  text-decoration: none
-  &:hover
-    color: color('medium')
diff --git a/assets/sass/_variables.sass b/assets/sass/_variables.sass
deleted file mode 100644
index a42d2cd6..00000000
--- a/assets/sass/_variables.sass
+++ /dev/null
@@ -1,69 +0,0 @@
-$xs-device-width: 480px
-$sm-device-width: 768px
-$md-device-width: 1150px
-
-$colors: ('primary': #333, 'light': #999, 'lighter': #dedede, 'dark': #000, 'medium': #555, 'error': #b94a48)
-$link-colors: ('primary': #3366CC, 'focus': #DF5353, 'hover': #333)
-$background-colors: ('primary': #fbfbfb, 'light': #fcfcfc, 'lighter': #fefefe, 'default': #ffffff)
-
-$alert-colors: ('default': #c09853, 'success': #468847, 'error': #b94a48, 'info': #3a87ad, 'normal': #333)
-$alert-background-colors: ('default': #fcf8e3, 'success': #dff0d8, 'error': #f2dede, 'info': #d9edf7, 'normal': #f0f0f0)
-$alert-border-colors: ('default': #fbeed5, 'success': #d6e9c6, 'error': #eed3d7, 'info': #bce8f1, 'normal': #ddd)
-
-$button-colors: ('default': #333, 'red': #fff, 'blue': #fff, 'disabled': #ccc)
-$button-background-colors: ('default': #f5f5f5, 'red': #d14836, 'blue': #4d90fe, 'disabled': #f7f7f7)
-$button-border-colors: ('default': #ddd, 'red': #b0281a, 'blue': #3079ed, 'disabled': #ccc)
-$button-hover-colors: ('default': #000, 'red': #fff, 'blue': #fff)
-$button-hover-background-colors: ('default': #fafafa, 'red': #c53727, 'blue': #357ae8)
-$button-hover-border-colors: ('default': #bbb, 'red': #b0281a, 'blue': #3079ed)
-
-$font-sizes: ('normal': 1.0em, 'tiny': 0.7em, 'small': 0.8em, 'compact': 0.9em, 'medium': 1.2em, 'large': 1.4em, 'xlarge': 1.6em, 'title': 1.5em)
-
-$icon-colors: ('success': #468847, 'error': #b94a48)
-
-$highlight-colors: ('background': #FFF8DC, 'border': #ffeb8e)
-
-$text-font: 'Helvetica Neue', Helvetica, Arial, sans-serif
-$board-task-limit-color: #DF5353
-
-@function size($key)
-  @return map-get($font-sizes, $key)
-
-@function color($key: 'primary')
-  @return map-get($colors, $key)
-
-@function link-color($key: 'primary')
-  @return map-get($link-colors, $key)
-
-@function bg-color($key: 'primary')
-  @return map-get($background-colors, $key)
-
-@function icon-color($key)
-  @return map-get($icon-colors, $key)
-
-@function alert-color($key)
-  @return map-get($alert-colors, $key)
-
-@function alert-bg-color($key)
-  @return map-get($alert-background-colors, $key)
-
-@function alert-border-color($key)
-  @return map-get($alert-border-colors, $key)
-
-@function button-color($key)
-  @return map-get($button-colors, $key)
-
-@function button-bg-color($key)
-  @return map-get($button-background-colors, $key)
-
-@function button-border-color($key)
-  @return map-get($button-border-colors, $key)
-
-@function button-hover-color($key)
-  @return map-get($button-hover-colors, $key)
-
-@function button-hover-bg-color($key)
-  @return map-get($button-hover-background-colors, $key)
-
-@function button-hover-border-color($key)
-  @return map-get($button-hover-border-colors, $key)
diff --git a/assets/sass/app.sass b/assets/sass/app.sass
deleted file mode 100644
index 5dfaed5a..00000000
--- a/assets/sass/app.sass
+++ /dev/null
@@ -1,56 +0,0 @@
-@import reset
-@import base
-@import links
-@import title
-@import table
-@import table_drag_and_drop
-@import table_list
-@import form
-@import input_addon
-@import icon
-@import alert
-@import button
-@import tooltip
-@import dropdown
-@import accordion
-@import select_dropdown
-@import suggest_menu
-@import modal
-@import pagination
-@import header
-@import logo
-@import page_header
-@import sidebar
-@import avatar
-@import file_upload
-@import thumbnails
-@import color_picker
-@import filter_box
-@import project
-@import project_overview
-@import project_header
-@import project_views_switcher
-@import dashboard
-@import board
-@import task_board
-@import task_board_saving_state
-@import task_avatars
-@import task_icons
-@import task_icon_age
-@import task_category
-@import task_date
-@import task_tags
-@import task_summary
-@import task_form
-@import comment
-@import subtasks
-@import task_links
-@import markdown_editor
-@import markdown_rendering
-@import documentation
-@import panel
-@import activity_stream
-@import user_mentions
-@import image_slideshow
-@import list_items
-@import bulk_change
diff --git a/assets/sass/app_print.sass b/assets/sass/app_print.sass
deleted file mode 100644
index 396a21cd..00000000
--- a/assets/sass/app_print.sass
+++ /dev/null
@@ -1 +0,0 @@
-@import global_print