Contents

.chat {

  .widget_title {

      .toggle_chat {
        background: #77C969;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        border-radius: 4px 0 0 4px;
        line-height: 35px;
        height: 35px;
        width: 109px;
        text-decoration: none;
        display: block;

        position: fixed;
        top: 150px;
        right: 0;
        z-index: 100;
      }

    h2 {
      font-size: 18px;

      span {
        background-size: 17px;
        padding-left: 25px;
      }
    }
  }
}

.chat_item {
  $chat-info-width: 72px;

  .chat_info {

    span {
      font-size: 14px;
      margin-top: 3px;
    }
  }

  .chat_message {
    width: calc(100% - #{$chat-info-width});

    p {
      font-size: 13px;
      line-height: 16px;
    }
  }

  .chat_message_item {

    &:before {
      border-width: 6px 6px 6px 0;
      top: 10px;
    }
  }

  &.chat_user {

    .chat_message_item {

      &:before {
        border-width: 6px 0 6px 6px;
      }
    }
  }

  .chat_info {

    i {
      background-position: center top;
      background-size: 54px;
      font-size: 9px;
      line-height: 11px;
    }
  }
}

.chat_form {

  textarea {
    margin: 25px auto 15px;
  }

  .button {
    @include mobile-button('medium', $factor);
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
translation_cms-0.1.5	app/assets/stylesheets/cabinet/mobile/widgets/_chat.scss