File

packages/core/src/lib/helpers/css-utils.ts

Index

Properties
Methods

Properties

Static Readonly activateBreadcrumbCssVars
Default value : () => {...}
Static Readonly activateEditModeCssVars
Default value : () => {...}
Static Readonly activateFooterCssVars
Default value : () => {...}
Static Readonly activateHeaderCssVars
Default value : () => {...}
Static Readonly activateSidebarCssVars
Default value : () => {...}
Static Readonly activateSidebarFooterCssVars
Default value : () => {...}
Static Readonly activateSidebarHeaderCssVars
Default value : () => {...}
Static Readonly activateToolbarCssVars
Default value : () => {...}
Static Readonly activateToolbarMegaMenuCssVars
Default value : () => {...}
Static Readonly activateTopMessageCssVars
Default value : () => {...}
Static Readonly getBreakpointValues
Default value : () => {...}
Static Readonly getCssVarValue
Default value : () => {...}

Get the value of a CSS variable. Using getComputedStyle to get the value of the CSS variable (Browser Specific API)

Parameters :
Name
inputProperty
document
platform
Static Readonly initCssVars
Default value : () => {...}
Static Readonly removeSidebarCssVars
Default value : () => {...}
Static Readonly setCssVar
Default value : () => {...}
Static Readonly setCssVarValue
Default value : () => {...}
Static Readonly setHeaderShrinkCssVar
Default value : () => {...}
Static Readonly setHtmlClass
Default value : () => {...}

Methods

Static setAppViewportCssVars
setAppViewportCssVars(platform)

Gets the viewport height and width and multiply it by 1% to get a value for a vh/vw unit Sets the value in the --eui-app-vh custom property to the root of the document Sets the value in the --eui-app-vw custom property to the root of the document Example for 100% height: calc(var(--eui-app-vh, 1vh) * 100); Example for 50% height: calc(var(--eui-app-vh, 1vh) * 50); Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);

Parameters :
Name Optional
platform No
Returns : void

results matching ""

    No results matching ""