@volverjs/style
Version:
@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui-* and static webpages as well.
2 lines (1 loc) • 19.7 kB
CSS
:where(.font-sans){font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}:where(.font-serif){font-family:var(--font-serif,ui-serif, Georgia, Cambria, "Times New Roman", Times, serif)}:where(.font-mono){font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace)}:where(.font-thin){font-weight:var(--font-thin,100)}:where(.font-extralight){font-weight:var(--font-extralight,200)}:where(.font-light){font-weight:var(--font-light,300)}:where(.font-normal){font-weight:var(--font-normal,400)}:where(.font-medium){font-weight:var(--font-medium,500)}:where(.font-semibold){font-weight:var(--font-semibold,600)}:where(.font-bold){font-weight:var(--font-bold,700)}:where(.font-extrabold){font-weight:var(--font-extrabold,800)}:where(.font-black){font-weight:var(--font-black,900)}:where(.text-smaller){font-size:var(--text-smaller,smaller)}:where(.text-larger){font-size:var(--text-larger,larger)}:where(.text-6){font-size:var(--text-6,.375rem)}:where(.text-8){font-size:var(--text-8,.5rem)}:where(.text-10){font-size:var(--text-10,.625rem)}:where(.text-12){font-size:var(--text-12,.75rem)}:where(.text-14){font-size:var(--text-14,.875rem)}:where(.text-16){font-size:var(--text-16,1rem)}:where(.text-18){font-size:var(--text-18,1.125rem)}:where(.text-20){font-size:var(--text-20,1.25rem)}:where(.text-22){font-size:var(--text-22,1.375rem)}:where(.text-24){font-size:var(--text-24,1.5rem)}:where(.text-26){font-size:var(--text-26,1.625rem)}:where(.text-28){font-size:var(--text-28,1.75rem)}:where(.text-30){font-size:var(--text-30,1.875rem)}:where(.text-32){font-size:var(--text-32,2rem)}:where(.text-34){font-size:var(--text-34,2.125rem)}:where(.text-36){font-size:var(--text-36,2.25rem)}:where(.text-48){font-size:var(--text-48,3rem)}:where(.text-60){font-size:var(--text-60,3.75rem)}:where(.text-72){font-size:var(--text-72,4.5rem)}:where(.text-96){font-size:var(--text-96,6rem)}:where(.text-128){font-size:var(--text-128,8rem)}:where(.text-xs){font-size:var(--text-xs)}:where(.text-sm){font-size:var(--text-sm)}:where(.text-md){font-size:var(--text-md)}:where(.text-lg){font-size:var(--text-lg)}:where(.text-xl){font-size:var(--text-xl)}@media (width>=360px){:where(.xs\:text-smaller){font-size:var(--text-smaller,smaller)}:where(.xs\:text-larger){font-size:var(--text-larger,larger)}:where(.xs\:text-6){font-size:var(--text-6,.375rem)}:where(.xs\:text-8){font-size:var(--text-8,.5rem)}:where(.xs\:text-10){font-size:var(--text-10,.625rem)}:where(.xs\:text-12){font-size:var(--text-12,.75rem)}:where(.xs\:text-14){font-size:var(--text-14,.875rem)}:where(.xs\:text-16){font-size:var(--text-16,1rem)}:where(.xs\:text-18){font-size:var(--text-18,1.125rem)}:where(.xs\:text-20){font-size:var(--text-20,1.25rem)}:where(.xs\:text-22){font-size:var(--text-22,1.375rem)}:where(.xs\:text-24){font-size:var(--text-24,1.5rem)}:where(.xs\:text-26){font-size:var(--text-26,1.625rem)}:where(.xs\:text-28){font-size:var(--text-28,1.75rem)}:where(.xs\:text-30){font-size:var(--text-30,1.875rem)}:where(.xs\:text-32){font-size:var(--text-32,2rem)}:where(.xs\:text-34){font-size:var(--text-34,2.125rem)}:where(.xs\:text-36){font-size:var(--text-36,2.25rem)}:where(.xs\:text-48){font-size:var(--text-48,3rem)}:where(.xs\:text-60){font-size:var(--text-60,3.75rem)}:where(.xs\:text-72){font-size:var(--text-72,4.5rem)}:where(.xs\:text-96){font-size:var(--text-96,6rem)}:where(.xs\:text-128){font-size:var(--text-128,8rem)}:where(.xs\:text-xs){font-size:var(--text-xs)}:where(.xs\:text-sm){font-size:var(--text-sm)}:where(.xs\:text-md){font-size:var(--text-md)}:where(.xs\:text-lg){font-size:var(--text-lg)}:where(.xs\:text-xl){font-size:var(--text-xl)}}@media (width>=576px){:where(.sm\:text-smaller){font-size:var(--text-smaller,smaller)}:where(.sm\:text-larger){font-size:var(--text-larger,larger)}:where(.sm\:text-6){font-size:var(--text-6,.375rem)}:where(.sm\:text-8){font-size:var(--text-8,.5rem)}:where(.sm\:text-10){font-size:var(--text-10,.625rem)}:where(.sm\:text-12){font-size:var(--text-12,.75rem)}:where(.sm\:text-14){font-size:var(--text-14,.875rem)}:where(.sm\:text-16){font-size:var(--text-16,1rem)}:where(.sm\:text-18){font-size:var(--text-18,1.125rem)}:where(.sm\:text-20){font-size:var(--text-20,1.25rem)}:where(.sm\:text-22){font-size:var(--text-22,1.375rem)}:where(.sm\:text-24){font-size:var(--text-24,1.5rem)}:where(.sm\:text-26){font-size:var(--text-26,1.625rem)}:where(.sm\:text-28){font-size:var(--text-28,1.75rem)}:where(.sm\:text-30){font-size:var(--text-30,1.875rem)}:where(.sm\:text-32){font-size:var(--text-32,2rem)}:where(.sm\:text-34){font-size:var(--text-34,2.125rem)}:where(.sm\:text-36){font-size:var(--text-36,2.25rem)}:where(.sm\:text-48){font-size:var(--text-48,3rem)}:where(.sm\:text-60){font-size:var(--text-60,3.75rem)}:where(.sm\:text-72){font-size:var(--text-72,4.5rem)}:where(.sm\:text-96){font-size:var(--text-96,6rem)}:where(.sm\:text-128){font-size:var(--text-128,8rem)}:where(.sm\:text-xs){font-size:var(--text-xs)}:where(.sm\:text-sm){font-size:var(--text-sm)}:where(.sm\:text-md){font-size:var(--text-md)}:where(.sm\:text-lg){font-size:var(--text-lg)}:where(.sm\:text-xl){font-size:var(--text-xl)}}@media (width>=992px){:where(.md\:text-smaller){font-size:var(--text-smaller,smaller)}:where(.md\:text-larger){font-size:var(--text-larger,larger)}:where(.md\:text-6){font-size:var(--text-6,.375rem)}:where(.md\:text-8){font-size:var(--text-8,.5rem)}:where(.md\:text-10){font-size:var(--text-10,.625rem)}:where(.md\:text-12){font-size:var(--text-12,.75rem)}:where(.md\:text-14){font-size:var(--text-14,.875rem)}:where(.md\:text-16){font-size:var(--text-16,1rem)}:where(.md\:text-18){font-size:var(--text-18,1.125rem)}:where(.md\:text-20){font-size:var(--text-20,1.25rem)}:where(.md\:text-22){font-size:var(--text-22,1.375rem)}:where(.md\:text-24){font-size:var(--text-24,1.5rem)}:where(.md\:text-26){font-size:var(--text-26,1.625rem)}:where(.md\:text-28){font-size:var(--text-28,1.75rem)}:where(.md\:text-30){font-size:var(--text-30,1.875rem)}:where(.md\:text-32){font-size:var(--text-32,2rem)}:where(.md\:text-34){font-size:var(--text-34,2.125rem)}:where(.md\:text-36){font-size:var(--text-36,2.25rem)}:where(.md\:text-48){font-size:var(--text-48,3rem)}:where(.md\:text-60){font-size:var(--text-60,3.75rem)}:where(.md\:text-72){font-size:var(--text-72,4.5rem)}:where(.md\:text-96){font-size:var(--text-96,6rem)}:where(.md\:text-128){font-size:var(--text-128,8rem)}:where(.md\:text-xs){font-size:var(--text-xs)}:where(.md\:text-sm){font-size:var(--text-sm)}:where(.md\:text-md){font-size:var(--text-md)}:where(.md\:text-lg){font-size:var(--text-lg)}:where(.md\:text-xl){font-size:var(--text-xl)}}@media (width>=1024px){:where(.lg\:text-smaller){font-size:var(--text-smaller,smaller)}:where(.lg\:text-larger){font-size:var(--text-larger,larger)}:where(.lg\:text-6){font-size:var(--text-6,.375rem)}:where(.lg\:text-8){font-size:var(--text-8,.5rem)}:where(.lg\:text-10){font-size:var(--text-10,.625rem)}:where(.lg\:text-12){font-size:var(--text-12,.75rem)}:where(.lg\:text-14){font-size:var(--text-14,.875rem)}:where(.lg\:text-16){font-size:var(--text-16,1rem)}:where(.lg\:text-18){font-size:var(--text-18,1.125rem)}:where(.lg\:text-20){font-size:var(--text-20,1.25rem)}:where(.lg\:text-22){font-size:var(--text-22,1.375rem)}:where(.lg\:text-24){font-size:var(--text-24,1.5rem)}:where(.lg\:text-26){font-size:var(--text-26,1.625rem)}:where(.lg\:text-28){font-size:var(--text-28,1.75rem)}:where(.lg\:text-30){font-size:var(--text-30,1.875rem)}:where(.lg\:text-32){font-size:var(--text-32,2rem)}:where(.lg\:text-34){font-size:var(--text-34,2.125rem)}:where(.lg\:text-36){font-size:var(--text-36,2.25rem)}:where(.lg\:text-48){font-size:var(--text-48,3rem)}:where(.lg\:text-60){font-size:var(--text-60,3.75rem)}:where(.lg\:text-72){font-size:var(--text-72,4.5rem)}:where(.lg\:text-96){font-size:var(--text-96,6rem)}:where(.lg\:text-128){font-size:var(--text-128,8rem)}:where(.lg\:text-xs){font-size:var(--text-xs)}:where(.lg\:text-sm){font-size:var(--text-sm)}:where(.lg\:text-md){font-size:var(--text-md)}:where(.lg\:text-lg){font-size:var(--text-lg)}:where(.lg\:text-xl){font-size:var(--text-xl)}}@media (width>=1280px){:where(.xl\:text-smaller){font-size:var(--text-smaller,smaller)}:where(.xl\:text-larger){font-size:var(--text-larger,larger)}:where(.xl\:text-6){font-size:var(--text-6,.375rem)}:where(.xl\:text-8){font-size:var(--text-8,.5rem)}:where(.xl\:text-10){font-size:var(--text-10,.625rem)}:where(.xl\:text-12){font-size:var(--text-12,.75rem)}:where(.xl\:text-14){font-size:var(--text-14,.875rem)}:where(.xl\:text-16){font-size:var(--text-16,1rem)}:where(.xl\:text-18){font-size:var(--text-18,1.125rem)}:where(.xl\:text-20){font-size:var(--text-20,1.25rem)}:where(.xl\:text-22){font-size:var(--text-22,1.375rem)}:where(.xl\:text-24){font-size:var(--text-24,1.5rem)}:where(.xl\:text-26){font-size:var(--text-26,1.625rem)}:where(.xl\:text-28){font-size:var(--text-28,1.75rem)}:where(.xl\:text-30){font-size:var(--text-30,1.875rem)}:where(.xl\:text-32){font-size:var(--text-32,2rem)}:where(.xl\:text-34){font-size:var(--text-34,2.125rem)}:where(.xl\:text-36){font-size:var(--text-36,2.25rem)}:where(.xl\:text-48){font-size:var(--text-48,3rem)}:where(.xl\:text-60){font-size:var(--text-60,3.75rem)}:where(.xl\:text-72){font-size:var(--text-72,4.5rem)}:where(.xl\:text-96){font-size:var(--text-96,6rem)}:where(.xl\:text-128){font-size:var(--text-128,8rem)}:where(.xl\:text-xs){font-size:var(--text-xs)}:where(.xl\:text-sm){font-size:var(--text-sm)}:where(.xl\:text-md){font-size:var(--text-md)}:where(.xl\:text-lg){font-size:var(--text-lg)}:where(.xl\:text-xl){font-size:var(--text-xl)}}@media (width>=1440px){:where(.xxl\:text-smaller){font-size:var(--text-smaller,smaller)}:where(.xxl\:text-larger){font-size:var(--text-larger,larger)}:where(.xxl\:text-6){font-size:var(--text-6,.375rem)}:where(.xxl\:text-8){font-size:var(--text-8,.5rem)}:where(.xxl\:text-10){font-size:var(--text-10,.625rem)}:where(.xxl\:text-12){font-size:var(--text-12,.75rem)}:where(.xxl\:text-14){font-size:var(--text-14,.875rem)}:where(.xxl\:text-16){font-size:var(--text-16,1rem)}:where(.xxl\:text-18){font-size:var(--text-18,1.125rem)}:where(.xxl\:text-20){font-size:var(--text-20,1.25rem)}:where(.xxl\:text-22){font-size:var(--text-22,1.375rem)}:where(.xxl\:text-24){font-size:var(--text-24,1.5rem)}:where(.xxl\:text-26){font-size:var(--text-26,1.625rem)}:where(.xxl\:text-28){font-size:var(--text-28,1.75rem)}:where(.xxl\:text-30){font-size:var(--text-30,1.875rem)}:where(.xxl\:text-32){font-size:var(--text-32,2rem)}:where(.xxl\:text-34){font-size:var(--text-34,2.125rem)}:where(.xxl\:text-36){font-size:var(--text-36,2.25rem)}:where(.xxl\:text-48){font-size:var(--text-48,3rem)}:where(.xxl\:text-60){font-size:var(--text-60,3.75rem)}:where(.xxl\:text-72){font-size:var(--text-72,4.5rem)}:where(.xxl\:text-96){font-size:var(--text-96,6rem)}:where(.xxl\:text-128){font-size:var(--text-128,8rem)}:where(.xxl\:text-xs){font-size:var(--text-xs)}:where(.xxl\:text-sm){font-size:var(--text-sm)}:where(.xxl\:text-md){font-size:var(--text-md)}:where(.xxl\:text-lg){font-size:var(--text-lg)}:where(.xxl\:text-xl){font-size:var(--text-xl)}}@media (width>=1536px){:where(.xxxl\:text-smaller){font-size:var(--text-smaller,smaller)}:where(.xxxl\:text-larger){font-size:var(--text-larger,larger)}:where(.xxxl\:text-6){font-size:var(--text-6,.375rem)}:where(.xxxl\:text-8){font-size:var(--text-8,.5rem)}:where(.xxxl\:text-10){font-size:var(--text-10,.625rem)}:where(.xxxl\:text-12){font-size:var(--text-12,.75rem)}:where(.xxxl\:text-14){font-size:var(--text-14,.875rem)}:where(.xxxl\:text-16){font-size:var(--text-16,1rem)}:where(.xxxl\:text-18){font-size:var(--text-18,1.125rem)}:where(.xxxl\:text-20){font-size:var(--text-20,1.25rem)}:where(.xxxl\:text-22){font-size:var(--text-22,1.375rem)}:where(.xxxl\:text-24){font-size:var(--text-24,1.5rem)}:where(.xxxl\:text-26){font-size:var(--text-26,1.625rem)}:where(.xxxl\:text-28){font-size:var(--text-28,1.75rem)}:where(.xxxl\:text-30){font-size:var(--text-30,1.875rem)}:where(.xxxl\:text-32){font-size:var(--text-32,2rem)}:where(.xxxl\:text-34){font-size:var(--text-34,2.125rem)}:where(.xxxl\:text-36){font-size:var(--text-36,2.25rem)}:where(.xxxl\:text-48){font-size:var(--text-48,3rem)}:where(.xxxl\:text-60){font-size:var(--text-60,3.75rem)}:where(.xxxl\:text-72){font-size:var(--text-72,4.5rem)}:where(.xxxl\:text-96){font-size:var(--text-96,6rem)}:where(.xxxl\:text-128){font-size:var(--text-128,8rem)}:where(.xxxl\:text-xs){font-size:var(--text-xs)}:where(.xxxl\:text-sm){font-size:var(--text-sm)}:where(.xxxl\:text-md){font-size:var(--text-md)}:where(.xxxl\:text-lg){font-size:var(--text-lg)}:where(.xxxl\:text-xl){font-size:var(--text-xl)}}:where(.italic){font-style:italic}:where(.non-italic){font-style:normal}:where(.antialiased){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(.subpixel-antialiased){-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}:where(.leading-none){line-height:var(--leading-none,1)}:where(.leading-tight){line-height:var(--leading-tight,1.25)}:where(.leading-snug){line-height:var(--leading-snug,1.375)}:where(.leading-normal){line-height:var(--leading-normal,1.5)}:where(.leading-relaxed){line-height:var(--leading-relaxed,1.625)}:where(.leading-loose){line-height:var(--leading-loose,2)}:where(.tracking-tighter){letter-spacing:var(--tracking-tighter,-.05em)}:where(.tracking-tight){letter-spacing:var(--tracking-tight,-.025em)}:where(.tracking-normal){letter-spacing:var(--tracking-normal,0em)}:where(.tracking-wide){letter-spacing:var(--tracking-wide,.025em)}:where(.tracking-wider){letter-spacing:var(--tracking-wider,.05em)}:where(.tracking-widest){letter-spacing:var(--tracking-widest,.1em)}:where(.normal-nums){font-feature-settings:normal;font-variant-numeric:normal}:where(.ordinal){font-feature-settings:"ordn";font-variant-numeric:ordinal}:where(.slashed-zero){font-feature-settings:"zero";font-variant-numeric:slashed-zero}:where(.lining-nums){font-feature-settings:"lnum";font-variant-numeric:lining-nums}:where(.oldstyle-nums){font-feature-settings:"onum";font-variant-numeric:oldstyle-nums}:where(.proportional-nums){font-feature-settings:"pnum";font-variant-numeric:proportional-nums}:where(.tabular-nums){font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:where(.diagonal-fractions){font-feature-settings:"frac";font-variant-numeric:diagonal-fractions}:where(.stacked-fractions){font-feature-settings:"afrc";font-variant-numeric:stacked-fractions}:where(.list-none){list-style-type:none}:where(.list-disc){list-style-type:disc}:where(.list-decimal){list-style-type:decimal}:where(.list-lower-latin){list-style-type:lower-latin}:where(.list-upper-latin){list-style-type:upper-latin}:where(.list-lower-roman){list-style-type:lower-roman}:where(.list-upper-roman){list-style-type:upper-roman}:where(.list-inside){list-style-position:inside}:where(.list-outside){list-style-position:outside}:where(.text-left){text-align:left}:where(.text-center){text-align:center}:where(.text-right){text-align:right}:where(.text-justify){text-align:justify}:where(.text-start){text-align:start}:where(.text-end){text-align:end}@media (width>=360px){:where(.xs\:text-left){text-align:left}:where(.xs\:text-center){text-align:center}:where(.xs\:text-right){text-align:right}:where(.xs\:text-justify){text-align:justify}:where(.xs\:text-start){text-align:start}:where(.xs\:text-end){text-align:end}}@media (width>=576px){:where(.sm\:text-left){text-align:left}:where(.sm\:text-center){text-align:center}:where(.sm\:text-right){text-align:right}:where(.sm\:text-justify){text-align:justify}:where(.sm\:text-start){text-align:start}:where(.sm\:text-end){text-align:end}}@media (width>=992px){:where(.md\:text-left){text-align:left}:where(.md\:text-center){text-align:center}:where(.md\:text-right){text-align:right}:where(.md\:text-justify){text-align:justify}:where(.md\:text-start){text-align:start}:where(.md\:text-end){text-align:end}}@media (width>=1024px){:where(.lg\:text-left){text-align:left}:where(.lg\:text-center){text-align:center}:where(.lg\:text-right){text-align:right}:where(.lg\:text-justify){text-align:justify}:where(.lg\:text-start){text-align:start}:where(.lg\:text-end){text-align:end}}@media (width>=1280px){:where(.xl\:text-left){text-align:left}:where(.xl\:text-center){text-align:center}:where(.xl\:text-right){text-align:right}:where(.xl\:text-justify){text-align:justify}:where(.xl\:text-start){text-align:start}:where(.xl\:text-end){text-align:end}}@media (width>=1440px){:where(.xxl\:text-left){text-align:left}:where(.xxl\:text-center){text-align:center}:where(.xxl\:text-right){text-align:right}:where(.xxl\:text-justify){text-align:justify}:where(.xxl\:text-start){text-align:start}:where(.xxl\:text-end){text-align:end}}@media (width>=1536px){:where(.xxxl\:text-left){text-align:left}:where(.xxxl\:text-center){text-align:center}:where(.xxxl\:text-right){text-align:right}:where(.xxxl\:text-justify){text-align:justify}:where(.xxxl\:text-start){text-align:start}:where(.xxxl\:text-end){text-align:end}}:where(.underline){text-decoration-line:underline}:where(.overline){text-decoration-line:overline}:where(.line-through){text-decoration-line:line-through}:where(.no-underline){text-decoration-line:none}:where(.decoration-solid){text-decoration-style:solid}:where(.decoration-double){text-decoration-style:double}:where(.decoration-dotted){text-decoration-style:dotted}:where(.decoration-dashed){text-decoration-style:dashed}:where(.decoration-wavy){text-decoration-style:wavy}:where(.decoration-auto){text-decoration-thickness:auto}:where(.decoration-from-font){text-decoration-thickness:from-font}:where(.decoration-0){text-decoration-thickness:0}:where(.decoration-1){text-decoration-thickness:1px}:where(.decoration-2){text-decoration-thickness:2px}:where(.decoration-4){text-decoration-thickness:4px}:where(.decoration-8){text-decoration-thickness:8px}:where(.underline-offset-auto){text-underline-offset:auto}:where(.underline-offset-from-font){text-underline-offset:from-font}:where(.underline-offset-0){text-underline-offset:0px}:where(.underline-offset-1){text-underline-offset:1px}:where(.underline-offset-2){text-underline-offset:2px}:where(.underline-offset-4){text-underline-offset:4px}:where(.underline-offset-8){text-underline-offset:8px}:where(.uppercase){text-transform:uppercase}:where(.lowercase){text-transform:lowercase}:where(.capitalize){text-transform:capitalize}:where(.normal-case){text-transform:none}:where(.truncate){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(.text-ellipsis){text-overflow:ellipsis}:where(.text-clip){text-overflow:clip}:where(.text-balance){text-wrap:balance}:where(.break-normal){word-wrap:normal;word-break:normal}:where(.break-words){word-wrap:break-word}:where(.break-all){word-break:break-all}:where(.align-baseline){vertical-align:baseline}:where(.align-top){vertical-align:top}:where(.align-middle){vertical-align:middle}:where(.align-bottom){vertical-align:bottom}:where(.align-text-top){vertical-align:text-top}:where(.align-text-bottom){vertical-align:text-bottom}:where(.align-sub){vertical-align:sub}:where(.align-super){vertical-align:super}:where(.whitespace-normal){white-space:normal}:where(.whitespace-nowrap){white-space:nowrap}:where(.whitespace-pre){white-space:pre}:where(.whitespace-pre-line){white-space:pre-line}:where(.whitespace-pre-wrap){white-space:pre-wrap}