Adrien Maston
77 lines
1.9 KiB
CSS
77 lines
1.9 KiB
CSS
@layer native {
|
|
[data-platform~=native] {
|
|
/* The mobile apps may inject their own custom insets based on native elements on screen, like a floating navigation */
|
|
--custom-safe-inset-top: var(--injected-safe-inset-top, env(safe-area-inset-top, 0px));
|
|
--custom-safe-inset-right: var(--injected-safe-inset-right, env(safe-area-inset-right, 0px));
|
|
--custom-safe-inset-bottom: var(--injected-safe-inset-bottom, env(safe-area-inset-bottom, 0px));
|
|
--custom-safe-inset-left: var(--injected-safe-inset-left, env(safe-area-inset-left, 0px));
|
|
|
|
-webkit-tap-highlight-color: transparent;
|
|
|
|
.hide-on-native {
|
|
display: none;
|
|
}
|
|
|
|
/* Header
|
|
/* ------------------------------------------------------------------------ */
|
|
|
|
.header:is(
|
|
:not(:has(.header__title, .header__actions)),
|
|
:not(:has(.header__title, .header__actions--end)):has(.header__actions--start .btn--back:only-child)
|
|
) {
|
|
display: none;
|
|
}
|
|
|
|
.header__actions {
|
|
.btn--back {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* Card perma
|
|
/* ------------------------------------------------------------------------ */
|
|
|
|
.card-perma {
|
|
margin-block-start: 0;
|
|
}
|
|
|
|
.card-perma__bg {
|
|
padding-block: clamp(0.25rem, 2vw, var(--padding-block));
|
|
}
|
|
|
|
.card-perma__closure-message {
|
|
margin-block: var(--block-space);
|
|
translate: unset;
|
|
}
|
|
|
|
/* Search
|
|
/* ------------------------------------------------------------------------ */
|
|
|
|
.search__title {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
[data-bridge-components~=form] {
|
|
[data-controller~=bridge--form] {
|
|
[data-bridge--form-target~=submit] {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
[data-bridge-components~=overflow-menu] {
|
|
[data-controller~=bridge--overflow-menu] {
|
|
[data-bridge--overflow-menu-target~=item] {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
[data-bridge-components~=buttons] {
|
|
[data-bridge--buttons-target~=button] {
|
|
display: none;
|
|
}
|
|
}
|