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{
      &-border{
        &-on{
          box-shadow:inset 0px 0px 0px 1px var(--ars-button-color-light);
        }
        &-off{
          box-shadow:inset 0px 0px 0px 0px var(--ars-button-color-light);
        }
      }
      &-timestamp{
        color:var(--ars-paragraph-color);
        font-size:14px;
      }
      &-body{
        hyphens:auto;
        word-break:break-word;
        color:var(--ars-header-color);
        line-height:22px;
        white-space:normal;
      }
      &-btn{
        >button>*{
          color:var(--ars-button-color-light);
        }
        >button:hover>*{
          color:var(--ars-button-color);
        }
      }
      &-notification{
        font-size:12px;
        text-transform:uppercase;
        letter-spacing:2px;
        font-weight:600;
        color: #cc4244;
      }
    }
    &-list{
      box-sizing:border-box;
      padding:16px 0px;
      border-left:solid 1px var(--ars-border-color);
    }
    &-present{
      font-size:45px;
      padding:16px 32px 0 32px;
      color:var(--ars-header-color);
      word-break:break-word;
      &-timestamp{
        font-size:18px;
        padding:32px 32px 0 32px;
        color:var(--ars-paragraph-color);
      }
    }
    &-screen{
      background-color:var(--ars-background-color);
    }
    &-text{
      &-color{
        color:var(--ars-paragraph-color);
      }
    }
  }

}