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 select { 56 grid-area: control; 57 background: white; 58 border: 1px solid rgb(25, 103, 210); 59 color: rgb(25, 103, 210); 60 font-size: 0.8125rem; 61 height: 1.625rem; 62 letter-spacing: 0.01em; 63 max-width: 150px; 64 text-align-last: center; 65 width: 100%; 66 } 67 68 label { 69 font-weight: bold; 70 } 71 72 .description { 73 font-size: smaller; 74 } 75} 76 77.flag-widget:nth-child(2n + 1) { 78 background-color: #0000000a; 79} 80