mirror of
https://github.com/nasa/openmct.git
synced 2024-12-23 15:02:23 +00:00
603e990755
Fixes #1677 Removed `<tr>` support; modded existing styles to allow color-only application for red and yellow limits; added `*-icon` classes for red and yellow limits;
263 lines
12 KiB
SCSS
263 lines
12 KiB
SCSS
/*****************************************************************************
|
|
* Open MCT, Copyright (c) 2014-2017, 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.
|
|
*****************************************************************************/
|
|
@mixin glyphBefore($unicode, $family: 'symbolsfont') {
|
|
&:before {
|
|
content: $unicode;
|
|
font-family: $family;
|
|
}
|
|
}
|
|
|
|
@mixin glyphAfter($unicode, $family: 'symbolsfont') {
|
|
&:after {
|
|
content: $unicode;
|
|
font-family: $family;
|
|
}
|
|
}
|
|
|
|
/************************** CHAR UNICODES */
|
|
|
|
$glyph-icon-alert-rect: '\e900';
|
|
$glyph-icon-alert-triangle: '\e901';
|
|
$glyph-icon-arrow-down: '\e902';
|
|
$glyph-icon-arrow-left: '\e903';
|
|
$glyph-icon-arrow-right: '\e904';
|
|
$glyph-icon-arrow-double-up: '\e905';
|
|
$glyph-icon-arrow-tall-up: '\e906';
|
|
$glyph-icon-arrow-tall-down: '\e907';
|
|
$glyph-icon-arrow-double-down: '\e908';
|
|
$glyph-icon-arrow-up: '\e909';
|
|
$glyph-icon-asterisk: '\e910';
|
|
$glyph-icon-bell: '\e911';
|
|
$glyph-icon-box: '\e912';
|
|
$glyph-icon-box-with-arrow: '\e913';
|
|
$glyph-icon-check: '\e914';
|
|
$glyph-icon-connectivity: '\e915';
|
|
$glyph-icon-database-in-brackets: '\e916';
|
|
$glyph-icon-eye-open: '\e917';
|
|
$glyph-icon-gear: '\e918';
|
|
$glyph-icon-hourglass: '\e919';
|
|
$glyph-icon-info: '\e920';
|
|
$glyph-icon-link: '\e921';
|
|
$glyph-icon-lock: '\e922';
|
|
$glyph-icon-minus: '\e923';
|
|
$glyph-icon-people: '\e924';
|
|
$glyph-icon-person: '\e925';
|
|
$glyph-icon-plus: '\e926';
|
|
$glyph-icon-trash: '\e927';
|
|
$glyph-icon-x: '\e928';
|
|
$glyph-icon-brackets: '\e929';
|
|
$glyph-icon-crosshair: '\e930';
|
|
$glyph-icon-grippy: '\e931';
|
|
$glyph-icon-arrows-out: '\e1000';
|
|
$glyph-icon-arrows-right-left: '\e1001';
|
|
$glyph-icon-arrows-up-down: '\e1002';
|
|
$glyph-icon-bullet: '\e1004';
|
|
$glyph-icon-calendar: '\e1005';
|
|
$glyph-icon-chain-links: '\e1006';
|
|
$glyph-icon-collapse-pane-left: '\e1007';
|
|
$glyph-icon-collapse-pane-right: '\e1008';
|
|
$glyph-icon-download: '\e1009';
|
|
$glyph-icon-duplicate: '\e1010';
|
|
$glyph-icon-folder-new: '\e1011';
|
|
$glyph-icon-fullscreen-collapse: '\e1012';
|
|
$glyph-icon-fullscreen-expand: '\e1013';
|
|
$glyph-icon-layers: '\e1014';
|
|
$glyph-icon-line-horz: '\e1015';
|
|
$glyph-icon-magnify: '\e1016';
|
|
$glyph-icon-magnify-in: '\e1017';
|
|
$glyph-icon-magnify-out: '\e1018';
|
|
$glyph-icon-menu-hamburger: '\e1019';
|
|
$glyph-icon-move: '\e1020';
|
|
$glyph-icon-new-window: '\e1021';
|
|
$glyph-icon-paint-bucket: '\e1022';
|
|
$glyph-icon-pause: '\e1023';
|
|
$glyph-icon-pencil: '\e1024';
|
|
$glyph-icon-play: '\e1025';
|
|
$glyph-icon-plot-resource: '\e1026';
|
|
$glyph-icon-pointer-left: '\e1027';
|
|
$glyph-icon-pointer-right: '\e1028';
|
|
$glyph-icon-refresh: '\e1029';
|
|
$glyph-icon-save: '\e1030';
|
|
$glyph-icon-sine: '\e1031';
|
|
$glyph-icon-T: '\e1032';
|
|
$glyph-icon-thumbs-strip: '\e1033';
|
|
$glyph-icon-two-parts-both: '\e1034';
|
|
$glyph-icon-two-parts-one-only: '\e1035';
|
|
$glyph-icon-resync: '\e1036';
|
|
$glyph-icon-reset: '\e1037';
|
|
$glyph-icon-x-in-circle: '\e1038';
|
|
$glyph-icon-brightness: '\e1039';
|
|
$glyph-icon-contrast: '\e1040';
|
|
$glyph-icon-expand: '\e1041';
|
|
$glyph-icon-list-view: '\e1042';
|
|
$glyph-icon-grid-snap-to: '\e1043';
|
|
$glyph-icon-grid-snap-no: '\e1044';
|
|
$glyph-icon-frame-show: '\e1045';
|
|
$glyph-icon-frame-hide: '\e1046';
|
|
$glyph-icon-activity: '\e1100';
|
|
$glyph-icon-activity-mode: '\e1101';
|
|
$glyph-icon-autoflow-tabular: '\e1102';
|
|
$glyph-icon-clock: '\e1103';
|
|
$glyph-icon-database: '\e1104';
|
|
$glyph-icon-database-query: '\e1105';
|
|
$glyph-icon-dataset: '\e1106';
|
|
$glyph-icon-datatable: '\e1107';
|
|
$glyph-icon-dictionary: '\e1108';
|
|
$glyph-icon-folder: '\e1109';
|
|
$glyph-icon-image: '\e1110';
|
|
$glyph-icon-layout: '\e1111';
|
|
$glyph-icon-object: '\e1112';
|
|
$glyph-icon-object-unknown: '\e1113';
|
|
$glyph-icon-packet: '\e1114';
|
|
$glyph-icon-page: '\e1115';
|
|
$glyph-icon-plot-overlay: '\e1116';
|
|
$glyph-icon-plot-stacked: '\e1117';
|
|
$glyph-icon-session: '\e1118';
|
|
$glyph-icon-tabular: '\e1119';
|
|
$glyph-icon-tabular-lad: '\e1120';
|
|
$glyph-icon-tabular-lad-set: '\e1121';
|
|
$glyph-icon-tabular-realtime: '\e1122';
|
|
$glyph-icon-tabular-scrolling: '\e1123';
|
|
$glyph-icon-telemetry: '\e1124';
|
|
$glyph-icon-telemetry-panel: '\e1125';
|
|
$glyph-icon-timeline: '\e1126';
|
|
$glyph-icon-timer: '\e1127';
|
|
$glyph-icon-topic: '\e1128';
|
|
$glyph-icon-box-with-dashed-lines: '\e1129';
|
|
$glyph-icon-summary-widget: '\e1130';
|
|
|
|
/************************** 16 PX CLASSES */
|
|
|
|
.icon-alert-rect { @include glyphBefore($glyph-icon-alert-rect); }
|
|
.icon-alert-triangle { @include glyphBefore($glyph-icon-alert-triangle); }
|
|
.icon-arrow-down { @include glyphBefore($glyph-icon-arrow-down); }
|
|
.icon-arrow-left { @include glyphBefore($glyph-icon-arrow-left); }
|
|
.icon-arrow-right { @include glyphBefore($glyph-icon-arrow-right); }
|
|
.icon-arrow-double-up { @include glyphBefore($glyph-icon-arrow-double-up); }
|
|
.icon-arrow-tall-up { @include glyphBefore($glyph-icon-arrow-tall-up); }
|
|
.icon-arrow-tall-down { @include glyphBefore($glyph-icon-arrow-tall-down); }
|
|
.icon-arrow-double-down { @include glyphBefore($glyph-icon-arrow-double-down); }
|
|
.icon-arrow-up { @include glyphBefore($glyph-icon-arrow-up); }
|
|
.icon-asterisk { @include glyphBefore($glyph-icon-asterisk); }
|
|
.icon-bell { @include glyphBefore($glyph-icon-bell); }
|
|
.icon-box { @include glyphBefore($glyph-icon-box); }
|
|
.icon-box-with-arrow { @include glyphBefore($glyph-icon-box-with-arrow); }
|
|
.icon-check { @include glyphBefore($glyph-icon-check); }
|
|
.icon-connectivity { @include glyphBefore($glyph-icon-connectivity); }
|
|
.icon-database-in-brackets { @include glyphBefore($glyph-icon-database-in-brackets); }
|
|
.icon-eye-open { @include glyphBefore($glyph-icon-eye-open); }
|
|
.icon-gear { @include glyphBefore($glyph-icon-gear); }
|
|
.icon-hourglass { @include glyphBefore($glyph-icon-hourglass); }
|
|
.icon-info { @include glyphBefore($glyph-icon-info); }
|
|
.icon-link { @include glyphBefore($glyph-icon-link); }
|
|
.icon-lock { @include glyphBefore($glyph-icon-lock); }
|
|
.icon-minus { @include glyphBefore($glyph-icon-minus); }
|
|
.icon-people { @include glyphBefore($glyph-icon-people); }
|
|
.icon-person { @include glyphBefore($glyph-icon-person); }
|
|
.icon-plus { @include glyphBefore($glyph-icon-plus); }
|
|
.icon-trash { @include glyphBefore($glyph-icon-trash); }
|
|
.icon-x { @include glyphBefore($glyph-icon-x); }
|
|
.icon-brackets { @include glyphBefore($glyph-icon-brackets); }
|
|
.icon-crosshair { @include glyphBefore($glyph-icon-crosshair); }
|
|
.icon-grippy { @include glyphBefore($glyph-icon-grippy); }
|
|
.icon-arrows-out { @include glyphBefore($glyph-icon-arrows-out); }
|
|
.icon-arrows-right-left { @include glyphBefore($glyph-icon-arrows-right-left); }
|
|
.icon-arrows-up-down { @include glyphBefore($glyph-icon-arrows-up-down); }
|
|
.icon-bullet { @include glyphBefore($glyph-icon-bullet); }
|
|
.icon-calendar { @include glyphBefore($glyph-icon-calendar); }
|
|
.icon-chain-links { @include glyphBefore($glyph-icon-chain-links); }
|
|
.icon-collapse-pane-left { @include glyphBefore($glyph-icon-collapse-pane-left); }
|
|
.icon-collapse-pane-right { @include glyphBefore($glyph-icon-collapse-pane-right); }
|
|
.icon-download { @include glyphBefore($glyph-icon-download); }
|
|
.icon-duplicate { @include glyphBefore($glyph-icon-duplicate); }
|
|
.icon-folder-new { @include glyphBefore($glyph-icon-folder-new); }
|
|
.icon-fullscreen-collapse { @include glyphBefore($glyph-icon-fullscreen-collapse); }
|
|
.icon-fullscreen-expand { @include glyphBefore($glyph-icon-fullscreen-expand); }
|
|
.icon-layers { @include glyphBefore($glyph-icon-layers); }
|
|
.icon-line-horz { @include glyphBefore($glyph-icon-line-horz); }
|
|
.icon-magnify { @include glyphBefore($glyph-icon-magnify); }
|
|
.icon-magnify-in { @include glyphBefore($glyph-icon-magnify-in); }
|
|
.icon-magnify-out { @include glyphBefore($glyph-icon-magnify-out); }
|
|
.icon-menu-hamburger { @include glyphBefore($glyph-icon-menu-hamburger); }
|
|
.icon-move { @include glyphBefore($glyph-icon-move); }
|
|
.icon-new-window { @include glyphBefore($glyph-icon-new-window); }
|
|
.icon-paint-bucket { @include glyphBefore($glyph-icon-paint-bucket); }
|
|
.icon-pause { @include glyphBefore($glyph-icon-pause); }
|
|
.icon-pencil { @include glyphBefore($glyph-icon-pencil); }
|
|
.icon-play { @include glyphBefore($glyph-icon-play); }
|
|
.icon-plot-resource { @include glyphBefore($glyph-icon-plot-resource); }
|
|
.icon-pointer-left { @include glyphBefore($glyph-icon-pointer-left); }
|
|
.icon-pointer-right { @include glyphBefore($glyph-icon-pointer-right); }
|
|
.icon-refresh { @include glyphBefore($glyph-icon-refresh); }
|
|
.icon-save { @include glyphBefore($glyph-icon-save); }
|
|
.icon-sine { @include glyphBefore($glyph-icon-sine); }
|
|
.icon-T { @include glyphBefore($glyph-icon-T); }
|
|
.icon-thumbs-strip { @include glyphBefore($glyph-icon-thumbs-strip); }
|
|
.icon-two-parts-both { @include glyphBefore($glyph-icon-two-parts-both); }
|
|
.icon-two-parts-one-only { @include glyphBefore($glyph-icon-two-parts-one-only); }
|
|
.icon-resync { @include glyphBefore($glyph-icon-resync); }
|
|
.icon-reset { @include glyphBefore($glyph-icon-reset); }
|
|
.icon-x-in-circle { @include glyphBefore($glyph-icon-x-in-circle); }
|
|
.icon-brightness { @include glyphBefore($glyph-icon-brightness); }
|
|
.icon-contrast { @include glyphBefore($glyph-icon-contrast); }
|
|
.icon-expand { @include glyphBefore($glyph-icon-expand); }
|
|
.icon-list-view { @include glyphBefore($glyph-icon-list-view); }
|
|
.icon-grid-snap-to { @include glyphBefore($glyph-icon-grid-snap-to); }
|
|
.icon-grid-snap-no { @include glyphBefore($glyph-icon-grid-snap-no); }
|
|
.icon-frame-show { @include glyphBefore($glyph-icon-frame-show); }
|
|
.icon-frame-hide { @include glyphBefore($glyph-icon-frame-hide); }
|
|
.icon-activity { @include glyphBefore($glyph-icon-activity); }
|
|
.icon-activity-mode { @include glyphBefore($glyph-icon-activity-mode); }
|
|
.icon-autoflow-tabular { @include glyphBefore($glyph-icon-autoflow-tabular); }
|
|
.icon-clock { @include glyphBefore($glyph-icon-clock); }
|
|
.icon-database { @include glyphBefore($glyph-icon-database); }
|
|
.icon-database-query { @include glyphBefore($glyph-icon-database-query); }
|
|
.icon-dataset { @include glyphBefore($glyph-icon-dataset); }
|
|
.icon-datatable { @include glyphBefore($glyph-icon-datatable); }
|
|
.icon-dictionary { @include glyphBefore($glyph-icon-dictionary); }
|
|
.icon-folder { @include glyphBefore($glyph-icon-folder); }
|
|
.icon-image { @include glyphBefore($glyph-icon-image); }
|
|
.icon-layout { @include glyphBefore($glyph-icon-layout); }
|
|
.icon-object { @include glyphBefore($glyph-icon-object); }
|
|
.icon-object-unknown { @include glyphBefore($glyph-icon-object-unknown); }
|
|
.icon-packet { @include glyphBefore($glyph-icon-packet); }
|
|
.icon-page { @include glyphBefore($glyph-icon-page); }
|
|
.icon-plot-overlay { @include glyphBefore($glyph-icon-plot-overlay); }
|
|
.icon-plot-stacked { @include glyphBefore($glyph-icon-plot-stacked); }
|
|
.icon-session { @include glyphBefore($glyph-icon-session); }
|
|
.icon-tabular { @include glyphBefore($glyph-icon-tabular); }
|
|
.icon-tabular-lad { @include glyphBefore($glyph-icon-tabular-lad); }
|
|
.icon-tabular-lad-set { @include glyphBefore($glyph-icon-tabular-lad-set); }
|
|
.icon-tabular-realtime { @include glyphBefore($glyph-icon-tabular-realtime); }
|
|
.icon-tabular-scrolling { @include glyphBefore($glyph-icon-tabular-scrolling); }
|
|
.icon-telemetry { @include glyphBefore($glyph-icon-telemetry); }
|
|
.icon-telemetry-panel { @include glyphBefore($glyph-icon-telemetry-panel); }
|
|
.icon-timeline { @include glyphBefore($glyph-icon-timeline); }
|
|
.icon-timer { @include glyphBefore($glyph-icon-timer); }
|
|
.icon-topic { @include glyphBefore($glyph-icon-topic); }
|
|
.icon-box-with-dashed-lines { @include glyphBefore($glyph-icon-box-with-dashed-lines); }
|
|
.icon-summary-widget { @include glyphBefore($glyph-icon-summary-widget); }
|
|
|
|
/************************** 12 PX CLASSES */
|
|
.icon-crosshair-12px { @include glyphBefore($glyph-icon-crosshair,'symbolsfont-12px'); }
|
|
.icon-folder-12px { @include glyphBefore($glyph-icon-folder,'symbolsfont-12px'); }
|