Convert vanilla CSS to SASS

assets/sass/_accordion.sass

@@ -0,0 +1,25 @@
+.accordion-title
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEQ5RDgxQzc2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEQ5RDgxQzg2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RDlEODFDNTZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RDlEODFDNjZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvXFWFAAAAAYSURBVHjaYvj//z8D0/Pnz/8zgFgAAQYAS5UJscReGMIAAAAASUVORK5CYII=) repeat-x scroll 0 10px
+  h3
+    display: inline
+    padding-right: 5px
+    background: #fff
+
+.accordion-content
+  margin-top: 15px
+  margin-bottom: 25px
+
+.accordion-toggle
+  color: #333
+  text-decoration: none
+  &:focus, &:hover
+    color: #999
+  &:before
+    content: "\f0d7"
+
+.accordion-collapsed
+  margin-bottom: 25px
+  .accordion-toggle:before
+    content: "\f0da"
+  .accordion-content
+    display: none

assets/sass/_activity_stream.sass

@@ -0,0 +1,29 @@
+.activity-event
+  margin-bottom: 15px
+  padding: 10px
+  &:hover
+    background: #fafafa
+
+.activity-date
+  margin-left: 10px
+  font-weight: normal
+  color: #999
+  font-size: 0.8em
+
+.activity-content
+  margin-left: 55px
+
+.activity-title
+  font-weight: bold
+  color: #000
+  border-bottom: 1px dotted #efefef
+
+.activity-description
+  font-size: 0.95em
+  color: #555
+  margin-top: 10px
+  li
+    list-style-type: circle
+  ul
+    margin-top: 10px
+    margin-left: 20px

assets/sass/_alert.sass

@@ -0,0 +1,48 @@
+.alert
+  padding: 8px 35px 8px 14px
+  margin-top: 5px
+  margin-bottom: 5px
+  color: $alert-default-text-color
+  background-color: $alert-default-background-color
+  border: 1px solid $alert-default-border-color
+  border-radius: 4px
+
+.alert-success
+  color: $alert-success-text-color
+  background-color: $alert-success-background-color
+  border-color: $alert-success-border-color
+
+.alert-error
+  color: $alert-error-text-color
+  background-color: $alert-error-background-color
+  border-color: $alert-error-border-color
+
+.alert-info
+  color: $alert-info-text-color
+  background-color: $alert-info-background-color
+  border-color: $alert-info-border-color
+
+.alert-normal
+  color: $alert-normal-text-color
+  background-color: $alert-normal-background-color
+  border-color: $alert-normal-border-color
+
+.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

assets/sass/_avatar.sass

@@ -0,0 +1,30 @@
+.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

assets/sass/_base.sass

@@ -0,0 +1,43 @@
+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
+
+ul.no-bullet li
+  list-style-type: none
+  margin-left: 0
+
+.chosen-select
+  min-height: 27px
+
+#ui-datepicker-div
+  font-size: 0.8em
+
+#app-loading-icon
+  position: fixed
+  right: 3px
+  bottom: 3px
+
+.web-notification-icon
+  color: #3366CC
+  &:focus, &:hover
+    color: #000
+
+.assign-me
+  font-size: 0.8em
+  vertical-align: bottom

assets/sass/_board.sass

@@ -0,0 +1,113 @@
+.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: #fbfbfb
+
+#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
+  a
+    text-decoration: none
+    color: #3366CC
+    font-size: 150%
+    line-height: 70%
+    &:focus, &:hover
+      text-decoration: none
+      color: red
+
+.board-column-header-task-count
+  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
+    text-decoration: none
+    border: none
+
+.board-task-list
+  min-height: 60px
+
+.board-task-list-limit
+  background-color: #DF5353
+
+.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

assets/sass/_button.sass

