50 lines
615 B
CSS
50 lines
615 B
CSS
.block {
|
|
display: inline-flex;
|
|
width: var(--icon-size-md);
|
|
height: var(--icon-side-md);
|
|
}
|
|
|
|
.sm {
|
|
width: var(--icon-size-sm);
|
|
height: var(--icon-size-sm);
|
|
}
|
|
|
|
.lg {
|
|
width: var(--icon-size-lg);
|
|
height: var(--icon-size-lg);
|
|
}
|
|
|
|
.xl {
|
|
width: var(--icon-size-xl);
|
|
height: var(--icon-size-xl);
|
|
}
|
|
|
|
.primary {
|
|
color: var(--color-primary);
|
|
}
|
|
|
|
.dark {
|
|
color: var(--color-dark);
|
|
}
|
|
|
|
.success {
|
|
color: var(--color-success);
|
|
}
|
|
|
|
.rotate90 {
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.rotate180 {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.rotate270 {
|
|
transform: rotate(270deg);
|
|
}
|
|
|
|
.block svg {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|