cronapp-framework-mobile-js 4.0.1 → 4.0.3

package/lib/ionic/scss/_button.scss

@@ -1,252 +0,0 @@
-
-/**
- * Buttons
- * --------------------------------------------------
- */
-
-.button {
-  // set the color defaults
-  @include button-style($button-default-bg, $button-default-border, $button-default-active-bg, $button-default-active-border, $button-default-text);
-
-  position: relative;
-  display: inline-block;
-  margin: 0;
-  padding: 0 $button-padding;
-
-  min-width: ($button-padding * 3) + $button-font-size;
-  min-height: $button-height + 5px;
-
-  border-width: $button-border-width;
-  border-style: solid;
-  border-radius: $button-border-radius;
-
-  vertical-align: top;
-  text-align: center;
-
-  text-overflow: ellipsis;
-  font-size: $button-font-size;
-  line-height: $button-height - $button-border-width + 1px;
-
-  cursor: pointer;
-
-  &:after {
-    // used to create a larger button "hit" area
-    position: absolute;
-    top: -6px;
-    right: -6px;
-    bottom: -6px;
-    left: -6px;
-    content: ' ';
-  }
-
-  .icon {
-    vertical-align: top;
-    pointer-events: none;
-  }
-
-  .icon:before,
-  &.icon:before,
-  &.icon-left:before,
-  &.icon-right:before {
-    display: inline-block;
-    padding: 0 0 $button-border-width 0;
-    vertical-align: inherit;
-    font-size: $button-icon-size;
-    line-height: $button-height - $button-border-width;
-    pointer-events: none;
-  }
-  &.icon-left:before {
-    float: left;
-    padding-right: .2em;
-    padding-left: 0;
-  }
-  &.icon-right:before {
-    float: right;
-    padding-right: 0;
-    padding-left: .2em;
-  }
-
-  &.button-block, &.button-full {
-    margin-top: $button-block-margin;
-    margin-bottom: $button-block-margin;
-  }
-
-  &.button-light {
-    @include button-style($button-light-bg, $button-default-border, $button-light-active-bg, $button-default-active-border, $button-light-text);
-    @include button-clear($button-light-border);
-    @include button-outline($button-light-border);
-  }
-
-  &.button-stable {
-    @include button-style($button-stable-bg, $button-default-border, $button-stable-active-bg, $button-default-active-border, $button-stable-text);
-    @include button-clear($button-stable-border);
-    @include button-outline($button-stable-border);
-  }
-
-  &.button-positive {
-    @include button-style($button-positive-bg, $button-default-border, $button-positive-active-bg, $button-default-active-border, $button-positive-text);
-    @include button-clear($button-positive-bg);
-    @include button-outline($button-positive-bg);
-  }
-
-  &.button-calm {
-    @include button-style($button-calm-bg, $button-default-border, $button-calm-active-bg, $button-default-active-border, $button-calm-text);
-    @include button-clear($button-calm-bg);
-    @include button-outline($button-calm-bg);
-  }
-
-  &.button-assertive {
-    @include button-style($button-assertive-bg, $button-default-border, $button-assertive-active-bg, $button-default-active-border, $button-assertive-text);
-    @include button-clear($button-assertive-bg);
-    @include button-outline($button-assertive-bg);
-  }
-
-  &.button-balanced {
-    @include button-style($button-balanced-bg, $button-default-border, $button-balanced-active-bg, $button-default-active-border, $button-balanced-text);
-    @include button-clear($button-balanced-bg);
-    @include button-outline($button-balanced-bg);
-  }
-
-  &.button-energized {
-    @include button-style($button-energized-bg, $button-default-border, $button-energized-active-bg, $button-default-active-border, $button-energized-text);
-    @include button-clear($button-energized-bg);
-    @include button-outline($button-energized-bg);
-  }
-
-  &.button-royal {
-    @include button-style($button-royal-bg, $button-default-border, $button-royal-active-bg, $button-default-active-border, $button-royal-text);
-    @include button-clear($button-royal-bg);
-    @include button-outline($button-royal-bg);
-  }
-
-  &.button-dark {
-    @include button-style($button-dark-bg, $button-default-border, $button-dark-active-bg, $button-default-active-border, $button-dark-text);
-    @include button-clear($button-dark-bg);
-    @include button-outline($button-dark-bg);
-  }
-}
-
-.button-small {
-  padding: 2px $button-small-padding 1px;
-  min-width: $button-small-height;
-  min-height: $button-small-height + 2;
-  font-size: $button-small-font-size;
-  line-height: $button-small-height - $button-border-width - 1;
-
-  .icon:before,
-  &.icon:before,
-  &.icon-left:before,
-  &.icon-right:before {
-    font-size: $button-small-icon-size;
-    line-height: $button-small-icon-size + 3;
-    margin-top: 3px;
-  }
-}
-
-.button-large {
-  padding: 0 $button-large-padding;
-  min-width: ($button-large-padding * 3) + $button-large-font-size;
-  min-height: $button-large-height + 5;
-  font-size: $button-large-font-size;
-  line-height: $button-large-height - $button-border-width;
-
-  .icon:before,
-  &.icon:before,
-  &.icon-left:before,
-  &.icon-right:before {
-    padding-bottom: ($button-border-width * 2);
-    font-size: $button-large-icon-size;
-    line-height: $button-large-height - ($button-border-width * 2) - 1;
-  }
-}
-
-.button-icon {
-  @include transition(opacity .1s);
-  padding: 0 6px;
-  min-width: initial;
-  border-color: transparent;
-  background: none;
-
-  &.button.active,
-  &.button.activated {
-    border-color: transparent;
-    background: none;
-    box-shadow: none;
-    opacity: 0.3;
-  }
-
-  .icon:before,
-  &.icon:before {
-    font-size: $button-large-icon-size;
-  }
-}
-
-.button-clear {
-  @include button-clear($button-default-border);
-  @include transition(opacity .1s);
-  padding: 0 $button-clear-padding;
-  max-height: $button-height;
-  border-color: transparent;
-  background: none;
-  box-shadow: none;
-
-  &.active,
-  &.activated {
-    opacity: 0.3;
-  }
-}
-
-.button-outline {
-  @include button-outline($button-default-border);
-  @include transition(opacity .1s);
-  background: none;
-  box-shadow: none;
-}
-
-.padding > .button.button-block:first-child {
-  margin-top: 0;
-}
-
-.button-block {
-  display: block;
-  clear: both;
-
-  &:after {
-    clear: both;
-  }
-}
-
-.button-full,
-.button-full > .button {
-  display: block;
-  margin-right: 0;
-  margin-left: 0;
-  border-right-width: 0;
-  border-left-width: 0;
-  border-radius: 0;
-}
-
-button.button-block,
-button.button-full,
-.button-full > button.button,
-input.button.button-block  {
-  width: 100%;
-}
-
-a.button {
-  text-decoration: none;
-
-  .icon:before,
-  &.icon:before,
-  &.icon-left:before,
-  &.icon-right:before {
-    margin-top: 2px;
-  }
-}
-
-.button.disabled,
-.button[disabled] {
-  opacity: .4;
-  cursor: default !important;
-  pointer-events: none;
-}