@@ -0,0 +1,46 @@
+.btn
+  +appearance
+  font-size: 1.1em
+  font-weight: normal
+  cursor: pointer
+  display: inline-block
+  color: #333
+  background: #f5f5f5
+  border: 1px solid #ddd
+  border-radius: 2px
+  padding: 3px 10px
+  margin: 0
+
+a.btn
+  text-decoration: none
+
+.btn:hover
+  border: 1px solid #bbb
+  color: #000
+  background: #fafafa
+
+.btn-red
+  border-color: #b0281a
+  background: #d14836
+  color: #fff
+  &:hover, &:focus
+    color: #fff
+    background: #c53727
+
+.btn-blue
+  border-color: #3079ed
+  background: #4d90fe
+  color: #fff
+  &:hover, &:focus
+    border-color: #2f5bb7
+    background: #357ae8
+    color: #fff
+
+.btn:disabled
+  color: #ccc
+  border: 1px solid #ccc
+  background: #f7f7f7
+
+.buttons-header
+  font-size: 0.9em
+  margin-bottom: 15px

assets/sass/_color_picker.sass

@@ -0,0 +1,17 @@
+.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

assets/sass/_comment.sass

@@ -0,0 +1,45 @@
+.comment-sorting
+  text-align: right
+  font-size: 0.5em
+  a
+    color: #555
+    font-weight: normal
+    text-decoration: none
+    &:hover
+      color: #aaa
+
+.comment
+  padding: 5px
+  margin-bottom: 15px
+  &:hover
+    background: #fafafa
+
+.comment-title
+  border-bottom: 1px dotted #eee
+  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
+  margin-left: 55px
+  margin-top: 8px
+  li
+    display: inline
+  a
+    color: #999
+    text-decoration: none
+    &:focus, &:hover
+      color: #333
+      text-decoration: underline
+
+.comment-content
+  margin-left: 55px

assets/sass/_dashboard.sass

@@ -0,0 +1,14 @@
+.dashboard-project-stats
+  span
+    font-size: 0.75em
+    margin-right: 10px
+    color: #999
+  strong
+    font-size: 1.2em
+
+.dashboard-table-link
+  font-weight: bold
+  color: #444
+  text-decoration: none
+  &:focus, &:hover
+    color: #999

assets/sass/_dialog_box.sass

@@ -0,0 +1,3 @@
+#main .confirm
+  max-width: 700px
+  font-size: 1.1em

assets/sass/_documentation.sass

@@ -0,0 +1,22 @@
+.documentation
+  margin: 0 auto
+  padding: 20px
+  max-width: 850px
+  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
+  li
+    line-height: 30px

assets/sass/_dropdown.sass

@@ -0,0 +1,51 @@
+.dropdown
+  display: inline
+  position: relative
+  ul
+    display: none
+
+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: 0.85em
+  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: #333
+  &:focus
+    text-decoration: underline
+
+.dropdown-menu-link-text, .dropdown-menu-link-icon
+  color: #333
+  text-decoration: none
+
+.dropdown-menu-link-text:hover
+  text-decoration: underline

assets/sass/_file_upload.sass

@@ -0,0 +1,29 @@
+#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: #b94a48

assets/sass/_files.sass

@@ -0,0 +1,44 @@
+.file-thumbnails
+  display: -webkit-flex
+  display: flex
+  -webkit-flex-direction: row
+  flex-direction: row
+  -webkit-flex-wrap: wrap
+  flex-wrap: wrap
+  -webkit-justify-content: flex-start
+  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
+    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: 0.9em
+  color: #555
+
+.file-thumbnail-description
+  font-size: 0.8em
+  color: #aaa
+  margin-top: 8px
+  margin-bottom: 5px
+
+.file-viewer
+  position: relative
+  img
+    max-width: 95%
+    max-height: 85%
+    margin-top: 10px

assets/sass/_filter_box.sass

