App.css (692B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 /* 6 * General styles 7 */ 8 9 a.disabled-link, 10 a.disabled-link:hover, 11 a.disabled-link:visited { 12 opacity: 0.5; 13 cursor: not-allowed; 14 } 15 16 .app { 17 display: grid; 18 min-width: calc(var(--base-unit) * 90); 19 } 20 21 /* wide layout -> two columns, 1 row */ 22 @media (min-width: 701px) { 23 .app { 24 grid-template-columns: calc(var(--base-unit) * 50) auto; 25 height: 100vh; 26 } 27 } 28 29 /* vertical layout -> 1 column, 2 rows */ 30 @media (max-width: 700px) { 31 .app { 32 grid-template-rows: auto 1fr; 33 } 34 }