@use '@/styles/base';

.size-xl {
    font-size: base.$font-size-xl;
}

.size-lg {
    font-size: base.$font-size-lg;
}

.size-md {
    font-size: base.$font-size-md;
}

.size-sm {
    font-size: base.$font-size-sm;
}

.size-xs {
    font-size: base.$font-size-xs;
}

.weight-xl {
    font-weight: base.$font-weight-xl;
}

.weight-lg {
    font-weight: base.$font-weight-lg;
}

.weight-md {
    font-weight: base.$font-weight-md;
}

.weight-sm {
    font-weight: base.$font-weight-sm;
}

.weight-xs {
    font-weight: base.$font-weight-xs;
}

.secondary {
    color: base.$font-secondary-color;
}

.ellipsis {
    @include base.text-ellipsis;
}

.centered {
    text-align: center;
}

.no-select {
    user-select: none;
}

.line-clamp-1 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.line-clamp-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-clamp-3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.line-clamp-4 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.line-clamp-5 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.line-clamp-6 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.line-clamp-7 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.line-clamp-8 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.line-clamp-9 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
}

.line-clamp-10 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}

.uppercase {
    text-transform: uppercase;
}

.monospace {
    font-family: var(--global-font-monospace-family);
}
