summaryrefslogtreecommitdiff
path: root/jarmon-style/style.scss
diff options
context:
space:
mode:
authorLuke Shumaker <lukeshu@lukeshu.com>2018-03-14 18:18:31 -0400
committerLuke Shumaker <lukeshu@lukeshu.com>2018-03-17 13:49:41 -0400
commitb54a1c9686eec3c1114e9b58cb67679ba59c45bd (patch)
tree0bdb2f3ed51ff077a8c3e337e4bc556aacec108e /jarmon-style/style.scss
parent54feeb027d6e5a760b49769dfe695ea2591dc6fe (diff)
directories
Diffstat (limited to 'jarmon-style/style.scss')
-rw-r--r--jarmon-style/style.scss119
1 files changed, 0 insertions, 119 deletions
diff --git a/jarmon-style/style.scss b/jarmon-style/style.scss
deleted file mode 100644
index 5641550..0000000
--- a/jarmon-style/style.scss
+++ /dev/null
@@ -1,119 +0,0 @@
-.jarmon {
- 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%;
- }
- }
-
- .css-panes > div {
- padding: 0;
- padding-left: 15px;
- }
-
- 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);
- }
-
- .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%);
-
- /* X */
- width: 100px;
- margin-left: -100px;
- text-align: right;
-
- /* styling */
- padding: 2px;
-
- /* rotate */
- transform: rotate(-90deg);
- width: 0;
- margin-left: -10px;
- }
- }
-
- .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;
-
- .legendColorBox {
- float: left;
- margin-right: 5px;
- }
-
- &.disabled {
- text-decoration: line-through;
- }
- }
- }
- }
- }
-}