Rift.IO OSM R1 Initial Submission

[osm/UI.git] / skyquake / plugins / launchpad / src / monitoring_params / monitoring_params.scss

diff --git a/skyquake/plugins/launchpad/src/monitoring_params/monitoring_params.scss b/skyquake/plugins/launchpad/src/monitoring_params/monitoring_params.scss
new file mode 100644 (file)
index 0000000..43c871b
--- /dev/null
+++ b/skyquake/plugins/launchpad/src/monitoring_params/monitoring_params.scss
@@ -0,0 +1,99 @@
+
+/*
+ * 
+ *   Copyright 2016 RIFT.IO Inc
+ *
+ *   Licensed under the Apache License, Version 2.0 (the "License");
+ *   you may not use this file except in compliance with the License.
+ *   You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *   Unless required by applicable law or agreed to in writing, software
+ *   distributed under the License is distributed on an "AS IS" BASIS,
+ *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *   See the License for the specific language governing permissions and
+ *   limitations under the License.
+ *
+ */
+.slick-track {
+  cursor:pointer;
+}
+.slick-slider {
+  margin-right:0;
+  margin-bottom: 50px;
+}
+.slick-next, .slick-prev {
+  opacity:0.25;
+  top:5rem;
+  z-index:5;
+  height:auto;
+  &:hover{
+    opacity:1;
+  }
+  &:before{
+    font-family: "slick";
+    font-size: 50px;
+    font-weight: bold;
+    line-height: 1;
+    color: white;
+    opacity: 0.75;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+}
+.slick-next {
+    right: -1rem;
+}
+.slick-prev {
+    left: -10px;
+}
+.slick-list {
+  max-width: 693px;
+}
+.slick-slide {
+  height:auto;
+}
+.slick-slide.component {
+  box-sizing:border-box;
+  flex-direction:column;
+  flex-wrap:nowrap;
+  // RIFT-12883
+  // Prevent resizing
+  // height:0;
+  transition:height 200ms, opacity 600ms;
+  opacity:0;
+  .componentWrapper {
+    display:flex;
+    flex-wrap:wrap;
+        flex: 1 0 auto;
+  }
+}
+.slick-active {
+}
+.slick-slide.slick-active.component {
+  align-items:inherit;
+  height:auto;
+  opacity:1;
+  transition:height 200ms, opacity 600ms;
+}
+.slick-initialized.slick-slider{
+  max-width: 693px;
+}
+.slick-initialized .slick-slide {
+    display: flex;
+}
+.monitoring_params_component {
+  flex: 1 1;
+    text-align:center;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    align-content: center;
+    padding: 0.5rem;
+    border:1px solid white;
+}
+.slick-dots li button:before {
+    font-size: 25px;
+}