Markup / scss refactor WIP

- Add normalize.min to styles-new;
- Factor components to be more standalone, very WIP;
This commit is contained in:
charlesh88
2018-08-09 16:02:22 -07:00
parent 4d9b7fe3e4
commit f811318d18
5 changed files with 181 additions and 123 deletions

View File

@ -1,19 +1,36 @@
<template>
<div class="MCT_Inspector">I'm an inspector</div>
<div class="c-inspector">
<div class="c-inspector__properties">
l-inspector__properties XXX
</div>
<splitter cssClass="c-splitter--vert js-p-split-e"></splitter>
<div class="c-inspector__elements">
l-inspector__elements
</div>
</div>
</template>
<style lang="scss">
.MCT_Inspector {
position: absolute;
right: 0px;
top: 0px;
bottom: 20px;
width: 100px;
background: orange;
}
@import "~styles/constants";
/******************************* INSPECTOR */
.c-inspector {
> [class*="__"] {
padding: $interiorMarginLg;
}
.c-splitter {
&:hover {
background: red;
}
}
}
</style>
<script>
export default {
}
import splitter from '../controls/splitter.vue'
export default {
components: {
splitter
}
}
</script>