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

Linter cleanup

stable
Xavier Julián 2015-01-15 15:48:26 +01:00
parent b02032634d
commit d1f81dee1f
13 changed files with 44 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/styles/components/basic-table.scss
View File

@ -13,8 +13,8 @@
width: 100%; width: 100%;
@for $i from 1 through 8 { @for $i from 1 through 8 {
.width-#{$i} { .width-#{$i} {
flex-grow: #{$i};
flex-basis: 50px; flex-basis: 50px;
flex-grow: #{$i};
} }
} }
&:last-child { &:last-child {

4
app/styles/components/paginator.scss
View File

@ -37,8 +37,8 @@
overflow: hidden; overflow: hidden;
} }
a.v-pagination-next, .v-pagination-next,
a.v-pagination-previous { .v-pagination-previous {
background-color: $button-gray; background-color: $button-gray;
color: $whitish; color: $whitish;
display: block; display: block;

4
app/styles/components/summary.scss
View File

@ -100,11 +100,11 @@
} }
&.active { &.active {
color: $fresh-taiga; color: $fresh-taiga;
&:hover { }
&.active:hover {
color: $gray; color: $gray;
transition: color .3s linear; transition: color .3s linear;
} }
} }
} }
}
} }

22
app/styles/dependencies/mixins.scss
View File

@ -5,28 +5,6 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
// DEPRECATED MIXIN
// USE FLEXBOX WITHOUT PREFIXES.
// Table Flex - http://devbryce.com/site/flexbox/
/* @mixin table-flex($align-content: stretch, $align-items: stretch, $display: flex, $flex-direction: row, $flex-wrap: wrap, $justify-content: flex-start) {
align-content: $align-content; //flex-start | flex-end | center | space-between | space-around | stretch
align-items: $align-items; //flex-start | flex-end | center | baseline | stretch
display: $display;
flex-direction: $flex-direction; //row | row-reverse | column | column-reverse
flex-wrap: $flex-wrap; //nowrap | wrap | wrap-reverse
justify-content: $justify-content; //flex-start | flex-end | center | space-between | space-around
}
@mixin table-flex-child($flex-grow: 1, $flex-basis: 300px, $flex-shrink: 0, $width:'') {
flex: $flex-grow;
flex-basis: $flex-basis;
flex-shrink: $flex-shrink;
width: $flex-basis;
@if #{$width} != null {
width: #{$width};
}
}
*/
@mixin box-shadow($h-shadow: 1px, $v-shadow: 1px, $blur: 15px, $spread: 6px, $color: rgba(0, 0, 0, .1)) { @mixin box-shadow($h-shadow: 1px, $v-shadow: 1px, $blur: 15px, $spread: 6px, $color: rgba(0, 0, 0, .1)) {
box-shadow: $h-shadow $v-shadow $blur $spread $color; box-shadow: $h-shadow $v-shadow $blur $spread $color;
} }

3
app/styles/layout/base.scss
View File

@ -7,10 +7,7 @@ body {
@extend %text; @extend %text;
background: #fff; // fallback background: #fff; // fallback
color: #444; color: #444;
-webkit-font-smoothing: antialiased; // Fix for webkit renderin
min-height: 100%; min-height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
width: 100%; width: 100%;
.master { .master {
transition: transform 1s ease; transition: transform 1s ease;

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

@ -6,10 +6,10 @@
.functionality { .functionality {
align-content: center; align-content: center;
align-items: center; align-items: center;
background-color: $whitish;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
background-color: $whitish;
margin-bottom: .3rem; margin-bottom: .3rem;
margin-right: .3rem; margin-right: .3rem;
opacity: .5; opacity: .5;
@ -24,8 +24,8 @@
} }
.icon { .icon {
@extend %xxlarge; @extend %xxlarge;
flex-grow: 1;
flex-basis: 60px; flex-basis: 60px;
flex-grow: 1;
margin: 0 auto; margin: 0 auto;
min-height: 60px; min-height: 60px;
} }
@ -43,7 +43,7 @@
} }
} }
span { span {
font-weight: bold; @extend %bold;
display: block; display: block;
} }
select { select {

2
app/styles/modules/admin/third-parties.scss
View File

@ -4,7 +4,7 @@
max-width: 700px; max-width: 700px;
width: 100%; width: 100%;
} }
input[type="text"], input,
textarea { textarea {
@extend %title; @extend %title;
} }

6
app/styles/modules/common/colors-table.scss
View File

