Import the library:
import 'package:ynotes_packages/utilities.dart';
Use the available utilities!
Use .rem
(1rem = 16px):
height: 1.rem
See the file: scale.dart
.
Name | Value |
---|---|
none | BorderRadius.zero |
sm | BorderRadius.all(Radius.circular(0.125.rem)) |
normal | BorderRadius.all(Radius.circular(0.25.rem)) |
md | BorderRadius.all(Radius.circular(0.375.rem)) |
lg | BorderRadius.all(Radius.circular(0.5.rem)) |
xl | BorderRadius.all(Radius.circular(0.75.rem)) |
xl2 | BorderRadius.all(Radius.circular(1.rem)) |
xl3 | BorderRadius.all(Radius.circular(1.5.rem)) |
full | BorderRadius.all(Radius.circular(9999)) |
borderRadius: YBorderRadius.xl
Name | Value |
---|---|
xs | 0.75.rem |
sm | 0.875.rem |
base | 1.rem |
lg | 1.125.rem |
xl | 1.25.rem |
xl2 | 1.5.rem |
xl3 | 1.875.rem |
xl4 | 2.25.rem |
xl5 | 3.rem |
xl6 | 3.75.rem |
xl7 | 4.5.rem |
fontSize: YFontSize.base
Name | Value |
---|---|
thin | FontWeight.w100 |
extralight | FontWeight.w200 |
light | FontWeight.w300 |
normal | FontWeight.w400 |
medium | FontWeight.w500 |
semibold | FontWeight.w600 |
bold | FontWeight.w700 |
extrabold | FontWeight.w800 |
black | FontWeight.w900 |
fontWeight: YFontWeight.semibold
Name | Value |
---|---|
tighter | -0.05.rem |
tight | -0.025.rem |
normal | 0 |
wide | 0.025.rem |
wider | 0.05.rem |
widest | 0.1.rem |
letterSpacing: YLetterSpacing.wide