Contents

.cabinet {
  .spinner_wrapper {
    .ui-spinner {
      height: 30px !important;

      &-input {
        text-align: center;
      }

      .spinner {
        font-size: 14px;
        padding: 0 10px;
        height: 30px;
      }

      &-button {
        position: absolute;
        right: 0;
        display: table;
        width: 40px;
        height: 24px;
      }

      &-up {
        top: 3px;
        border-left: none;
        border-right: #c2c5cf 1px solid;
        left: 0;
        right: inherit;
        height: 24px;

        &:before {
          color: #626878;
          content: '+';
          display: block;
          font-size: 30px;
          position: absolute;
          width: 100%;
          height: 24px;
          line-height: 24px;
          text-align: center;
        }

        .ui-icon {
          border-width: 0;
        }
      }

      &-down {
        border-left: #c2c5cf 1px solid;
        bottom: 3px;
        height: 24px;

        &:before {
          color: #626878;
          content: '-';
          display: block;
          font-size: 30px;
          position: absolute;
          width: 100%;
          height: 24px;
          line-height: 24px;
          text-align: center;
        }

        .ui-icon {
          border-width: 0;
        }
      }

      .ui-button-text {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        height: 100%;
        line-height: 15px;
      }

      .ui-icon {
        border-width: 0;
      }
    }

    &.disabled {
      pointer-events: none;

      .spinner {
        border: #d6d9da 1px solid;
        background-color: #eef2f3;
      }
    }
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
translation_cms-0.1.5	app/assets/stylesheets/cabinet/mobile/ui/_spinner.scss