package/lib/ionic/scss/_checkbox.scss

@@ -1,180 +0,0 @@
-
-/**
- * Checkbox
- * --------------------------------------------------
- */
-
-.checkbox {
-  // set the color defaults
-  @include checkbox-style($checkbox-off-border-default, $checkbox-on-bg-default, $checkbox-on-border-default);
-
-  position: relative;
-  display: inline-block;
-  padding: ($checkbox-height / 4) ($checkbox-width / 4);
-  cursor: pointer;
-}
-.checkbox-light  {
-  @include checkbox-style($checkbox-off-border-light, $checkbox-on-bg-light, $checkbox-off-border-light);
-}
-.checkbox-stable  {
-  @include checkbox-style($checkbox-off-border-stable, $checkbox-on-bg-stable, $checkbox-off-border-stable);
-}
-.checkbox-positive  {
-  @include checkbox-style($checkbox-off-border-positive, $checkbox-on-bg-positive, $checkbox-off-border-positive);
-}
-.checkbox-calm  {
-  @include checkbox-style($checkbox-off-border-calm, $checkbox-on-bg-calm, $checkbox-off-border-calm);
-}
-.checkbox-assertive  {
-  @include checkbox-style($checkbox-off-border-assertive, $checkbox-on-bg-assertive, $checkbox-off-border-assertive);
-}
-.checkbox-balanced  {
-  @include checkbox-style($checkbox-off-border-balanced, $checkbox-on-bg-balanced, $checkbox-off-border-balanced);
-}
-.checkbox-energized{
-  @include checkbox-style($checkbox-off-border-energized, $checkbox-on-bg-energized, $checkbox-off-border-energized);
-}
-.checkbox-royal  {
-  @include checkbox-style($checkbox-off-border-royal, $checkbox-on-bg-royal, $checkbox-off-border-royal);
-}
-.checkbox-dark  {
-  @include checkbox-style($checkbox-off-border-dark, $checkbox-on-bg-dark, $checkbox-off-border-dark);
-}
-
-.checkbox input:disabled:before,
-.checkbox input:disabled + .checkbox-icon:before {
-  border-color: $checkbox-off-border-light;
-}
-
-.checkbox input:disabled:checked:before,
-.checkbox input:disabled:checked + .checkbox-icon:before {
-  background: $checkbox-on-bg-light;
-}
-
-
-.checkbox.checkbox-input-hidden input {
-  display: none !important;
-}
-
-.checkbox input,
-.checkbox-icon {
-  position: relative;
-  width: $checkbox-width;
-  height: $checkbox-height;
-  display: block;
-  border: 0;
-  background: transparent;
-  cursor: pointer;
-  -webkit-appearance: none;
-
-  &:before {
-    // what the checkbox looks like when its not checked
-    display: table;
-    width: 100%;
-    height: 100%;
-    border-width: $checkbox-border-width;
-    border-style: solid;
-    border-radius: $checkbox-border-radius;
-    background: $checkbox-off-bg-color;
-    content: ' ';
-    @include transition(background-color 20ms ease-in-out);
-  }
-}
-
-.checkbox input:checked:before,
-input:checked + .checkbox-icon:before {
-  border-width: $checkbox-border-width + 1;
-}
-
-// the checkmark within the box
-.checkbox input:after,
-.checkbox-icon:after {
-  @include transition(opacity .05s ease-in-out);
-  @include rotate(-45deg);
-  position: absolute;
-  top: 33%;
-  left: 25%;
-  display: table;
-  width: ($checkbox-width / 2);
-  height: ($checkbox-width / 4) - 1;
-  border: $checkbox-check-width solid $checkbox-check-color;
-  border-top: 0;
-  border-right: 0;
-  content: ' ';
-  opacity: 0;
-}
-
-.platform-android .checkbox-platform input:before,
-.platform-android .checkbox-platform .checkbox-icon:before,
-.checkbox-square input:before,
-.checkbox-square .checkbox-icon:before {
-  border-radius: 2px;
-  width: 72%;
-  height: 72%;
-  margin-top: 14%;
-  margin-left: 14%;
-  border-width: 2px;
-}
-
-.platform-android .checkbox-platform input:after,
-.platform-android .checkbox-platform .checkbox-icon:after,
-.checkbox-square input:after,
-.checkbox-square .checkbox-icon:after {
-  border-width: 2px;
-  top: 19%;
-  left: 25%;
-  width: ($checkbox-width / 2) - 1;
-  height: 7px;
-}
-
-.platform-android .item-checkbox-right .checkbox-square .checkbox-icon::after {
-  top: 31%;
-}
-
-.grade-c .checkbox input:after,
-.grade-c .checkbox-icon:after {
-  @include rotate(0);
-  top: 3px;
-  left: 4px;
-  border: none;
-  color: $checkbox-check-color;
-  content: '\2713';
-  font-weight: bold;
-  font-size: 20px;
-}
-
-// what the checkmark looks like when its checked
-.checkbox input:checked:after,
-input:checked + .checkbox-icon:after {
-  opacity: 1;
-}
-
-// make sure item content have enough padding on left to fit the checkbox
-.item-checkbox {
-  padding-left: ($item-padding * 2) + $checkbox-width;
-
-  &.active {
-    box-shadow: none;
-  }
-}
-
-// position the checkbox to the left within an item
-.item-checkbox .checkbox {
-  position: absolute;
-  top: 50%;
-  right: $item-padding / 2;
-  left: $item-padding / 2;
-  z-index: $z-index-item-checkbox;
-  margin-top: (($checkbox-height + ($checkbox-height / 2)) / 2) * -1;
-}
-
-
-.item-checkbox.item-checkbox-right {
-  padding-right: ($item-padding * 2) + $checkbox-width;
-  padding-left: $item-padding;
-}
-
-.item-checkbox-right .checkbox input,
-.item-checkbox-right .checkbox-icon {
-  float: right;
-}