47 lines
1.0 KiB
SCSS
47 lines
1.0 KiB
SCSS
.pi-wrapper {
|
|
// Header Wrapper
|
|
&.pi-wrapper__header {
|
|
// Center
|
|
&.pi-wrapper__align-items--center {
|
|
.pi-header-wrapper-content {
|
|
align-items: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.pi-layout__07-list {
|
|
.pi-header-wrapper-content {
|
|
&.pi-header-wrapper-content__left {
|
|
width: 100%;
|
|
}
|
|
&.pi-header-wrapper-content__right {
|
|
justify-content: flex-end;
|
|
display: flex;
|
|
& > aside {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
gap: var(--pi-spacing-xx-small);
|
|
|
|
.pi-select {
|
|
&.pi-select__picked-option-type--button {
|
|
.pi-select-picked-option {
|
|
background-color: var(--pi-color-white);
|
|
}
|
|
&:not(:hover) {
|
|
.pi-select-picked-option {
|
|
box-shadow: var(--pi-box-shadow);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.pi-toggle-button {
|
|
& > button {
|
|
border-radius: var(--pi-border-radius-large);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} |