diff options
Diffstat (limited to 'node_modules/montage/ui/button.reel/button.css')
-rw-r--r-- | node_modules/montage/ui/button.reel/button.css | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/node_modules/montage/ui/button.reel/button.css b/node_modules/montage/ui/button.reel/button.css new file mode 100644 index 00000000..f0f3ad60 --- /dev/null +++ b/node_modules/montage/ui/button.reel/button.css | |||
@@ -0,0 +1,55 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | |||
7 | .montage-button { | ||
8 | outline: none; | ||
9 | box-sizing: border-box; | ||
10 | font-size: 12px; | ||
11 | height: 2.5em; | ||
12 | min-width: 2.5em; | ||
13 | margin: 0 2px; | ||
14 | padding: 0 1em; | ||
15 | vertical-align: middle; | ||
16 | border-radius: 3px; | ||
17 | border: 1px solid #b3b3b3; | ||
18 | background-color: #f2f2f2; | ||
19 | cursor: pointer; | ||
20 | } | ||
21 | |||
22 | /* States */ | ||
23 | .montage-button:hover { | ||
24 | background-color: #fff; | ||
25 | color: #000; | ||
26 | } | ||
27 | |||
28 | .montage-button:active { | ||
29 | background-color: #e5e5e5; | ||
30 | } | ||
31 | |||
32 | .montage-button:focus { | ||
33 | border-color: #7f7f7f; | ||
34 | } | ||
35 | |||
36 | |||
37 | /* ButtonGroup ------------------------------- */ | ||
38 | |||
39 | .montage-buttonGroup { | ||
40 | padding-left: 5px; /* Add the negative margin back */ | ||
41 | } | ||
42 | |||
43 | .montage-buttonGroup > .montage-button { | ||
44 | margin: 0; | ||
45 | border-radius: 0; | ||
46 | margin-left: -5px; /* Remove the space inbetween */ | ||
47 | } | ||
48 | |||
49 | .montage-buttonGroup > .montage-button:first-child { | ||
50 | border-radius: 3px 0 0 3px; | ||
51 | } | ||
52 | |||
53 | .montage-buttonGroup > .montage-button:last-child { | ||
54 | border-radius: 0 3px 3px 0; | ||
55 | } \ No newline at end of file | ||