retrozinndev
55 lines
1.0 KiB
SCSS
55 lines
1.0 KiB
SCSS
@use "sass:color";
|
|
@use "./mixins";
|
|
@use "./colors";
|
|
@use "./functions";
|
|
|
|
.apps-window-container {
|
|
padding: 24px;
|
|
background: colors.$bg-translucent;
|
|
border-top-left-radius: 24px;
|
|
border-top-right-radius: 24px;
|
|
|
|
& > entry {
|
|
background: rgba(colors.$bg-primary, .4);
|
|
padding: 10px 9px;
|
|
margin-bottom: 32px;
|
|
border-radius: 12px;
|
|
min-width: 350px;
|
|
|
|
&:focus {
|
|
box-shadow: inset 0 0 0 2px colors.$bg-secondary;
|
|
}
|
|
|
|
& image.left {
|
|
margin-right: 6px;
|
|
}
|
|
}
|
|
|
|
& flowbox {
|
|
padding: 16px 24px;
|
|
|
|
& > flowboxchild {
|
|
& > button {
|
|
padding: 8px;
|
|
border-radius: 24px;
|
|
|
|
& icon {
|
|
font-size: 64px;
|
|
}
|
|
|
|
& label {
|
|
margin-top: 6px;
|
|
text-shadow: 1px 1px 1px rgba(colors.$bg-primary, .2);
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
|
|
&:focus > button,
|
|
&:selected > button,
|
|
& > button:hover {
|
|
background-color: rgba($color: colors.$bg-secondary, $alpha: .5);
|
|
}
|
|
}
|
|
}
|
|
}
|