Robuust Vue Components

Appearance

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;
}