@rio-cloud/rio-uikit 0.15.1 → 0.16.0-beta-3

package/lib/style/css/design/normalize.less

@@ -0,0 +1,436 @@
+* {
+  box-sizing:border-box;
+
+  &:before,
+  &:after {
+    box-sizing:border-box;
+  }
+}
+
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+//
+// 1. Set default font family to sans-serif.
+// 2. Prevent iOS and IE text size adjust after device orientation change,
+//    without disabling user zoom.
+//
+
+html {
+    font-family: sans-serif; // 1
+    -ms-text-size-adjust: 100%; // 2
+    -webkit-text-size-adjust: 100%; // 2
+  }
+
+  //
+  // Remove default margin.
+  //
+
+  body {
+    margin: 0;
+  }
+
+  // HTML5 display definitions
+  // ==========================================================================
+
+  //
+  // Correct `block` display not defined for any HTML5 element in IE 8/9.
+  // Correct `block` display not defined for `details` or `summary` in IE 10/11
+  // and Firefox.
+  // Correct `block` display not defined for `main` in IE 11.
+  //
+
+  article,
+  aside,
+  details,
+  figcaption,
+  figure,
+  footer,
+  header,
+  hgroup,
+  main,
+  menu,
+  nav,
+  section,
+  summary {
+    display: block;
+  }
+
+  //
+  // 1. Correct `inline-block` display not defined in IE 8/9.
+  // 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+  //
+
+  audio,
+  canvas,
+  progress,
+  video {
+    display: inline-block; // 1
+    vertical-align: baseline; // 2
+  }
+
+  //
+  // Prevent modern browsers from displaying `audio` without controls.
+  // Remove excess height in iOS 5 devices.
+  //
+
+  audio:not([controls]) {
+    display: none;
+    height: 0;
+  }
+
+  //
+  // Address `[hidden]` styling not present in IE 8/9/10.
+  // Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+  //
+
+  [hidden],
+  template {
+    display: none;
+  }
+
+  // Links
+  // ==========================================================================
+
+  //
+  // Remove the gray background color from active links in IE 10.
+  //
+
+  a {
+    background-color: transparent;
+  }
+
+  //
+  // Improve readability of focused elements when they are also in an
+  // active/hover state.
+  //
+
+  a:active,
+  a:hover {
+    outline: 0;
+  }
+
+  // Text-level semantics
+  // ==========================================================================
+
+  //
+  // Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+  //
+
+  abbr[title] {
+    border-bottom: 1px dotted;
+  }
+
+  //
+  // Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+  //
+
+  b,
+  strong {
+    font-weight: bold;
+  }
+
+  //
+  // Address styling not present in Safari and Chrome.
+  //
+
+  dfn {
+    font-style: italic;
+  }
+
+  //
+  // Address variable `h1` font-size and margin within `section` and `article`
+  // contexts in Firefox 4+, Safari, and Chrome.
+  //
+
+  h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+  }
+
+  //
+  // Address styling not present in IE 8/9.
+  //
+
+  mark {
+    background: #ff0;
+    color: #000;
+  }
+
+  //
+  // Address inconsistent and variable font size in all browsers.
+  //
+
+  small {
+    font-size: 80%;
+  }
+
+  //
+  // Prevent `sub` and `sup` affecting `line-height` in all browsers.
+  //
+
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+
+  sup {
+    top: -0.5em;
+  }
+
+  sub {
+    bottom: -0.25em;
+  }
+
+  // Embedded content
+  // ==========================================================================
+
+  //
+  // Remove border when inside `a` element in IE 8/9/10.
+  //
+
+  img {
+    border: 0;
+  }
+
+  //
+  // Correct overflow not hidden in IE 9/10/11.
+  //
+
+  svg:not(:root) {
+    overflow: hidden;
+  }
+
+  // Grouping content
+  // ==========================================================================
+
+  //
+  // Address margin not present in IE 8/9 and Safari.
+  //
+
+  figure {
+    margin: 1em 40px;
+  }
+
+  //
+  // Address differences between Firefox and other browsers.
+  //
+
+  hr {
+    box-sizing: content-box;
+    height: 0;
+  }
+
+  //
+  // Contain overflow in all browsers.
+  //
+
+  pre {
+    overflow: auto;
+  }
+
+  //
+  // Address odd `em`-unit font size rendering in all browsers.
+  //
+
+  code,
+  kbd,
+  pre,
+  samp {
+    font-family: monospace, monospace;
+    font-size: 1em;
+  }
+
+  // Forms
+  // ==========================================================================
+
+  //
+  // Known limitation: by default, Chrome and Safari on OS X allow very limited
+  // styling of `select`, unless a `border` property is set.
+  //
+
+  //
+  // 1. Correct color not being inherited.
+  //    Known issue: affects color of disabled elements.
+  // 2. Correct font properties not being inherited.
+  // 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+  //
+
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    color: inherit;
+    font-family: inherit;
+    font-size: inherit;
+    font: inherit;
+    line-height: inherit;
+    margin: 0;
+  }
+
+  //
+  // Address `overflow` set to `hidden` in IE 8/9/10/11.
+  //
+
+  button {
+    overflow: visible;
+  }
+
+  //
+  // Address inconsistent `text-transform` inheritance for `button` and `select`.
+  // All other form control elements do not inherit `text-transform` values.
+  // Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+  // Correct `select` style inheritance in Firefox.
+  //
+
+  button,
+  select {
+    text-transform: none;
+  }
+
+  //
+  // 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+  //    and `video` controls.
+  // 2. Correct inability to style clickable `input` types in iOS.
+  // 3. Improve usability and consistency of cursor style between image-type
+  //    `input` and others.
+  //
+
+  button,
+  html input[type="button"], // 1
+  input[type="reset"],
+  input[type="submit"] {
+    -webkit-appearance: button; // 2
+    cursor: pointer; // 3
+  }
+
+  //
+  // Re-set default cursor for disabled elements.
+  //
+
+  button[disabled],
+  html input[disabled] {
+    cursor: default;
+  }
+
+  //
+  // Remove inner padding and border in Firefox 4+.
+  //
+
+  button::-moz-focus-inner,
+  input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+  }
+
+  //
+  // Address Firefox 4+ setting `line-height` on `input` using `!important` in
+  // the UA stylesheet.
+  //
+
+  input {
+    line-height: normal;
+  }
+
+  //
+  // It's recommended that you don't attempt to style these elements.
+  // Firefox's implementation doesn't respect box-sizing, padding, or width.
+  //
+  // 1. Address box sizing set to `content-box` in IE 8/9/10.
+  // 2. Remove excess padding in IE 8/9/10.
+  //
+
+  input[type="checkbox"],
+  input[type="radio"] {
+    box-sizing: border-box; // 1
+    padding: 0; // 2
+  }
+
+  //
+  // Fix the cursor style for Chrome's increment/decrement buttons. For certain
+  // `font-size` values of the `input`, it causes the cursor style of the
+  // decrement button to change from `default` to `text`.
+  //
+
+  input[type="number"]::-webkit-inner-spin-button,
+  input[type="number"]::-webkit-outer-spin-button {
+    height: auto;
+  }
+
+  //
+  // 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+  // 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+  //
+
+  input[type="search"] {
+    -webkit-appearance: textfield; // 1
+    box-sizing: content-box; //2
+  }
+
+  //
+  // Remove inner padding and search cancel button in Safari and Chrome on OS X.
+  // Safari (but not Chrome) clips the cancel button when the search input has
+  // padding (and `textfield` appearance).
+  //
+
+  input[type="search"]::-webkit-search-cancel-button,
+  input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+
+  //
+  // Define consistent border, margin, and padding.
+  //
+
+  fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+  }
+
+  //
+  // 1. Correct `color` not being inherited in IE 8/9/10/11.
+  // 2. Remove padding so people aren't caught out if they zero out fieldsets.
+  //
+
+  legend {
+    border: 0; // 1
+    padding: 0; // 2
+  }
+
+  //
+  // Remove default vertical scrollbar in IE 8/9/10/11.
+  //
+
+  textarea {
+    overflow: auto;
+  }
+
+  //
+  // Don't inherit the `font-weight` (applied by a rule above).
+  // NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+  //
+
+  optgroup {
+    font-weight: bold;
+  }
+
+  // Tables
+  // ==========================================================================
+
+  //
+  // Remove most spacing between table cells.
+  //
+
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+
+  td,
+  th {
+    padding: 0;
+  }

