dots/ags/styles/components/_clipboard.scss

65 lines
1.2 KiB
SCSS

@use '../theme_colors.scss' as *;
.clipboard {
entry {
color: $base0A;
padding: 8px 12px;
border: none;
margin-bottom: 6px;
&:focus {
outline: 2px solid $base01;
}
}
.entry.primary {
background: $base0A;
.content {
color: $base00;
}
&:focus {
background: color-mix(in srgb, $base00, transparent 15%);
}
&:hover {
background: $base00;
.content {
color: $base0A;
}
}
}
.entry {
padding: 10px;
background: color-mix(in srgb, $base00, transparent 15%);
border-radius: 8px;
transition: background 0.2s ease;
&:hover {
background: $base01;
}
.content {
color: $base0A;
font-size: 14px;
font-weight: 600;
}
}
.not-found {
border: 1px solid $base07;
background: $base01;
color: $base0A;
font-size: 14px;
padding: 10px;
border-radius: 8px;
image {
margin-bottom: 8px;
}
}
}