Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(556)

Side by Side Diff: chrome/browser/resources/settings/settings_dialog.css

Issue 1738313002: [MD settings] converting settings_dialog.css to style-module (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: added file Created 4 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 /* Copyright 2015 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
4
5 /**
6 * @fileoverview
7 * Common dialog styles for Material Design settings.
8 */
9
10 paper-dialog {
11 min-width: 500px;
12 max-width: 800px;
13 }
14
15 #dialog-content {
16 -webkit-padding-end: 0;
17 -webkit-padding-start: 0;
18 margin-bottom: 0;
19 margin-top: 0;
20 }
21
22 paper-dialog .top-row {
23 align-items: center;
24 border-bottom: 1px solid gainsboro;
25 display: flex;
26 padding-bottom: 5px;
27 padding-top: 5px;
28 }
29
30 paper-dialog .title {
31 flex: 1;
32 font-size: 1.13em;
33 }
34
35 paper-dialog .body {
36 font-size: 1em;
37 margin: 20px 0;
38 }
39
40 paper-dialog .title,
41 paper-dialog .body {
42 -webkit-padding-end: 24px;
43 -webkit-padding-start: 24px;
44 }
45
46 paper-dialog .action-button {
47 -webkit-margin-start: 10px;
48 font-weight: 500;
49 }
50
51 paper-dialog .action-button:not([disabled]) {
52 background-color: rgb(66, 133, 244);
53 color: white;
54 }
55
56 paper-dialog .cancel-button {
57 color: rgb(109, 109, 109);
58 font-weight: 500;
59 }
60
61 paper-dialog .explanation {
62 margin-bottom: 35px;
63 }
64
65 paper-dialog .button-container {
66 display: flex;
67 justify-content: flex-end;
68 }
69
70 paper-dialog paper-button {
71 margin: 0;
72 min-width: auto;
73 }
74
75 paper-dialog paper-button[toggles][active] {
76 background-color: LightGray;
77 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698