Skip to content

Commit

Permalink
docs: update the themes (remove oruga-base theme) (#955)
Browse files Browse the repository at this point in the history
  • Loading branch information
@mlmoravek
mlmoravek authored Jun 12, 2024
1 parent ded99f9 commit dd8b50f
Show file tree
Hide file tree
Showing 36 changed files with 503 additions and 1,295 deletions.
29 changes: 23 additions & 6 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

12 changes: 2 additions & 10 deletions packages/docs/.vitepress/themes.json
View file
Original file line number Diff line number Diff line change
@@ -1,20 +1,12 @@
[
{
"label": "Oruga Base",
"key": "theme-orugabase",
"label": "Oruga",
"key": "theme-oruga",
"path": "./../../node_modules/@oruga-ui/theme-oruga/dist",
"git": "https://github.com/oruga-ui/theme-oruga",
"src": "https://github.com/oruga-ui/theme-oruga/tree/main/src/assets",
"cdn": "https://cdn.jsdelivr.net/npm/@oruga-ui/theme-oruga/dist/oruga.min.css"
},
{
"label": "Oruga Full",
"key": "theme-orugafull",
"path": "./../../node_modules/@oruga-ui/theme-oruga/dist",
"git": "https://github.com/oruga-ui/theme-oruga",
"src": "https://github.com/oruga-ui/theme-oruga/tree/main/src/assets",
"cdn": "https://cdn.jsdelivr.net/npm/@oruga-ui/theme-oruga/dist/oruga-full.min.css"
},
{
"label": "Bulma",
"key": "theme-bulma",
Expand Down
31 changes: 4 additions & 27 deletions packages/docs/components/Autocomplete.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -116,35 +116,12 @@ title: Autocomplete

## Sass variables

<div class="theme-orugabase">
<div class="theme-oruga">

> Current theme ➜ _[Oruga Base](https://github.com/oruga-ui/theme-oruga)_
> Current theme ➜ _[Oruga](https://github.com/oruga-ui/theme-oruga)_
| SASS Variable | Default |
| ----------------------------------------- | ---------------------- |
| $autocomplete-item-color | #000000 |
| $autocomplete-item-disabled-opacity | $base-disabled-opacity |
| $autocomplete-item-font-size | $base-font-size |
| $autocomplete-item-hover-background-color | #f5f5f5 |
| $autocomplete-item-hover-color | #000000 |
| $autocomplete-item-line-height | $base-line-height |
| $autocomplete-item-padding | 0.375rem 1rem |

See ➜ 📄 [Full scss file](https://github.com/oruga-ui/theme-oruga/tree/main/src/assets/scss/components/_autocomplete.scss)

</div><div class="theme-orugafull">

> Current theme ➜ _[Oruga Full](https://github.com/oruga-ui/theme-oruga)_
| SASS Variable | Default |
| ----------------------------------------- | ---------------------- |
| $autocomplete-item-color | #000000 |
| $autocomplete-item-disabled-opacity | $base-disabled-opacity |
| $autocomplete-item-font-size | $base-font-size |
| $autocomplete-item-hover-background-color | #f5f5f5 |
| $autocomplete-item-hover-color | #000000 |
| $autocomplete-item-line-height | $base-line-height |
| $autocomplete-item-padding | 0.375rem 1rem |
| SASS Variable | Default |
| ------------- | ------- |

See ➜ 📄 [Full scss file](https://github.com/oruga-ui/theme-oruga/tree/main/src/assets/scss/components/_autocomplete.scss)

Expand Down
64 changes: 21 additions & 43 deletions packages/docs/components/Button.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,49 +68,26 @@ title: Button

## Sass variables

<div class="theme-orugabase">

> Current theme ➜ _[Oruga Base](https://github.com/oruga-ui/theme-oruga)_
| SASS Variable | Default |
| --------------------------------- | ---------------------------------- |
| $button-background-color | $primary |
| $button-color | $primary-invert |
| $button-border-radius | $base-border-radius |
| $button-border | 1px solid $button-background-color |
| $button-box-shadow | none |
| $button-font-weight | 400 |
| $button-line-height | $base-line-height |
| $button-margin-icon-to-text | 0.1875em |
| $button-margin | 0 |
| $button-height | $control-height |
| $button-padding | $control-padding-vertical 0.75em |
| $button-rounded-border-radius | $base-rounded-border-radius |
| $button-disabled-opacity | $base-disabled-opacity |
| $button-outlined-background-color | transparent |

See ➜ 📄 [Full scss file](https://github.com/oruga-ui/theme-oruga/tree/main/src/assets/scss/components/_button.scss)

</div><div class="theme-orugafull">

> Current theme ➜ _[Oruga Full](https://github.com/oruga-ui/theme-oruga)_
| SASS Variable | Default |
| --------------------------------- | ---------------------------------- |
| $button-background-color | $primary |
| $button-color | $primary-invert |
| $button-border-radius | $base-border-radius |
| $button-border | 1px solid $button-background-color |
| $button-box-shadow | none |
| $button-font-weight | 400 |
| $button-line-height | $base-line-height |
| $button-margin-icon-to-text | 0.1875em |
| $button-margin | 0 |
| $button-height | $control-height |
| $button-padding | $control-padding-vertical 0.75em |
| $button-rounded-border-radius | $base-rounded-border-radius |
| $button-disabled-opacity | $base-disabled-opacity |
| $button-outlined-background-color | transparent |
<div class="theme-oruga">

> Current theme ➜ _[Oruga](https://github.com/oruga-ui/theme-oruga)_
| SASS Variable | Default |
| --------------------------------- | ----------------------------------------------- |
| $button-background-color | var(--#{$prefix}primary) |
| $button-color | var(--#{$prefix}primary-invert) |
| $button-border-radius | var(--#{$prefix}base-border-radius) |
| $button-border | 1px solid $button-background-color |
| $button-box-shadow | none |
| $button-font-weight | 400 |
| $button-line-height | var(--#{$prefix}base-line-height) |
| $button-margin-icon-to-text | 0.1875em |
| $button-margin | 0 |
| $button-height | $control-height |
| $button-padding | $control-padding-vertical 0.75em |
| $button-rounded-border-radius | var( --#{$prefix}#{base-border-radius-rounded}) |
| $button-disabled-opacity | var(--#{$prefix}#{base-disabled-opacity}) |
| $button-outlined-background-color | transparent |

See ➜ 📄 [Full scss file](https://github.com/oruga-ui/theme-oruga/tree/main/src/assets/scss/components/_button.scss)

Expand All @@ -126,6 +103,7 @@ See ➜ 📄 [Full scss file](https://github.com/oruga-ui/theme-oruga/tree/main/
| SASS Variable | Default |
| ----------------------- | ----------------------------- |
| $btn-spacer | 0.5rem |
| $btn-height | 2.35em |
| $btn-border-color | var(--#{$prefix}border-color) |
| $btn-hover-border-color | var(--#{$prefix}border-color) |
| $btn-hover-box-shadow | $box-shadow-sm |
Expand Down
102 changes: 36 additions & 66 deletions packages/docs/components/Carousel.md
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,11 @@
---
title: Carousel
sidebarDepth: 2
---

---

## title: Carousel

# Carousel

<div class="vp-doc">
Expand Down Expand Up @@ -115,71 +119,37 @@ title: Carousel

## Sass variables

<div class="theme-orugabase">

> Current theme ➜ _[Oruga Base](https://github.com/oruga-ui/theme-oruga)_
| SASS Variable | Default |
| -------------------------------------- | ------------------------------------ |
| $carousel-arrow-background | $white |
| $carousel-arrow-color | $primary |
| $carousel-arrow-icon-spaced | 1.5rem |
| $carousel-arrow-top | 50% |
| $carousel-arrow-size | 1.5rem |
| $carousel-arrow-border-radius | $base-rounded-border-radius |
| $carousel-arrow-border | 1px solid $carousel-arrow-background |
| $carousel-arrow-transition | $speed-slow $easing |
| $carousel-indicators-background | rgba($white, 0.5) |
| $carousel-indicators-padding | 0.5rem |
| $carousel-indicator-margin | 0 0.5rem 0 0 |
| $carousel-indicator-color | $primary |
| $carousel-indicator-background | $white |
| $carousel-indicator-border | 1px solid $carousel-indicator-color |
| $carousel-indicator-active-background | $carousel-indicator-color |
| $carousel-indicator-active-border | 1px solid $carousel-indicator-color |
| $carousel-indicator-transition | $speed-slow $easing |
| $carousel-indicator-size | 10px |
| $carousel-indicator-dots-border-radius | $base-border-radius |
| $carousel-indicator-lines-height | 5px |
| $carousel-indicator-lines-width | 25px |
| $carousel-items-transition | all $speed-slower ease-out 0s |
| $carousel-item-border | 2px solid transparent |
| $carousel-overlay-background | hsla(0, 0%, 4%, 0.86) |
| $carousel-overlay-zindex | 40 |

See ➜ 📄 [Full scss file](https://github.com/oruga-ui/theme-oruga/tree/main/src/assets/scss/components/_carousel.scss)

</div><div class="theme-orugafull">

> Current theme ➜ _[Oruga Full](https://github.com/oruga-ui/theme-oruga)_
| SASS Variable | Default |
| -------------------------------------- | ------------------------------------ |
| $carousel-arrow-background | $white |
| $carousel-arrow-color | $primary |
| $carousel-arrow-icon-spaced | 1.5rem |
| $carousel-arrow-top | 50% |
| $carousel-arrow-size | 1.5rem |
| $carousel-arrow-border-radius | $base-rounded-border-radius |
| $carousel-arrow-border | 1px solid $carousel-arrow-background |
| $carousel-arrow-transition | $speed-slow $easing |
| $carousel-indicators-background | rgba($white, 0.5) |
| $carousel-indicators-padding | 0.5rem |
| $carousel-indicator-margin | 0 0.5rem 0 0 |
| $carousel-indicator-color | $primary |
| $carousel-indicator-background | $white |
| $carousel-indicator-border | 1px solid $carousel-indicator-color |
| $carousel-indicator-active-background | $carousel-indicator-color |
| $carousel-indicator-active-border | 1px solid $carousel-indicator-color |
| $carousel-indicator-transition | $speed-slow $easing |
| $carousel-indicator-size | 10px |
| $carousel-indicator-dots-border-radius | $base-border-radius |
| $carousel-indicator-lines-height | 5px |
| $carousel-indicator-lines-width | 25px |
| $carousel-items-transition | all $speed-slower ease-out 0s |
| $carousel-item-border | 2px solid transparent |
| $carousel-overlay-background | hsla(0, 0%, 4%, 0.86) |
| $carousel-overlay-zindex | 40 |
<div class="theme-oruga">

> Current theme ➜ _[Oruga](https://github.com/oruga-ui/theme-oruga)_
| SASS Variable | Default |
| -------------------------------------- | ------------------------------------------------------------------------------- |
| $carousel-arrow-background | var(--#{$prefix}white) |
| $carousel-arrow-color | var(--#{$prefix}primary) |
| $carousel-arrow-icon-spaced | 1.5rem |
| $carousel-arrow-top | 50% |
| $carousel-arrow-size | 1.5rem |
| $carousel-arrow-border-radius | var( --#{$prefix}base-border-radius-rounded) |
| $carousel-arrow-border | 1px solid $carousel-arrow-background |
| $carousel-arrow-transition | var(--#{$prefix}transition-duration) var(--#{$prefix}transition-timing) |
| $carousel-indicators-background | rgba(var(--#{$prefix}white), 0.5) |
| $carousel-indicators-padding | 0.5rem |
| $carousel-indicator-margin | 0 0.5rem 0 0 |
| $carousel-indicator-color | var(--#{$prefix}primary) |
| $carousel-indicator-background | var(--#{$prefix}white) |
| $carousel-indicator-border | 1px solid $carousel-indicator-color |
| $carousel-indicator-active-background | $carousel-indicator-color |
| $carousel-indicator-active-border | 1px solid $carousel-indicator-color |
| $carousel-indicator-transition | var(--#{$prefix}transition-duration) var(--#{$prefix}transition-timing) |
| $carousel-indicator-size | 10px |
| $carousel-indicator-dots-border-radius | var( --#{$prefix}base-border-radius) |
| $carousel-indicator-lines-height | 5px |
| $carousel-indicator-lines-width | 25px |
| $carousel-items-transition | all var(--#{$prefix}transition-duration) var(--#{$prefix}transition-timing) 0s |
| $carousel-item-border | 2px solid transparent |
| $carousel-overlay-background | hsla(0, 0%, 4%, 0.86) |
| $carousel-overlay-zindex | 40 |

See ➜ 📄 [Full scss file](https://github.com/oruga-ui/theme-oruga/tree/main/src/assets/scss/components/_carousel.scss)

Expand Down
Loading

0 comments on commit dd8b50f

Please sign in to comment.