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 // Mixins
@function pullForward($c: $colorBodyBg, $p: 20%) { @function pullForward($c: $colorBodyBg, $p: 20%) {
// For dark interfaces, lighter things come forward - opposite for light interfaces // For dark interfaces, lighter things come forward - opposite for light interfaces

View File

@ -1,6 +1,6 @@
@import "vendor/normalize.min.css"; @import "vendor/normalize.min.css";
@import "constants"; @import "sass-base.scss";
@import "constants-snow";
@import "glyphs"; /******************** RENDERS CSS */
@import "mixins";
@import "global"; @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> </template>
<style lang="scss"> <style lang="scss">
@import "~styles/constants"; @import "~styles/sass-base";;
@import "~styles/constants-snow";
@import "~styles/glyphs";
@import "~styles/mixins";
/******************************* SEARCH */ /******************************* SEARCH */
.c-search { .c-search {

View File

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