From 676270d21beed31d767a06c89522198c77d5d865 Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Wed, 20 Sep 2017 16:15:18 -0400
Subject: Initial commit

---
 www/lib/ionic/scss/_util.scss | 296 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 296 insertions(+)
 create mode 100644 www/lib/ionic/scss/_util.scss

(limited to 'www/lib/ionic/scss/_util.scss')

diff --git a/www/lib/ionic/scss/_util.scss b/www/lib/ionic/scss/_util.scss
new file mode 100644
index 00000000..8b9d4c71
--- /dev/null
+++ b/www/lib/ionic/scss/_util.scss
@@ -0,0 +1,296 @@
+
+/**
+ * Utility Classes
+ * --------------------------------------------------
+ */
+
+.hide {
+  display: none;
+}
+.opacity-hide {
+  opacity: 0;
+}
+.grade-b .opacity-hide,
+.grade-c .opacity-hide {
+  opacity: 1;
+  display: none;
+}
+.show {
+  display: block;
+}
+.opacity-show {
+  opacity: 1;
+}
+.invisible {
+  visibility: hidden;
+}
+
+.keyboard-open .hide-on-keyboard-open {
+  display: none;
+}
+
+.keyboard-open .tabs.hide-on-keyboard-open + .pane .has-tabs,
+.keyboard-open .bar-footer.hide-on-keyboard-open + .pane .has-footer {
+  bottom: 0;
+}
+
+.inline {
+  display: inline-block;
+}
+
+.disable-pointer-events {
+  pointer-events: none;
+}
+
+.enable-pointer-events {
+  pointer-events: auto;
+}
+
+.disable-user-behavior {
+  // used to prevent the browser from doing its native behavior. this doesnt
+  // prevent the scrolling, but cancels the contextmenu, tap highlighting, etc
+
+  @include user-select(none);
+  @include touch-callout(none);
+  @include tap-highlight-transparent();
+
+  -webkit-user-drag: none;
+
+  -ms-touch-action: none;
+  -ms-content-zooming: none;
+}
+
+// Fill the screen to block clicks (a better pointer-events: none) for the body
+// to avoid full-page reflows and paints which can cause flickers
+.click-block {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  opacity: 0;
+  z-index: $z-index-click-block;
+  @include translate3d(0, 0, 0);
+  overflow: hidden;
+}
+.click-block-hide {
+  @include translate3d(-9999px, 0, 0);
+}
+
+.no-resize {
+  resize: none;
+}
+
+.block {
+  display: block;
+  clear: both;
+  &:after {
+    display: block;
+    visibility: hidden;
+    clear: both;
+    height: 0;
+    content: ".";
+  }
+}
+
+.full-image {
+  width: 100%;
+}
+
+.clearfix {
+  *zoom: 1;
+  &:before,
+  &:after {
+    display: table;
+    content: "";
+    // Fixes Opera/contenteditable bug:
+    // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
+    line-height: 0;
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+/**
+ * Content Padding
+ * --------------------------------------------------
+ */
+
+.padding {
+  padding: $content-padding;
+}
+
+.padding-top,
+.padding-vertical {
+  padding-top: $content-padding;
+}
+
+.padding-right,
+.padding-horizontal {
+  padding-right: $content-padding;
+}
+
+.padding-bottom,
+.padding-vertical {
+  padding-bottom: $content-padding;
+}
+
+.padding-left,
+.padding-horizontal {
+  padding-left: $content-padding;
+}
+
+
+/**
+ * Scrollable iFrames
+ * --------------------------------------------------
+ */
+
+.iframe-wrapper {
+  position: fixed;
+  -webkit-overflow-scrolling: touch;
+  overflow: scroll;
+
+  iframe {
+    height: 100%;
+    width: 100%;
+  }
+}
+
+
+/**
+ * Rounded
+ * --------------------------------------------------
+ */
+
+.rounded {
+  border-radius: $border-radius-base;
+}
+
+
+/**
+ * Utility Colors
+ * --------------------------------------------------
+ * Utility colors are added to help set a naming convention. You'll
+ * notice we purposely do not use words like "red" or "blue", but
+ * instead have colors which represent an emotion or generic theme.
+ */
+
+.light, a.light {
+  color: $light;
+}
+.light-bg {
+  background-color: $light;
+}
+.light-border {
+  border-color: $button-light-border;
+}
+
+.stable, a.stable {
+  color: $stable;
+}
+.stable-bg {
+  background-color: $stable;
+}
+.stable-border {
+  border-color: $button-stable-border;
+}
+
+.positive, a.positive {
+  color: $positive;
+}
+.positive-bg {
+  background-color: $positive;
+}
+.positive-border {
+  border-color: $button-positive-border;
+}
+
+.calm, a.calm {
+  color: $calm;
+}
+.calm-bg {
+  background-color: $calm;
+}
+.calm-border {
+  border-color: $button-calm-border;
+}
+
+.assertive, a.assertive {
+  color: $assertive;
+}
+.assertive-bg {
+  background-color: $assertive;
+}
+.assertive-border {
+  border-color: $button-assertive-border;
+}
+
+.balanced, a.balanced {
+  color: $balanced;
+}
+.balanced-bg {
+  background-color: $balanced;
+}
+.balanced-border {
+  border-color: $button-balanced-border;
+}
+
+.energized, a.energized {
+  color: $energized;
+}
+.energized-bg {
+  background-color: $energized;
+}
+.energized-border {
+  border-color: $button-energized-border;
+}
+
+.royal, a.royal {
+  color: $royal;
+}
+.royal-bg {
+  background-color: $royal;
+}
+.royal-border {
+  border-color: $button-royal-border;
+}
+
+.dark, a.dark {
+  color: $dark;
+}
+.dark-bg {
+  background-color: $dark;
+}
+.dark-border {
+  border-color: $button-dark-border;
+}
+
+[collection-repeat] {
+  /* Position is set by transforms */
+  left: 0 !important;
+  top: 0 !important;
+  position: absolute !important;
+  z-index: 1;
+}
+.collection-repeat-container {
+  position: relative;
+  z-index: 1; //make sure it's above the after-container
+}
+.collection-repeat-after-container {
+  z-index: 0;
+  display: block;
+
+  /* when scrolling horizontally, make sure the after container doesn't take up 100% width */
+  &.horizontal {
+    display: inline-block;
+  }
+}
+
+// ng-show fix for windows phone
+// https://www.hoessl.eu/2014/12/on-using-the-ionic-framework-for-windows-phone-8-1-apps/
+[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
+.x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
+  display: none !important;
+}
\ No newline at end of file
-- 
cgit v1.2.3