dots/ags/styles/components/_launcher.scss

60 lines
1.0 KiB
SCSS

@use '../theme_colors.scss' as *;
.launcher {
entry {
background: $base0B;
color: $base00;
padding: 8px 12px;
border: none;
margin-bottom: 6px;
&:focus {
outline: 2px solid $base00;
}
}
.application {
padding: 10px;
background: $base0B;
border-radius: 8px;
transition: background 0.2s ease;
&:hover {
background: $base00;
box>.name,
box>.description {
color: $base0B;
}
}
image {
margin-right: 12px;
}
.name {
color: $base00;
font-size: 14px;
font-weight: 600;
}
.description {
color: $base00;
font-size: 12px;
}
}
.not-found {
background: $base0B;
color: $base00;
font-size: 14px;
padding: 10px;
border-radius: 8px;
image {
margin-bottom: 8px;
}
}
}