mirror of
https://github.com/nasa/openmct.git
synced 2025-06-15 21:58:13 +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
|
// 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
|
||||||
|
@ -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";
|
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>
|
</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 {
|
||||||
|
@ -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 {
|
||||||
|
Reference in New Issue
Block a user