@ -43,12 +43,12 @@
.is-closed-column, .is-closed-column,
.options-column, .options-column,
.status-wip-limit { .status-wip-limit {
flex-grow: 1;
flex-basis: 100px; flex-basis: 100px;
flex-grow: 1;
} }
.status-name { .status-name {
flex-grow: 6;
flex-basis: 150px; flex-basis: 150px;
flex-grow: 6;
padding: 0 10px; padding: 0 10px;
position: relative; position: relative;
span { span {
@ -57,8 +57,8 @@
} }
} }
.status-slug { .status-slug {
flex-grow: 6;
flex-basis: 150px; flex-basis: 150px;
flex-grow: 6;
padding: 0 10px; padding: 0 10px;
} }
.options-column { .options-column {

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

@ -55,8 +55,8 @@
a { a {
color: $white; color: $white;
display: inline-block; display: inline-block;
flex-grow: 1;
flex-basis: 40%; flex-basis: 40%;
flex-grow: 1;
&:first-child { &:first-child {
margin-right: .5rem; margin-right: .5rem;
} }
@ -121,15 +121,13 @@
width: 25%; width: 25%;
} }
.progress-state { .progress-state {
span { span:nth-child(1) {
&:nth-child(1) {
color: rgba($white, 1); color: rgba($white, 1);
transition: color .3s ease-in-out; transition: color .3s ease-in-out;
transition-delay: .6s; transition-delay: .6s;
} }
} }
} }
}
.step2 { .step2 {
.bar { .bar {
transition: width .6s ease-in-out; transition: width .6s ease-in-out;
@ -137,16 +135,14 @@
width: 75%; width: 75%;
} }
.progress-state { .progress-state {
span { span:nth-child(1),
&:nth-child(1), span:nth-child(2) {
&:nth-child(2) {
color: rgba($white, 1); color: rgba($white, 1);
transition: color .3s ease-in-out; transition: color .3s ease-in-out;
transition-delay: .6s; transition-delay: .6s;
} }
} }
} }
}
.progress-state { .progress-state {
position: absolute; position: absolute;

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

@ -16,7 +16,7 @@
vertical-align: middle; vertical-align: middle;
} }
} }
input[type="text"] { input {
background: $grayer; background: $grayer;
color: $white; color: $white;
@include placeholder { @include placeholder {
@ -33,7 +33,7 @@
.filters-inner { .filters-inner {
opacity: 0; opacity: 0;
transition : all .1s ease-in; transition: all .1s ease-in;
.loading { .loading {
background: $grayer; background: $grayer;
border: 1px solid #b8b8b8; border: 1px solid #b8b8b8;
@ -47,8 +47,8 @@
float: none; float: none;
} }
span { span {
animation : loading .5s linear; animation: loading .5s linear;
animation : spin 1s linear infinite; animation: spin 1s linear infinite;
} }
} }
} }
@ -91,13 +91,13 @@
color: $grayer; color: $grayer;
display: block; display: block;
padding: .5rem 0 .5rem .5rem; padding: .5rem 0 .5rem .5rem;
transition : color .2s ease-in; transition: color .2s ease-in;
&:hover { &:hover {
color: $green-taiga; color: $green-taiga;
transition : color .2s ease-in; transition: color .2s ease-in;
.icon { .icon {
opacity: 1; opacity: 1;
transition : opacity .2s ease-in; transition: opacity .2s ease-in;
} }
} }
} }
@ -105,6 +105,6 @@
color: $grayer; color: $grayer;
float: right; float: right;
opacity: 0; opacity: 0;
transition : opacity .2s ease-in; transition: opacity .2s ease-in;
} }
} }

5
app/styles/modules/filters/list-filters.scss
View File

@ -18,14 +18,13 @@
&:hover { &:hover {
color: $blackish; color: $blackish;
opacity: 1; opacity: 1;
transition : opacity .3s linear; transition: opacity .3s linear;
} }
} }
.active { .active {
color: $blackish; color: $blackish;
opacity: 1; opacity: 1;
transition : opacity .3s linear; transition: opacity .3s linear;
} }
.icon { .icon {
padding-right: .5rem; padding-right: .5rem;

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

@ -144,12 +144,15 @@
padding: 1rem; padding: 1rem;
text-transform: uppercase; text-transform: uppercase;
width: 100%; width: 100%;
&.active,
&:hover { &:hover {
background-color: $gray; background-color: $gray;
transition: background-color .3s linear; transition: background-color .3s linear;
} }
} }
.active {
background-color: $gray;
transition: background-color .3s linear;
}
} }
.projects-pagination { .projects-pagination {
width: 100%; width: 100%;

10
app/styles/modules/team/team-filters.scss
View File

@ -19,16 +19,16 @@
&:hover, &:hover,
&.active { &.active {
color: $green-taiga; color: $green-taiga;
transition : color .3s linear; transition: color .3s linear;
.icon {
opacity: 1;
transition : opacity .3s linear;
} }
&.active.icon {
opacity: 1;
transition: opacity .3s linear;
} }
} }
.active { .active {
opacity: 1; opacity: 1;
transition : opacity .3s linear; transition: opacity .3s linear;
} }
.icon { .icon {
color: $blackish; color: $blackish;