@@ -0,0 +1,41 @@
+.filter-box
+  display: inline-block
+  position: relative
+  font-size: 0
+  margin-bottom: 20px
+
+.project-header .filter-box
+  margin: 0
+
+.filter-box
+  form
+    margin: 0
+  input[type="text"]
+    margin: 0
+    font-size: 16px
+    height: 26px
+    border-color: #ddd
+    border-top-left-radius: 5px
+    border-bottom-left-radius: 5px
+    vertical-align: top
+    &:focus
+      color: #000
+      border-color: rgba(82, 168, 236, 0.8)
+      outline: 0
+      box-shadow: 0 0 8px rgba(82, 168, 236, 0.6)
+  div.dropdown
+    background: #fafafa
+    display: inline-block
+    font-size: 16px
+    border: 1px solid #ddd
+    border-left: none
+    margin: 0
+    padding: 0
+    padding-left: 5px
+    padding-right: 8px
+    height: 27px
+    &:last-child
+      border-top-right-radius: 5px
+      border-bottom-right-radius: 5px
+    a
+      line-height: 27px

assets/sass/_form.sass

@@ -0,0 +1,134 @@
+form
+  margin-bottom: 20px
+
+label
+  cursor: pointer
+  display: block
+  margin-top: 10px
+
+input
+  &[type="number"], &[type="date"], &[type="email"], &[type="password"], &[type="text"]
+    color: #888
+    border: 1px solid #ccc
+    width: 300px
+    max-width: 95%
+    font-size: 100%
+    height: 25px
+    padding-bottom: 0
+    font-family: sans-serif
+    margin-top: 10px
+    +appearance
+  &[type="number"]:focus, &[type="date"]:focus, &[type="email"]:focus, &[type="password"]:focus, &[type="text"]:focus
+    color: #000
+    border-color: rgba(82, 168, 236, 0.8)
+    outline: 0
+    box-shadow: 0 0 8px rgba(82, 168, 236, 0.6)
+
+textarea:focus
+  color: #000
+  border-color: rgba(82, 168, 236, 0.8)
+  outline: 0
+  box-shadow: 0 0 8px rgba(82, 168, 236, 0.6)
+
+input
+  &.form-numeric, &[type="number"]
+    width: 70px
+
+textarea
+  border: 1px solid #ccc
+  width: 400px
+  max-width: 99%
+  height: 200px
+  font-size: 100%
+  font-family: sans-serif
+
+select
+  max-width: 95%
+  &:focus
+    outline: 0
+
+.tag-autocomplete
+  width: 400px
+
+span.select2-container
+  margin-top: 2px
+
+\::-webkit-input-placeholder, ::-ms-input-placeholder, ::-moz-placeholder
+  color: #ddd
+  padding-top: 2px
+
+.form-actions
+  padding-top: 20px
+  clear: both
+
+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-required
+  color: red
+  padding-left: 5px
+  font-weight: bold
+
+.form-errors
+  color: #b94a48
+  list-style-type: none
+
+ul.form-errors li
+  margin-left: 0
+
+.form-help
+  font-size: 0.8em
+  color: brown
+  margin-bottom: 15px
+
+.form-inline
+  padding: 0
+  margin: 0
+  border: none
+  label
+    display: inline
+  input, select
+    margin: 0 15px 0 0
+  .form-required
+    display: none
+
+.form-inline-group
+  display: inline
+
+input
+  &.form-datetime, &.form-date
+    width: 150px
+  &.form-input-large
+    width: 400px
+  &.form-input-small
+    width: 150px
+
+.form-columns
+  display: -webkit-flex
+  display: flex
+  -webkit-flex-direction: row
+  flex-direction: row
+
+.form-column
+  margin-right: 25px
+
+.form-login
+  width: 350px
+  margin: 8% auto 0
+  li
+    margin-left: 25px
+    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

assets/sass/_gantt_chart.sass

