dev/scss/main/news.scss

@charset "utf-8";
@import "../util";

section#news {
  background-color: $ids-green-2;
  mix-blend-mode: soft-light;
  padding: 1em;
  padding-right: 2em;
  border-radius: $standard-border-radius;
  border-left: 5px solid $ids-green-1;
  height: 20rem;
  overflow-y: scroll;

  dt {
    float: left;
    clear: left;
    width: 15ex;
    text-align: right;
    font-weight: bold;
  }
  
  dd.maintenance > h4::after {
    @include icon-font;
    color: $ids-pink-1;
    content: " " + $fa-warn;
  }
  
  dd {
    margin: 0 1ex 0 16ex;
    padding: 0 0 0.5em 1em;
    > p { 
      max-width: 80ex;
      margin-block-start: 0ex;
    }

    > h4 { 
      margin-block-start: 0ex;
      margin-block-end: 0.33ex;
    }
  }
}

@media all and (max-width: 42.5em) {
  section#news {
    dt {
      text-align: left;
      float: none;
      width: auto;
      padding-bottom: .2em;
    }
    dd {
      margin-left: 1em;
    }
  }
}