53 lines
855 B
SCSS
53 lines
855 B
SCSS
.preferences-menu-item {
|
|
@extend .border-box;
|
|
@extend .w-auto;
|
|
@extend .h-auto;
|
|
@extend .rounded;
|
|
@extend .min-w-42;
|
|
|
|
@extend .py-2;
|
|
@extend .px-4;
|
|
|
|
@extend .flex;
|
|
@extend .flex-row;
|
|
@extend .items-center;
|
|
@extend .justify-start;
|
|
|
|
@extend .text-sm;
|
|
@extend .cursor-pointer;
|
|
|
|
@extend .border-transparent;
|
|
@extend .border-solid;
|
|
@extend .border-1;
|
|
|
|
.icon {
|
|
color: var(--sn-stylekit-neutral-color);
|
|
@extend .text-base;
|
|
}
|
|
|
|
&:hover {
|
|
@extend .border-main;
|
|
@extend .border-solid;
|
|
@extend .border-1;
|
|
@extend .bg-default;
|
|
}
|
|
}
|
|
|
|
.preferences-menu-item.selected {
|
|
@extend .border-info;
|
|
@extend .color-info;
|
|
@extend .font-bold;
|
|
|
|
background-color: var(--sn-stylekit-info-backdrop-color);
|
|
|
|
.icon {
|
|
@extend .color-info;
|
|
}
|
|
}
|
|
|
|
.preferences-extension-pane {
|
|
iframe {
|
|
height: 60vh;
|
|
}
|
|
}
|