cronapp-framework-mobile-js 4.0.0 → 4.0.2

package/lib/ionic/scss/_form.scss

@@ -1,327 +0,0 @@
-/**
- * Forms
- * --------------------------------------------------
- */
-
-// Make all forms have space below them
-form {
-  margin: 0 0 $line-height-base;
-}
-
-// Groups of fields with labels on top (legends)
-legend {
-  display: block;
-  margin-bottom: $line-height-base;
-  padding: 0;
-  width: 100%;
-  border: $input-border-width solid $input-border;
-  color: $dark;
-  font-size: $font-size-base * 1.5;
-  line-height: $line-height-base * 2;
-
-  small {
-    color: $stable;
-    font-size: $line-height-base * .75;
-  }
-}
-
-// Set font for forms
-label,
-input,
-button,
-select,
-textarea {
-  @include font-shorthand($font-size-base, normal, $line-height-base); // Set size, weight, line-height here
-}
-input,
-button,
-select,
-textarea {
-  font-family: $font-family-base; // And only set font-family here for those that need it (note the missing label element)
-}
-
-
-// Input List
-// -------------------------------
-
-.item-input {
-  @include display-flex();
-  @include align-items(center);
-  position: relative;
-  overflow: hidden;
-  padding: 6px 0 5px 16px;
-
-  input {
-    @include border-radius(0);
-    @include flex(1, 220px);
-    @include appearance(none);
-    margin: 0;
-    padding-right: 24px;
-    background-color: transparent;
-  }
-
-  .button .icon {
-    @include flex(0, 0, 24px);
-    position: static;
-    display: inline-block;
-    height: auto;
-    text-align: center;
-    font-size: 16px;
-  }
-
-  .button-bar {
-    @include border-radius(0);
-    @include flex(1, 0, 220px);
-    @include appearance(none);
-  }
-
-  .icon {
-    min-width: 14px;
-  }
-}
-// prevent flex-shrink on WP
-.platform-windowsphone .item-input input{
-  flex-shrink: 1;
-}
-
-.item-input-inset {
-  @include display-flex();
-  @include align-items(center);
-  position: relative;
-  overflow: hidden;
-  padding: ($item-padding / 3) * 2;
-}
-
-.item-input-wrapper {
-  @include display-flex();
-  @include flex(1, 0);
-  @include align-items(center);
-  @include border-radius(4px);
-  padding-right: 8px;
-  padding-left: 8px;
-  background: #eee;
-}
-
-.item-input-inset .item-input-wrapper input {
-  padding-left: 4px;
-  height: 29px;
-  background: transparent;
-  line-height: 18px;
-}
-
-.item-input-wrapper ~ .button {
-  margin-left: ($item-padding / 3) * 2;
-}
-
-.input-label {
-  display: table;
-  padding: 7px 10px 7px 0px;
-  max-width: 200px;
-  width: 35%;
-  color: $input-label-color;
-  font-size: 16px;
-}
-
-.placeholder-icon {
-  color: #aaa;
-  &:first-child {
-    padding-right: 6px;
-  }
-  &:last-child {
-    padding-left: 6px;
-  }
-}
-
-.item-stacked-label {
-  display: block;
-  background-color: transparent;
-  box-shadow: none;
-
-  .input-label, .icon {
-    display: inline-block;
-    padding: 4px 0 0 0px;
-    vertical-align: middle;
-  }
-}
-
-.item-stacked-label input,
-.item-stacked-label textarea {
-  @include border-radius(2px);
-  padding: 4px 8px 3px 0;
-  border: none;
-  background-color: $input-bg;
-}
-.item-stacked-label input {
-  overflow: hidden;
-  height: $line-height-computed + $font-size-base + 12px;
-}
-
-.item-select.item-stacked-label select {
-  position: relative;
-  padding: 0px;
-  max-width: 90%;
-  direction:ltr;
-  white-space: pre-wrap;
-  margin: -3px;
-}
-
-.item-floating-label {
-  display: block;
-  background-color: transparent;
-  box-shadow: none;
-
-  .input-label {
-    position: relative;
-    padding: 5px 0 0 0;
-    opacity: 0;
-    top: 10px;
-    @include transition(opacity .15s ease-in, top .2s linear);
-
-    &.has-input {
-      opacity: 1;
-      top: 0;
-      @include transition(opacity .15s ease-in, top .2s linear);
-    }
-  }
-}
-
-
-// Form Controls
-// -------------------------------
-
-// Shared size and type resets
-textarea,
-input[type="text"],
-input[type="password"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="date"],
-input[type="month"],
-input[type="time"],
-input[type="week"],
-input[type="number"],
-input[type="email"],
-input[type="url"],
-input[type="search"],
-input[type="tel"],
-input[type="color"] {
-  display: block;
-  padding-top: 2px;
-  padding-left: 0;
-  height: $line-height-computed + $font-size-base;
-  color: $input-color;
-  vertical-align: middle;
-  font-size: $font-size-base;
-  line-height: $font-size-base + 2;
-}
-
-.platform-ios,
-.platform-android {
-  input[type="datetime-local"],
-  input[type="date"],
-  input[type="month"],
-  input[type="time"],
-  input[type="week"] {
-    padding-top: 8px;
-  }
-}
-
-.item-input {
-  input,
-  textarea {
-    width: 100%;
-  }
-}
-
-textarea {
-  padding-left: 0;
-  @include placeholder($input-color-placeholder, -3px);
-}
-
-// Reset height since textareas have rows
-textarea {
-  height: auto;
-}
-
-// Everything else
-textarea,
-input[type="text"],
-input[type="password"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="date"],
-input[type="month"],
-input[type="time"],
-input[type="week"],
-input[type="number"],
-input[type="email"],
-input[type="url"],
-input[type="search"],
-input[type="tel"],
-input[type="color"] {
-  border: 0;
-}
-
-// Position radios and checkboxes better
-input[type="radio"],
-input[type="checkbox"] {
-  margin: 0;
-  line-height: normal;
-}
-
-// Reset width of input images, buttons, radios, checkboxes
-.item-input {
-  input[type="file"],
-  input[type="image"],
-  input[type="submit"],
-  input[type="reset"],
-  input[type="button"],
-  input[type="radio"],
-  input[type="checkbox"] {
-    width: auto; // Override of generic input selector
-  }
-}
-
-// Set the height of file to match text inputs
-input[type="file"] {
-  line-height: $input-height-base;
-}
-
-// Text input classes to hide text caret during scroll
-.previous-input-focus,
-.cloned-text-input + input,
-.cloned-text-input + textarea {
-  position: absolute !important;
-  left: -9999px;
-  width: 200px;
-}
-
-
-// Placeholder
-// -------------------------------
-input,
-textarea {
-  @include placeholder();
-}
-
-
-// DISABLED STATE
-// -------------------------------
-
-// Disabled and read-only inputs
-input[disabled],
-select[disabled],
-textarea[disabled],
-input[readonly]:not(.cloned-text-input),
-textarea[readonly]:not(.cloned-text-input),
-select[readonly] {
-  background-color: $input-bg-disabled;
-  cursor: not-allowed;
-}
-// Explicitly reset the colors here
-input[type="radio"][disabled],
-input[type="checkbox"][disabled],
-input[type="radio"][readonly],
-input[type="checkbox"][readonly] {
-  background-color: transparent;
-}