package/lib/style/css/design/opacity.less

@@ -0,0 +1,26 @@
+/* Opacity */
+.opacity-0 { opacity: 0.0 !important }
+.opacity-10 { opacity: 0.1 !important }
+.opacity-20 { opacity: 0.2 !important }
+.opacity-30 { opacity: 0.3 !important }
+.opacity-40 { opacity: 0.4 !important }
+.opacity-50 { opacity: 0.5 !important }
+.opacity-60 { opacity: 0.6 !important }
+.opacity-70 { opacity: 0.7 !important }
+.opacity-80 { opacity: 0.8 !important }
+.opacity-90 { opacity: 0.9 !important }
+.opacity-100 { opacity: 1.0 !important }
+
+.hover-opacity {
+  &-0:hover { opacity: 0.0 !important }
+  &-10:hover { opacity: 0.1 !important }
+  &-20:hover { opacity: 0.2 !important }
+  &-30:hover { opacity: 0.3 !important }
+  &-40:hover { opacity: 0.4 !important }
+  &-50:hover { opacity: 0.5 !important }
+  &-60:hover { opacity: 0.6 !important }
+  &-70:hover { opacity: 0.7 !important }
+  &-80:hover { opacity: 0.8 !important }
+  &-90:hover { opacity: 0.9 !important }
+  &-100:hover { opacity: 1.0 !important }
+}