@@ -0,0 +1,86 @@
+div
+  &.ganttview-hzheader-month, &.ganttview-hzheader-day, &.ganttview-vtheader, &.ganttview-vtheader-item-name, &.ganttview-vtheader-series, &.ganttview-grid, &.ganttview-grid-row-cell
+    float: left
+  &.ganttview-hzheader-month, &.ganttview-hzheader-day
+    text-align: center
+  &.ganttview-grid-row-cell.last, &.ganttview-hzheader-day.last, &.ganttview-hzheader-month.last
+    border-right: none
+  &.ganttview
+    border: 1px solid #999
+  &.ganttview-hzheader-month
+    width: 60px
+    height: 20px
+    border-right: 1px solid #d0d0d0
+    line-height: 20px
+    overflow: hidden
+  &.ganttview-hzheader-day
+    width: 20px
+    height: 20px
+    border-right: 1px solid #f0f0f0
+    border-top: 1px solid #d0d0d0
+    line-height: 20px
+    color: #777
+  &.ganttview-vtheader
+    margin-top: 41px
+    width: 400px
+    overflow: hidden
+    background-color: #fff
+  &.ganttview-vtheader-item
+    color: #666
+  &.ganttview-vtheader-series-name
+    width: 400px
+    height: 31px
+    line-height: 31px
+    padding-left: 3px
+    border-top: 1px solid #d0d0d0
+    font-size: 0.9em
+    text-overflow: ellipsis
+    overflow: hidden
+    white-space: nowrap
+    a
+      color: #666
+      text-decoration: none
+      &:hover
+        color: #333
+        text-decoration: underline
+      i
+        color: #000
+      &:hover i
+        color: #666
+  &.ganttview-slide-container
+    overflow: auto
+    border-left: 1px solid #999
+  &.ganttview-grid-row-cell
+    width: 20px
+    height: 31px
+    border-right: 1px solid #f0f0f0
+    border-top: 1px solid #f0f0f0
+    &.ganttview-weekend
+      background-color: #fafafa
+  &.ganttview-blocks
+    margin-top: 40px
+  &.ganttview-block-container
+    height: 28px
+    padding-top: 4px
+  &.ganttview-block
+    position: relative
+    height: 25px
+    background-color: #E5ECF9
+    border: 1px solid #c0c0c0
+    border-radius: 3px
+
+.ganttview-block-movable
+  cursor: move
+
+div
+  &.ganttview-block-not-defined
+    border-color: #000
+    background-color: #000
+  &.ganttview-block-text
+    position: absolute
+    height: 12px
+    font-size: 0.7em
+    color: #999
+    padding: 2px 3px
+  &.ganttview-block div.ui-resizable-handle.ui-resizable-s
+    bottom: -0

assets/sass/_header.sass

@@ -0,0 +1,39 @@
+header
+  margin-top: 10px
+  padding-bottom: 10px
+  border-bottom: 1px solid #dedede
+  h1
+    margin: 0
+    padding: 0
+    overflow: hidden
+    text-overflow: ellipsis
+    white-space: nowrap
+    max-width: 70%
+    float: left
+    .tooltip
+      opacity: 0.3
+      font-size: 0.6em
+  ul
+    text-align: right
+    font-size: 0.9em
+  li
+    display: inline
+    padding-left: 30px
+  a
+    color: #333
+    text-decoration: none
+    &:hover
+      color: #666
+  .user-links .dropdown
+    margin-left: 15px
+
+nav .active a
+  color: #333
+  font-weight: bold
+
+.menu-inline
+  margin-bottom: 5px
+  li
+    display: inline
+    padding-right: 15px
+    font-size: 0.95em

assets/sass/_links.sass

@@ -0,0 +1,11 @@
+a
+  color: $link-color
+  border: none
+  &:focus
+    outline: 0
+    color: $link-color-focus
+    text-decoration: none
+    border: 1px dotted #aaa
+  &:hover
+    color: $link-color-hover
+    text-decoration: none

assets/sass/_listing.sass

@@ -0,0 +1,15 @@
+.listing
+  border-radius: 4px
+  padding: 8px 35px 8px 14px
+  margin-bottom: 20px
+  border: 1px solid #ddd
+  color: #333
+  background-color: #fcfcfc
+  overflow: auto
+  li
+    list-style-type: square
+    margin-left: 20px
+    margin-bottom: 3px
+  ul
+    margin-top: 15px
+    margin-bottom: 15px

assets/sass/_logo.sass

@@ -0,0 +1,12 @@
+.logo
+  a
+    opacity: 0.5
+    color: #d40000
+  span
+    color: #333
+  a
+    &:hover
+      opacity: 0.8
+      color: #333
+    &:focus span, &:hover span
+      color: #d40000

