Sha256: a639613930644c2763a923cefcfe78541b5ba6ad17c8d52ad783964134fa56ca

Contents?: true

Size: 1.23 KB

Versions: 7

Compression:

Stored size: 1.23 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-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% 0 null null);
  margin-top: -20px;
  line-height: 40px;
  width: 30px;
  text-align: center;
}

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
chr-0.4.25 app/assets/stylesheets/chr/mixins.scss
chr-0.4.24 app/assets/stylesheets/chr/mixins.scss
chr-0.4.23 app/assets/stylesheets/chr/mixins.scss
chr-0.4.22 app/assets/stylesheets/chr/mixins.scss
chr-0.4.21 app/assets/stylesheets/chr/mixins.scss
chr-0.4.20 app/assets/stylesheets/chr/mixins.scss
chr-0.4.19 app/assets/stylesheets/chr/mixins.scss