eui documentation
  1. Classes
  2. CssUtils

File

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

Index

Properties
Methods

Properties

Static Readonly activateBreadcrumbCssVars
Type : unknown
Default value : () => {...}
Static Readonly activateEditModeCssVars
Type : unknown
Default value : () => {...}
Static Readonly activateFooterCssVars
Type : unknown
Default value : () => {...}
Static Readonly activateHeaderCssVars
Type : unknown
Default value : () => {...}
Static Readonly activateSidebarCssVars
Type : unknown
Default value : () => {...}
Static Readonly activateSidebarFooterCssVars
Type : unknown
Default value : () => {...}
Static Readonly activateSidebarHeaderCssVars
Type : unknown
Default value : () => {...}
Static Readonly activateSideContainerCssVars
Type : unknown
Default value : () => {...}
Static Readonly activateToolbarCssVars
Type : unknown
Default value : () => {...}
Static Readonly activateToolbarMegaMenuCssVars
Type : unknown
Default value : () => {...}
Static Readonly activateTopMessageCssVars
Type : unknown
Default value : () => {...}
Static Readonly deactivateSideContainerCssVars
Type : unknown
Default value : () => {...}
Static Readonly getBreakpointValues
Type : unknown
Default value : () => {...}
Static Readonly getCssVarValue
Type : unknown
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
Type : unknown
Default value : () => {...}
Static Readonly removeSidebarCssVars
Type : unknown
Default value : () => {...}
Static Readonly setCssVar
Type : unknown
Default value : () => {...}
Static Readonly setCssVarValue
Type : unknown
Default value : () => {...}
Static Readonly setHeaderShrinkCssVar
Type : unknown
Default value : () => {...}
Static Readonly setHtmlClass
Type : unknown
Default value : () => {...}
Static Readonly setSideContainerWidth
Type : unknown
Default value : () => {...}

Methods

Static setAppViewportCssVars
setAppViewportCssVars(platform: unknown)

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 Type Optional
platform unknown No
Returns : void

results matching ""

    No results matching ""