Skip to content
Snippets Groups Projects

Resolve "Use semantic tokens in app/assets/stylesheets/components/avatar.scss"

All threads resolved!
1 file
+ 5
5
Compare changes
  • Side-by-side
  • Inline
@@ -85,9 +85,9 @@ $avatar-sizes: (
width: 40px;
height: 40px;
padding: 0;
background: $gl-background-color-subtle;
background: var(--gl-background-color-subtle);
overflow: hidden;
box-shadow: inset 0 0 0 1px $gl-avatar-border-color-default;
box-shadow: inset 0 0 0 1px var(--gl-avatar-border-color-default);
&.avatar-inline {
float: none;
@@ -116,8 +116,8 @@ $avatar-sizes: (
.identicon {
text-align: center;
vertical-align: top;
color: $gl-icon-color-strong;
background-color: $gl-background-color-subtle;
color: var(--gl-text-color-strong);
background-color: var(--gl-avatar-fallback-background-color-neutral);
// Sizes
@each $size, $size-config in $avatar-sizes {
@@ -139,7+139,7 @@
background-color: nth($gl-avatar-identicon-bgs, $i);
}
}
}
.avatar-container {
overflow: hidden;
@@ -206,7+206,7 @@
&.user-popover-cannot-merge {
.popover-header {
background-color: $gl-feedback-warning-background-color;
background-color: var(--gl-feedback-warning-background-color);
}
}
}
Loading