@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; | |
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; | |
} | |
} | |
} |