rewrites scss as sass to use variables

app/assets/stylesheets/_work_packages.scss

@@ -1,61 +0,0 @@
-/*-- copyright
-OpenProject is a project management system.
-Copyright (C) 2012-2014 the OpenProject Foundation (OPF)
-
-This program is free software; you can redistribute it and/or
-modify it under the terms of the GNU General Public License version 3.
-
-OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
-Copyright (C) 2006-2013 Jean-Philippe Lang
-Copyright (C) 2010-2013 the ChiliProject Team
-
-This program is free software; you can redistribute it and/or
-modify it under the terms of the GNU General Public License
-as published by the Free Software Foundation; either version 2
-of the License, or (at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program; if not, write to the Free Software
-Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
-
-See doc/COPYRIGHT.rdoc for more details.
-
-++*/
-
-#work-packages-query-selection .select2-container {
-  margin-left: 5px;
-}
-
-.issue .attributes td.work_package_attribute_header {
-  font-weight: bold;
-}
-
-.icon-button {
-  cursor: pointer;
-}
-
-.sort-header {
-  cursor: pointer;
-}
-
-.action-icon {
-  cursor: pointer;
-}
-
-select.to-validate.ng-dirty.ng-valid, input.to-validate.ng-dirty.ng-valid { border:1px solid Green; }
-select.to-validate.ng-dirty.ng-invalid, input.to-validate.ng-dirty.ng-invalid { border:1px solid Red; }
-select.to-validate.ng-dirty.ng-valid ~ span.ok, input.to-validate.ng-dirty.ng-valid ~ span.ok { color:green; display:inline; }
-select.to-validate.ng-dirty.ng-invalid ~ span.ko, input.to-validate.ng-dirty.ng-invalid ~ span.ko { color:red; display:inline; }
-
-.controller-work_packages.action-show .work_package tr {
-  line-height: 20px;
-}
-
-.controller-work_packages.action-show .avatar-mini {
-  float: left;
-}

app/assets/stylesheets/default.css.sass

@@ -38,7 +38,6 @@
 @import print
 @import scm
 @import top-shelf
-@import work_packages
 @import openproject_plugins
 @import layout/all
 @import content/accounts

app/assets/stylesheets/layout/_work_package.sass

@@ -0,0 +1,58 @@
+/*-- copyright
+ * OpenProject is a project management system.
+ * Copyright (C) 2012-2014 the OpenProject Foundation (OPF)
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License version 3.
+ *
+ * OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
+ * Copyright (C) 2006-2013 Jean-Philippe Lang
+ * Copyright (C) 2010-2013 the ChiliProject Team
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License
+ * as published by the Free Software Foundation; either version 2
+ * of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+ *
+ * See doc/COPYRIGHT.rdoc for more details.
+ *
+ */
+
+.controller-work_packages
+  #work-packages-query-selection
+    .select2-container
+      margin-left: 5px
+
+  .issue
+    .attributes
+      td.work_package_attribute_header
+        font-weight: bold
+  .icon-button, .sort-header, .action-icon
+    cursor: pointer
+
+  select, input
+    &.to-validate.ng-dirty.ng-valid
+      border: 1px solid Green
+    &.to-validate.ng-dirty.ng-valid ~ span.ok
+      color: green
+      display: inline
+    &.to-validate.ng-dirty.ng-invalid
+      border: 1px solid Red
+    &.to-validate.ng-dirty.ng-invalid ~ span.ok
+      color: red
+      display: inline
+
+  .work_package
+    tr
+      line-height: $user_avatar_mini_width
+  .avatar-mini
+    float: left

app/assets/stylesheets/layout/all.sass

@@ -33,3 +33,4 @@
 @import layout/footer
 @import layout/drop_down
 @import layout/toolbar
+@import layout/work_package