Markup / scss refactor WIP

- Added sass-base.scss to make it easier for SFC's to
include needed SASS vars, mixins, etc. with a single import;
- Cleaned up indention in Layout.vue;
This commit is contained in:
charlesh88
2018-08-15 10:38:26 -07:00
parent b2d12f95ee
commit 4c5baf183a
5 changed files with 86 additions and 81 deletions

View File

@ -1,3 +1,5 @@
@import "constants";
// Mixins
@function pullForward($c: $colorBodyBg, $p: 20%) {
// For dark interfaces, lighter things come forward - opposite for light interfaces

View File

@ -1,6 +1,6 @@
@import "vendor/normalize.min.css";
@import "constants";
@import "constants-snow";
@import "glyphs";
@import "mixins";
@import "sass-base.scss";
/******************** RENDERS CSS */
@import "global";
@import "controls";

View File

@ -0,0 +1,7 @@
// Imports only constants, mixins, etc.
// Meant for use as a single line import in Vue SFC's.
// Do not include anything that renders to CSS!
@import "constants";
@import "constants-snow"; // TEMP
@import "glyphs";
@import "mixins";

View File

@ -10,10 +10,7 @@
</template>
<style lang="scss">
@import "~styles/constants";
@import "~styles/constants-snow";
@import "~styles/glyphs";
@import "~styles/mixins";
@import "~styles/sass-base";;
/******************************* SEARCH */
.c-search {

View File

@ -28,8 +28,7 @@
</template>
<style lang="scss">
@import "~styles/constants";
@import "~styles/constants-snow";
@import "~styles/sass-base";
/******************************* SHELL */
.l-shell {