From 51ad09fc770f9eb24a0f143156610dfe850c6e8e Mon Sep 17 00:00:00 2001 From: Luke Shumaker Date: Mon, 19 Mar 2018 21:31:25 -0400 Subject: tabify scss --- .../jquerytools.tabs.tabs-no-images.scss | 80 ++++---- public-src/jarmon-style/style.scss | 208 ++++++++++----------- 2 files changed, 144 insertions(+), 144 deletions(-) diff --git a/public-src/jarmon-style/jquerytools.tabs.tabs-no-images.scss b/public-src/jarmon-style/jquerytools.tabs.tabs-no-images.scss index d97f579..32c0c11 100644 --- a/public-src/jarmon-style/jquerytools.tabs.tabs-no-images.scss +++ b/public-src/jarmon-style/jquerytools.tabs.tabs-no-images.scss @@ -15,55 +15,55 @@ $tabs-background-secondary: #efefef; /* root element for tab bar */ ul.css-tabs { - margin: 0; - padding: 0; - height: $tabs-tab-height; - border-bottom: $tabs-border-width $tabs-border-style; + margin: 0; + padding: 0; + height: $tabs-tab-height; + border-bottom: $tabs-border-width $tabs-border-style; - /* single tab */ - li { - float: left; - margin: 0; - padding: 0; - list-style-type: none; + /* single tab */ + li { + float: left; + margin: 0; + padding: 0; + list-style-type: none; - /* link inside the tab */ - a { - display:block; - height: $tabs-tab-height; /* $tabs-tab-height - 2*($tabs-tab-vpad+$tabs-border-width) */ - padding: $tabs-tab-vpad $tabs-tab-hpad; - border: $tabs-border-width $tabs-border-style; - border-bottom: 0; + /* link inside the tab */ + a { + display:block; + height: $tabs-tab-height; /* $tabs-tab-height - 2*($tabs-tab-vpad+$tabs-border-width) */ + padding: $tabs-tab-vpad $tabs-tab-hpad; + border: $tabs-border-width $tabs-border-style; + border-bottom: 0; - margin-right: 2px; - border-radius: 4px 4px 0 0; - text-decoration: none; + margin-right: 2px; + border-radius: 4px 4px 0 0; + text-decoration: none; - background: $tabs-background-secondary; - color: #777; + background: $tabs-background-secondary; + color: #777; - &:hover { - background-color: #F7F7F7; - color: #333; - } + &:hover { + background-color: #F7F7F7; + color: #333; + } - /* selected tab */ - &.current { - background: $tabs-background-primary; - border-bottom: $tabs-border-width solid $tabs-background-primary; - color: #000; - cursor:default; - } - } - } + /* selected tab */ + &.current { + background: $tabs-background-primary; + border-bottom: $tabs-border-width solid $tabs-background-primary; + color: #000; + cursor:default; + } + } + } } /* tab pane */ .css-panes > div { - display: none; - border: $tabs-border-width $tabs-border-style; - border-top: 0; - background: $tabs-background-primary; + display: none; + border: $tabs-border-width $tabs-border-style; + border-top: 0; + background: $tabs-background-primary; - padding: 15px 20px; + padding: 15px 20px; } diff --git a/public-src/jarmon-style/style.scss b/public-src/jarmon-style/style.scss index 5641550..11d1fb0 100644 --- a/public-src/jarmon-style/style.scss +++ b/public-src/jarmon-style/style.scss @@ -1,119 +1,119 @@ .jarmon { - border: solid 1px black; - border-radius: 4px; + border: solid 1px black; + border-radius: 4px; - .chartRangeControl { - .range-inputs { - display: flex; - flex-direction: row; - align-items: center; - & > * { - width: 20%; - margin: 1px; - padding: 0; - border: solid 1px #666; - border-radius: 2px; - &[type="button"] { - width: auto; - } - &[type="datetime-local"] { - width: 25%; - } - } - } - .range-preview { - height: 42px; - width: 100%; - } - } + .chartRangeControl { + .range-inputs { + display: flex; + flex-direction: row; + align-items: center; + & > * { + width: 20%; + margin: 1px; + padding: 0; + border: solid 1px #666; + border-radius: 2px; + &[type="button"] { + width: auto; + } + &[type="datetime-local"] { + width: 25%; + } + } + } + .range-preview { + height: 42px; + width: 100%; + } + } - .css-panes > div { - padding: 0; - padding-left: 15px; - } + .css-panes > div { + padding: 0; + padding-left: 15px; + } - h2 { - margin: 0; - font-size: 100%; - text-align: center; - } + h2 { + margin: 0; + font-size: 100%; + text-align: center; + } - .tabbed-chart-interface { - .css-panes { - height: 550px; - & > div { - height: 100%; - overflow-y: scroll; - overflow-x: hidden; - } - } - .chart-container { - &.loading .title { - background-repeat: no-repeat; - background-position: 0 50%; - background-image: url(loading.gif); - } + .tabbed-chart-interface { + .css-panes { + height: 550px; + & > div { + height: 100%; + overflow-y: scroll; + overflow-x: hidden; + } + } + .chart-container { + &.loading .title { + background-repeat: no-repeat; + background-position: 0 50%; + background-image: url(loading.gif); + } - .chart { - height: 125px; - width: 100%; - margin: 0 auto 0 auto; - clear: both; - - .tickLabel, /* flot 0.7 */ - .tick-label /* flot 0.8 */ - { - overflow:hidden; - } + .chart { + height: 125px; + width: 100%; + margin: 0 auto 0 auto; + clear: both; + + .tickLabel, /* flot 0.7 */ + .tick-label /* flot 0.8 */ + { + overflow:hidden; + } - .yaxisUnitLabel { - /* Y */ - position: absolute; - top: 50%; - /* In this translateY, the 75% is: 50% for the `top:50%` overshooting - * by our `height/2`; the additional 25% accounts - * for 1 line-height being chopped off the bottom - * of the graph for the x-axis labels. */ - transform: translateY(-75%); + .yaxisUnitLabel { + /* Y */ + position: absolute; + top: 50%; + /* In this translateY, the 75% is: 50% for the `top:50%` overshooting + * by our `height/2`; the additional 25% accounts + * for 1 line-height being chopped off the bottom + * of the graph for the x-axis labels. */ + transform: translateY(-75%); - /* X */ - width: 100px; - margin-left: -100px; - text-align: right; + /* X */ + width: 100px; + margin-left: -100px; + text-align: right; - /* styling */ - padding: 2px; + /* styling */ + padding: 2px; - /* rotate */ - transform: rotate(-90deg); - width: 0; - margin-left: -10px; - } - } + /* rotate */ + transform: rotate(-90deg); + width: 0; + margin-left: -10px; + } + } - .graph-legend { - width: 100%; - padding: 2px 0; - margin: 2px auto 0; - background-color: #f7f7f7; + .graph-legend { + width: 100%; + padding: 2px 0; + margin: 2px auto 0; + background-color: #f7f7f7; - .legendItem { - float: left; - cursor: pointer; - margin-right: 20px; - margin-top: 5px; - margin-left: 5px; + .legendItem { + float: left; + cursor: pointer; + margin-right: 20px; + margin-top: 5px; + margin-left: 5px; - .legendColorBox { - float: left; - margin-right: 5px; - } + .legendColorBox { + float: left; + margin-right: 5px; + } - &.disabled { - text-decoration: line-through; - } - } - } - } - } + &.disabled { + text-decoration: line-through; + } + } + } + } + } } -- cgit v1.1-4-g5e80