tabify scss

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;
+					}
+				}
+			}
+		}
+	}
 }