diff options
author | Luke Shumaker <lukeshu@lukeshu.com> | 2018-03-14 18:18:31 -0400 |
---|---|---|
committer | Luke Shumaker <lukeshu@lukeshu.com> | 2018-03-17 13:49:41 -0400 |
commit | b54a1c9686eec3c1114e9b58cb67679ba59c45bd (patch) | |
tree | 0bdb2f3ed51ff077a8c3e337e4bc556aacec108e /jarmon-style/style.scss | |
parent | 54feeb027d6e5a760b49769dfe695ea2591dc6fe (diff) |
directories
Diffstat (limited to 'jarmon-style/style.scss')
-rw-r--r-- | jarmon-style/style.scss | 119 |
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; - } - } - } - } - } -} |