package/lib/ionic/scss/_grid.scss

@@ -1,159 +0,0 @@
-/**
- * Grid
- * --------------------------------------------------
- * Using flexbox for the grid, inspired by Philip Walton:
- * http://philipwalton.github.io/solved-by-flexbox/demos/grids/
- * By default each .col within a .row will evenly take up
- * available width, and the height of each .col with take
- * up the height of the tallest .col in the same .row.
- */
-
-.row {
-  @include display-flex();
-  padding: ($grid-padding-width / 2);
-  width: 100%;
-}
-
-.row-wrap {
-  @include flex-wrap(wrap);
-}
-
-.row-no-padding {
-  padding: 0;
-
-  > .col {
-    padding: 0;
-  }
-}
-
-.row + .row {
-  margin-top: ($grid-padding-width / 2) * -1;
-  padding-top: 0;
-}
-
-.col {
-  @include flex(1);
-  display: block;
-  padding: ($grid-padding-width / 2);
-  width: 100%;
-}
-
-
-/* Vertically Align Columns */
-/* .row-* vertically aligns every .col in the .row */
-.row-top {
-  @include align-items(flex-start);
-}
-.row-bottom {
-  @include align-items(flex-end);
-}
-.row-center {
-  @include align-items(center);
-}
-.row-stretch {
-  @include align-items(stretch);
-}
-.row-baseline {
-  @include align-items(baseline);
-}
-
-/* .col-* vertically aligns an individual .col */
-.col-top {
-  @include align-self(flex-start);
-}
-.col-bottom {
-  @include align-self(flex-end);
-}
-.col-center {
-  @include align-self(center);
-}
-
-/* Column Offsets */
-.col-offset-10 {
-  margin-left: 10%;
-}
-.col-offset-20 {
-  margin-left: 20%;
-}
-.col-offset-25 {
-  margin-left: 25%;
-}
-.col-offset-33, .col-offset-34 {
-  margin-left: 33.3333%;
-}
-.col-offset-50 {
-  margin-left: 50%;
-}
-.col-offset-66, .col-offset-67 {
-  margin-left: 66.6666%;
-}
-.col-offset-75 {
-  margin-left: 75%;
-}
-.col-offset-80 {
-  margin-left: 80%;
-}
-.col-offset-90 {
-  margin-left: 90%;
-}
-
-
-/* Explicit Column Percent Sizes */
-/* By default each grid column will evenly distribute */
-/* across the grid. However, you can specify individual */
-/* columns to take up a certain size of the available area */
-.col-10 {
-  @include flex(0, 0, 10%);
-  max-width: 10%;
-}
-.col-20 {
-  @include flex(0, 0, 20%);
-  max-width: 20%;
-}
-.col-25 {
-  @include flex(0, 0, 25%);
-  max-width: 25%;
-}
-.col-33, .col-34 {
-  @include flex(0, 0, 33.3333%);
-  max-width: 33.3333%;
-}
-.col-40 {
-  @include flex(0, 0, 40%);
-  max-width: 40%;
-}
-.col-50 {
-  @include flex(0, 0, 50%);
-  max-width: 50%;
-}
-.col-60 {
-  @include flex(0, 0, 60%);
-  max-width: 60%;
-}
-.col-66, .col-67 {
-  @include flex(0, 0, 66.6666%);
-  max-width: 66.6666%;
-}
-.col-75 {
-  @include flex(0, 0, 75%);
-  max-width: 75%;
-}
-.col-80 {
-  @include flex(0, 0, 80%);
-  max-width: 80%;
-}
-.col-90 {
-  @include flex(0, 0, 90%);
-  max-width: 90%;
-}
-
-
-/* Responsive Grid Classes */
-/* Adding a class of responsive-X to a row */
-/* will trigger the flex-direction to */
-/* change to column and add some margin */
-/* to any columns in the row for clearity */
-
-@include responsive-grid-break('.responsive-sm', $grid-responsive-sm-break);
-@include responsive-grid-break('.responsive-md', $grid-responsive-md-break);
-@include responsive-grid-break('.responsive-lg', $grid-responsive-lg-break);