package/lib/style/css/design/overflow.less

@@ -0,0 +1 @@
+.webkit-overflow { -webkit-overflow-scrolling: touch }

package/lib/style/css/design/pagination.less

@@ -0,0 +1,161 @@
+// Pagination
+@pagination-color: @gray-dark;
+@pagination-active-bg: @gray-lighter;
+@pagination-active-color: @gray-dark;
+
+.pagination {
+  .reset-list();
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  padding: 5px 0;
+
+  > li {
+    align-items: center;
+    border-radius: @border-radius-sm;
+    cursor: pointer;
+    display: flex;
+    font-size: 14px;
+    justify-content: center;
+    position: relative;
+
+    &.disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+
+      > a, > span, > div {
+        pointer-events: none;
+      }
+    }
+
+    &:not(:empty) {
+      height: 30px;
+      margin: 0 2px;
+      width: 30px;
+
+      > a, > span, > div {
+        align-items: center;
+        border-radius: @border-radius-sm;
+        bottom: 0;
+        color: @pagination-color;
+        display: flex;
+        justify-content: center;
+        left: 0;
+        position: absolute;
+        right: 0;
+        text-decoration: none;
+        top: 0;
+      }
+
+      &.active,
+      &:hover {
+        background: @pagination-active-bg;
+      }
+
+      &.active {
+        > a, > span, > div {
+          color: @pagination-active-color;
+        }
+      }
+    }
+
+    &:empty {
+      background: @color-highlight-decent;
+      border-radius: @border-radius-sm;
+      border: 1px solid @color-highlight;
+      height: 10px;
+      margin: 0 5px;
+      width: 20px;
+
+      &.active,
+      &:hover {
+        background: @color-highlight;
+      }
+    }
+
+    &:first-child {
+      margin-left: 0;
+    }
+
+    &:last-child {
+      margin-right: 0;
+    }
+
+    &:first-child,
+    &:last-child {
+
+      > a, > span, > div {
+        background: transparent !important;
+
+        &.rioglyph {
+          font-size: 10px;
+        }
+      }
+    }
+  }
+}
+
+// Pager
+@pager-border: @gray-light;
+@pager-hover-bg: @gray-lighter;
+@pager-active-bg: @gray;
+@pager-active-color: @pagination-active-color;
+
+.pager {
+  .reset-list();
+  &:extend(.clearfix all);
+  text-align: center;
+
+  li {
+    display: inline;
+
+    > a, > span, > div {
+      align-items: center;
+      border-radius: @border-radius-round;
+      border: 1px solid @pager-border;
+      cursor: pointer;
+      display: flex;
+      padding: 5px 14px;
+
+      .rioglyph {
+        font-size: 10px;
+      }
+
+      &:hover, &:focus {
+        background-color: @pager-hover-bg;
+        text-decoration: none;
+      }
+    }
+  }
+
+  .next {
+    > a, > span, > div {
+      float: right;
+
+      .rioglyph {
+       margin-left: 5px;
+      }
+    }
+  }
+
+  .previous {
+    > a, > span, > div {
+      float: left;
+
+      .rioglyph {
+        margin-right: 5px;
+       }
+    }
+  }
+
+  .disabled {
+    > a, > span, > div {
+      &,
+      &:hover,
+      &:focus {
+        color: @gray-light;
+        cursor: not-allowed;
+      }
+    }
+  }
+}

