Sha256: a08ba07d9f579cd402a39ce88495cc30a526aa40e2dd308a4cc474ce008a4506

Contents?: true

Size: 1.92 KB

Versions: 1

Compression:

Stored size: 1.92 KB

Contents

.cabinet {

  > div.extras_cabinet {
    padding-bottom: 10px;

    .content {
      border-top: none;
      padding-top: 0;
      padding-left: 5%;
      padding-right: 5%;
    }

    .content_title {
      margin-top: 0;
      margin-bottom: 10px;
    }

    .content_timer {
      @include border-radius(0 0 5px 5px);
      display: none;
      position: absolute;
      top: 32px;
      bottom: inherit;
    }
  }
}

.content_timer {
  @include border-radius(5px);
  top: 0;
  width: 100%;
  position: relative;

  .content_timer_item {
    width: 25%;
  }
}

.extras_cabinet_item {

  .content_title {

    > span {
      margin-left: 0;
      position: absolute;
      display: none;
      top: 114px;
      left: 0;
      width: 100%;
    }
  }

  &.active {
    .content_toggle {
      background: url(/assets/order_form/order_title_up.png) center center no-repeat;
      background-size: 12px;
    }

    .extras_cabinet_item_wrapper {
      display: inline-block;
      width: 100%;
      padding-bottom: 30px;
    }

    .content_timer {
      display: block !important;
    }

    .content_title {

      > span {
        display: block;
      }
    }
  }
}

.content_toggle {
  background: url(/assets/order_form/order_title_down.png) center center no-repeat;
  background-size: 12px;
  @include border-radius(100%);
  border: #DFE1E6 1px solid;
  float: right;
  width: 24px;
  height: 24px;
}

.extras_cabinet_item_wrapper {
  display: none;
}

.extras_cabinet_steps_content {
  border-bottom: #A4ADC3 1px solid;
  padding-left: 0;
}

.extras_cabinet_steps_item {
  width: 100%;
  margin-right: 0;
  margin-bottom: 60px;

  &:after {
    background: url(/assets/cabinet/extras_arrow_mobile.png) center bottom no-repeat;
    background-size: 17px;
    top: inherit;
    bottom: -45px;
    width: 17px;
    left: 50%;
    right: inherit;
    margin-left: -9px;
  }
}

.extras_cabinet_steps {


  > .button {
    width: 100%;
    max-width: 400px;
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
translation_cms-0.1.5 app/assets/stylesheets/cabinet/mobile/parts/_extras.scss