1.3.2 • Published 2 years ago
@watheia/base-ui.layout.align v1.3.2
Align
A set of CSS components to align elements.
text
Same as css property text-align.
import { text } from "@bit/bit.base-ui.layout.align"
function A() {
return <div className={text.center}>a</div>
}
Breakpoints
Align elements according to html breakpoints.
import { text } from '@bit/bit.base-ui.layout.align';
function B() {
return <div className={classNames(text.left, text.md.center text.l.left)}>
b
</div>
}
Margin center
Same as margin-left: auto; margin-right: auto
.
import { marginCenter } from "@bit/bit.base-ui.layout.align"
function C() {
return <div className={classNames(marginCenter)}>this is centered</div>
}
Breakpoints:
- (default)
(all)
- xs
360px
- sm
480px
- md
768px
- l
920px
- lg
1080px
- xl
1440px
1.2.0
2 years ago
1.1.1
2 years ago
1.1.0
2 years ago
1.3.2
2 years ago
1.3.1
2 years ago
1.1.3
2 years ago
1.3.0
2 years ago
1.0.0
3 years ago
0.1.4
3 years ago
0.1.6
3 years ago
0.1.5
3 years ago
0.1.0
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago
0.1.3
3 years ago
0.0.6
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago