https://taiga-ui.dev/chunk-O4VDPTSM.js

1import{a as I}from"./chunk-SFALTBFK.js";import"./chunk-UBEJW7QQ.js";import"./chunk-4RS4E6TQ.js";import"./chunk-PTCK2NPR.js";import"./chunk-7VHOSUP3.js";import{a as E}from"./chunk-X4VX3X6H.js";import{B as S,H as L,L as w}from"./chunk-OBD6MWHE.js";import"./chunk-GO2CDEWC.js";import"./chunk-S3F7E46M.js";import{b as T,c as D}from"./chunk-VAE6TYYO.js";import"./chunk-OGHCRODG.js";import"./chunk-S5ZR3RXA.js";import"./chunk-TPCNMOAD.js";import"./chunk-K4ASIC2M.js";import"./chunk-ZIV4MYVR.js";import"./chunk-4BRVWPH2.js";import"./chunk-IATESDRA.js";import"./chunk-4KW34TKH.js";import"./chunk-DBTJXGYI.js";import"./chunk-3S75AAX3.js";import"./chunk-J6CJLWT3.js";import"./chunk-3CZ6TPMZ.js";import"./chunk-QEUOCPBI.js";import"./chunk-MXY5P672.js";import"./chunk-E3USNHTI.js";import"./chunk-6WYDX4HE.js";import"./chunk-EQBSJTM4.js";import"./chunk-PX3RQKAK.js";import"./chunk-BNFUUYVP.js";import"./chunk-BQ4R5MZO.js";import"./chunk-WTXKW45I.js";import"./chunk-P56XEPMK.js";import"./chunk-BNKPMXJE.js";import"./chunk-KLXFUVP6.js";import"./chunk-6OJKLLVT.js";import"./chunk-T2KJFNJE.js";import{b as k}from"./chunk-VE5VCQDG.js";import"./chunk-7Z46YJKE.js";import"./chunk-A2FIK52A.js";import"./chunk-TZKBCXZR.js";import"./chunk-EDWR32YR.js";import"./chunk-SCLAFLSA.js";import"./chunk-5Y7JXSIH.js";import{i as C}from"./chunk-BJMPUNZF.js";import"./chunk-6BDDEQ3H.js";import"./chunk-WW26GGQM.js";import"./chunk-GSFIK4BT.js";import"./chunk-JQL3RNCM.js";import"./chunk-LYVGAKN4.js";import"./chunk-YKWOW4V7.js";import"./chunk-VZVCRGOX.js";import"./chunk-2BUPSV7Q.js";import"./chunk-CYSRFCXW.js";import"./chunk-IYMJZKFQ.js";import"./chunk-EP6HLHNQ.js";import"./chunk-FYLK565A.js";import"./chunk-Q5VBRINA.js";import"./chunk-VWKYBJ4W.js";import"./chunk-6SWNCATT.js";import{w as x}from"./chunk-2Y3RJUX6.js";import{Eb as i,Qc as a,Rc as h,Sc as y,Vb as d,hd as b,id as v,jc as n,qc as u,rc as c,sc as f,tc as o,uc as t,vc as g}from"./chunk-EFBHF7AB.js";import"./chunk-5SGJQCYF.js";import"./chunk-LQ6M4NCU.js";function M(m,s){if(m&1&&(o(0,"li")(1,"tui-doc-copy",3)(2,"code"),a(3),t()(),a(4),t()),m&2){let e=s.$implicit;i(),n("cdkCopyToClipboard",e.key),i(2),h(e.key),i(),y(" \u2014 ",e.value," ")}}var r=class r{constructor(){this.example1={HTML:import("./chunk-SYNTJPZY.js"),LESS:import("./chunk-2SEZG2C6.js")};this.vars={"--tui-typography-family-display":"font for headings","--tui-typography-family-text":"font for text","--tui-radius-xs":"border radius for smallest items (i.e. small checkbox)","--tui-radius-s":"border radius for small elements (i.e. tags)","--tui-radius-m":"default border radius","--tui-radius-l":"border radius for containers (i.e. island, accordion)","--tui-height-xs":"smallest elements height (i.e. small button, badges)","--tui-height-s":"small elements height (i.e. small inputs)","--tui-height-m":"default elements height (i.e. inputs, buttons)","--tui-height-l":"large elements height (i.e. inputs, buttons)","--tui-padding-s":'padding for inputs with size "s"',"--tui-padding-m":'padding for inputs with size "m"',"--tui-padding-l":'padding for inputs with size "l"',"--tui-disabled-opacity":"amount of transparency for disabled elements"};this.routes=E}};r.\u0275fac=function(e){return new(e||r)},r.\u0275cmp=d({type:r,selectors:[["ng-component"]],decls:14,vars:4,consts:[["header","Variables"],["tuiLink","",3,"routerLink"],["heading","Override example",3,"content"],[1,"var",3,"cdkCopyToClipboard"]],template:function(e,l){e&1&&(o(0,"tui-doc-page",0)(1,"p"),a(2," Taiga UI uses CSS custom properties for many of its visual aspects. You can see "),o(3,"a",1),a(4," colors "),t(),a(5," for the full list of color variables. "),t(),o(6,"p"),a(7,"Besides colors there are also following variables that can be adjusted at any level of DOM structure:"),t(),o(8,"ul"),c(9,M,5,3,"li",null,u),b(11,"keyvalue"),t(),o(12,"tui-doc-example",2),g(13,"tui-variables-example-1"),t()()),e&2&&(i(3),n("routerLink",l.routes.Colors),i(6),f(v(11,2,l.vars)),i(3),n("content",l.example1))},dependencies:[D,T,I,x,S,L,w,C,k],encapsulation:2,changeDetection:0});var p=r;export{p as default};