@import "./../component/index.scss";

/**
 * 文档样式
 * 方炎 2017-1-6
 */

.bc-doc{
  position: relative;
  .toolbar{
    line-height: 25px;
    padding: 5px;
    border: solid 1px #EBECF0;
    margin-bottom: 10px;
    .tool-item{
      cursor: pointer;
      margin: 0 10px;
    }
    .tool-item:hover{
      color:#0f95e6;
      background-color: #F2F3F7;
    }
  }
  .bc-doc-nav{
    float: left;
    min-height: 1000px;
    margin-right: 10px;
    .nav-title{
      cursor: pointer;
    }
  }
  .bc-doc-content{
    float: left;
    border: 1px solid #EBECF0;
    min-height: 1000px;
    width: calc(100% - 220px );
    padding: 10px;
    .bc-doc-content-component{
      .bc-doc-content-component-name{
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 10px;
      }
    }
  }
  .bc-doc-props{
    float: left;
    border: 1px solid #EBECF0;
    min-height: 1000px;
    width: 240px;
    margin-left:10px;
  }
  .bc-doc-title{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .bc-doc-demo{
    .bc-doc-demo-title{
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    .bc-doc-demo-content {
      padding: 10px 0px;
      border: 1px solid #e9e9e9;
      border-radius: 6px;
    }
    .bc-doc-demo-hr {
      margin: 50px 0px;
    }
  }
}