Page MenuHomeWickedGov Phorge
Files F4139565

features.less
No OneTemporary
Actions

Size
3 KB
Referenced Files
None
Subscribers
None

features.less
View Options

@import '../tokens-theme-dark.less';
@import '../tokens-codex.less';
.feature-pure-black() {
--color-surface-0-oklch__l: 0%;
--color-surface-0-oklch__c: 0;
--color-surface-1-oklch__c: 0;
--color-surface-2-oklch__c: 0;
--color-surface-3-oklch__c: 0;
--color-surface-4-oklch__c: 0;
--color-surface-0-hsl__l: 0%;
--color-surface-0-hsl__s: 0%;
--color-surface-1-hsl__s: 0%;
--color-surface-2-hsl__s: 0%;
--color-surface-3-hsl__s: 0%;
--color-surface-4-hsl__s: 0%;
--color-emphasized-oklch__c: 0;
--color-base-oklch__c: 0;
--color-subtle-oklch__c: 0;
--color-placeholder-oklch__c: 0;
--color-emphasized-hsl__s: 0%;
--color-base-hsl__s: 0%;
--color-subtle-hsl__s: 0%;
--color-placeholder-hsl__s: 0%;
--border-color-base: rgba( 255, 255, 255, 0.1 );
--border-color-subtle: rgba( 255, 255, 255, 0.05 );
--border-color-interactive: rgba( 255, 255, 255, 0.15 );
}
// T365102 invert class specifically for image related element
.skin-invert-image img,
.skin-invert {
filter: var( --filter-invert );
}
.skin-theme-clientpref-night {
:root& {
.theme-dark();
}
}
.skin-theme-clientpref-os {
@media ( prefers-color-scheme: dark ) {
:root& {
.theme-dark();
}
}
}
.citizen-feature-custom-font-size-clientpref-small {
.citizen-body {
.cdx-mode-small();
}
}
.citizen-feature-custom-font-size-clientpref-large {
.citizen-body {
.cdx-mode-large();
}
}
.citizen-feature-custom-font-size-clientpref-xlarge {
.citizen-body {
.cdx-mode-x-large();
}
}
.citizen-feature-custom-width-clientpref-standard {
:root& {
--width-layout: 1080px;
}
}
.citizen-feature-custom-width-clientpref-wide {
:root& {
--width-layout: 1600px;
}
}
.citizen-feature-custom-width-clientpref-full {
:root& {
--width-layout: 100vw;
}
}
.citizen-feature-pure-black-clientpref-1 {
:root.skin-theme-clientpref-night& {
.feature-pure-black();
}
@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os& {
.feature-pure-black();
}
}
}
.citizen-feature-autohide-navigation-clientpref-1 {
@media ( max-width: @max-width-breakpoint-tablet ) {
.citizen-header,
.citizen-page-header,
.citizen-page-heading,
.citizen-toc,
.page-actions {
transition-timing-function: var( --transition-timing-function-ease-out );
transition-duration: var( --transition-duration-medium );
}
.citizen-header {
transition-property: transform;
}
.citizen-page-header,
.citizen-toc,
.page-actions {
transition-property: transform, opacity;
}
.citizen-page-heading {
transition-property: opacity;
}
.citizen-scroll--down {
// Need the unit for calc() (#1058)
// stylelint-disable-next-line length-zero-no-unit
--height-sticky-header: 0px !important;
.citizen-header,
.citizen-toc,
.page-actions {
transition-timing-function: var( --transition-timing-function-ease-in );
transition-duration: var( --transition-duration-base );
}
.citizen-header {
transform: translate3d( 0, 100%, 0 );
}
.citizen-toc,
.page-actions {
pointer-events: none;
opacity: 0;
transform: translate3d( 0, var( --header-size ), 0 );
}
&.citizen-sticky-header-visible {
.citizen-sticky-header-container {
transform: translate3d( 0, -100%, 0 );
}
}
}
.citizen-scroll--up {
.page-actions {
transition-delay: ~'calc( var( --transition-duration-medium ) + 100ms )';
}
}
}
}

File Metadata

Mime Type
text/plain
Expires
Wed, Aug 19, 15:07 (3 w, 5 d ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
42/8b/57b132f6bf5bec0a7f4cc568750a
Default Alt Text
features.less (3 KB)

Event Timeline