assets/sass/_markdown_editor.sass

@@ -0,0 +1,15 @@
+.markdown-editor-container
+  max-width: 400px
+
+div
+  &.CodeMirror, &.CodeMirror-scroll
+    max-height: 250px
+    min-height: 200px
+
+.markdown-editor-small div
+  &.CodeMirror, &.CodeMirror-scroll
+    min-height: 100px
+    max-height: 180px
+
+.form-column div.CodeMirror
+  margin-bottom: 10px

assets/sass/_markdown_rendering.sass

@@ -0,0 +1,38 @@
+.markdown
+  line-height: 1.4em
+  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
+    margin-left: 25px
+    margin-top: 10px
+    margin-bottom: 10px
+  pre
+    background: #fbfbfb
+    padding: 10px
+    border-radius: 5px
+    border: 1px solid #ddd
+    overflow: auto
+    color: #444
+  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

assets/sass/_page_header.sass

@@ -0,0 +1,29 @@
+.page-header
+  margin-bottom: 20px
+  .dropdown
+    padding-right: 10px
+  h2
+    margin: 0
+    padding: 0
+    font-size: 1.4em
+    font-weight: bold
+    border-bottom: 1px dotted #ccc
+    a
+      color: #333
+      text-decoration: none
+      &:focus, &:hover
+        color: #aaa
+  ul
+    text-align: left
+    margin-top: 5px
+    display: inline-block
+  li
+    display: inline
+    padding-right: 15px
+    font-size: 0.95em
+    &.active a
+      color: #333
+      text-decoration: none
+      font-weight: bold
+      &:hover, &:focus
+        text-decoration: underline

assets/sass/_pagination.sass

@@ -0,0 +1,8 @@
+.pagination
+  text-align: center
+
+.pagination-next
+  margin-left: 5px
+
+.pagination-previous
+  margin-right: 5px

assets/sass/_popover.sass

@@ -0,0 +1,22 @@
+#popover-container
+  position: fixed
+  top: 0
+  left: 0
+  width: 100%
+  height: 100%
+  background: rgba(0, 0, 0, 0.8)
+  overflow: auto
+  z-index: 100
+
+#popover-content
+  position: absolute
+  width: 70%
+  left: 15%
+  top: 1%
+  padding: 15px
+  background: #fff
+  overflow: auto
+  max-height: 90%
+
+.popover-form
+  margin-bottom: 0

assets/sass/_project.sass

@@ -0,0 +1,17 @@
+.project-header
+  margin-top: 8px
+  margin-bottom: 20px
+
+.action-menu
+  color: #333
+  text-decoration: none
+  &:hover, &:focus
+    text-decoration: underline
+
+.project-creation-options
+  max-width: 500px
+  border-left: 3px dotted #efefef
+  margin-top: 20px
+  padding-left: 15px
+  padding-bottom: 5px
+  padding-top: 5px

assets/sass/_project_overview.sass

@@ -0,0 +1,21 @@
+
+.project-overview-columns
+  +display-flex
+  +flex-direction(row)
+  +flex-wrap
+  +align-content(center)
+  margin-bottom: 20px
+  font-size: 1.4em
+
+.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
+    color: #777

assets/sass/_project_views_switcher.sass

@@ -0,0 +1,36 @@
+.views
+  display: inline-block
+  margin-left: 10px
+  margin-right: 10px
+  font-size: 0.9em
+  li
+    background: #fafafa
+    border-left: 1px solid #ddd
+    border-top: 1px solid #ddd
+    border-bottom: 1px solid #ddd
+    padding: 5px 8px
+    display: inline
+  a
+    color: #555
+    text-decoration: none
+    &:hover
+      color: #333
+      text-decoration: underline
+
+.menu-inline li.active a
+  font-weight: bold
+  color: #000
+  text-decoration: none
+
+.views li
+  &.active a
+    font-weight: bold
+    color: #000
+    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

assets/sass/_reset.sass

