automatic css card 26 owl card utility classes

Solutions on MaxInterview for automatic css card 26 owl card utility classes by the best coders in the world

showing results for - "automatic css card 26 owl card utility classes"
Miguel
11 Jun 2016
1/* 
2CARD UTILITY CLASSES
3Default cards that pad and space content automatically.
4*/
5
6:is(.card--l, .card--xl, .card--xxl) {
7	padding: clamp(var(--pad-min) * .6em, calc(var(--pad-min) * 1rem + ((1vw - (var(--vp-min) / 100) * 1rem) * (100 * (var(--pad-max) - var(--pad-min)) / (var(--vp-max) - var(--vp-min))))), var(--pad-max) * .6em);
8}
9.card--xs {
10	padding: calc((var(--base-space) * var(--space-adjust-mob-xs)) * .6em);
11}
12.card--s {
13	padding: calc((var(--base-space) * var(--space-adjust-mob-s)) * .6em);
14}
15.card--m {
16	padding: calc((var(--base-space) * var(--space-adjust-mob-m)) * .6em);
17}
18.card--l {
19	--pad-min: calc(var(--base-space) * var(--space-adjust-mob-l));
20	--pad-max: calc(var(--base-space) * var(--space-adjust-desk-l));
21}
22.card--xl {
23	--pad-min: calc(var(--base-space) * var(--space-adjust-mob-xl));
24	--pad-max: calc(var(--base-space) * var(--space-adjust-desk-xl));
25}
26.card--xxl {
27	--pad-min: calc(var(--base-space) * var(--space-adjust-mob-xxl));
28	--pad-max: calc(var(--base-space) * var(--space-adjust-desk-xxl));
29}
30.owl-card--s {
31	padding: calc((var(--base-space) * var(--space-adjust-mob-xs)) * .8em);
32}
33.owl-card--s > * + * {
34	margin-top: calc((var(--base-space) * var(--space-adjust-mob-xs)) * .4em);
35}
36.owl-card--m {
37	padding: calc((var(--base-space) * var(--space-adjust-mob-xs)) * 1em);
38}
39.owl-card--m > * + * {
40	margin-top: calc((var(--base-space) * var(--space-adjust-mob-xs)) * .6em);
41}
42.owl-card--l {
43	padding: calc((var(--base-space) * var(--space-adjust-mob-s)) * 1em);
44}
45.owl-card--l > * + * {
46	margin-top: calc((var(--base-space) * var(--space-adjust-mob-s)) * .6em);
47}
similar questions