1.0.0 • Published 3 years ago
@teambit/base-ui.layout.align v1.0.0
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.0.0
3 years ago
0.6.10
3 years ago
0.6.9
3 years ago
0.6.8
3 years ago
0.6.7
3 years ago
0.6.6
3 years ago
0.6.5
3 years ago
0.6.3
3 years ago
0.6.2
3 years ago
0.6.0
3 years ago
0.5.9
3 years ago
0.5.8
3 years ago
0.5.7
3 years ago
0.5.5
3 years ago
0.5.4
3 years ago
0.5.3
3 years ago
0.5.2
4 years ago
0.5.0
4 years ago
0.5.1
4 years ago
0.4.3
4 years ago
0.4.2
4 years ago
0.4.1
4 years ago
0.4.0
4 years ago
0.2.10
4 years ago
0.2.9
4 years ago
0.1.5
4 years ago
0.1.1
4 years ago
0.0.1
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.4
4 years ago