OLD | NEW |
1 <link rel="import" href="../settings_shared_css.html"> | 1 <link rel="import" href="../settings_shared_css.html"> |
2 | 2 |
3 <!-- Common styles for Internet settings. --> | 3 <!-- Common styles for Internet settings. --> |
4 <dom-module id="internet-shared"> | 4 <dom-module id="internet-shared"> |
5 <template> | 5 <template> |
6 <style include="settings-shared"> | 6 <style include="settings-shared"> |
7 cr-network-icon { | 7 cr-network-icon { |
8 -webkit-padding-end: var(--settings-box-row-padding); | 8 -webkit-padding-end: var(--settings-box-row-padding); |
9 } | 9 } |
10 | 10 |
11 iron-icon.policy { | 11 iron-icon.policy { |
12 -webkit-margin-end: var(--cr-controlled-by-spacing); | 12 -webkit-margin-end: var(--cr-controlled-by-spacing); |
13 } | 13 } |
14 | 14 |
15 paper-input-container { | 15 paper-input-container { |
16 --paper-input-container-input: { | 16 --paper-input-container-input: { |
17 color: var(--paper-grey-600); | 17 color: var(--paper-grey-600); |
18 font-size: inherit; | 18 font-size: inherit; |
19 font-weight: 400; | 19 font-weight: 400; |
20 }; | 20 }; |
21 margin-bottom: 0; | 21 margin-bottom: 0; |
22 margin-top: -9px; | 22 margin-top: -9px; |
23 } | 23 } |
24 | 24 |
25 .button-container { | |
26 align-items: center; | |
27 display: flex; | |
28 } | |
29 | |
30 .button-container paper-button { | |
31 /* Align text edge with trailing margin (12px button padding) */ | |
32 -webkit-margin-end: -12px; | |
33 /* 8px spacing between highlight edges. */ | |
34 -webkit-margin-start: calc(12px + 8px); | |
35 } | |
36 | |
37 .settings-box.indented { | 25 .settings-box.indented { |
38 -webkit-margin-start: var(--settings-box-row-padding); | 26 -webkit-margin-start: var(--settings-box-row-padding); |
39 } | 27 } |
40 | 28 |
41 .settings-box.stretch { | 29 .settings-box.stretch { |
42 align-items: stretch; | 30 align-items: stretch; |
43 } | 31 } |
44 | 32 |
45 .title { | 33 .title { |
46 font-size: 107.69%; /* 14px / 13px */ | 34 font-size: 107.69%; /* 14px / 13px */ |
47 font-weight: 500; | 35 font-weight: 500; |
48 } | 36 } |
49 </style> | 37 </style> |
50 </template> | 38 </template> |
51 </dom-module> | 39 </dom-module> |
OLD | NEW |