Skip to content

Commit

Permalink
Fix Sass not building in last release (#674)
Browse files Browse the repository at this point in the history
* Fix Sass not building in last release

Fixes #672

* Update style.scss

* Update Table.vue

* Document Sass
  • Loading branch information
TheJaredWilcurt authored Feb 29, 2020
1 parent 57de0c5 commit ed7c365
Show file tree
Hide file tree
Showing 4 changed files with 20 additions and 3 deletions.
2 changes: 2 additions & 0 deletions src/components/Table.vue
Original file line number Diff line number Diff line change
Expand Up @@ -1534,5 +1534,7 @@ export default {
</script>

<style lang="scss">
@import "node_modules/vue-select/dist/vue-select";
@import "../styles/style";
</style>
3 changes: 0 additions & 3 deletions src/styles/style.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,3 @@
// V-select plugin
@import "../../node_modules/vue-select/dist/vue-select";

// base table styles
@import './variables';
@import './utils';
Expand Down
1 change: 1 addition & 0 deletions vp-docs/.vuepress/config.js
Original file line number Diff line number Diff line change
Expand Up @@ -54,6 +54,7 @@ module.exports = {
children: [
'/guide/style-configuration/',
'/guide/style-configuration/style-classes',
'/guide/style-configuration/sass',
]
},
],
Expand Down
17 changes: 17 additions & 0 deletions vp-docs/guide/style-configuration/sass.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
# Sass

Vue-Good-Table's styling is written in Sass. The source files are made available as part of the npm dependency.

**Vue-Good-Table's root Sass file:**

```scss
@import "../node_modules/vue-good-table/src/styles/style.scss";
```

Vue-Good-Table has an optional feature to filter a column based on a multi-select dropdown. We use Vue-Select for this feature.

**Vue-Select's root Sass file**

```scss
@import "../node_modules/vue-select/src/scss/vue-select.scss";
```

0 comments on commit ed7c365

Please sign in to comment.