9baadcfd9e
fix white ghosting on api icon check requests for existing branch tweak cc icon tweak settings fields try hover over settigns menu
125 lines
2.6 KiB
Sass
125 lines
2.6 KiB
Sass
|
|
@mixin fadeOut($position, $angle, $color, $width: 0%)
|
|
content: ""
|
|
display: block
|
|
position: absolute
|
|
|
|
@if $position == bottom
|
|
bottom: 0
|
|
width: 100%
|
|
height: 2em
|
|
@else if $position == right
|
|
top: 0
|
|
right: 0
|
|
width: 2em
|
|
height: 100%
|
|
|
|
background: linear-gradient($angle, rgba($color, 1) $width, rgba($color, 0) 100%)
|
|
|
|
@mixin clearfix
|
|
&:before,
|
|
&:after
|
|
content: ""
|
|
display: table
|
|
&:after
|
|
clear: both
|
|
|
|
@mixin resetul
|
|
margin: 0
|
|
padding: 0
|
|
list-style: none
|
|
|
|
%absolute-center
|
|
position: absolute
|
|
top: 0
|
|
right: 0
|
|
left: 0
|
|
bottom: 0
|
|
margin: auto
|
|
|
|
%inline-block
|
|
display: inline-block
|
|
|
|
%section-title
|
|
font-size: $font-size-sm
|
|
color: $grey-medium
|
|
font-weight: 400
|
|
|
|
|
|
=linkStyle
|
|
a
|
|
text-decoration: none
|
|
border-bottom: 1px solid #bfc0c1
|
|
padding-bottom: 0.1em
|
|
transition: color 200ms ease, border 200ms ease
|
|
&:hover,
|
|
&:active
|
|
color: #303030
|
|
text-decoration: none
|
|
border-color: transparent
|
|
|
|
%helptext
|
|
font-size: $font-size-m
|
|
color: $grey-medium
|
|
+linkStyle
|
|
|
|
.helptext
|
|
@extend %helptext
|
|
|
|
// @todo simplyfiy coloring mixins
|
|
=colorStatusIcons($color, $status)
|
|
.status-icon.#{$status}
|
|
svg *
|
|
fill: $color
|
|
|
|
=statusColors($color, $status, $width, $color2: $color, $building:false)
|
|
&.#{$status}
|
|
background: linear-gradient(to right, $color2 0%, $color2 $width, white $width, white 100%) no-repeat
|
|
.row-name,
|
|
.row-request a,
|
|
.row-color a
|
|
color: $color
|
|
&:hover
|
|
border-color: $color
|
|
.row-name .status-icon g > *,
|
|
.row-request .icon-request g > *
|
|
fill: $color
|
|
|
|
.build a,
|
|
.repo-title a
|
|
color: $color
|
|
&:hover
|
|
border-color: $color
|
|
.build-status
|
|
color: $color
|
|
@include colorStatusIcons($color, $status)
|
|
@include colorLinks($color, $status, $building)
|
|
|
|
=colorBg($color, $status, $width, $color2: white)
|
|
&.#{$status}
|
|
background: linear-gradient(to right, $color 0%, $color $width, $color2 $width, $color2 100%) no-repeat
|
|
|
|
=colorLinks($color, $status, $building: false)
|
|
@if $building
|
|
.#{$status},
|
|
.#{$status} a,
|
|
color: #beab04
|
|
@else
|
|
.#{$status},
|
|
.#{$status} a,
|
|
color: $color
|
|
|
|
=colorRows($color, $status, $width, $is-building: false)
|
|
@include colorBg($color, $status, $width)
|
|
@include colorLinks($color, $status, $is-building)
|
|
@include colorStatusIcons($color, $status)
|
|
|
|
=colorJobs($color, $status, $width, $hover, $is-building: false)
|
|
&.#{$status}
|
|
@include colorLinks($color, $status, $is-building)
|
|
@include colorStatusIcons($color, $status)
|
|
&:hover,
|
|
&:active
|
|
@include colorBg($color, $status, $width, $hover)
|
|
|