Contents

// Cartilage Support ---------------------------------------------------------

@import "cartilage/mixins";
@import "cartilage/variables";

// Loading Indicator View ----------------------------------------------------

/* Configuration */

$loadingIndicatorSize: 96px;

/* Definition */

.loading-indicator-view
{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -($loadingIndicatorSize / 2);
  margin-left: -($loadingIndicatorSize / 2);
  height: $loadingIndicatorSize;
  width: $loadingIndicatorSize;
  overflow: hidden;

  background: transparent;
  background-color: rgba(0, 0, 0, 0.15);

  @include box-shadow(inset 1px 1px 3px rgba(0, 0, 0, 0.15));
  @include border-radius(10px);

  color: rgb(50, 50, 50);

  canvas
  {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    // width: $loadingIndicatorSize;
    // height: $loadingIndicatorSize;

    // > div
    // {
    //   width: $loadingIndicatorSize;
    //   height: $loadingIndicatorSize;
    // }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
cartilage-0.1.2	app/assets/stylesheets/cartilage/views/loading_indicator_view.css.scss
cartilage-0.1.1	app/assets/stylesheets/cartilage/views/loading_indicator_view.css.scss