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 { .single-filter {
@extend %large; @extend %large;
@include clearfix;
@extend %title; @extend %title;
@include clearfix;
cursor: pointer; cursor: pointer;
display: block; display: block;
height: 32px; height: 32px;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -53,10 +53,10 @@ $column-margin: 0 10px 0 0;
position: absolute; position: absolute;
} }
.task-colum-name { .task-colum-name {
@extend %large;
@include table-flex-child($column-flex, $column-width, $column-shrink, $column-width); @include table-flex-child($column-flex, $column-width, $column-shrink, $column-width);
@include table-flex(); @include table-flex();
@include justify-content(space-between); @include justify-content(space-between);
@extend %large;
background: $whitish; background: $whitish;
border-top: 3px solid $gray-light; border-top: 3px solid $gray-light;
margin: $column-margin; margin: $column-margin;
@ -84,8 +84,8 @@ $column-margin: 0 10px 0 0;
} }
.kanban-table-body { .kanban-table-body {
@include table-flex();
@extend %medium; @extend %medium;
@include table-flex();
overflow: hidden; overflow: hidden;
overflow-x: auto; overflow-x: auto;
width: 100%; 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); @include table-flex($align-content: center, $align-items: center);
padding: .5rem; padding: .5rem;
&:hover { &:hover {
background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in); @include transition (background .2s ease-in);
background: lighten($green-taiga, 60%);
} }
.user-stories { .user-stories {
@include table-flex-child(5, 0, 1); @include table-flex-child(5, 0, 1);
@ -27,8 +27,8 @@
} }
} }
.row-selected { .row-selected {
background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in); @include transition (background .2s ease-in);
background: lighten($green-taiga, 60%);
} }
// TODO: refactor xaviju // TODO: refactor xaviju
@ -47,8 +47,8 @@
@extend %medium; @extend %medium;
color: $gray-light; color: $gray-light;
&:hover { &:hover {
color: $grayer;
@include transition (color .3s linear); @include transition (color .3s linear);
color: $grayer;
} }
} }
} }

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

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

5
scsslint.yml
View File

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