57 lines
997 B
SCSS
57 lines
997 B
SCSS
@mixin text-xs {
|
|
font-size: 0.75rem; /* 12px */
|
|
line-height: 1rem; /* 16px */
|
|
}
|
|
@mixin text-sm {
|
|
font-size: 0.875rem; /* 14px */
|
|
line-height: 1.25rem; /* 20px */
|
|
}
|
|
@mixin text-base {
|
|
font-size: 1rem; /* 16px */
|
|
line-height: 1.5rem; /* 24px */
|
|
}
|
|
@mixin text-lg {
|
|
font-size: 1.125rem; /* 18px */
|
|
line-height: 1.75rem; /* 28px */
|
|
}
|
|
@mixin text-xl {
|
|
font-size: 1.25rem; /* 20px */
|
|
line-height: 1.75rem; /* 28px */
|
|
}
|
|
@mixin text-2xl {
|
|
font-size: 1.375rem; /* 22px */
|
|
line-height: 1.875rem; /* 30px */
|
|
}
|
|
@mixin text-3xl {
|
|
font-size: 1.5rem; /* 24px */
|
|
line-height: 2rem; /* 32px */
|
|
}
|
|
|
|
@mixin font-thin {
|
|
font-weight: 100;
|
|
}
|
|
@mixin font-extralight {
|
|
font-weight: 200;
|
|
}
|
|
@mixin font-light {
|
|
font-weight: 300;
|
|
}
|
|
@mixin font-normal {
|
|
font-weight: 400;
|
|
}
|
|
@mixin font-medium {
|
|
font-weight: 500;
|
|
}
|
|
@mixin font-semibold {
|
|
font-weight: 600;
|
|
}
|
|
@mixin font-bold {
|
|
font-weight: 700;
|
|
}
|
|
@mixin font-extrabold {
|
|
font-weight: 800;
|
|
}
|
|
@mixin font-black {
|
|
font-weight: 900;
|
|
}
|