@codesense/relayout 0.0.23 → 0.0.24
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/css/relayout.css +1 -1
- package/package.json +1 -1
package/dist/css/relayout.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Relayout
|
|
2
|
+
* Relayout v0.0.24 | Responsive layout system
|
|
3
3
|
* Copyright (c) 2025 Lucian Pacurar
|
|
4
4
|
* MIT License: https://github.com/codesensedev/relayout/blob/main/LICENSE
|
|
5
5
|
*/:root{--rl-space-0: 0;--rl-space-xs: 0.125rem;--rl-space-s: 0.25rem;--rl-space-m: 0.5rem;--rl-space-l: 1rem;--rl-space-xl: 1.5rem;--rl-space-2xl: 2.25rem;--rl-text-xs: 0.625rem;--rl-text-s: 0.75rem;--rl-text-m: 0.875rem;--rl-text-l: 1rem;--rl-text-xl: 1.5rem;--rl-text-2xl: 2.25rem;--rl-width-xs: 20rem;--rl-width-s: 30rem;--rl-width-m: 40rem;--rl-width-l: 48rem;--rl-width-xl: 64rem;--rl-width-2xl: 80rem;--rl-grid-xs: 3.125rem;--rl-grid-s: 6.25rem;--rl-grid-m: 9.375rem;--rl-grid-l: 12.5rem;--rl-grid-xl: 15.625rem;--rl-grid-2xl: 20rem;--rl-gap-default: var(--rl-space-0);--rl-padding-default: var(--rl-space-0);--rl-radius-default: var(--rl-space-0);--rl-border-default: solid 1px hsl(0, 0%, 50%)}[class*=rl-]{box-sizing:border-box;outline:none}.rl-stack{display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:var(--rl-gap-default)}.rl-stack.rl-align-start{text-align:start}.rl-stack.rl-align-center{text-align:center}.rl-stack.rl-align-end{text-align:end}.rl-flank{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--rl-gap-default)}.rl-flank>:last-child{flex-basis:0;flex-grow:999}.rl-flank-end>:first-child{flex-basis:0;flex-grow:999}.rl-flank-end>:last-child{flex-basis:auto;flex-grow:0}.rl-split{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--rl-gap-default)}.rl-split-equal>*{flex:1 1 0;min-width:0}.rl-cluster{display:flex;flex-direction:row;align-items:center;justify-content:start;flex-wrap:wrap;gap:var(--rl-gap-default)}.rl-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--rl-grid-s), 1fr));gap:var(--rl-gap-default)}.rl-grid-fit-xs{grid-template-columns:repeat(auto-fit, minmax(var(--rl-grid-xs), 1fr))}.rl-grid-fit-s{grid-template-columns:repeat(auto-fit, minmax(var(--rl-grid-s), 1fr))}.rl-grid-fit-m{grid-template-columns:repeat(auto-fit, minmax(var(--rl-grid-m), 1fr))}.rl-grid-fit-l{grid-template-columns:repeat(auto-fit, minmax(var(--rl-grid-l), 1fr))}.rl-grid-fit-xl{grid-template-columns:repeat(auto-fit, minmax(var(--rl-grid-xl), 1fr))}.rl-grid-fit-2xl{grid-template-columns:repeat(auto-fit, minmax(var(--rl-grid-2xl), 1fr))}.rl-grid-fill-xs{grid-template-columns:repeat(auto-fill, minmax(var(--rl-grid-xs), 1fr))}.rl-grid-fill-s{grid-template-columns:repeat(auto-fill, minmax(var(--rl-grid-s), 1fr))}.rl-grid-fill-m{grid-template-columns:repeat(auto-fill, minmax(var(--rl-grid-m), 1fr))}.rl-grid-fill-l{grid-template-columns:repeat(auto-fill, minmax(var(--rl-grid-l), 1fr))}.rl-grid-fill-xl{grid-template-columns:repeat(auto-fill, minmax(var(--rl-grid-xl), 1fr))}.rl-grid-fill-2xl{grid-template-columns:repeat(auto-fill, minmax(var(--rl-grid-2xl), 1fr))}.rl-frame{display:flex;align-items:center;justify-content:space-around;width:100%;height:100%;overflow:visible}.rl-frame>*{max-width:100%;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.rl-frame>img{display:block;width:auto;height:auto;object-fit:contain}.rl-divider{align-self:stretch;border:none;margin:0;width:100%;height:0;border-top:var(--rl-border-default)}.rl-divider.vertical{width:0;height:100%;border-left:var(--rl-border-default)}.rl-gap-0{gap:var(--rl-space-0)}.rl-gap-xs{gap:var(--rl-space-xs)}.rl-gap-s{gap:var(--rl-space-s)}.rl-gap-m{gap:var(--rl-space-m)}.rl-gap-l{gap:var(--rl-space-l)}.rl-gap-xl{gap:var(--rl-space-xl)}.rl-gap-2xl{gap:var(--rl-space-2xl)}.rl-padding-0{padding:var(--rl-space-0)}.rl-padding-xs{padding:var(--rl-space-xs)}.rl-padding-s{padding:var(--rl-space-s)}.rl-padding-m{padding:var(--rl-space-m)}.rl-padding-l{padding:var(--rl-space-l)}.rl-padding-xl{padding:var(--rl-space-xl)}.rl-padding-2xl{padding:var(--rl-space-2xl)}.rl-align-start{align-items:start}.rl-align-center{align-items:center}.rl-align-end{align-items:end}.rl-align-stretch{align-items:stretch}.rl-justify-start{justify-content:start}.rl-justify-center{justify-content:center}.rl-justify-end{justify-content:end}.rl-width-xs{max-width:var(--rl-width-xs);margin:0 auto;width:100%}.rl-width-s{max-width:var(--rl-width-s);margin:0 auto;width:100%}.rl-width-m{max-width:var(--rl-width-m);margin:0 auto;width:100%}.rl-width-l{max-width:var(--rl-width-l);margin:0 auto;width:100%}.rl-width-xl{max-width:var(--rl-width-xl);margin:0 auto;width:100%}.rl-width-2xl{max-width:var(--rl-width-2xl);margin:0 auto;width:100%}.rl-height-full{height:100%;overflow-y:auto}.rl-height-fill{flex:1 1 0;min-height:0;height:auto;overflow-y:auto}.rl-border{border:var(--rl-border-default);border-radius:var(--rl-radius-default)}.rl-radius-0{border-radius:var(--rl-space-0)}.rl-radius-xs{border-radius:var(--rl-space-xs)}.rl-radius-s{border-radius:var(--rl-space-s)}.rl-radius-m{border-radius:var(--rl-space-m)}.rl-radius-l{border-radius:var(--rl-space-l)}.rl-radius-xl{border-radius:var(--rl-space-xl)}.rl-radius-2xl{border-radius:var(--rl-space-2xl)}.rl-nowrap{flex-wrap:nowrap}.rl-nowrap-scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.rl-nowrap-scroll>*{flex:0 0 auto}.rl-wrap-reverse{flex-wrap:wrap-reverse}
|