68 lines
2.0 KiB
SCSS
68 lines
2.0 KiB
SCSS
@use '@lucas-labs/lui-micro/color' as color;
|
|
@use '@lucas-labs/lui-micro/var' as var;
|
|
|
|
@mixin label-signed {
|
|
.label.isSigned {
|
|
font-size: var.get('font-size/sm') !important;
|
|
margin: 0px 0.25em !important;
|
|
padding: 0 !important;
|
|
display: inline-flex !important;
|
|
gap: 0px !important;
|
|
border-radius: 16px !important;
|
|
|
|
--color-light-border: rgba(#{color.get('palette/green/base', 'rgb')}, 1) !important;
|
|
--color-label-bg: none !important;
|
|
--color-text: rgba(#{color.get('palette/green/base', 'rgb')}, 1) !important;
|
|
--color-green-badge-bg: none !important;
|
|
--color-green-badge-hover-bg: rgba(
|
|
#{color.get('palette/green/base', 'rgb')},
|
|
0.05
|
|
) !important;
|
|
--color-label-hover-bg: rgba(#{color.get('palette/green/base', 'rgb')}, 0.05) !important;
|
|
--color-label-text: rgba(#{color.get('palette/green/base', 'rgb')}, 1) !important;
|
|
--color-green-badge: rgba(#{color.get('palette/green/base', 'rgb')}, 1) !important;
|
|
|
|
.shortsha {
|
|
padding: 2px 6px 2px 8px !important;
|
|
}
|
|
|
|
.ui.detail.icon.button {
|
|
opacity: 1 !important;
|
|
padding: 2px 8px 2px 6px !important;
|
|
margin: 0 !important;
|
|
background: none !important;
|
|
border-color: rgba(#{color.get('palette/green/base', 'rgb')}, 1) !important;
|
|
}
|
|
|
|
&.isVerified {
|
|
.ui.detail.icon.button {
|
|
padding: 2px 8px 2px 6px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@mixin label-default {
|
|
.ui.label {
|
|
border-radius: var.get('measure/1.25x');
|
|
|
|
&.scope-left {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
&.scope-right {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
&.green {
|
|
color: var(--color-green-contrast) !important;
|
|
}
|
|
|
|
&.red {
|
|
color: var(--color-red-contrast) !important;
|
|
}
|
|
}
|
|
}
|