💄 ags(style): better styles, add styles for entry-popup
This commit is contained in:
+22
-4
@@ -26,7 +26,21 @@ window * {
|
|||||||
@include mixins.default-styles;
|
@include mixins.default-styles;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ask-popup-box {
|
entry {
|
||||||
|
background: colors.$bg-primary;
|
||||||
|
padding: 10px 9px;
|
||||||
|
border-radius: 12px;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
box-shadow: inset 0 0 0 2px colors.$bg-secondary;
|
||||||
|
}
|
||||||
|
|
||||||
|
& image.left {
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.ask-popup-box, .entry-popup-box {
|
||||||
background: colors.$bg-translucent;
|
background: colors.$bg-translucent;
|
||||||
padding: 18px;
|
padding: 18px;
|
||||||
border-radius: 24px;
|
border-radius: 24px;
|
||||||
@@ -54,11 +68,15 @@ window * {
|
|||||||
right: 4px;
|
right: 4px;
|
||||||
};
|
};
|
||||||
|
|
||||||
&:hover {
|
&:hover, &:focus {
|
||||||
background: colors.$bg-secondary;
|
background: colors.$bg-secondary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.entry-popup-box entry.password {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification {
|
.notification {
|
||||||
@@ -89,7 +107,7 @@ window * {
|
|||||||
padding: 2px;
|
padding: 2px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
|
||||||
&:hover {
|
&:hover, &:focus {
|
||||||
background: colors.$bg-secondary;
|
background: colors.$bg-secondary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -182,7 +200,7 @@ menu {
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|
||||||
&:hover {
|
&:hover, &:focus {
|
||||||
background: wal.$color1;
|
background: wal.$color1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -11,18 +11,8 @@
|
|||||||
|
|
||||||
& > entry {
|
& > entry {
|
||||||
background: rgba(colors.$bg-primary, .4);
|
background: rgba(colors.$bg-primary, .4);
|
||||||
padding: 10px 9px;
|
|
||||||
margin-bottom: 32px;
|
margin-bottom: 32px;
|
||||||
border-radius: 12px;
|
|
||||||
min-width: 400px;
|
min-width: 400px;
|
||||||
|
|
||||||
&:focus {
|
|
||||||
box-shadow: inset 0 0 0 2px colors.$bg-secondary;
|
|
||||||
}
|
|
||||||
|
|
||||||
& image.left {
|
|
||||||
margin-right: 6px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
& flowbox {
|
& flowbox {
|
||||||
|
|||||||
Reference in New Issue
Block a user