1// Copyright (C) 2021 The Android Open Source Project 2// 3// Licensed under the Apache License, Version 2.0 (the "License"); 4// you may not use this file except in compliance with the License. 5// You may obtain a copy of the License at 6// 7// http://www.apache.org/licenses/LICENSE-2.0 8// 9// Unless required by applicable law or agreed to in writing, software 10// distributed under the License is distributed on an "AS IS" BASIS, 11// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12// See the License for the specific language governing permissions and 13// limitations under the License. 14 15@import "widgets/theme"; 16 17.flags-page { 18 overflow-y: scroll; 19} 20 21.flags-content { 22 max-width: 100ch; 23 width: 60%; 24 margin: 0 auto; 25 padding: 3rem; 26 display: grid; 27 28 h1 { 29 font-size: larger; 30 margin: 1rem 1rem; 31 } 32 33 button { 34 background: none; 35 border: 1px solid rgb(218, 220, 224); 36 border-radius: $pf-border-radius; 37 color: rgb(25, 103, 210); 38 font-size: 0.8125rem; 39 padding: 8px 12px; 40 cursor: pointer; 41 font-weight: 500; 42 margin: 3px 0.5rem; 43 } 44} 45 46.flag-widget { 47 display: grid; 48 grid-template: 49 "title control" auto 50 "description control" auto / 1fr auto; 51 row-gap: 0.3rem; 52 padding: 1rem 1rem; 53 align-items: center; 54 55 &:nth-child(2n + 1) { 56 background-color: #f6f6f6; 57 } 58 59 &.focused { 60 background-color: #f8f0ac; 61 } 62 63 select { 64 grid-area: control; 65 background: white; 66 border: 1px solid rgb(25, 103, 210); 67 color: rgb(25, 103, 210); 68 font-size: 0.8125rem; 69 height: 1.625rem; 70 letter-spacing: 0.01em; 71 max-width: 150px; 72 text-align-last: center; 73 width: 100%; 74 } 75 76 label { 77 font-weight: bold; 78 } 79 80 .description { 81 font-size: smaller; 82 } 83} 84