suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change lots of variables

Browse Source
This commit is contained in:
Lisa Passing 2015-06-22 18:43:08 +02:00
parent 3fe260243b
commit fdb09ecd4c
15 changed files with 35 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/styles/app/_mixins/mixins.sass
View File

@ -53,14 +53,14 @@
%helptext %helptext
font-size: $font-size-m font-size: $font-size-m
color: $grey1 color: $grey-medium
a a
color: $grey3 color: $grey-dark
text-decoration: none text-decoration: none
&:hover &:hover
text-decoration: underline text-decoration: underline
%section-title %section-title
font-size: $font-size-sm font-size: $font-size-sm
color: $grey1 color: $grey-medium
font-weight: 400 font-weight: 400

8
app/styles/app/_mixins/vars.sass
View File

@ -67,13 +67,7 @@ $tab-active-bg: $blue-grey-light
// log // log
$log-header-bg: #444444 $log-header-bg: #444444
// new build header
$font-size-xxl: 30px $font-size-xxl: 30px
$grey1: #A6ADAD
$grey2: #969496
$grey3: #808080
$grey4: #e6e8e8
$grey: $grey1
$cream-light: #FAFAF8 $cream-light: #FAFAF8
$cream-dark: #EFF0EC $cream-dark: #EFF0EC
@ -82,5 +76,3 @@ $grey-light: #8d8d8d
$grey-medium: #8d8d8d $grey-medium: #8d8d8d
$grey-dark: #808080 $grey-dark: #808080
$cream-light: #FAFAF8
$cream-dark: lighten(mix(#F7F7F4, $grey), 10)

7
app/styles/app/layouts/build-job.sass
View File

@ -34,7 +34,7 @@
p p
white-space: normal white-space: normal
a a
color: $grey2 color: $grey-medium
.tile-status--job .tile-status--job
width: 2em width: 2em
@ -68,14 +68,12 @@
overflow: hidden overflow: hidden
.job-id .job-id
width: grid-calc(3, 24) width: grid-calc(3, 24)
border-right: solid 1px $grey4 border-right: solid 1px $grey-lighter
// max-width: 82px
.job-os .job-os
width: grid-calc(1, 24) width: grid-calc(1, 24)
text-align: center text-align: center
.job-lang .job-lang
width: grid-calc(6, 24) width: grid-calc(6, 24)
// max-width: 180px
&:after &:after
@include fadeOut(right, -90deg, $cream-light) @include fadeOut(right, -90deg, $cream-light)
.job-anchor .job-anchor
@ -86,7 +84,6 @@
.job-env .job-env
min-width: grid-calc(16, 24) min-width: grid-calc(16, 24)
width: grid-calc(16, 24) width: grid-calc(16, 24)
// max-width: 395px
&:after &:after
@include fadeOut(right, -90deg, $cream-light) @include fadeOut(right, -90deg, $cream-light)
&:hover &:hover

12
app/styles/app/layouts/buildheader.sass
View File

@ -2,10 +2,6 @@
.repo .repo
font-size: $font-size-m font-size: $font-size-m
color: $grey-medium color: $grey-medium
a
color: $grey-medium
&:hover
color: $grey-medium
.repo-header .repo-header
header header
@ -65,16 +61,20 @@
font-weight: 400 font-weight: 400
& span:hover + .tooltip & span:hover + .tooltip
display: block display: block
a:not(.button)
color: $grey-medium
&:hover
color: $grey-medium
.repo-main-commit .repo-main-commit
position: relative position: relative
padding-bottom: 0.5em padding-bottom: 0.5em
font-weight: 400 font-weight: 400
color: $grey-dark
&, &,
small small
margin: 0 margin: 0
font-size: $font-size-m font-size: $font-size-m
color: $grey-medium
line-height: 1 line-height: 1
small small
margin-right: .3em margin-right: .3em
@ -130,7 +130,7 @@
display: block display: block
margin-bottom: .5em margin-bottom: .5em
text-align: center text-align: center
background-color: $grey-medium background-color: $grey-lighter
&:hover &:hover
background-color: darken($grey-medium, 10) background-color: darken($grey-medium, 10)
.icon .icon

2
app/styles/app/layouts/caches.sass
View File

@ -2,7 +2,7 @@
@include resetul @include resetul
margin-top: 1rem margin-top: 1rem
font-size: $font-size-sm font-size: $font-size-sm
color: $grey3 color: $grey-medium
clear: both clear: both
.tile-xs .tile-xs

2
app/styles/app/layouts/dashboard.sass
View File

@ -207,7 +207,7 @@ $db-text-color: #ACAAAA
padding: 0 4em 0 2em padding: 0 4em 0 2em
line-height: 3em line-height: 3em
transform: translateY(26%) transform: translateY(26%)
border-left: 1px solid $grey4 border-left: 1px solid $grey-lighter
.db-burger .db-burger
height: 100% height: 100%
.db-status .db-status

2
app/styles/app/layouts/first-sync.sass
View File

@ -15,7 +15,7 @@
margin: 1.5em 0 1em margin: 1.5em 0 1em
font-size: 36px font-size: 36px
font-weight: 400 font-weight: 400
color: $grey3 color: $grey-medium
p p
font-size: $font-size-ml font-size: $font-size-ml

10
app/styles/app/layouts/owner.sass
View File

@ -69,7 +69,7 @@
.tile-single, .tile-single,
.tile-double .tile-double
color: $grey1 color: $grey-medium
padding: .1em 0 padding: .1em 0
font-size: $font-size-m font-size: $font-size-m
.icon .icon
@ -85,9 +85,9 @@
height: .6em height: .6em
margin: 0 margin: 0
a a
color: $grey1 color: $grey-medium
&:hover &:hover
color: $grey1 color: $grey-medium
text-decoration: underline text-decoration: underline
.tile-single .tile-single
@ -104,7 +104,7 @@
& ~ div & ~ div
@media #{$medium-up} @media #{$medium-up}
padding-left: 2em padding-left: 2em
border-left: 1px solid $grey4 border-left: 1px solid $grey-lighter
.tabs--owner .tabs--owner
padding : 0 $column-gutter/2 padding : 0 $column-gutter/2
@ -128,4 +128,4 @@
margin-bottom: 1.5rem margin-bottom: 1.5rem
@media #{$medium-up} @media #{$medium-up}
height: 2.2em height: 2.2em
border-bottom: solid 2px $grey4 border-bottom: solid 2px $grey-lighter

2
app/styles/app/layouts/requests.sass
View File

@ -34,7 +34,7 @@
.requests-time .requests-time
@media #{$medium-up} @media #{$medium-up}
padding-left: 2em padding-left: 2em
border-left: 1px solid $grey4 border-left: 1px solid $grey-lighter
.tile--jobs .tile--jobs
padding-left: 2.5em padding-left: 2.5em

2
app/styles/app/layouts/sidebar.sass
View File

@ -102,7 +102,7 @@ $sb-font-size: 14px
.sidebar-list .sidebar-list
margin-top: 1.4rem margin-top: 1.4rem
color: $grey1 color: $grey-medium
ul ul
@include resetul @include resetul
border-bottom: .46rem solid #FAF9F7 border-bottom: .46rem solid #FAF9F7

4
app/styles/app/layouts/top.sass
View File

@ -66,7 +66,7 @@ $top-height: 55px
background: none background: none
border: none border: none
line-height: 1 line-height: 1
color: $grey1 color: $grey-medium
outline: none !important outline: none !important
@include clearfix @include clearfix
&:hover &:hover
@ -78,7 +78,7 @@ $top-height: 55px
.topbar .topbar
font-size: $font-size-m font-size: $font-size-m
background-color: #eff0ec background-color: #eff0ec
color: $grey1 color: $grey-medium
.navigation .navigation
padding: 0 $column-gutter/2 padding: 0 $column-gutter/2

9
app/styles/app/modules/buttons.sass
View File

@ -101,22 +101,15 @@ $button-border-color: #d4d4d4
.btn-activated .btn-activated
font-size: $font-size-sm font-size: $font-size-sm
border: none border: none
// padding-right: 2.5em
&:hover &:hover
background-color: $grey2 background-color: $grey-medium
.btn-activated .btn-activated
background-color: #39a85b background-color: #39a85b
color: $white color: $white
// @extend .icon-hook-on
// background:
// repeat: no-repeat
// position: 92% 45%
&:hover &:hover
background-color: darken(#39a85b, 10) background-color: darken(#39a85b, 10)
// temp
#auth #navigation .button--signin, #auth #navigation .button--signin,
#auth #navigation .button--signingin #auth #navigation .button--signingin
display: none display: none

6
app/styles/app/modules/dropdown.sass
View File

@ -100,7 +100,7 @@ $dropdown-border: #C3D9DB
font-size: $font-size-normal font-size: $font-size-normal
&:hover, &:hover,
&:focus &:focus
background-color: lighten($grey, 10) background-color: lighten($grey-medium, 10)
.icon-cog-light .icon-cog-light
position: relative position: relative
top: 0.15em top: 0.15em
@ -119,7 +119,7 @@ $dropdown-border: #C3D9DB
width: 100% width: 100%
z-index: 70 z-index: 70
overflow: hidden overflow: hidden
background-color: $grey background-color: $grey-lighter
display: none display: none
a a
@extend %inline-block @extend %inline-block
@ -127,6 +127,6 @@ $dropdown-border: #C3D9DB
padding: .4em 2em padding: .4em 2em
color: $white color: $white
&:hover &:hover
background-color: darken($grey, 10) background-color: darken($grey-lighter, 10)
&.display &.display
display: block display: block

8
app/styles/app/modules/tabs.sass
View File

@ -1,6 +1,6 @@
.tabnav .tabnav
color: $grey2 color: $grey-light
font-size: $font-size-sm font-size: $font-size-sm
ul ul
@include resetul @include resetul
@ -14,7 +14,7 @@
a a
@extend %inline-block @extend %inline-block
width: 100% width: 100%
color: $grey2 color: $grey-light
padding: .2em 0 padding: .2em 0
.active a, .active a,
@ -47,7 +47,7 @@
content: "" content: ""
display: block display: block
position: absolute position: absolute
color: $grey4 color: $grey-lighter
top: 0.4em top: 0.4em
left: -0.7em left: -0.7em
width: .7em width: .7em
@ -65,7 +65,7 @@
@extend %inline-block @extend %inline-block
overflow: visible overflow: visible
a a
color: $grey2 color: $grey-light
padding: .5em 0 padding: .5em 0
.active .active
color: $teal2 color: $teal2

8
app/styles/app/modules/tiles.sass
View File

@ -66,7 +66,7 @@
margin: 0 margin: 0
font-weight: 400 font-weight: 400
font-size: $font-size-m font-size: $font-size-m
color: $grey3 color: $grey-dark
line-height: 1 line-height: 1
small small
margin-right: .3em margin-right: .3em
@ -86,9 +86,9 @@
height: 1.3em height: 1.3em
vertical-align: middle vertical-align: middle
a a
color: $grey1 color: $grey-medium
&:hover &:hover
color: $grey1 color: $grey-medium
text-decoration: underline text-decoration: underline
@media #{$small-only} @media #{$small-only}
margin-top: 1em margin-top: 1em
@ -145,7 +145,7 @@
@media #{$medium-up} @media #{$medium-up}
white-space: nowrap white-space: nowrap
overflow: hidden overflow: hidden
border-right: solid 1px $grey4 border-right: solid 1px $cream-dark
&:after &:after
@include fadeOut(right, -90deg, $cream-light) @include fadeOut(right, -90deg, $cream-light)
@media #{$xlarge-up} @media #{$xlarge-up}