question-wall.component.scss

:host{

  p,h1,h2,h3,h4,h5{
    padding:0;
    margin:0;
  }

  .questionwall{
    &-header{
      background-color:var(--ars-foreground-color);
      border-bottom:solid 1px var(--ars-border-color);
      z-index:4;
    }
    &-footer{
      background-color:var(--ars-foreground-color);
      border-top:solid 1px var(--ars-border-color);
      z-index:54;
      >*{
        height:100%;
        float:left;
      }
    }
    &-comment{
      width:100%;
      padding:16px;
      box-sizing:border-box;
      &-box{
        background-color:var(--ars-foreground-color);
        border-radius:2px;
        box-shadow:0px 2px 2px rgba(0,0,0,0.3);
        box-sizing:border-box;
        padding:16px;
        cursor:pointer;
        &-user{
          color:var(--ars-header-color);
        }
        &-body{
          color:var(--ars-paragraph-color);
        }
        &-time{
          color:var(--ars-header-color);
          padding-top:8px;
          font-size:12px;
        }
      }
      &-list{
        box-sizing:border-box;
        padding:16px 0px;
        border-left:solid 1px var(--ars-border-color);
      }
    }
    &-present{
      font-size:45px;
      padding:32px;
      color:var(--ars-header-color);
    }
    &-screen{
      background-color:var(--ars-background-color);
    }
    &-text{
      &-color{
        color:var(--ars-paragraph-color);
      }
    }
  }

}