Component Globals
Component Globals are global styles.
Available Variables
Border Radius
css
:root {
--rvc-base-border-radius: var(--radius-md);
}
Transition
css
:root {
--rvc-base-transition-duration: var(--default-transition-duration);
--rvc-base-transition-timing-function: var(--default-transition-timing-function);
}
Loading Animation
css
:root {
--rvc-base-loading-animation: var(--animate-spin);
}
Border
css
:root {
--rvc-base-border-width: 1px;
--rvc-base-border-style: solid;
--rvc-base-border-color: #d6dce9;
--rvc-base-border-dark-color: var(--color-slate-300);
}
Box Shadow
css
:root {
--rvc-base-box-shadow: none;
}
Type
css
:root {
--rvc-base-font-size: 0.9375rem;
--rvc-base-line-height: 1.5rem;
}