@@ -0,0 +1,13 @@
+li,
+ul,
+ol,
+table,
+tr,
+td,
+th,
+p,
+blockquote,
+body
+  margin: 0
+  padding: 0
+  font-size: 100%

assets/sass/_sidebar.sass

@@ -0,0 +1,71 @@
+.sidebar-container
+  margin-top: 10px
+  height: 100%
+  width: 100%
+  display: -ms-flexbox
+  display: -webkit-box
+  display: -moz-box
+  display: -ms-box
+  display: box
+  -ms-flex-direction: row
+  -webkit-box-orient: horizontal
+  -moz-box-orient: horizontal
+  -ms-box-orient: horizontal
+  box-orient: horizontal
+
+.sidebar-content
+  padding-left: 10px
+  -ms-flex: 1
+  -webkit-box-flex: 1
+  -moz-box-flex: 1
+  -ms-box-flex: 1
+  box-flex: 1
+
+.sidebar
+  padding-right: 10px
+  border-right: 1px dotted #eee
+  font-size: 0.95em
+  max-width: 240px
+  min-width: 190px
+  width: 18%
+  -ms-flex: 0 100px
+  -webkit-box-flex: 0
+  -moz-box-flex: 0
+  -ms-box-flex: 0
+  box-flex: 0
+  h2
+    margin-top: 0
+  > ul
+    a
+      text-decoration: none
+      color: #999
+      font-weight: 300
+      &:hover
+        color: #333
+    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: #333
+          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: #555
+  &:last-child
+    margin-bottom: 15px

assets/sass/_subtasks.sass

@@ -0,0 +1,4 @@
+.subtasks-table
+  font-size: 0.85em
+  td
+    vertical-align: middle

assets/sass/_table.sass

@@ -0,0 +1,110 @@
+table
+  width: 100%
+  border-collapse: collapse
+  border-spacing: 0
+  margin-bottom: 20px
+  font-size: 0.95em
+
+th
+  border: 1px solid #eee
+  padding: 0.5em 3px
+
+td
+  border: 1px solid #eee
+  padding: 0.5em 3px
+  vertical-align: top
+
+th
+  background: #fbfbfb
+  text-align: left
+
+td li
+  margin-left: 20px
+
+.table-small
+  font-size: 0.8em
+
+th a
+  text-decoration: none
+  color: #333
+  &:focus, &:hover
+    text-decoration: underline
+
+.table-fixed
+  table-layout: fixed
+  white-space: nowrap
+  th
+    overflow: hidden
+  td
+    white-space: nowrap
+    overflow: hidden
+    text-overflow: ellipsis
+
+.table-stripped tr:nth-child(odd)
+  background: #fefefe
+
+.column-3
+  width: 3%
+
+.column-5
+  width: 5%
+
+.column-8
+  width: 7.5%
+
+.column-10
+  width: 10%
+
+.column-12
+  width: 12%
+
+.column-15
+  width: 15%
+
+.column-18
+  width: 18%
+
+.column-20
+  width: 20%
+
+.column-25
+  width: 25%
+
+.column-30
+  width: 30%
+
+.column-35
+  width: 35%
+
+.column-40
+  width: 40%
+
+.column-50
+  width: 50%
+
+.column-60
+  width: 60%
+
+.column-70, .column-80
+  width: 70%
+
+.draggable-row-handle
+  cursor: move
+  color: #dedede
+  &:hover
+    color: #333
+
+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

assets/sass/_task_board.sass

@@ -0,0 +1,35 @@
+.task-board
+  position: relative
+  margin-bottom: 4px
+  border: 1px solid #000
+  padding: 2px
+  font-size: 0.85em
+  word-wrap: break-word
+
+div
+  &.task-board-recent
+    border-width: 2px
+  &.task-board-status-closed
+    user-select: none
+    border: 1px dotted #555
+
+.task-board
+  a
+    color: #000
+    text-decoration: none
+  .dropdown-menu
+    font-weight: bold
+  .task-score
+    font-weight: bold
+
+.task-board-collapsed
+  overflow: hidden
+  white-space: nowrap
+  text-overflow: ellipsis
+
+.task-board-title
+  font-size: 1.15em
+  margin-top: 5px
+  margin-bottom: 8px
+  a:hover
+    text-decoration: underline

