| 1 | .prism-drawer {
|
| 2 | display: none;
|
| 3 | flex-grow: 0;
|
| 4 | background-color: #FFFFFF;
|
| 5 | }
|
| 6 | .prism-drawer--open {
|
| 7 | width: 90%;
|
| 8 | display: inline-flex;
|
| 9 | }
|
| 10 | @media (min-width:600px) {
|
| 11 | .prism-drawer--open {
|
| 12 | width: 50%;
|
| 13 | }
|
| 14 | }
|
| 15 | @media (min-width:1280px) {
|
| 16 | .prism-drawer--open {
|
| 17 | width: 33.33%;
|
| 18 | }
|
| 19 | }
|
| 20 | .prism-drawer__article {
|
| 21 | padding: 12px 16px;
|
| 22 | border-bottom: solid 1px rgba(0, 0, 0, 0.12);
|
| 23 | }
|
| 24 | .prism-drawer__content {
|
| 25 | width: 100%;
|
| 26 | border-left-color: #fafafa;
|
| 27 | border-left-style: solid;
|
| 28 | border-left-width: 8px;
|
| 29 | }
|
| 30 | .prism-drawer__content article {
|
| 31 | padding: 12px 16px;
|
| 32 | border-bottom: solid 1px rgba(0, 0, 0, 0.12);
|
| 33 | } |
| \ | No newline at end of file |