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,11 +28,10 @@
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
@import "~styles/constants";
|
||||
@import "~styles/constants-snow";
|
||||
@import "~styles/sass-base";
|
||||
|
||||
/******************************* SHELL */
|
||||
.l-shell {
|
||||
/******************************* SHELL */
|
||||
.l-shell {
|
||||
position: absolute;
|
||||
top: 0; right: 0; bottom: 0; left: 0;
|
||||
display: flex;
|
||||
@ -94,7 +93,7 @@
|
||||
&__pane-inspector {
|
||||
width: 200px
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
@ -105,7 +104,7 @@
|
||||
import search from '../controls/search.vue';
|
||||
import splitter from '../controls/splitter.vue';
|
||||
|
||||
export default {
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
msg: 'Hello world!'
|
||||
@ -119,5 +118,5 @@ export default {
|
||||
search,
|
||||
splitter
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
Reference in New Issue
Block a user