Sha256: 0edc6ded00c7c97bdd612ee18a5c9ec430aadc261bb344236397db21aeb5249f

Contents?: true

Size: 1.36 KB

Versions: 8

Compression:

Stored size: 1.36 KB

Contents

/* Mixins ------------------------------------------------------------------ */
@mixin spinner {
  display     : inline-block;
  border      : .25em solid rgba(black, 0.2);
  border-left : .25em solid black;
  -webkit-animation: spinning 1.1s infinite linear; animation: spinning 1.1s infinite linear;
  &, &:after { border-radius: 50%; width: 1.75em; height: 1.75em; }
}

@-webkit-keyframes spinning {
  0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg);   }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spinning {
  0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg);   }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@mixin scrollable {
  -webkit-overflow-scrolling : touch;
  overflow                   : hidden;
  overflow-y                 : scroll;
}

@mixin header-back-icon {
  @include header-icon-base;
  left: 0;
  i { display: inline; }
  &:before {
    display: none;
  }
}

@mixin header-back-label {
  @include position(absolute, 0 null null 1em);
  width: auto;
  i {
    display: none;
  }
  &:before {
    display: inline;
  }
}

@mixin header-icon-base {
  width: 40px;
  line-height: 40px;
  text-align: center;
}

@mixin item-icon-base {
  @include position(absolute, 50% null null null);
  margin-top: -20px;
  line-height: 40px;
  width: 30px;
  text-align: center;
}

Version data entries

8 entries across 8 versions & 1 rubygems

Version Path
chr-0.5.8 app/assets/stylesheets/chr/mixins.scss
chr-0.5.7 app/assets/stylesheets/chr/mixins.scss
chr-0.5.6 app/assets/stylesheets/chr/mixins.scss
chr-0.5.5 app/assets/stylesheets/chr/mixins.scss
chr-0.5.4 app/assets/stylesheets/chr/mixins.scss
chr-0.5.3 app/assets/stylesheets/chr/mixins.scss
chr-0.5.1 app/assets/stylesheets/chr/mixins.scss
chr-0.5.0 app/assets/stylesheets/chr/mixins.scss