@volvo-cars/css 1.36.0 → 1.37.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-PCJ2MIMY.js +2 -0
- package/dist/{chunk-5CWA5W4X.js.map → chunk-PCJ2MIMY.js.map} +1 -1
- package/dist/css/v1/{font-face.30761d79.css → font-face.8324f4d8.css} +1 -1
- package/dist/css/v1/styles.ebaa4a54.css +1 -0
- package/dist/css/v1/{styles_hover.da669e21.css → styles_hover.47ab975c.css} +1 -1
- package/dist/css/v1/{tokens.5f793a66.css → tokens.bf5afda4.css} +1 -1
- package/dist/font-face.css +1 -1
- package/dist/imports.json +4 -4
- package/dist/links.cjs +2 -2
- package/dist/links.cjs.map +1 -1
- package/dist/links.js +2 -2
- package/dist/links.js.map +1 -1
- package/dist/links.server.cjs +2 -2
- package/dist/links.server.cjs.map +1 -1
- package/dist/links.server.js +2 -2
- package/dist/links.server.js.map +1 -1
- package/dist/llm/meta.md +38 -31
- package/dist/meta.json +700 -657
- package/dist/styles.css +1 -1
- package/dist/styles.d.ts +32 -4
- package/dist/styles_all-media.css +1 -1
- package/dist/styles_hover.css +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.d.ts +101 -101
- package/package.json +10 -7
- package/dist/chunk-5CWA5W4X.js +0 -2
- package/dist/css/v1/styles.ffc03f9f.css +0 -1
package/dist/links.server.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{a as
|
|
2
|
-
`}return
|
|
1
|
+
import{a as e,b as i,c as v,d as c}from"./chunk-PCJ2MIMY.js";import"./chunk-BBIFT7L4.js";var m="QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1zZW1pLWxpZ2h0LndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjMwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1ncmVlay1zZW1pLWxpZ2h0LWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwO3VuaWNvZGUtcmFuZ2U6VSs0Pz99QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDozMDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tc2VtaS1saWdodC1pdGFsaWMud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwfUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLWdyZWVrLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcDt1bmljb2RlLXJhbmdlOlUrND8/fUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gTm92dW07Zm9udC13ZWlnaHQ6NTAwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLW5vdnVtL3ZvbHZvLW5vdnVtLW1lZGl1bS53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXB9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tZ3JlZWstbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBOb3Z1bTtmb250LXN0eWxlOml0YWxpYztmb250LXdlaWdodDo1MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tbm92dW0vdm9sdm8tbm92dW0tY3lyaWxsaWMtbWVkaXVtLWl0YWxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIE5vdnVtO2ZvbnQtc3R5bGU6aXRhbGljO2ZvbnQtd2VpZ2h0OjUwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1ub3Z1bS92b2x2by1ub3Z1bS1tZWRpdW0taXRhbGljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1jeXJpbGxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIEJyb2FkO2ZvbnQtd2VpZ2h0OjQwMDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1icm9hZC92b2x2by1icm9hZC1ncmVlay53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzM3MC0zRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBCcm9hZDtmb250LXdlaWdodDo0MDA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tYnJvYWQvdm9sdm8tYnJvYWQtbGF0aW4tcmVzdC53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzIwLTM2RixVKzUzMC1GQjAyfUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gQ2VudHVtO2ZvbnQtd2VpZ2h0OjM4MDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1jZW50dW0vdjEvdm9sdm8tY2VudHVtLWdyZWVrLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcDt1bmljb2RlLXJhbmdlOlUrMzcwLTNGRixVKzFGPz99QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBDZW50dW07Zm9udC13ZWlnaHQ6NTcwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLWNlbnR1bS92MS92b2x2by1jZW50dW0tZ3JlZWsud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwO3VuaWNvZGUtcmFuZ2U6VSszNzAtM0ZGLFUrMUY/P31AZm9udC1mYWNle2ZvbnQtZmFtaWx5OlZvbHZvIENlbnR1bTtmb250LXdlaWdodDozODA7c3JjOnVybChodHRwczovL3d3dy52b2x2b2NhcnMuY29tL3N0YXRpYy9zaGFyZWQvZm9udHMvdm9sdm8tY2VudHVtL3YxL3ZvbHZvLWNlbnR1bS1jeXJpbGxpYy53b2ZmMilmb3JtYXQoIndvZmYyIik7Zm9udC1kaXNwbGF5OnN3YXA7dW5pY29kZS1yYW5nZTpVKzQ/PyxVKzUwMC01MkYsVSsyREUwLTJERkYsVStBNjQwLUE2OUYsVSsxQzg/fUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gQ2VudHVtO2ZvbnQtd2VpZ2h0OjU3MDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1jZW50dW0vdjEvdm9sdm8tY2VudHVtLWN5cmlsbGljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcDt1bmljb2RlLXJhbmdlOlUrND8/LFUrNTAwLTUyRixVKzJERTAtMkRGRixVK0E2NDAtQTY5RixVKzFDOD99QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBDZW50dW07Zm9udC13ZWlnaHQ6MzgwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLWNlbnR1bS92MS92b2x2by1jZW50dW0tYXJhYmljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcDt1bmljb2RlLXJhbmdlOlUrNj8/LFUrNzUwLTc3RixVKzhBMC04RkYsVStGQjUwLUZERkYsVStGRTcwLUZFRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBDZW50dW07Zm9udC13ZWlnaHQ6NTcwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLWNlbnR1bS92MS92b2x2by1jZW50dW0tYXJhYmljLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcDt1bmljb2RlLXJhbmdlOlUrNj8/LFUrNzUwLTc3RixVKzhBMC04RkYsVStGQjUwLUZERkYsVStGRTcwLUZFRkZ9QGZvbnQtZmFjZXtmb250LWZhbWlseTpWb2x2byBDZW50dW07Zm9udC13ZWlnaHQ6MzgwO3NyYzp1cmwoaHR0cHM6Ly93d3cudm9sdm9jYXJzLmNvbS9zdGF0aWMvc2hhcmVkL2ZvbnRzL3ZvbHZvLWNlbnR1bS92MS92b2x2by1jZW50dW0ud29mZjIpZm9ybWF0KCJ3b2ZmMiIpO2ZvbnQtZGlzcGxheTpzd2FwfUBmb250LWZhY2V7Zm9udC1mYW1pbHk6Vm9sdm8gQ2VudHVtO2ZvbnQtd2VpZ2h0OjU3MDtzcmM6dXJsKGh0dHBzOi8vd3d3LnZvbHZvY2Fycy5jb20vc3RhdGljL3NoYXJlZC9mb250cy92b2x2by1jZW50dW0vdjEvdm9sdm8tY2VudHVtLndvZmYyKWZvcm1hdCgid29mZjIiKTtmb250LWRpc3BsYXk6c3dhcH1AZm9udC1mZWF0dXJlLXZhbHVlcyBWb2x2byBDZW50dW17QHN0eWxlc2V0e2FsdGVybmF0ZS1zbGFzaDoxO3gtaGVpZ2h0LXN5bWJvbHM6MjtlbW90aWNvbi1zZW1pY29sb246Mzt0aW1lLWNvbG9uOjR9fQ==";var F=({base:o=i,filter:s}={})=>{o&&typeof o!="string"&&(o=o.href),typeof o=="string"&&o!==""&&!o.endsWith("/")&&(o+="/");let r=Object.entries(e).filter(v(s)).flatMap(([t,n])=>{let f={href:o+n,rel:"stylesheet",crossOrigin:"anonymous"},a=c(t);a&&(f.media=a);let l={...f,rel:"preload",as:"style"};return f["data-volvo-css-name"]=t,t==="font-face.css"&&s?.preload!==!1?{...f,href:`data:text/css;base64,${m}`}:s?.preload===!1?f:[l,f]}).sort((t,n)=>t.rel==="preload"&&n.rel==="preload"?0:t.rel==="preload"?-1:1);return r.toString=function(){let t="";for(let n of this){let f=Object.entries(n).map(([a,l])=>`${a}="${l}"`).join(" ");t+=`<link ${f} />
|
|
2
|
+
`}return t},r};export{F as links};
|
|
3
3
|
//# sourceMappingURL=links.server.js.map
|
package/dist/links.server.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/links.server.ts"],"sourcesContent":["// @ts-
|
|
1
|
+
{"version":3,"sources":["../src/links.server.ts"],"sourcesContent":["// @ts-expect-error importing built file\nimport fontFaceCss from './font-face.base64css';\nimport cssImports from './imports.json' with { type: 'json' };\nimport { defaultBase } from './links/constants';\nimport { createFilter } from './links/create-filter';\nimport { getMediaQuery } from './links/get-media-query';\nimport type { LinkProps, LinksFunction } from './links/types';\n\nexport const links: LinksFunction = ({ base = defaultBase, filter } = {}) => {\n if (base && typeof base !== 'string') {\n base = base.href;\n }\n if (typeof base === 'string' && base !== '' && !base.endsWith('/')) {\n base += '/';\n }\n const linkProps = Object.entries(cssImports)\n .filter(createFilter(filter))\n .flatMap(([name, filename]) => {\n const props: LinkProps = {\n href: base + filename,\n rel: 'stylesheet',\n crossOrigin: 'anonymous',\n };\n const media = getMediaQuery(name);\n if (media) {\n props.media = media;\n }\n\n const preloadProps = {\n ...props,\n rel: 'preload',\n as: 'style',\n };\n\n props['data-volvo-css-name'] = name;\n\n // Return @font-face rules as base64 encoded inline CSS to start downloading fonts earlier,\n // improving LCP.\n if (name === 'font-face.css' && filter?.preload !== false) {\n return {\n ...props,\n href: `data:text/css;base64,${fontFaceCss}`,\n };\n }\n if (filter?.preload === false) {\n return props;\n }\n return [preloadProps, props] as const;\n })\n .sort((a, b) =>\n a.rel === 'preload' && b.rel === 'preload'\n ? 0\n : a.rel === 'preload'\n ? -1\n : 1,\n ) as LinkProps[];\n\n linkProps.toString = function () {\n let html = '';\n for (const link of this) {\n const attrs = Object.entries(link)\n .map(([key, value]) => `${key}=\"${value}\"`)\n .join(' ');\n html += `<link ${attrs} />\\n`;\n }\n return html;\n };\n\n return linkProps;\n};\n\nexport type { LinksFunction, LinkProps };\n"],"mappings":"snNAQO,IAAMA,EAAuB,CAAC,CAAE,KAAAC,EAAOC,EAAa,OAAAC,CAAO,EAAI,CAAC,IAAM,CACvEF,GAAQ,OAAOA,GAAS,WAC1BA,EAAOA,EAAK,MAEV,OAAOA,GAAS,UAAYA,IAAS,IAAM,CAACA,EAAK,SAAS,GAAG,IAC/DA,GAAQ,KAEV,IAAMG,EAAY,OAAO,QAAQC,CAAU,EACxC,OAAOC,EAAaH,CAAM,CAAC,EAC3B,QAAQ,CAAC,CAACI,EAAMC,CAAQ,IAAM,CAC7B,IAAMC,EAAmB,CACvB,KAAMR,EAAOO,EACb,IAAK,aACL,YAAa,WACf,EACME,EAAQC,EAAcJ,CAAI,EAC5BG,IACFD,EAAM,MAAQC,GAGhB,IAAME,EAAe,CACnB,GAAGH,EACH,IAAK,UACL,GAAI,OACN,EAMA,OAJAA,EAAM,qBAAqB,EAAIF,EAI3BA,IAAS,iBAAmBJ,GAAQ,UAAY,GAC3C,CACL,GAAGM,EACH,KAAM,wBAAwBI,CAAW,EAC3C,EAEEV,GAAQ,UAAY,GACfM,EAEF,CAACG,EAAcH,CAAK,CAC7B,CAAC,EACA,KAAK,CAACK,EAAGC,IACRD,EAAE,MAAQ,WAAaC,EAAE,MAAQ,UAC7B,EACAD,EAAE,MAAQ,UACR,GACA,CACR,EAEF,OAAAV,EAAU,SAAW,UAAY,CAC/B,IAAIY,EAAO,GACX,QAAWC,KAAQ,KAAM,CACvB,IAAMC,EAAQ,OAAO,QAAQD,CAAI,EAC9B,IAAI,CAAC,CAACE,EAAKC,CAAK,IAAM,GAAGD,CAAG,KAAKC,CAAK,GAAG,EACzC,KAAK,GAAG,EACXJ,GAAQ,SAASE,CAAK;AAAA,CACxB,CACA,OAAOF,CACT,EAEOZ,CACT","names":["links","base","defaultBase","filter","linkProps","imports_default","createFilter","name","filename","props","media","getMediaQuery","preloadProps","font_face_default","a","b","html","link","attrs","key","value"]}
|
package/dist/llm/meta.md
CHANGED
|
@@ -65,6 +65,8 @@ Utility classes may be combined with other classes and include the CSS rules the
|
|
|
65
65
|
|
|
66
66
|
.switch
|
|
67
67
|
|
|
68
|
+
.tab
|
|
69
|
+
|
|
68
70
|
.tap-area
|
|
69
71
|
|
|
70
72
|
.tooltip
|
|
@@ -81,6 +83,10 @@ Utility classes may be combined with other classes and include the CSS rules the
|
|
|
81
83
|
|
|
82
84
|
.pill-soft
|
|
83
85
|
|
|
86
|
+
.tablist
|
|
87
|
+
|
|
88
|
+
.tablist-stretched
|
|
89
|
+
|
|
84
90
|
|
|
85
91
|
### Layer: layout
|
|
86
92
|
|
|
@@ -2039,36 +2045,7 @@ z-index: var(--v-index-deep)
|
|
|
2039
2045
|
## Design tokens
|
|
2040
2046
|
When writing CSS, use these CSS custom properties for relevant properties. Don't use custom fonts, spacing or colors outside of these values.
|
|
2041
2047
|
|
|
2042
|
-
--v-
|
|
2043
|
-
--v-space-4: Fixed 4px spacing
|
|
2044
|
-
--v-space-8: Fixed 8px spacing
|
|
2045
|
-
--v-space-16: Fixed 16px spacing
|
|
2046
|
-
--v-space-24: Fixed 24px spacing
|
|
2047
|
-
--v-space-32: Fixed 32px spacing
|
|
2048
|
-
--v-space-48: Fixed 48px spacing
|
|
2049
|
-
--v-space-64: Fixed 64px spacing
|
|
2050
|
-
--v-space-l: Fluid spacing between 64px-96px.
|
|
2051
|
-
--v-space-m: Fluid spacing between 48px-64px.
|
|
2052
|
-
--v-space-s: Fluid spacing between 32px-48px.
|
|
2053
|
-
--v-space-pagemargin: The fluid outer horizontal margins of the main page container.
|
|
2054
|
-
375 - 24px
|
|
2055
|
-
768 - 24px
|
|
2056
|
-
1280 - 28px
|
|
2057
|
-
1680 - 128px
|
|
2058
|
-
--v-space-gutter: The horizontal gap between grid columns. Fluid between 16px-24px.
|
|
2059
|
-
--v-size-grid-column: The width of a single grid column.
|
|
2060
|
-
--v-size-grid-maxwidth: The maximum width of the 12 column grid.
|
|
2061
|
-
--v-size-pagemax: The maximum width a page is allowed to grow to.
|
|
2062
|
-
--v-size-grid-xs: Width based on the colspan of the grid for the current viewport size (4 / 6 / 4)
|
|
2063
|
-
--v-size-grid-sm: Width based on the colspan of the grid for the current viewport size (6 / 8 / 6)
|
|
2064
|
-
--v-size-grid-md: Width based on the colspan of the grid for the current viewport size (8 / 10 / 8)
|
|
2065
|
-
--v-size-grid-lg: Width based on the colspan of the grid for the current viewport size (8 / 10 / 12)
|
|
2066
|
-
--v-size-grid-xl: Width based on the colspan of the grid for the current viewport size (8 / 12 / 12)
|
|
2067
|
-
--v-size-grid-max: Width based on the maximum extent of a `max` container
|
|
2068
|
-
--v-size-contentmax: The maximum width a block of content should be allowed to grow to while maintaining readability
|
|
2069
|
-
https://baymard.com/blog/line-length-readability
|
|
2070
|
-
--v-radius-sm--v-radius-md--v-radius-lg--v-shape-default--v-shape-emphasis--v-radius-full--v-index-spinner--v-index-overlay--v-index-navigation--v-index-default--v-index-deep--v-grid-columns: The total number of grid columns at the current breakpoint.
|
|
2071
|
-
--v-font-sans-family--v-font-broad-family--v-font-mono-family--v-font-regular-weight--v-font-emphasis-weight--v-font-24-size--v-font-24-lineheight--v-font-24--v-font-20-size--v-font-20-lineheight--v-font-20--v-font-16-size--v-font-16-lineheight--v-font-16--v-font-14-size--v-font-14-lineheight--v-font-14--v-font-12-size--v-font-12-lineheight--v-font-12--v-font-heading-1-weight--v-font-heading-1-lineheight--v-font-heading-1-size-min--v-font-heading-1-size-max--v-font-heading-1-size--v-font-heading-1--v-font-heading-2-weight--v-font-heading-2-lineheight--v-font-heading-2-size-min--v-font-heading-2-size-max--v-font-heading-2-size--v-font-heading-2--v-font-heading-3-weight--v-font-heading-3-lineheight--v-font-heading-3-size-min--v-font-heading-3-size-max--v-font-heading-3-size--v-font-heading-3--v-font-statement-1-weight--v-font-statement-1-lineheight--v-font-statement-1-size-min--v-font-statement-1-size-max--v-font-statement-1-size--v-font-statement-1--v-font-statement-2-weight--v-font-statement-2-lineheight--v-font-statement-2-size-min--v-font-statement-2-size-max--v-font-statement-2-size--v-font-statement-2--v-font-statement-3-weight--v-font-statement-3-lineheight--v-font-statement-3-size-min--v-font-statement-3-size-max--v-font-statement-3-size--v-font-statement-3--v-font-statement-signature-weight--v-font-statement-signature-lineheight--v-font-statement-signature-size-min--v-font-statement-signature-size-max--v-font-statement-signature-size--v-font-statement-signature--v-color-always-black: Always black regardless of colour mode.
|
|
2048
|
+
--v-color-always-black: Always black regardless of colour mode.
|
|
2072
2049
|
--v-color-always-white: Always white regardless of color mode.
|
|
2073
2050
|
--v-color-background-feedback-gray: Use as a background color to indicate informational messages.
|
|
2074
2051
|
--v-color-background-feedback-green: Use as a background color to highlight successful and positive states.
|
|
@@ -2108,4 +2085,34 @@ https://baymard.com/blog/line-length-readability
|
|
|
2108
2085
|
--v-color-surface-feedback-green: Used as a surface fill for UI elements like buttons and form controls to signify positive actions. Combine with Always White foreground color.
|
|
2109
2086
|
--v-color-surface-feedback-orange: [Deprecated]
|
|
2110
2087
|
--v-color-surface-feedback-red: Used as a surface fill for UI elements like buttons and form controls to signify destructive actions. Combine with Always White foreground color.
|
|
2111
|
-
--v-color-surface-neutral: Used as a surface fill for UI elements like buttons and form controls. Combine with Foreground / Inverted foreground color.
|
|
2088
|
+
--v-color-surface-neutral: Used as a surface fill for UI elements like buttons and form controls. Combine with Foreground / Inverted foreground color.
|
|
2089
|
+
--v-font-sans-family--v-font-broad-family--v-font-mono-family--v-font-regular-weight--v-font-emphasis-weight--v-font-24-size--v-font-24-lineheight--v-font-24--v-font-20-size--v-font-20-lineheight--v-font-20--v-font-16-size--v-font-16-lineheight--v-font-16--v-font-14-size--v-font-14-lineheight--v-font-14--v-font-12-size--v-font-12-lineheight--v-font-12--v-font-heading-1-weight--v-font-heading-1-lineheight--v-font-heading-1-size-min--v-font-heading-1-size-max--v-font-heading-1-size--v-font-heading-1--v-font-heading-2-weight--v-font-heading-2-lineheight--v-font-heading-2-size-min--v-font-heading-2-size-max--v-font-heading-2-size--v-font-heading-2--v-font-heading-3-weight--v-font-heading-3-lineheight--v-font-heading-3-size-min--v-font-heading-3-size-max--v-font-heading-3-size--v-font-heading-3--v-font-statement-1-weight--v-font-statement-1-lineheight--v-font-statement-1-size-min--v-font-statement-1-size-max--v-font-statement-1-size--v-font-statement-1--v-font-statement-2-weight--v-font-statement-2-lineheight--v-font-statement-2-size-min--v-font-statement-2-size-max--v-font-statement-2-size--v-font-statement-2--v-font-statement-3-weight--v-font-statement-3-lineheight--v-font-statement-3-size-min--v-font-statement-3-size-max--v-font-statement-3-size--v-font-statement-3--v-font-statement-signature-weight--v-font-statement-signature-lineheight--v-font-statement-signature-size-min--v-font-statement-signature-size-max--v-font-statement-signature-size--v-font-statement-signature--v-space-2: Fixed 2px spacing
|
|
2090
|
+
--v-space-4: Fixed 4px spacing
|
|
2091
|
+
--v-space-8: Fixed 8px spacing
|
|
2092
|
+
--v-space-16: Fixed 16px spacing
|
|
2093
|
+
--v-space-24: Fixed 24px spacing
|
|
2094
|
+
--v-space-32: Fixed 32px spacing
|
|
2095
|
+
--v-space-48: Fixed 48px spacing
|
|
2096
|
+
--v-space-64: Fixed 64px spacing
|
|
2097
|
+
--v-space-l: Fluid spacing between 64px-96px.
|
|
2098
|
+
--v-space-m: Fluid spacing between 48px-64px.
|
|
2099
|
+
--v-space-s: Fluid spacing between 32px-48px.
|
|
2100
|
+
--v-space-pagemargin: The fluid outer horizontal margins of the main page container.
|
|
2101
|
+
375 - 24px
|
|
2102
|
+
768 - 24px
|
|
2103
|
+
1280 - 28px
|
|
2104
|
+
1680 - 128px
|
|
2105
|
+
--v-space-gutter: The horizontal gap between grid columns. Fluid between 16px-24px.
|
|
2106
|
+
--v-size-grid-column: The width of a single grid column.
|
|
2107
|
+
--v-size-grid-maxwidth: The maximum width of the 12 column grid.
|
|
2108
|
+
--v-size-pagemax: The maximum width a page is allowed to grow to.
|
|
2109
|
+
--v-size-grid-xs: Width based on the colspan of the grid for the current viewport size (4 / 6 / 4)
|
|
2110
|
+
--v-size-grid-sm: Width based on the colspan of the grid for the current viewport size (6 / 8 / 6)
|
|
2111
|
+
--v-size-grid-md: Width based on the colspan of the grid for the current viewport size (8 / 10 / 8)
|
|
2112
|
+
--v-size-grid-lg: Width based on the colspan of the grid for the current viewport size (8 / 10 / 12)
|
|
2113
|
+
--v-size-grid-xl: Width based on the colspan of the grid for the current viewport size (8 / 12 / 12)
|
|
2114
|
+
--v-size-grid-max: Width based on the maximum extent of a `max` container
|
|
2115
|
+
--v-size-contentmax: The maximum width a block of content should be allowed to grow to while maintaining readability
|
|
2116
|
+
https://baymard.com/blog/line-length-readability
|
|
2117
|
+
--v-radius-sm--v-radius-md--v-radius-lg--v-shape-default--v-shape-emphasis--v-radius-full--v-index-spinner--v-index-overlay--v-index-navigation--v-index-default--v-index-deep--v-grid-columns: The total number of grid columns at the current breakpoint.
|
|
2118
|
+
--v-transition-default--v-transition-micro--v-transition-notable
|