assets/sass/_task_board_age.sass

@@ -0,0 +1,17 @@
+.task-board-age
+  display: inline-block
+  font-size: 0.9em
+
+span
+  &.task-board-age-total
+    border: #666 1px solid
+    padding: 1px 3px 1px 3px
+    border-top-left-radius: 3px
+    border-bottom-left-radius: 3px
+  &.task-board-age-column
+    border: #666 1px solid
+    border-left: none
+    margin-left: -5px
+    padding: 1px 3px 1px 3px
+    border-top-right-radius: 3px
+    border-bottom-right-radius: 3px

assets/sass/_task_board_avatar.sass

@@ -0,0 +1,8 @@
+.task-board-avatars
+  text-align: right
+  float: right
+
+.task-board-change-assignee
+  &:hover
+    opacity: 0.6
+  cursor: pointer

assets/sass/_task_board_category.sass

@@ -0,0 +1,13 @@
+.task-board-category-container
+  text-align: right
+  margin-top: 8px
+  margin-bottom: 8px
+
+.task-board-category
+  font-weight: 500
+  color: #000
+  border: 1px solid #555
+  padding: 1px 2px 1px 2px
+  border-radius: 4px
+  &:hover
+    opacity: 0.6

assets/sass/_task_board_date.sass

@@ -0,0 +1,11 @@
+.task-board-date
+  font-weight: bold
+  color: #000
+
+span
+  &.task-board-date-today
+    color: #0000D9
+    opacity: 1.0
+  &.task-board-date-overdue
+    color: #D90000
+    opacity: 1.0

assets/sass/_task_board_icons.sass

@@ -0,0 +1,14 @@
+.task-board-icons
+  text-align: right
+  margin-top: 4px
+  margin-bottom: 2px
+  a
+    opacity: 0.5
+  span
+    opacity: 0.5
+    margin-left: 2px
+  a:hover, span:hover
+    opacity: 1.0
+
+.flag-milestone
+  color: green

assets/sass/_task_board_saving_state.sass

@@ -0,0 +1,9 @@
+.task-board-saving-state
+  opacity: 0.3
+
+.task-board-saving-icon
+  position: absolute
+  margin: auto
+  width: 100%
+  text-align: center
+  color: #000

assets/sass/_task_links.sass

@@ -0,0 +1,10 @@
+.task-links-table
+  font-size: 0.85em
+  td
+    vertical-align: middle
+
+.task-links-task-count
+  color: #999
+
+.task-link-closed
+  text-decoration: line-through

assets/sass/_task_listing.sass

@@ -0,0 +1,12 @@
+.task-table .dropdown-menu
+  color: #000
+  text-decoration: none
+  font-weight: bold
+  &:focus, &:hover
+    text-decoration: underline
+
+td.task-table a
+  color: #000
+  text-decoration: none
+  &:hover
+    text-decoration: underline

assets/sass/_task_summary.sass

@@ -0,0 +1,42 @@
+#task-summary
+  margin-bottom: 15px
+  h2
+    color: #666
+    font-size: 2.5em
+    margin-top: 0
+    padding-top: 0
+
+.task-summary-buttons
+  margin-top: 10px
+  font-size: 0.85em
+
+.task-summary-container
+  border: 2px solid #000
+  border-radius: 8px
+  padding: 15px
+
+.task-summary-columns
+  display: -webkit-flex
+  display: flex
+  -webkit-flex-direction: row
+  flex-direction: row
+  -webkit-justify-content: space-between
+  justify-content: space-between
+
+.task-summary-column
+  font-size: 0.9em
+  color: #666
+  span
+    color: #555
+  li
+    line-height: 23px
+
+.task-show-title
+  border: 2px solid #000
+  border-radius: 8px
+  margin-bottom: 20px
+  h2
+    color: #555
+    font-size: 1.8em
+    margin: 0
+    padding: 8px

assets/sass/_task_tags.sass

