mirror of https://github.com/status-im/consul.git
Merge remote-tracking branch 'origin/main' into japple-rel-notes-reorg
This commit is contained in:
commit
e70e4dbb6f
|
@ -8,6 +8,7 @@
|
||||||
}
|
}
|
||||||
%crumbs::before {
|
%crumbs::before {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
background-color: var(--transparent);
|
||||||
}
|
}
|
||||||
%breadcrumb-milestone::before {
|
%breadcrumb-milestone::before {
|
||||||
@extend %with-chevron-left-mask, %as-pseudo;
|
@extend %with-chevron-left-mask, %as-pseudo;
|
||||||
|
|
|
@ -14,4 +14,5 @@
|
||||||
content: var(--csv-list-separator);
|
content: var(--csv-list-separator);
|
||||||
vertical-align: initial;
|
vertical-align: initial;
|
||||||
margin-right: 0.3em;
|
margin-right: 0.3em;
|
||||||
|
background-color: var(--transparent);
|
||||||
}
|
}
|
||||||
|
|
|
@ -23,7 +23,7 @@
|
||||||
%empty-state[class*='status-'] header::before {
|
%empty-state[class*='status-'] header::before {
|
||||||
@extend %as-pseudo;
|
@extend %as-pseudo;
|
||||||
}
|
}
|
||||||
%empty-state header::before {
|
%empty-state[class*='status-'] header::before {
|
||||||
@extend %with-alert-circle-outline-mask;
|
@extend %with-alert-circle-outline-mask;
|
||||||
}
|
}
|
||||||
%empty-state.status-404 header::before {
|
%empty-state.status-404 header::before {
|
||||||
|
|
|
@ -47,6 +47,7 @@
|
||||||
display: block;
|
display: block;
|
||||||
margin-top: -0.5rem;
|
margin-top: -0.5rem;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
|
background-color: var(--transparent);
|
||||||
}
|
}
|
||||||
%main-nav-vertical-popover-menu-trigger {
|
%main-nav-vertical-popover-menu-trigger {
|
||||||
border: var(--decor-border-100);
|
border: var(--decor-border-100);
|
||||||
|
|
|
@ -17,6 +17,7 @@
|
||||||
display: inline;
|
display: inline;
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
content: '■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■';
|
content: '■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■';
|
||||||
|
background-color: var(--transparent);
|
||||||
}
|
}
|
||||||
%secret-button input:checked ~ em::before {
|
%secret-button input:checked ~ em::before {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
@extend %as-pseudo;
|
@extend %as-pseudo;
|
||||||
width: 12px;
|
width: 12px;
|
||||||
height: 12px;
|
height: 12px;
|
||||||
background: white;
|
background-color: rgb(var(--tone-gray-000));
|
||||||
border-top: 1px solid rgb(var(--tone-gray-300));
|
border-top: 1px solid rgb(var(--tone-gray-300));
|
||||||
border-right: 1px solid rgb(var(--tone-gray-300));
|
border-right: 1px solid rgb(var(--tone-gray-300));
|
||||||
transform: rotate(-45deg);
|
transform: rotate(-45deg);
|
||||||
|
|
|
@ -45,6 +45,7 @@
|
||||||
&::before {
|
&::before {
|
||||||
border-color: var(--transparent);
|
border-color: var(--transparent);
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
|
background-color: var(--transparent);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -52,23 +53,27 @@
|
||||||
&::before {
|
&::before {
|
||||||
border-width: var(--size) var(--size) 0;
|
border-width: var(--size) var(--size) 0;
|
||||||
border-top-color: initial;
|
border-top-color: initial;
|
||||||
|
background-color: var(--transparent);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
%tooltip-tail-bottom {
|
%tooltip-tail-bottom {
|
||||||
&::before {
|
&::before {
|
||||||
border-width: 0 var(--size) var(--size);
|
border-width: 0 var(--size) var(--size);
|
||||||
border-bottom-color: initial;
|
border-bottom-color: initial;
|
||||||
|
background-color: var(--transparent);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
%tooltip-tail-left {
|
%tooltip-tail-left {
|
||||||
&::before {
|
&::before {
|
||||||
border-width: var(--size) 0 var(--size) var(--size);
|
border-width: var(--size) 0 var(--size) var(--size);
|
||||||
border-left-color: initial;
|
border-left-color: initial;
|
||||||
|
background-color: var(--transparent);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
%tooltip-tail-right {
|
%tooltip-tail-right {
|
||||||
&::before {
|
&::before {
|
||||||
border-width: var(--size) var(--size) var(--size) 0;
|
border-width: var(--size) var(--size) var(--size) 0;
|
||||||
border-right-color: initial;
|
border-right-color: initial;
|
||||||
|
background-color: var(--transparent);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -8,12 +8,12 @@
|
||||||
*::before {
|
*::before {
|
||||||
animation-name: var(--icon-name-start, var(--icon-name)),
|
animation-name: var(--icon-name-start, var(--icon-name)),
|
||||||
var(--icon-size-start, var(--icon-size, icon-000));
|
var(--icon-size-start, var(--icon-size, icon-000));
|
||||||
background-color: var(--icon-color-start, var(--icon-color));
|
background-color: var(--icon-color-start, var(--icon-color, currentColor));
|
||||||
}
|
}
|
||||||
*::after {
|
*::after {
|
||||||
animation-name: var(--icon-name-end, var(--icon-name)),
|
animation-name: var(--icon-name-end, var(--icon-name)),
|
||||||
var(--icon-size-end, var(--icon-size, icon-000));
|
var(--icon-size-end, var(--icon-size, icon-000));
|
||||||
background-color: var(--icon-color-end, var(--icon-color));
|
background-color: var(--icon-color-end, var(--icon-color, currentColor));
|
||||||
}
|
}
|
||||||
|
|
||||||
[style*='--icon-color-start']::before {
|
[style*='--icon-color-start']::before {
|
||||||
|
|
Loading…
Reference in New Issue