@oruga-ui/theme-oruga 0.6.0 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -20
- package/dist/oruga.css +2 -2
- package/dist/scss/components/_autocomplete.scss +1 -1
- package/dist/scss/components/_breadcrumb.scss +189 -0
- package/dist/scss/components/_button.scss +6 -1
- package/dist/scss/components/_datepicker.scss +1 -1
- package/dist/scss/components/_dropdown.scss +1 -1
- package/dist/scss/components/_field.scss +2 -2
- package/dist/scss/components/_menu.scss +2 -2
- package/dist/scss/components/_modal.scss +1 -1
- package/dist/scss/components/_select.scss +1 -1
- package/dist/scss/components/_switch.scss +1 -1
- package/dist/scss/components/_table.scss +12 -4
- package/dist/scss/components/_tag.scss +84 -0
- package/dist/scss/components/_taginput.scss +0 -44
- package/dist/scss/oruga.scss +2 -0
- package/dist/scss/utils/_base.scss +2 -2
- package/dist/scss/utils/_variables.scss +1 -0
- package/dist/theme.js +1 -1
- package/package.json +34 -28
package/README.md
CHANGED
|
@@ -24,7 +24,6 @@
|
|
|
24
24
|
</a>
|
|
25
25
|
</p>
|
|
26
26
|
|
|
27
|
-
|
|
28
27
|
### Install
|
|
29
28
|
|
|
30
29
|
```sh
|
|
@@ -40,25 +39,23 @@ yarn add @oruga-ui/theme-oruga
|
|
|
40
39
|
### Configure
|
|
41
40
|
|
|
42
41
|
```js
|
|
43
|
-
import { createApp } from
|
|
44
|
-
import App from
|
|
42
|
+
import { createApp } from "vue";
|
|
43
|
+
import App from "./App.vue";
|
|
45
44
|
|
|
46
45
|
// import Oruga
|
|
47
|
-
import Oruga from
|
|
46
|
+
import Oruga from "@oruga-ui/oruga-next";
|
|
48
47
|
|
|
49
48
|
// import Oruga theme styling
|
|
50
|
-
import
|
|
49
|
+
import "@oruga-ui/theme-oruga/dist/oruga.css";
|
|
51
50
|
|
|
52
|
-
createApp(App)
|
|
53
|
-
.use(Oruga)
|
|
54
|
-
.mount('#app')
|
|
51
|
+
createApp(App).use(Oruga).mount("#app");
|
|
55
52
|
```
|
|
56
|
-
The Oruga Default theme uses the default classes set by Oruga and doesn't come with any JS configuration at all. The `oruga.css` contains the full Oruga style (the default style used for documentation).
|
|
57
53
|
|
|
58
|
-
|
|
54
|
+
The Oruga Default theme uses the default classes set by Oruga and doesn't come with any JS configuration at all. The `oruga.css` contains the full Oruga style (the default style used for documentation).
|
|
59
55
|
|
|
60
|
-
|
|
56
|
+
### Customization (SASS/SCSS)
|
|
61
57
|
|
|
58
|
+
In order to customize any SASS variables, you have to set them before the SCSS Import.
|
|
62
59
|
|
|
63
60
|
```scss
|
|
64
61
|
// Include any default variable overrides here (though functions and maps won't be available here)
|
|
@@ -76,25 +73,24 @@ For customasing any SASS variables you have to set them pefore the SCSS Import.
|
|
|
76
73
|
In case you want to replace the default style of a component you can override or add new classes; more details about components customization on https://oruga-ui.com/documentation/#customization
|
|
77
74
|
|
|
78
75
|
```js
|
|
79
|
-
import { createApp } from
|
|
76
|
+
import { createApp } from "vue";
|
|
80
77
|
|
|
81
|
-
import Oruga from
|
|
78
|
+
import Oruga from "@oruga-ui/oruga-next";
|
|
82
79
|
|
|
83
|
-
import
|
|
80
|
+
import "@oruga-ui/theme-oruga/dist/oruga.css";
|
|
84
81
|
|
|
85
82
|
const customConfig = {
|
|
86
83
|
checkbox: {
|
|
87
84
|
override: true,
|
|
88
|
-
rootClass:
|
|
89
|
-
}
|
|
90
|
-
}
|
|
85
|
+
rootClass: "checkbox",
|
|
86
|
+
},
|
|
87
|
+
};
|
|
91
88
|
|
|
92
|
-
createApp(App)
|
|
93
|
-
.use(Oruga, customConfig)
|
|
94
|
-
.mount('#app')
|
|
89
|
+
createApp(App).use(Oruga, customConfig).mount("#app");
|
|
95
90
|
```
|
|
96
91
|
|
|
97
92
|
## Contributors
|
|
93
|
+
|
|
98
94
|
Thank you to everyone involved for improving this project, day by day 💚
|
|
99
95
|
|
|
100
96
|
<a href="https://github.com/oruga-ui/theme-oruga">
|