@volvo-cars/css 1.40.0 → 1.41.0
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-4KB632OA.js +2 -0
- package/dist/{chunk-DZOKCN7J.js.map → chunk-4KB632OA.js.map} +1 -1
- package/dist/css/v1/styles.c4d8f394.css +1 -0
- package/dist/css/v1/styles_md.310d92eb.css +1 -0
- package/dist/css/v1/styles_xl.e3666cad.css +1 -0
- package/dist/css/v1/tokens.f10bd65b.css +1 -0
- package/dist/imports.json +4 -4
- package/dist/links.cjs +1 -1
- package/dist/links.cjs.map +1 -1
- package/dist/links.js +1 -1
- package/dist/links.server.cjs +2 -2
- package/dist/links.server.cjs.map +1 -1
- package/dist/links.server.js +1 -1
- package/dist/llm/meta.md +257 -83
- package/dist/meta.json +1174 -262
- package/dist/styles.css +1 -1
- package/dist/styles.d.ts +220 -0
- package/dist/styles_all-media.css +1 -1
- package/dist/styles_md.css +1 -1
- package/dist/styles_xl.css +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.d.ts +46 -30
- package/package.json +2 -2
- package/dist/chunk-DZOKCN7J.js +0 -2
- package/dist/css/v1/styles.8ecc27f5.css +0 -1
- package/dist/css/v1/styles_md.9650453f.css +0 -1
- package/dist/css/v1/styles_xl.17326cfe.css +0 -1
- package/dist/css/v1/tokens.e61fefb4.css +0 -1
package/dist/links.server.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{a as e,b as i,c as v,d as c}from"./chunk-
|
|
1
|
+
import{a as e,b as i,c as v,d as c}from"./chunk-4KB632OA.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
2
|
`}return t},r};export{F as links};
|
|
3
3
|
//# sourceMappingURL=links.server.js.map
|
package/dist/llm/meta.md
CHANGED
|
@@ -681,6 +681,27 @@ row-gap: 0
|
|
|
681
681
|
.{lg,md,xl}:gap-x-0
|
|
682
682
|
column-gap: 0
|
|
683
683
|
|
|
684
|
+
.{lg,md,xl}:gap-y-l
|
|
685
|
+
row-gap: var(--v-space-l)
|
|
686
|
+
|
|
687
|
+
.{lg,md,xl}:gap-y-m
|
|
688
|
+
row-gap: var(--v-space-m)
|
|
689
|
+
|
|
690
|
+
.{lg,md,xl}:gap-y-s
|
|
691
|
+
row-gap: var(--v-space-s)
|
|
692
|
+
|
|
693
|
+
.{lg,md,xl}:gap-x-gutter
|
|
694
|
+
column-gap: var(--v-space-gutter)
|
|
695
|
+
|
|
696
|
+
.{lg,md,xl}:gap-2
|
|
697
|
+
gap: .125rem
|
|
698
|
+
|
|
699
|
+
.{lg,md,xl}:gap-y-2
|
|
700
|
+
row-gap: .125rem
|
|
701
|
+
|
|
702
|
+
.{lg,md,xl}:gap-x-2
|
|
703
|
+
column-gap: .125rem
|
|
704
|
+
|
|
684
705
|
.{lg,md,xl}:gap-4
|
|
685
706
|
gap: .25rem
|
|
686
707
|
|
|
@@ -753,17 +774,32 @@ row-gap: 4rem
|
|
|
753
774
|
.{lg,md,xl}:gap-x-64
|
|
754
775
|
column-gap: 4rem
|
|
755
776
|
|
|
756
|
-
.{lg,md,xl}:gap-
|
|
757
|
-
|
|
777
|
+
.{lg,md,xl}:gap-gridded-element
|
|
778
|
+
gap: var(--v-space-gridded-element-gap)
|
|
758
779
|
|
|
759
|
-
.{lg,md,xl}:gap-y-
|
|
760
|
-
row-gap: var(--v-space-
|
|
780
|
+
.{lg,md,xl}:gap-y-gridded-element
|
|
781
|
+
row-gap: var(--v-space-gridded-element-gap)
|
|
761
782
|
|
|
762
|
-
.{lg,md,xl}:gap-
|
|
763
|
-
|
|
783
|
+
.{lg,md,xl}:gap-x-gridded-element
|
|
784
|
+
column-gap: var(--v-space-gridded-element-gap)
|
|
764
785
|
|
|
765
|
-
.{lg,md,xl}:gap-
|
|
766
|
-
|
|
786
|
+
.{lg,md,xl}:gap-y-xs
|
|
787
|
+
row-gap: var(--v-space-xs)
|
|
788
|
+
|
|
789
|
+
.{lg,md,xl}:gap-y-sm
|
|
790
|
+
row-gap: var(--v-space-sm)
|
|
791
|
+
|
|
792
|
+
.{lg,md,xl}:gap-y-md
|
|
793
|
+
row-gap: var(--v-space-md)
|
|
794
|
+
|
|
795
|
+
.{lg,md,xl}:gap-y-lg
|
|
796
|
+
row-gap: var(--v-space-lg)
|
|
797
|
+
|
|
798
|
+
.{lg,md,xl}:gap-y-xl
|
|
799
|
+
row-gap: var(--v-space-xl)
|
|
800
|
+
|
|
801
|
+
.{lg,md,xl}:gap-y-2xl
|
|
802
|
+
row-gap: var(--v-space-2xl)
|
|
767
803
|
|
|
768
804
|
.{lg,md,xl}:grid
|
|
769
805
|
--_display-inner: grid
|
|
@@ -898,6 +934,18 @@ top: 0
|
|
|
898
934
|
.bottom-0
|
|
899
935
|
bottom: 0
|
|
900
936
|
|
|
937
|
+
.end-2
|
|
938
|
+
inset-inline-end: .125rem
|
|
939
|
+
|
|
940
|
+
.start-2
|
|
941
|
+
inset-inline-start: .125rem
|
|
942
|
+
|
|
943
|
+
.top-2
|
|
944
|
+
top: .125rem
|
|
945
|
+
|
|
946
|
+
.bottom-2
|
|
947
|
+
bottom: .125rem
|
|
948
|
+
|
|
901
949
|
.end-4
|
|
902
950
|
inset-inline-end: .25rem
|
|
903
951
|
|
|
@@ -1076,6 +1124,46 @@ margin-inline-end: 0
|
|
|
1076
1124
|
.{lg,md,xl}:ml-0
|
|
1077
1125
|
margin-inline-start: 0
|
|
1078
1126
|
|
|
1127
|
+
.{lg,md,xl}:my-l
|
|
1128
|
+
margin-top: var(--v-space-l)
|
|
1129
|
+
margin-bottom: var(--v-space-l)
|
|
1130
|
+
|
|
1131
|
+
.{lg,md,xl}:mt-l
|
|
1132
|
+
margin-top: var(--v-space-l)
|
|
1133
|
+
|
|
1134
|
+
.{lg,md,xl}:mb-l
|
|
1135
|
+
margin-bottom: var(--v-space-l)
|
|
1136
|
+
|
|
1137
|
+
.{lg,md,xl}:my-m
|
|
1138
|
+
margin-top: var(--v-space-m)
|
|
1139
|
+
margin-bottom: var(--v-space-m)
|
|
1140
|
+
|
|
1141
|
+
.{lg,md,xl}:mt-m
|
|
1142
|
+
margin-top: var(--v-space-m)
|
|
1143
|
+
|
|
1144
|
+
.{lg,md,xl}:mb-m
|
|
1145
|
+
margin-bottom: var(--v-space-m)
|
|
1146
|
+
|
|
1147
|
+
.{lg,md,xl}:my-s
|
|
1148
|
+
margin-top: var(--v-space-s)
|
|
1149
|
+
margin-bottom: var(--v-space-s)
|
|
1150
|
+
|
|
1151
|
+
.{lg,md,xl}:mt-s
|
|
1152
|
+
margin-top: var(--v-space-s)
|
|
1153
|
+
|
|
1154
|
+
.{lg,md,xl}:mb-s
|
|
1155
|
+
margin-bottom: var(--v-space-s)
|
|
1156
|
+
|
|
1157
|
+
.{lg,md,xl}:mx-pagemargin
|
|
1158
|
+
margin-inline-end: var(--v-space-pagemargin)
|
|
1159
|
+
margin-inline-start: var(--v-space-pagemargin)
|
|
1160
|
+
|
|
1161
|
+
.{lg,md,xl}:mr-pagemargin
|
|
1162
|
+
margin-inline-end: var(--v-space-pagemargin)
|
|
1163
|
+
|
|
1164
|
+
.{lg,md,xl}:ml-pagemargin
|
|
1165
|
+
margin-inline-start: var(--v-space-pagemargin)
|
|
1166
|
+
|
|
1079
1167
|
.{lg,md,xl}:m-2
|
|
1080
1168
|
margin: .125rem
|
|
1081
1169
|
|
|
@@ -1490,45 +1578,65 @@ margin-inline-end: -4rem
|
|
|
1490
1578
|
.{lg,md,xl}:-ml-64
|
|
1491
1579
|
margin-inline-start: -4rem
|
|
1492
1580
|
|
|
1493
|
-
.{lg,md,xl}:my-
|
|
1494
|
-
margin-top: var(--v-space-
|
|
1495
|
-
margin-bottom: var(--v-space-
|
|
1581
|
+
.{lg,md,xl}:my-xs
|
|
1582
|
+
margin-top: var(--v-space-xs)
|
|
1583
|
+
margin-bottom: var(--v-space-xs)
|
|
1496
1584
|
|
|
1497
|
-
.{lg,md,xl}:mt-
|
|
1498
|
-
margin-top: var(--v-space-
|
|
1585
|
+
.{lg,md,xl}:mt-xs
|
|
1586
|
+
margin-top: var(--v-space-xs)
|
|
1499
1587
|
|
|
1500
|
-
.{lg,md,xl}:mb-
|
|
1501
|
-
margin-bottom: var(--v-space-
|
|
1588
|
+
.{lg,md,xl}:mb-xs
|
|
1589
|
+
margin-bottom: var(--v-space-xs)
|
|
1502
1590
|
|
|
1503
|
-
.{lg,md,xl}:my-
|
|
1504
|
-
margin-top: var(--v-space-
|
|
1505
|
-
margin-bottom: var(--v-space-
|
|
1591
|
+
.{lg,md,xl}:my-sm
|
|
1592
|
+
margin-top: var(--v-space-sm)
|
|
1593
|
+
margin-bottom: var(--v-space-sm)
|
|
1506
1594
|
|
|
1507
|
-
.{lg,md,xl}:mt-
|
|
1508
|
-
margin-top: var(--v-space-
|
|
1595
|
+
.{lg,md,xl}:mt-sm
|
|
1596
|
+
margin-top: var(--v-space-sm)
|
|
1509
1597
|
|
|
1510
|
-
.{lg,md,xl}:mb-
|
|
1511
|
-
margin-bottom: var(--v-space-
|
|
1598
|
+
.{lg,md,xl}:mb-sm
|
|
1599
|
+
margin-bottom: var(--v-space-sm)
|
|
1512
1600
|
|
|
1513
|
-
.{lg,md,xl}:my-
|
|
1514
|
-
margin-top: var(--v-space-
|
|
1515
|
-
margin-bottom: var(--v-space-
|
|
1601
|
+
.{lg,md,xl}:my-md
|
|
1602
|
+
margin-top: var(--v-space-md)
|
|
1603
|
+
margin-bottom: var(--v-space-md)
|
|
1516
1604
|
|
|
1517
|
-
.{lg,md,xl}:mt-
|
|
1518
|
-
margin-top: var(--v-space-
|
|
1605
|
+
.{lg,md,xl}:mt-md
|
|
1606
|
+
margin-top: var(--v-space-md)
|
|
1519
1607
|
|
|
1520
|
-
.{lg,md,xl}:mb-
|
|
1521
|
-
margin-bottom: var(--v-space-
|
|
1608
|
+
.{lg,md,xl}:mb-md
|
|
1609
|
+
margin-bottom: var(--v-space-md)
|
|
1522
1610
|
|
|
1523
|
-
.{lg,md,xl}:
|
|
1524
|
-
margin-
|
|
1525
|
-
margin-
|
|
1611
|
+
.{lg,md,xl}:my-lg
|
|
1612
|
+
margin-top: var(--v-space-lg)
|
|
1613
|
+
margin-bottom: var(--v-space-lg)
|
|
1526
1614
|
|
|
1527
|
-
.{lg,md,xl}:
|
|
1528
|
-
margin-
|
|
1615
|
+
.{lg,md,xl}:mt-lg
|
|
1616
|
+
margin-top: var(--v-space-lg)
|
|
1529
1617
|
|
|
1530
|
-
.{lg,md,xl}:
|
|
1531
|
-
margin-
|
|
1618
|
+
.{lg,md,xl}:mb-lg
|
|
1619
|
+
margin-bottom: var(--v-space-lg)
|
|
1620
|
+
|
|
1621
|
+
.{lg,md,xl}:my-xl
|
|
1622
|
+
margin-top: var(--v-space-xl)
|
|
1623
|
+
margin-bottom: var(--v-space-xl)
|
|
1624
|
+
|
|
1625
|
+
.{lg,md,xl}:mt-xl
|
|
1626
|
+
margin-top: var(--v-space-xl)
|
|
1627
|
+
|
|
1628
|
+
.{lg,md,xl}:mb-xl
|
|
1629
|
+
margin-bottom: var(--v-space-xl)
|
|
1630
|
+
|
|
1631
|
+
.{lg,md,xl}:my-2xl
|
|
1632
|
+
margin-top: var(--v-space-2xl)
|
|
1633
|
+
margin-bottom: var(--v-space-2xl)
|
|
1634
|
+
|
|
1635
|
+
.{lg,md,xl}:mt-2xl
|
|
1636
|
+
margin-top: var(--v-space-2xl)
|
|
1637
|
+
|
|
1638
|
+
.{lg,md,xl}:mb-2xl
|
|
1639
|
+
margin-bottom: var(--v-space-2xl)
|
|
1532
1640
|
|
|
1533
1641
|
.object-fill
|
|
1534
1642
|
object-fit: fill
|
|
@@ -1598,6 +1706,46 @@ padding-inline-end: 0
|
|
|
1598
1706
|
.{lg,md,xl}:pl-0
|
|
1599
1707
|
padding-inline-start: 0
|
|
1600
1708
|
|
|
1709
|
+
.{lg,md,xl}:py-l
|
|
1710
|
+
padding-top: var(--v-space-l)
|
|
1711
|
+
padding-bottom: var(--v-space-l)
|
|
1712
|
+
|
|
1713
|
+
.{lg,md,xl}:pt-l
|
|
1714
|
+
padding-top: var(--v-space-l)
|
|
1715
|
+
|
|
1716
|
+
.{lg,md,xl}:pb-l
|
|
1717
|
+
padding-bottom: var(--v-space-l)
|
|
1718
|
+
|
|
1719
|
+
.{lg,md,xl}:py-m
|
|
1720
|
+
padding-top: var(--v-space-m)
|
|
1721
|
+
padding-bottom: var(--v-space-m)
|
|
1722
|
+
|
|
1723
|
+
.{lg,md,xl}:pt-m
|
|
1724
|
+
padding-top: var(--v-space-m)
|
|
1725
|
+
|
|
1726
|
+
.{lg,md,xl}:pb-m
|
|
1727
|
+
padding-bottom: var(--v-space-m)
|
|
1728
|
+
|
|
1729
|
+
.{lg,md,xl}:py-s
|
|
1730
|
+
padding-top: var(--v-space-s)
|
|
1731
|
+
padding-bottom: var(--v-space-s)
|
|
1732
|
+
|
|
1733
|
+
.{lg,md,xl}:pt-s
|
|
1734
|
+
padding-top: var(--v-space-s)
|
|
1735
|
+
|
|
1736
|
+
.{lg,md,xl}:pb-s
|
|
1737
|
+
padding-bottom: var(--v-space-s)
|
|
1738
|
+
|
|
1739
|
+
.{lg,md,xl}:px-pagemargin
|
|
1740
|
+
padding-inline-end: var(--v-space-pagemargin)
|
|
1741
|
+
padding-inline-start: var(--v-space-pagemargin)
|
|
1742
|
+
|
|
1743
|
+
.{lg,md,xl}:pr-pagemargin
|
|
1744
|
+
padding-inline-end: var(--v-space-pagemargin)
|
|
1745
|
+
|
|
1746
|
+
.{lg,md,xl}:pl-pagemargin
|
|
1747
|
+
padding-inline-start: var(--v-space-pagemargin)
|
|
1748
|
+
|
|
1601
1749
|
.{lg,md,xl}:p-2
|
|
1602
1750
|
padding: .125rem
|
|
1603
1751
|
|
|
@@ -1805,45 +1953,65 @@ padding-inline-end: 4rem
|
|
|
1805
1953
|
.{lg,md,xl}:pl-64
|
|
1806
1954
|
padding-inline-start: 4rem
|
|
1807
1955
|
|
|
1808
|
-
.{lg,md,xl}:py-
|
|
1809
|
-
padding-top: var(--v-space-
|
|
1810
|
-
padding-bottom: var(--v-space-
|
|
1956
|
+
.{lg,md,xl}:py-xs
|
|
1957
|
+
padding-top: var(--v-space-xs)
|
|
1958
|
+
padding-bottom: var(--v-space-xs)
|
|
1811
1959
|
|
|
1812
|
-
.{lg,md,xl}:pt-
|
|
1813
|
-
padding-top: var(--v-space-
|
|
1960
|
+
.{lg,md,xl}:pt-xs
|
|
1961
|
+
padding-top: var(--v-space-xs)
|
|
1814
1962
|
|
|
1815
|
-
.{lg,md,xl}:pb-
|
|
1816
|
-
padding-bottom: var(--v-space-
|
|
1963
|
+
.{lg,md,xl}:pb-xs
|
|
1964
|
+
padding-bottom: var(--v-space-xs)
|
|
1817
1965
|
|
|
1818
|
-
.{lg,md,xl}:py-
|
|
1819
|
-
padding-top: var(--v-space-
|
|
1820
|
-
padding-bottom: var(--v-space-
|
|
1966
|
+
.{lg,md,xl}:py-sm
|
|
1967
|
+
padding-top: var(--v-space-sm)
|
|
1968
|
+
padding-bottom: var(--v-space-sm)
|
|
1821
1969
|
|
|
1822
|
-
.{lg,md,xl}:pt-
|
|
1823
|
-
padding-top: var(--v-space-
|
|
1970
|
+
.{lg,md,xl}:pt-sm
|
|
1971
|
+
padding-top: var(--v-space-sm)
|
|
1824
1972
|
|
|
1825
|
-
.{lg,md,xl}:pb-
|
|
1826
|
-
padding-bottom: var(--v-space-
|
|
1973
|
+
.{lg,md,xl}:pb-sm
|
|
1974
|
+
padding-bottom: var(--v-space-sm)
|
|
1827
1975
|
|
|
1828
|
-
.{lg,md,xl}:py-
|
|
1829
|
-
padding-top: var(--v-space-
|
|
1830
|
-
padding-bottom: var(--v-space-
|
|
1976
|
+
.{lg,md,xl}:py-md
|
|
1977
|
+
padding-top: var(--v-space-md)
|
|
1978
|
+
padding-bottom: var(--v-space-md)
|
|
1831
1979
|
|
|
1832
|
-
.{lg,md,xl}:pt-
|
|
1833
|
-
padding-top: var(--v-space-
|
|
1980
|
+
.{lg,md,xl}:pt-md
|
|
1981
|
+
padding-top: var(--v-space-md)
|
|
1834
1982
|
|
|
1835
|
-
.{lg,md,xl}:pb-
|
|
1836
|
-
padding-bottom: var(--v-space-
|
|
1983
|
+
.{lg,md,xl}:pb-md
|
|
1984
|
+
padding-bottom: var(--v-space-md)
|
|
1837
1985
|
|
|
1838
|
-
.{lg,md,xl}:
|
|
1839
|
-
padding-
|
|
1840
|
-
padding-
|
|
1986
|
+
.{lg,md,xl}:py-lg
|
|
1987
|
+
padding-top: var(--v-space-lg)
|
|
1988
|
+
padding-bottom: var(--v-space-lg)
|
|
1841
1989
|
|
|
1842
|
-
.{lg,md,xl}:
|
|
1843
|
-
padding-
|
|
1990
|
+
.{lg,md,xl}:pt-lg
|
|
1991
|
+
padding-top: var(--v-space-lg)
|
|
1844
1992
|
|
|
1845
|
-
.{lg,md,xl}:
|
|
1846
|
-
padding-
|
|
1993
|
+
.{lg,md,xl}:pb-lg
|
|
1994
|
+
padding-bottom: var(--v-space-lg)
|
|
1995
|
+
|
|
1996
|
+
.{lg,md,xl}:py-xl
|
|
1997
|
+
padding-top: var(--v-space-xl)
|
|
1998
|
+
padding-bottom: var(--v-space-xl)
|
|
1999
|
+
|
|
2000
|
+
.{lg,md,xl}:pt-xl
|
|
2001
|
+
padding-top: var(--v-space-xl)
|
|
2002
|
+
|
|
2003
|
+
.{lg,md,xl}:pb-xl
|
|
2004
|
+
padding-bottom: var(--v-space-xl)
|
|
2005
|
+
|
|
2006
|
+
.{lg,md,xl}:py-2xl
|
|
2007
|
+
padding-top: var(--v-space-2xl)
|
|
2008
|
+
padding-bottom: var(--v-space-2xl)
|
|
2009
|
+
|
|
2010
|
+
.{lg,md,xl}:pt-2xl
|
|
2011
|
+
padding-top: var(--v-space-2xl)
|
|
2012
|
+
|
|
2013
|
+
.{lg,md,xl}:pb-2xl
|
|
2014
|
+
padding-bottom: var(--v-space-2xl)
|
|
1847
2015
|
|
|
1848
2016
|
.static
|
|
1849
2017
|
position: static
|
|
@@ -2186,25 +2354,9 @@ When writing CSS, use these CSS custom properties for relevant properties. Don't
|
|
|
2186
2354
|
--v-color-surface-feedback-orange: [Deprecated]
|
|
2187
2355
|
--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.
|
|
2188
2356
|
--v-color-surface-neutral: Used as a surface fill for UI elements like buttons and form controls. Combine with Foreground / Inverted foreground color.
|
|
2189
|
-
--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-
|
|
2190
|
-
They will be removed from here once we fully transition to the new system.
|
|
2191
|
-
--v-size-sidebar-wide--v-space-2: Fixed 2px spacing
|
|
2192
|
-
--v-space-4: Fixed 4px spacing
|
|
2193
|
-
--v-space-8: Fixed 8px spacing
|
|
2194
|
-
--v-space-12: Fixed 12px spacing
|
|
2195
|
-
--v-space-16: Fixed 16px spacing
|
|
2196
|
-
--v-space-24: Fixed 24px spacing
|
|
2197
|
-
--v-space-32: Fixed 32px spacing
|
|
2198
|
-
--v-space-48: Fixed 48px spacing
|
|
2199
|
-
--v-space-64: Fixed 64px spacing
|
|
2200
|
-
--v-space-l: Fluid spacing between 64px-96px.
|
|
2357
|
+
--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-l: Fluid spacing between 64px-96px.
|
|
2201
2358
|
--v-space-m: Fluid spacing between 48px-64px.
|
|
2202
2359
|
--v-space-s: Fluid spacing between 32px-48px.
|
|
2203
|
-
--v-space-pagemargin: The fluid outer horizontal margins of the main page container.
|
|
2204
|
-
375 - 24px
|
|
2205
|
-
768 - 24px
|
|
2206
|
-
1280 - 28px
|
|
2207
|
-
1680 - 128px
|
|
2208
2360
|
--v-space-gutter: The horizontal gap between grid columns. Fluid between 16px-24px.
|
|
2209
2361
|
--v-size-grid-column: The width of a single grid column.
|
|
2210
2362
|
--v-size-grid-maxwidth: The maximum width of the 12 column grid.
|
|
@@ -2217,5 +2369,27 @@ They will be removed from here once we fully transition to the new system.
|
|
|
2217
2369
|
--v-size-grid-max: Width based on the maximum extent of a `max` container
|
|
2218
2370
|
--v-size-contentmax: The maximum width a block of content should be allowed to grow to while maintaining readability
|
|
2219
2371
|
https://baymard.com/blog/line-length-readability
|
|
2220
|
-
--v-radius-sm--v-radius-md--v-radius-lg--v-
|
|
2221
|
-
--v-
|
|
2372
|
+
--v-radius-sm--v-radius-md--v-radius-lg--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.
|
|
2373
|
+
--v-space-pagemargin: The fluid outer horizontal margins of the main page container.
|
|
2374
|
+
402 - 16px
|
|
2375
|
+
1600 - 64px
|
|
2376
|
+
--v-shape-default--v-shape-emphasis--v-transition-default--v-transition-micro--v-transition-notable--v-space-2: Fixed 2px spacing
|
|
2377
|
+
--v-space-4: Fixed 4px spacing
|
|
2378
|
+
--v-space-8: Fixed 8px spacing
|
|
2379
|
+
--v-space-12: Fixed 12px spacing
|
|
2380
|
+
--v-space-16: Fixed 16px spacing
|
|
2381
|
+
--v-space-24: Fixed 24px spacing
|
|
2382
|
+
--v-space-32: Fixed 32px spacing
|
|
2383
|
+
--v-space-48: Fixed 48px spacing
|
|
2384
|
+
--v-space-64: Fixed 64px spacing
|
|
2385
|
+
--v-space-gridded-element-gap: Divider between gridded elements. Do not use for text.
|
|
2386
|
+
--v-space-xs: Fluid spacing between 8px-20px.
|
|
2387
|
+
--v-space-sm: Fluid spacing between 16px-32px.
|
|
2388
|
+
--v-space-md: Fluid spacing between 24px-48px.
|
|
2389
|
+
--v-space-lg: Fluid spacing between 32px-56px.
|
|
2390
|
+
--v-space-xl: Fluid spacing between 48px-72px.
|
|
2391
|
+
--v-space-2xl: Fluid spacing between 64px-128px.
|
|
2392
|
+
--v-border-width-default: Use for any UI element that needs a border in the default state.
|
|
2393
|
+
--v-border-width-selected: Use for any UI element that needs a border in the selected state.
|
|
2394
|
+
--v-size-sidebar-narrow: Narrow sidebar width is 240 to 304 between lg and xl
|
|
2395
|
+
--v-size-sidebar-wide: Wide sidebar width is 368 to 464 between lg and xl
|