1
This commit is contained in:
@@ -941,6 +941,29 @@ body {
|
||||
box-shadow: var(--platform-bottom-nav-active-shadow);
|
||||
}
|
||||
|
||||
.platform-bottom-nav__button--primary {
|
||||
transform: translateY(-0.18rem);
|
||||
color: var(--platform-text-strong);
|
||||
}
|
||||
|
||||
.platform-bottom-nav__button--primary .platform-bottom-nav__icon-shell {
|
||||
width: calc(var(--platform-bottom-nav-icon-shell-size) + 0.58rem);
|
||||
height: calc(var(--platform-bottom-nav-icon-shell-size) + 0.58rem);
|
||||
background: var(--platform-nav-active-fill);
|
||||
box-shadow: var(--platform-nav-icon-active-shadow);
|
||||
}
|
||||
|
||||
.platform-bottom-nav__button--primary .platform-bottom-nav__icon {
|
||||
width: calc(var(--platform-bottom-nav-icon-size) + 0.18rem);
|
||||
height: calc(var(--platform-bottom-nav-icon-size) + 0.18rem);
|
||||
color: var(--platform-nav-item-icon-active-text);
|
||||
}
|
||||
|
||||
.platform-bottom-nav__button--primary .platform-bottom-nav__label {
|
||||
color: var(--platform-nav-item-text-active);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.platform-bottom-nav__icon-shell,
|
||||
.platform-desktop-rail__icon-shell {
|
||||
display: flex;
|
||||
@@ -1098,8 +1121,9 @@ body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.platform-bottom-nav {
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
|
||||
.platform-bottom-nav__button--primary .platform-bottom-nav__icon-shell {
|
||||
width: calc(var(--platform-bottom-nav-icon-shell-size) + 0.48rem);
|
||||
height: calc(var(--platform-bottom-nav-icon-shell-size) + 0.48rem);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1216,6 +1240,24 @@ body {
|
||||
var(--platform-nav-active-shadow);
|
||||
}
|
||||
|
||||
.platform-desktop-rail__button--primary {
|
||||
min-height: 5.85rem;
|
||||
border-color: var(--platform-nav-active-border);
|
||||
background: var(--platform-nav-active-fill);
|
||||
box-shadow: var(--platform-nav-active-shadow);
|
||||
}
|
||||
|
||||
.platform-desktop-rail__button--primary .platform-desktop-rail__icon-shell {
|
||||
transform: scale(1.1);
|
||||
background: var(--platform-nav-item-icon-active-fill);
|
||||
box-shadow: var(--platform-nav-icon-active-shadow);
|
||||
}
|
||||
|
||||
.platform-desktop-rail__button--primary .platform-desktop-rail__icon,
|
||||
.platform-desktop-rail__button--primary .platform-desktop-rail__label {
|
||||
color: var(--platform-nav-item-text-active);
|
||||
}
|
||||
|
||||
.platform-desktop-panel {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
Reference in New Issue
Block a user