taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix a lot of import/extend lint errors on sass

stable
Jesús Espino 2014-12-02 12:20:50 +01:00
parent 15dea86392
commit efb5a62f4b
30 changed files with 48 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/styles/components/filter.scss
View File

@ -1,7 +1,7 @@
.single-filter {
@extend %large;
@include clearfix;
@extend %title;
@include clearfix;
cursor: pointer;
display: block;
height: 32px;

6
app/styles/components/kanban-task.scss
View File

@ -14,8 +14,8 @@
}
}
&.ui-sortable-helper {
box-shadow: 1px 1px 15px rgba($black, .4);
@include transition(box-shadow .3s linear);
box-shadow: 1px 1px 15px rgba($black, .4);
}
&.blocked {
background: $red;
@ -68,8 +68,8 @@
display: block;
}
.task-text {
@include table-flex-child($flex-grow: 10, $flex-basis: 50px);
@extend %small;
@include table-flex-child($flex-grow: 10, $flex-basis: 50px);
padding: 0 .5rem 0 .8rem;
word-wrap: break-word;
}
@ -83,8 +83,8 @@
}
.icon-edit,
.icon-drag-h {
@include transition(opacity .2s linear);
@extend %large;
@include transition(opacity .2s linear);
color: $postit-hover;
opacity: 0;
position: absolute;

2
app/styles/components/taskboard-task.scss
View File

@ -17,8 +17,8 @@
}
}
&.ui-sortable-helper {
box-shadow: 1px 1px 15px rgba($black, .4);
@include transition(box-shadow .3s linear);
box-shadow: 1px 1px 15px rgba($black, .4);
}
&.ui-sortable-placeholder {
background: $grayer;

2
app/styles/components/watchers.scss
View File

@ -35,8 +35,8 @@
}
}
.watcher-name {
@include table-flex-child(8, 0);
@extend %small;
@include table-flex-child(8, 0);
color: $grayer;
margin-left: 1rem;
position: relative;

4
app/styles/layout/invitation.scss
View File

@ -1,6 +1,6 @@
.invitation-main {
@include table-flex(center, center, flex, row, wrap, center);
@extend %background-taiga;
@include table-flex(center, center, flex, row, wrap, center);
bottom: 0;
left: 0;
position: fixed;
@ -62,8 +62,8 @@
}
}
.forgot-pass {
@include transition(all .3s linear);
@extend %small;
@include transition(all .3s linear);
color: $gray-light;
opacity: 1;
position: absolute;

2
app/styles/layout/login.scss
View File

@ -1,10 +1,10 @@
.login-main {
@extend %triangled-bg;
//@include table-flex(center, center, flex, row, wrap, center);
@include display(flex);
@include align-items(center);
@include flex-direction(row);
@include justify-content(center);
@extend %triangled-bg;
bottom: 0;
left: 0;
position: fixed;

2
app/styles/layout/not-found.scss
View File

@ -1,9 +1,9 @@
.error-main {
@extend %background-taiga;
@include display(flex);
@include align-items(center);
@include flex-direction(row);
@include justify-content(center);
@extend %background-taiga;
bottom: 0;
left: 0;
position: fixed;

2
app/styles/layout/typography.scss
View File

@ -56,8 +56,8 @@ h1 {
color: $green-taiga;
}
.date {
color: $gray-light;
@include ellipsis(500px);
color: $gray-light;
}
}

4
app/styles/layout/us-detail.scss
View File

@ -9,9 +9,9 @@
padding: 1rem;
position: relative;
&.blocked {
@include transition(all .2s linear);
background: $red;
vertical-align: middle;
@include transition(all .2s linear);
.us-title-text,
input {
margin-bottom: .5rem;
@ -50,8 +50,8 @@
@include table-flex();
}
input {
background: $white;
@include table-flex-child(1, 90%, 0);
background: $white;
}
.us-title-text {
display: flex;

2
app/styles/modules/admin/admin-functionalities.scss
View File

@ -25,8 +25,8 @@
opacity: 1;
}
.icon {
@include table-flex-child(1, 120px, 0, 100%);
@extend %xxlarge;
@include table-flex-child(1, 120px, 0, 100%);
margin: 0 auto;
min-height: 60px;
text-align: center;

2
app/styles/modules/admin/admin-roles.scss
View File

@ -5,8 +5,8 @@
color: $grayer;
}
.edit-value {
@include transition(opacity .3s linear);
@extend %medium;
@include transition(opacity .3s linear);
color: $gray-light;
cursor: pointer;
margin-left: .5rem;

2
app/styles/modules/auth/change-password-from-recovery.scss
View File

@ -14,8 +14,8 @@
}
}
.get-token {
@include transition(all .3s linear);
@extend %small;
@include transition(all .3s linear);
color: $gray-light;
opacity: 1;
position: absolute;

2
app/styles/modules/auth/login-form.scss
View File

@ -9,8 +9,8 @@
}
}
.forgot-pass {
@include transition(all .3s linear);
@extend %small;
@include transition(all .3s linear);
color: $gray-light;
opacity: 1;
position: absolute;

4
app/styles/modules/backlog/backlog-table.scss
View File

@ -184,8 +184,8 @@
border-bottom: 1px solid $white;
color: $white;
&:hover {
background: $red;
@include transition (background .2s ease-in);
background: $red;
}
a {
color: $white !important;
@ -217,8 +217,8 @@
}
.us-settings a,
.icon-drag-v {
@include transition (all .2s ease-in);
@extend %large;
@include transition (all .2s ease-in);
color: $gray-light;
width: 30px;
&:hover {

6
app/styles/modules/backlog/sprints.scss
View File

@ -1,7 +1,7 @@
.sprints {
.summary {
background: $gray-light;
@include clearfix;
background: $gray-light;
ul {
width: 40%;
}
@ -127,8 +127,8 @@
text-align: left;
width: 100%;
&:hover {
background: lighten($gray-light, 12%);
@include transition (background .2s ease-in);
background: lighten($gray-light, 12%);
cursor: move;
}
&:last-child {
@ -146,8 +146,8 @@
}
.column-us {
@include table-flex-child(3, 0, 0);
@extend %small;
@include table-flex-child(3, 0, 0);
padding: 0 4px;
}
.us-name {

2
app/styles/modules/backlog/taskboard-table.scss
View File

@ -21,8 +21,8 @@ $column-margin: 0 10px 0 0;
position: absolute;
}
.task-colum-name {
@include table-flex-child($column-flex, $column-width, $column-shrink, $column-width);
@extend %large;
@include table-flex-child($column-flex, $column-width, $column-shrink, $column-width);
background: $whitish;
border-top: 3px solid $gray-light;
margin: $column-margin;

4
app/styles/modules/common/assigned-to.scss
View File

@ -13,12 +13,12 @@
&.loading {
width: 100%;
span {
@include animation (loading .5s linear);
@include animation (spin 1s linear infinite);
font-size: 30px;
padding: 20px 0;
text-align: center;
width: 100%;
@include animation (loading .5s linear);
@include animation (spin 1s linear infinite);
}
}
.user-avatar {

4
app/styles/modules/common/attachments.scss
View File

@ -27,8 +27,8 @@
}
.single-attachment {
@include table-flex();
@extend %small;
@include table-flex();
align-items: center;
border-bottom: 1px solid $whitish;
padding: .5rem 0 .5rem 1rem;
@ -57,9 +57,9 @@
height: 40px;
}
.attachment-name {
@extend %bold;
@include ellipsis(200px);
@include table-flex-child(1, 35%, 0);
@extend %bold;
padding-right: 1rem;
.icon {
margin-right: .5rem;

2
app/styles/modules/common/category-config.scss
View File

@ -36,8 +36,8 @@
}
}
.icon {
@include flex(1);
@extend %xlarge;
@include flex(1);
text-align: right;
}
.category-items {

2
app/styles/modules/common/lightbox.scss
View File

@ -14,8 +14,8 @@
border-right: 1px solid $gray-light;
}
&:hover {
color: $grayer;
@include transition(color .2s linear);
color: $grayer;
}
}
.active {

2
app/styles/modules/common/related-tasks.scss
View File

@ -158,8 +158,8 @@
top: .1rem;
width: 10%;
a {
@include transition (all .2s ease-in);
@extend %large;
@include transition (all .2s ease-in);
color: $gray-light;
&:hover {
@include transition (all .2s ease-in);

2
app/styles/modules/common/wizard.scss
View File

@ -36,9 +36,9 @@
}
}
.wizard-step {
display: none;
@include animation(formSlide .4s ease-in-out);
@include animation-direction(alternate-reverse);
display: none;
&.active {
@include animation(formSlide .4s ease-in-out);
&.create-step2,

2
app/styles/modules/create-project.scss
View File

@ -1,6 +1,6 @@
.create-project {
@include table-flex(center, center, flex, row, wrap, center);
@extend %triangled-bg;
@include table-flex(center, center, flex, row, wrap, center);
bottom: 0;
left: 0;
position: fixed;

2
app/styles/modules/filters/filters.scss
View File

@ -32,8 +32,8 @@
}
.filters-inner {
opacity: 0;
@include transition (all .1s ease-in);
opacity: 0;
.loading {
background: $grayer;
border: 1px solid #b8b8b8;

2
app/styles/modules/home-projects-list.scss
View File

@ -1,8 +1,8 @@
.home-projects-list,
.home-project {
@extend %background-taiga;
background-color: $black;
@include table-flex(center, center, flex, row, wrap, center);
background-color: $black;
background-position: center center;
background-size: cover;
height: 100%;

4
app/styles/modules/issues/issues-table.scss
View File

@ -6,16 +6,16 @@
}
.row {
&:hover {
background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in);
background: lighten($green-taiga, 60%);
}
.icon {
display: inline;
}
}
.row-selected {
background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in);
background: lighten($green-taiga, 60%);
}
.title {
@extend %medium;

4
app/styles/modules/kanban/kanban-table.scss
View File

@ -53,10 +53,10 @@ $column-margin: 0 10px 0 0;
position: absolute;
}
.task-colum-name {
@extend %large;
@include table-flex-child($column-flex, $column-width, $column-shrink, $column-width);
@include table-flex();
@include justify-content(space-between);
@extend %large;
background: $whitish;
border-top: 3px solid $gray-light;
margin: $column-margin;
@ -84,8 +84,8 @@ $column-margin: 0 10px 0 0;
}
.kanban-table-body {
@include table-flex();
@extend %medium;
@include table-flex();
overflow: hidden;
overflow-x: auto;
width: 100%;

6
app/styles/modules/search/search-result-table.scss
View File

@ -10,8 +10,8 @@
@include table-flex($align-content: center, $align-items: center);
padding: .5rem;
&:hover {
background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in);
background: lighten($green-taiga, 60%);
}
.user-stories {
@include table-flex-child(5, 0, 1);
@ -27,8 +27,8 @@
}
}
.row-selected {
background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in);
background: lighten($green-taiga, 60%);
}
// TODO: refactor xaviju
@ -47,8 +47,8 @@
@extend %medium;
color: $gray-light;
&:hover {
color: $grayer;
@include transition (color .3s linear);
color: $grayer;
}
}
}

2
app/styles/modules/team/team-table.scss
View File

@ -95,7 +95,7 @@
}
}
.popover {
@include popover(100%, '', 0, 30px, '', 15px, '', 50%, -5px);
@extend %small;
@include popover(100%, '', 0, 30px, '', 15px, '', 50%, -5px);
}
}

5
scsslint.yml
View File

@ -124,5 +124,10 @@ linters:
ZeroUnit:
enabled: true
NestingDepth:
enabled: true
max_depth: 4
Compass::*:
enabled: false