|
1 | 1 | /* |
2 | | -In NativeScript, the app.css file is where you place CSS rules that |
3 | | -you would like to apply to your entire application. Check out |
4 | | -http://docs.nativescript.org/ui/styling for a full list of the CSS |
5 | | -selectors and properties you can use to style UI components. |
| 2 | +In NativeScript, the app.css file is where you place CSS rules |
| 3 | +that you would like to apply to your entire application. |
6 | 4 |
|
7 | | -For example, the following CSS rule changes the font size of all UI |
8 | | -components that have the btn class name. |
| 5 | +For example, the following CSS rule changes the font size of all |
| 6 | +UI components that have the btn class name. |
9 | 7 | */ |
10 | 8 | .btn { |
11 | | - font-size: 18; |
| 9 | + font-size: 18; |
12 | 10 | } |
13 | 11 | .ui.tiny.image { |
14 | | - width: 60px; |
15 | | - margin-right:5; |
16 | | - height: auto; |
17 | | - font-size: 0.85714286rem; |
| 12 | + width: 60px; |
| 13 | + margin-right:5; |
| 14 | + height: auto; |
| 15 | + font-size: 0.85714286rem; |
18 | 16 | } |
19 | 17 | .ui.large.image { |
20 | | - width: 100px; |
21 | | - margin-right:5; |
22 | | - height: auto; |
23 | | - font-size: 0.85714286rem; |
| 18 | + width: 100px; |
| 19 | + margin-right:5; |
| 20 | + height: auto; |
| 21 | + font-size: 0.85714286rem; |
24 | 22 | } |
25 | 23 | .ui.red.button { |
26 | | - background-color: #DB2828; |
27 | | - color: white; |
| 24 | + background-color: #DB2828; |
| 25 | + color: white; |
28 | 26 | } |
29 | 27 | .book-details { |
30 | | - padding: 8; |
| 28 | + padding: 8; |
31 | 29 | } |
32 | 30 | .active { |
33 | | - background-color: gray; |
34 | | - color:white; |
| 31 | + background-color: gray; |
| 32 | + color:white; |
35 | 33 | } |
36 | 34 | .content .header{ |
37 | | - line-height: 1.3em; |
38 | | - font-weight:bold; |
39 | | -} |
40 | | -.content .description{ |
| 35 | + line-height: 1.3em; |
| 36 | + font-weight:bold; |
41 | 37 | } |
42 | 38 | .content .metadata{ |
43 | | - color:darkgray; |
| 39 | + color:darkgray; |
44 | 40 | } |
45 | 41 | .item { |
46 | | - background-color: #fcfcfc; |
47 | | - padding:5; |
48 | | - margin-top: 5; |
49 | | - margin-bottom: 5; |
| 42 | + background-color: #fcfcfc; |
| 43 | + padding:5; |
| 44 | + margin-top: 5; |
| 45 | + margin-bottom: 5; |
50 | 46 | } |
51 | 47 | .heading { |
52 | | - line-height: 1.2857em; |
53 | | - font-size: 20; |
54 | | - font-weight: normal; |
| 48 | + line-height: 1.2857em; |
| 49 | + font-size: 20; |
| 50 | + font-weight: normal; |
55 | 51 | } |
56 | 52 | .ui.grid .ui.header{ |
57 | | - line-height: 1.2857em; |
58 | | - font-size: 20; |
59 | | - font-weight: bold; |
| 53 | + line-height: 1.2857em; |
| 54 | + font-size: 20; |
| 55 | + font-weight: bold; |
60 | 56 | } |
61 | 57 | .ui.grid .ui.subheader{ |
62 | | - line-height: 1.2857em; |
63 | | - font-size: 16; |
64 | | - font-weight: normal; |
| 58 | + line-height: 1.2857em; |
| 59 | + font-size: 16; |
| 60 | + font-weight: normal; |
65 | 61 | } |
66 | 62 | .ui.grid label { |
67 | | - font-size: 12; |
| 63 | + font-size: 12; |
68 | 64 | } |
69 | 65 |
|
70 | 66 | /* |
71 | | -In many cases you may want to use the NativeScript core theme instead |
72 | | -of writing your own CSS rules. For a full list of class names in the theme |
73 | | -refer to http://docs.nativescript.org/ui/theme. |
| 67 | +In many cases you may want to use the NativeScript core theme |
| 68 | +instead of writing your own CSS rules. |
74 | 69 | */ |
75 | 70 | @import 'nativescript-theme-core/css/core.light.css'; |
0 commit comments