@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
258 lines (150 loc) • 3.6 kB
CSS
.gform-admin .gform-typography--size-text-xxs {
font-size: 0.625rem;
line-height: 1.6;
}
.gform-admin .gform-typography--size-text-xs {
font-size: 0.75rem;
line-height: 1.5;
}
.gform-admin .gform-typography--size-text-sm {
font-size: 0.875rem;
line-height: 1.43;
}
.gform-admin .gform-typography--size-text-md {
font-size: 1rem;
line-height: 1.5;
}
.gform-admin .gform-typography--size-text-lg {
font-size: 1.125rem;
line-height: 1.56;
}
.gform-admin .gform-typography--size-text-xl {
font-size: 1.25rem;
line-height: 1.5;
}
.gform-admin .gform-typography--size-display-xs {
font-size: 1.5rem;
line-height: 1.33;
}
.gform-admin .gform-typography--size-display-sm {
font-size: 1.875rem;
line-height: 1.27;
}
.gform-admin .gform-typography--size-display-md {
font-size: 2.25rem;
letter-spacing: -0.02em;
line-height: 1.22;
}
.gform-admin .gform-typography--size-display-lg {
font-size: 2.875rem;
letter-spacing: -0.02em;
line-height: 1.09;
}
.gform-admin .gform-typography--size-display-xl {
font-size: 3rem;
letter-spacing: -0.02em;
line-height: 1.25;
}
.gform-admin .gform-typography--size-display-2xl {
font-size: 3.75rem;
letter-spacing: -0.02em;
line-height: 1.2;
}
.gform-admin .gform-typography--size-display-3xl {
font-size: 4.5rem;
letter-spacing: -0.02em;
line-height: 1.25;
}
@media (min-width: 768px) {
.gform-admin .gform-typography--md-size-text-xxs {
font-size: 0.625rem;
line-height: 1.6
}
}
@media (min-width: 768px) {
.gform-admin .gform-typography--md-size-text-xs {
font-size: 0.75rem;
line-height: 1.5
}
}
@media (min-width: 768px) {
.gform-admin .gform-typography--md-size-text-sm {
font-size: 0.875rem;
line-height: 1.43
}
}
@media (min-width: 768px) {
.gform-admin .gform-typography--md-size-text-md {
font-size: 1rem;
line-height: 1.5
}
}
@media (min-width: 768px) {
.gform-admin .gform-typography--md-size-text-lg {
font-size: 1.125rem;
line-height: 1.56
}
}
@media (min-width: 768px) {
.gform-admin .gform-typography--md-size-text-xl {
font-size: 1.25rem;
line-height: 1.5
}
}
@media (min-width: 768px) {
.gform-admin .gform-typography--md-size-display-xs {
font-size: 1.5rem;
line-height: 1.33
}
}
@media (min-width: 768px) {
.gform-admin .gform-typography--md-size-display-sm {
font-size: 1.875rem;
line-height: 1.27
}
}
@media (min-width: 768px) {
.gform-admin .gform-typography--md-size-display-md {
font-size: 2.25rem;
letter-spacing: -0.02em;
line-height: 1.22
}
}
@media (min-width: 768px) {
.gform-admin .gform-typography--md-size-display-lg {
font-size: 2.875rem;
letter-spacing: -0.02em;
line-height: 1.09
}
}
@media (min-width: 768px) {
.gform-admin .gform-typography--md-size-display-xl {
font-size: 3rem;
letter-spacing: -0.02em;
line-height: 1.25
}
}
@media (min-width: 768px) {
.gform-admin .gform-typography--md-size-display-2xl {
font-size: 3.75rem;
letter-spacing: -0.02em;
line-height: 1.2
}
}
@media (min-width: 768px) {
.gform-admin .gform-typography--md-size-display-3xl {
font-size: 4.5rem;
letter-spacing: -0.02em;
line-height: 1.25
}
}
.gform-admin .gform-typography--weight-regular {
font-weight: 400;
}
.gform-admin .gform-typography--weight-medium {
font-weight: 500;
}
.gform-admin .gform-typography--weight-semibold {
font-weight: 600;
}
/*# sourceMappingURL=typography.css.map */