| Uyen-Nhu Tran | 243fe73 | 2024-04-10 01:17:24 +0200 | [diff] [blame^] | 1 | @charset "utf-8"; | 
|  | 2 | @import "../util"; | 
|  | 3 |  | 
|  | 4 | section#announcements { | 
|  | 5 | background-color: $ids-green-2; | 
|  | 6 | mix-blend-mode: soft-light; | 
|  | 7 | padding: 1em; | 
|  | 8 | padding-right: 2em; | 
|  | 9 | border-radius: $standard-border-radius; | 
|  | 10 | border-left: 5px solid $ids-green-1; | 
|  | 11 | height: 20rem; | 
|  | 12 | overflow-y: scroll; | 
|  | 13 | font-size: .8rem; | 
|  | 14 | width: 100%; | 
|  | 15 |  | 
|  | 16 | h3 { | 
|  | 17 | font-size: 1rem; | 
|  | 18 | } | 
|  | 19 |  | 
|  | 20 | dt { | 
|  | 21 | // float: left; | 
|  | 22 | // clear: left; | 
|  | 23 | // width: 15ex; | 
|  | 24 | // text-align: right; | 
|  | 25 | text-align: left; | 
|  | 26 | font-weight: bold; | 
|  | 27 | float: none; | 
|  | 28 | width: auto; | 
|  | 29 | padding-bottom: .2em; | 
|  | 30 | } | 
|  | 31 |  | 
|  | 32 | dd.maintenance > h4::after { | 
|  | 33 | @include icon-font; | 
|  | 34 | color: $ids-pink-1; | 
|  | 35 | content: " " + $fa-warn; | 
|  | 36 | } | 
|  | 37 |  | 
|  | 38 | dd { | 
|  | 39 | // margin: 0 1ex 0 16ex; | 
|  | 40 | margin-left: 1em; | 
|  | 41 | padding: 0 0 0.5em 1em; | 
|  | 42 | > p { | 
|  | 43 | max-width: 80ex; | 
|  | 44 | margin-block-start: 0ex; | 
|  | 45 | } | 
|  | 46 |  | 
|  | 47 | > h4 { | 
|  | 48 | margin-block-start: 0ex; | 
|  | 49 | margin-block-end: 0.33ex; | 
|  | 50 | } | 
|  | 51 | } | 
|  | 52 | } | 
|  | 53 |  | 
|  | 54 | @media all and (max-width: 42.5em) { | 
|  | 55 | section#announcements { | 
|  | 56 | dt { | 
|  | 57 | // text-align: left; | 
|  | 58 | // float: none; | 
|  | 59 | // width: auto; | 
|  | 60 | // padding-bottom: .2em; | 
|  | 61 | } | 
|  | 62 | dd { | 
|  | 63 | // margin-left: 1em; | 
|  | 64 | } | 
|  | 65 | } | 
|  | 66 | } |