132 lines
2 KiB
SCSS
132 lines
2 KiB
SCSS
.ci-status-icon-success,
|
|
.ci-status-icon-passed {
|
|
svg {
|
|
fill: $green-500;
|
|
}
|
|
|
|
&.interactive {
|
|
&:hover {
|
|
background: $green-500;
|
|
|
|
svg {
|
|
--svg-status-bg: #{$green-100};
|
|
box-shadow: 0 0 0 1px $green-500;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ci-status-icon-error,
|
|
.ci-status-icon-failed {
|
|
svg {
|
|
fill: $red-500;
|
|
}
|
|
|
|
&.interactive {
|
|
&:hover {
|
|
background: $red-500;
|
|
|
|
svg {
|
|
--svg-status-bg: #{$red-100};
|
|
box-shadow: 0 0 0 1px $red-500;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ci-status-icon-pending,
|
|
.ci-status-icon-waiting-for-resource,
|
|
.ci-status-icon-failed-with-warnings,
|
|
.ci-status-icon-success-with-warnings {
|
|
svg {
|
|
fill: $orange-500;
|
|
}
|
|
|
|
&.interactive {
|
|
&:hover {
|
|
background: $orange-500;
|
|
|
|
svg {
|
|
--svg-status-bg: #{$orange-100};
|
|
box-shadow: 0 0 0 1px $orange-500;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ci-status-icon-running {
|
|
svg {
|
|
fill: $blue-500;
|
|
}
|
|
|
|
&.interactive {
|
|
&:hover {
|
|
background: $blue-500;
|
|
|
|
svg {
|
|
--svg-status-bg: #{$blue-100};
|
|
box-shadow: 0 0 0 1px $blue-500;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ci-status-icon-canceled,
|
|
.ci-status-icon-disabled,
|
|
.ci-status-icon-scheduled,
|
|
.ci-status-icon-manual {
|
|
svg {
|
|
fill: $gray-900;
|
|
}
|
|
|
|
&.interactive {
|
|
&:hover {
|
|
background: $gray-900;
|
|
|
|
svg {
|
|
--svg-status-bg: #{$gray-100};
|
|
box-shadow: 0 0 0 1px $gray-900;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ci-status-icon-notification,
|
|
.ci-status-icon-preparing,
|
|
.ci-status-icon-created,
|
|
.ci-status-icon-skipped,
|
|
.ci-status-icon-notfound {
|
|
svg {
|
|
fill: $gray-500;
|
|
}
|
|
|
|
&.interactive {
|
|
&:hover {
|
|
background: $gray-500;
|
|
|
|
svg {
|
|
--svg-status-bg: #{$gray-100};
|
|
box-shadow: 0 0 0 1px $gray-500;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.icon-link {
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
.user-avatar-link {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.circle-icon-container {
|
|
$border-size: 1px;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: $gray-500;
|
|
}
|