From 51ad09fc770f9eb24a0f143156610dfe850c6e8e Mon Sep 17 00:00:00 2001
From: Luke Shumaker <lukeshu@lukeshu.com>
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(-)
(limited to 'public-src')
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.2.3-2-g168b