dots/ags/styles/components/_launcher.scss

54 lines
1003 B
SCSS

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