package/lib/style/css/design/panels.less

@@ -0,0 +1,105 @@
+@panel-x-padding: 15px;
+@panel-y-padding: 10px;
+
+.panel {
+  background-color: @color-white;
+  border-radius: @border-radius-default;
+  border: 1px solid transparent;
+  margin-bottom: @grid-gutter-height;
+
+  &:first-child:last-child {
+    margin-bottom: 0;
+  }
+
+  &.panel-default {
+    &.active {
+      background-color: @color-highlight-decent;
+      border: 1px solid @brand-primary;
+      box-shadow: inset 0 0 0 1px @brand-primary;
+
+      .panel-heading,
+      .panel-footer {
+        background-color: @color-highlight-decent;
+        border-color: @brand-primary;
+        box-shadow: inset 0 0 0 1px @brand-primary;
+      }
+    }
+  }
+
+  &.disabled {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  &.panel-unstyled {
+    background-color: transparent;
+  }
+
+  .panel-heading {
+    .border-top-radius((@border-radius-default - 1));
+    border-bottom: 1px solid transparent;
+    font-weight: @font-normal;
+    padding: @panel-y-padding @panel-x-padding;
+
+    > .dropdown .dropdown-toggle {
+      color: inherit;
+    }
+  }
+
+  .panel-title {
+    color: inherit;
+    font-size: @font-size-default;
+    margin-bottom: 0;
+    margin-top: 0;
+
+    > a,
+    > small,
+    > .small,
+    > small > a,
+    > .small > a {
+      color: inherit;
+    }
+  }
+
+  > .panel-body {
+    border-radius: 0 0 @border-radius-default @border-radius-default;
+  }
+
+  // default
+  .panel-variant(@color-white, @gray-light, @gray-darkest);
+
+  // primary
+  // secondary
+  // info
+  // success
+  // warning
+  // danger
+  each(@colors-brand-and-status-map, {
+    &.panel-@{key} {
+      .panel-variant(@value, @value, @color-white);
+    }
+  })
+}
+
+.panel-body {
+  &:extend(.clearfix all);
+  padding: @panel-x-padding;
+
+  ~ .table {
+    border-top: 1px solid @gray-light;
+    margin-bottom: 0
+  }
+
+  ~ .list-group {
+    margin-bottom: 0;
+
+    .list-group-item {
+      border-radius: 0 !important;
+    }
+  }
+}
+
+.panel-footer {
+  .border-bottom-radius((@border-radius-default - 1));
+  padding: @panel-y-padding @panel-x-padding;
+}