Made, and able to be edited, using http://tmtheme-editor.herokuapp.com/. Shown below is a reference list of variables in the theme editor and where their rules apply in HTML
, SCSS
, and JS
files. Text affected is either wrapped in "*"s or properly italicized.
The goals of this were to:
- Learn how theming works (to a limited extent... I used an editor)
- Use some Upstatement colors and styles
- Attempt some subtle but helpful styles to make code more scannable in a monochromatic scheme — calling out the most important elements and setting back the least.
.SCSS
- @import "partials/base";
- @include svg("gear_white");
.HTML
- class="analytics-body"
- role="main"
.JS
- $('.analytics-body').addClass('loading');
- if (!target.hasClass('tip-trigger')) {
.SCSS
- width: 32.5%;
- border: 1px solid $black-25;
.JS
- if (windowWidth > 960) {
- tooltip.css('z-index', 1500);
.JS
- true, false
.HTML
- ©
-  
.SCSS
- px, %
.JS
- $(this)
.SCSS
- .ie7 &
- @mixin body-padding($top: 0px, $bottom:0px)
- @include no-trans;
- h4, button
.JS
- if(tooltip && tooltip.length > 0)
- $('.loading-overlay').hide();
- modalOpen = false;
- return layout;
No finding
.JS
- function(block)
- var contents;
- function(){
No finding
No finding
.JS
- layout.initModal = function(id) {
- function equalizeBedHeights(){
- layout.init_listeners = function() {
.JS
- layout.init = function(app, callback)
- layout.init_modal_listener = function(context) {
- layout.initModal = function(id) {
.HTML
- <body></body>
- <div></div>
In HTML
- <meta charset="utf-8">
.SCSS
- .loading-overlay {
- @extend .text;
- .panel > .panel-grid-3 {
.JS
- modal.remove();
- $(document).find('ul, dl')
.JS
- var section = $(this).parent();
- var len = panels.length;
- tooltip.width()
.SCSS
- cursor: pointer;
- display: none;
- margin: 0 auto;
- position: relative;
.SCSS
- text-align: center;
- padding: 0px;
- vertical-align: middle;
In JS
- layout.initModal = function(id) {
- $(window)
No findings
.JSON
- "defaults": { "filterable": true, "editable": true }
Line numbers
.HTML
- < title > RGI | Healthcare Analytics Solution
.SCSS
- .bar { margin*:* auto*;* width*:* 100%; }
.JS
[?]
- The blinking cursor