@@ -0,0 +1,11 @@
+.task-tags li
+  display: inline
+  margin: 0
+  margin-right: 4px
+  padding: 2px
+  color: #666
+  border: 1px solid #666
+  border-radius: 2px
+
+.task-summary-container .task-tags
+  margin-top: 10px

assets/sass/_title.sass

@@ -0,0 +1,11 @@
+h1, h2, h3
+  font-weight: normal
+  color: $title-color
+
+h2
+  font-size: 1.3em
+  margin-bottom: 10px
+
+h3
+  margin-top: 10px
+  font-size: 1.2em

assets/sass/_tooltip.sass

@@ -0,0 +1,52 @@
+.tooltip-arrow:after
+  background: #fff
+  border: 1px solid #aaaaaa
+  box-shadow: 0 0 5px #aaa
+
+div.ui-tooltip
+  min-width: 200px
+  max-width: 600px
+  font-size: 0.85em
+
+.tooltip-arrow
+  width: 20px
+  height: 10px
+  overflow: hidden
+  position: absolute
+  &.top
+    top: -10px
+  &.bottom
+    bottom: -10px
+  &.align-left
+    left: 10px
+  &.align-right
+    right: 10px
+  &:after
+    content: ""
+    position: absolute
+    width: 14px
+    height: 14px
+    -webkit-transform: rotate(45deg)
+    -ms-transform: rotate(45deg)
+    transform: rotate(45deg)
+  &.bottom:after
+    top: -10px
+  &.top:after
+    bottom: -10px
+  &.align-left:after
+    left: 0
+  &.align-right:after
+    right: 0
+
+.tooltip-large
+  width: 600px
+
+.ui-tooltip-content .markdown p
+  margin-bottom: 0
+
+.ui-tooltip li
+  list-style-type: none
+
+.tooltip .fa-info-circle
+  color: #999
+  font-size: 0.95em

assets/sass/_user_mentions.sass

@@ -0,0 +1,6 @@
+.user-mention-link
+  font-weight: bold
+  color: #000
+  text-decoration: none
+  &:hover
+    color: #555

assets/sass/app.sass

@@ -0,0 +1,99 @@
+$text-font: 'Helvetica Neue', Helvetica, Arial, sans-serif
+$text-color: #333
+
+$title-color: #333
+
+$link-color: #3366CC
+$link-color-focus: #DF5353
+$link-color-hover: #333
+
+$alert-default-text-color: #c09853
+$alert-default-background-color: #fcf8e3
+$alert-default-border-color: #fbeed5
+
+$alert-success-text-color: #468847
+$alert-success-background-color: #dff0d8
+$alert-success-border-color: #d6e9c6
+
+$alert-error-text-color: #b94a48
+$alert-error-background-color: #f2dede
+$alert-error-border-color: #eed3d7
+
+$alert-info-text-color: #3a87ad
+$alert-info-background-color: #d9edf7
+$alert-info-border-color: #bce8f1
+
+$alert-normal-text-color: #333
+$alert-normal-background-color: #f0f0f0
+$alert-normal-border-color: #ddd
+
+=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
+  -webkit-justify-content: $position
+  justify-content: $position
+
+@import reset
+@import base
+@import links
+@import title
+@import table
+@import form
+@import alert
+@import button
+@import tooltip
+@import dropdown
+@import accordion
+@import dialog_box
+@import popover
+@import pagination
+@import header
+@import logo
+@import page_header
+@import sidebar
+@import avatar
+@import file_upload
+@import color_picker
+@import files
+@import filter_box
+@import project
+@import project_overview
+@import project_views_switcher
+@import dashboard
+@import board
+@import task_board
+@import task_board_saving_state
+@import task_board_category
+@import task_board_avatar
+@import task_board_icons
+@import task_board_age
+@import task_board_date
+@import task_tags
+@import task_summary
+@import task_listing
+@import comment
+@import subtasks
+@import task_links
+@import markdown_editor
+@import markdown_rendering
+@import documentation
+@import listing
+@import activity_stream
+@import gantt_chart
+@import user_mentions