mirror of
https://github.com/nasa/openmct.git
synced 2025-06-15 13:48:12 +00:00
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:
@ -1,3 +1,5 @@
|
||||
@import "constants";
|
||||
|
||||
// Mixins
|
||||
@function pullForward($c: $colorBodyBg, $p: 20%) {
|
||||
// For dark interfaces, lighter things come forward - opposite for light interfaces
|
||||
|
@ -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";
|
7
src/styles-new/sass-base.scss
Normal file
7
src/styles-new/sass-base.scss
Normal 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";
|
@ -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 {
|
||||
|
@ -28,8 +28,7 @@
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
@import "~styles/constants";
|
||||
@import "~styles/constants-snow";
|
||||
@import "~styles/sass-base";
|
||||
|
||||
/******************************* SHELL */
|
||||
.l-shell {
|
||||
|
Reference in New Issue
Block a user