123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296 |
- /**
- * 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;
- }
|