xevion/the-office
1
0
Fork 0
mirror of https://github.com/Xevion/the-office.git synced 2025-12-14 16:13:19 -06:00
Code Issues Packages Projects Releases Wiki Activity

switch to global variable file import for scss

Browse Source
This commit is contained in:
Xevion
2020-09-09 10:12:00 -05:00
parent c0305ef414
commit 00e0fb4da3
10 changed files with 7 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/Character.vue
View File

@@ -9,8 +9,6 @@
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../assets/scss/_variables";
.card-body h4, .card-body h4,
.breadcrumb-item.active { .breadcrumb-item.active {
text-transform: capitalize; text-transform: capitalize;

2
client/src/components/CharacterList.vue
View File

@@ -19,8 +19,6 @@
</template> </template>
<style lang="scss"> <style lang="scss">
@import "../assets/scss/_variables";
.btn { .btn {
box-shadow: none; box-shadow: none;

2
client/src/components/Home.vue
View File

@@ -11,8 +11,6 @@
</template> </template>
<style lang="scss"> <style lang="scss">
@import "../assets/scss/_variables";
.card { .card {
color: $grey-9; color: $grey-9;
background-color: $grey-2; background-color: $grey-2;

2
client/src/components/QuoteList.vue
View File

@@ -27,8 +27,6 @@
</template> </template>
<style lang="scss"> <style lang="scss">
@import "../assets/scss/_variables";
.quote-list > tr { .quote-list > tr {
white-space: nowrap; white-space: nowrap;

2
client/src/components/SearchResult.vue
View File

@@ -73,8 +73,6 @@
</template> </template>
<style lang="scss"> <style lang="scss">
@import "../assets/scss/_variables";
.expandable-result { .expandable-result {
cursor: pointer; cursor: pointer;
} }

2
client/src/components/SearchResults.vue
View File

@@ -12,8 +12,6 @@
</div> </div>
</template> </template>
<style lang="scss"> <style lang="scss">
@import "../assets/scss/_variables";
.card-footer { .card-footer {
padding: 0.1em; padding: 0.1em;
font-size: 0.8em; font-size: 0.8em;

2
client/src/components/SeasonList.vue
View File

@@ -59,8 +59,6 @@
</template> </template>
<style lang="scss"> <style lang="scss">
@import "../assets/scss/_variables";
// Make all season cards 'clickable' // Make all season cards 'clickable'
.season-item > .card-body > .card-header { .season-item > .card-body > .card-header {
cursor: pointer; cursor: pointer;

2
client/src/components/Skeleton.vue
View File

@@ -2,8 +2,6 @@
<div class="skeleton"></div> <div class="skeleton"></div>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../assets/scss/_variables";
.skeleton { .skeleton {
background-color: $grey-4; background-color: $grey-4;
background-image: linear-gradient(90deg, $grey-4, $grey-6, $grey-4); background-image: linear-gradient(90deg, $grey-4, $grey-6, $grey-4);

0
client/src/assets/scss/_variables.scss → client/src/scss/_variables.scss
View File

7
client/vue.config.js
View File

@@ -1,4 +1,11 @@
module.exports = { module.exports = {
outputDir: '../dist/', outputDir: '../dist/',
assetsDir: './static', assetsDir: './static',
css: {
loaderOptions: {
sass: {
prependData: '@import "@/scss/_variables.scss";'
}
}
}
}; };