Merge branch 'dropdown-menu-styles' into 'develop'
DropdownMenu style changes See merge request soapbox-pub/soapbox-fe!905
This commit is contained in:
commit
7d3e5b0d7a
1 changed files with 15 additions and 6 deletions
|
@ -61,7 +61,9 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 4px 10px;
|
margin: 0 6px;
|
||||||
|
padding: 4px 4px;
|
||||||
|
border-radius: 6px;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
@ -69,17 +71,13 @@
|
||||||
color: var(--primary-text-color);
|
color: var(--primary-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.destructive a {
|
|
||||||
color: var(--warning-color--hicontrast);
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
a {
|
||||||
&:focus,
|
&:focus,
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active {
|
&:active {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--brand-color) !important;
|
background: var(--brand-color);
|
||||||
|
|
||||||
* {
|
* {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -99,6 +97,17 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.destructive a {
|
||||||
|
color: var(--warning-color--hicontrast);
|
||||||
|
|
||||||
|
&:focus,
|
||||||
|
&:hover,
|
||||||
|
&:active {
|
||||||
|
background: var(--warning-color);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__separator {
|
&__separator {
|
||||||
|
|
Loading…
Reference in a new issue