alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] WIP Style Guide

Browse Source 
Fixes #1233
Theme-based styling added; significant mods to
layout; Content for controls page;
This commit is contained in:
Charles Hacskaylo
2017-01-27 18:19:44 -08:00
parent 77396093d8
commit f00182968b
5 changed files with 165 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
example/styleguide/res/sass/style-guide.scss → example/styleguide/res/sass/_style-guide-base.scss
View File

@@ -19,16 +19,44 @@
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
@import "bourbon";
@import "../../../../platform/commonUI/general/res/sass/constants";
.l-style-guide {
font-size: 0.9em;
text-align: justify;
margin: auto 10%;
h1, h2, h3 {
h1, h2 {
color: pullForward($colorBodyFg, 20%);
}
h2 {
font-size: 1.25em;
}
h3 {
//border-bottom: 1px solid $colorInteriorBorder;
font-size: 0.9em;
margin: $interiorMargin 0;
&:not(first-child) { margin-top: $interiorMargin * 2; }
text-transform: uppercase;
}
code,
pre {
background-color: pushBack($colorBodyBg, 20%);
display: inline-block;
font-size: 0.8em;
}
code {
border-radius: $controlCr;
padding: 1px $interiorMargin;
}
pre {
border-radius: $interiorMargin;
margin: 0;
padding: $interiorMargin $interiorMarginLg;
}
.doc-title {
@@ -47,7 +75,12 @@
.col {
@include flex(1 1 auto);
&:not(:last-child) { margin-right: $interiorMargin * 4; }
&:not(:last-child) {
$v: $interiorMargin * 4;
border-right: 1px solid $colorInteriorBorder;
margin-right: $v;
padding-right: $v;
}
min-width: 300px;
img { width: 100%; }
}

33
example/styleguide/res/sass/style-guide-espresso.scss Normal file
View File

@@ -0,0 +1,33 @@
/*****************************************************************************
* Open MCT, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
* Administration. All rights reserved.
*
* Open MCT is licensed under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0.
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
* License for the specific language governing permissions and limitations
* under the License.
*
* Open MCT includes source code licensed under additional open source
* licenses. See the Open Source Licenses file (LICENSES.md) included with
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
@import "bourbon";
@import "../../../../platform/commonUI/general/res/sass/constants";
@import "../../../../platform/commonUI/general/res/sass/mixins";
@import "../../../../platform/commonUI/themes/espresso/res/sass/constants";
@import "../../../../platform/commonUI/themes/espresso/res/sass/mixins";
@import "../../../../platform/commonUI/general/res/sass/glyphs";
@import "../../../../platform/commonUI/general/res/sass/icons";
// Thematic constants
//$colorHeaders: pullForward($colorBodyFg, 30%);
@import "style-guide-base";

33
example/styleguide/res/sass/style-guide-snow.scss Normal file
View File

@@ -0,0 +1,33 @@
/*****************************************************************************
* Open MCT, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
* Administration. All rights reserved.
*
* Open MCT is licensed under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0.
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
* License for the specific language governing permissions and limitations
* under the License.
*
* Open MCT includes source code licensed under additional open source
* licenses. See the Open Source Licenses file (LICENSES.md) included with
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
@import "bourbon";
@import "../../../../platform/commonUI/general/res/sass/constants";
@import "../../../../platform/commonUI/general/res/sass/mixins";
@import "../../../../platform/commonUI/themes/snow/res/sass/constants";
@import "../../../../platform/commonUI/themes/snow/res/sass/mixins";
@import "../../../../platform/commonUI/general/res/sass/glyphs";
@import "../../../../platform/commonUI/general/res/sass/icons";
// Thematic constants
//$colorHeaders: pullForward($colorBodyFg, 30%);
@import "style-guide-base";