diff options
author | Armen Kesablyan | 2012-06-21 14:33:01 -0700 |
---|---|---|
committer | Armen Kesablyan | 2012-06-21 14:33:01 -0700 |
commit | 9fe9bc495af74d963fa7061d4d1a479720133a56 (patch) | |
tree | eca4b0d785ad28483904682b7fdfdb9686fc3d1a /js/panels/Timeline/Span.reel/scss | |
parent | fc818d31de267d2b77fda3b3029ad38d48698be8 (diff) | |
parent | c411f76d89c543837548085ff468fee0fb4f2ff9 (diff) | |
download | ninja-9fe9bc495af74d963fa7061d4d1a479720133a56.tar.gz |
Merge branch 'master' of github.com:Motorola-Mobility/ninja-internal
Diffstat (limited to 'js/panels/Timeline/Span.reel/scss')
-rw-r--r-- | js/panels/Timeline/Span.reel/scss/Span.scss | 65 | ||||
-rw-r--r-- | js/panels/Timeline/Span.reel/scss/config.rb | 9 |
2 files changed, 74 insertions, 0 deletions
diff --git a/js/panels/Timeline/Span.reel/scss/Span.scss b/js/panels/Timeline/Span.reel/scss/Span.scss new file mode 100644 index 00000000..31781f87 --- /dev/null +++ b/js/panels/Timeline/Span.reel/scss/Span.scss | |||
@@ -0,0 +1,65 @@ | |||
1 | @charset "UTF-8"; | ||
2 | |||
3 | /* <copyright> | ||
4 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
5 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
6 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
7 | </copyright> */ | ||
8 | |||
9 | /* Span.scss | ||
10 | * Main SCSS file for Span component, compiled by SASS into the file css/Span.css. | ||
11 | */ | ||
12 | |||
13 | // Import theme settings | ||
14 | @import "../../../../../scss/imports/themes/default/colors"; | ||
15 | // @import "../../../../../scss/imports/themes/default/fonts"; | ||
16 | @import "../../../../../scss/imports/themes/default/mixins"; | ||
17 | |||
18 | // Import generic mixins and styles | ||
19 | @import "../../../../../scss/imports/scss/mixins"; | ||
20 | // @import "../../../../../scss/imports/scss/Base"; | ||
21 | |||
22 | .tween_span{ | ||
23 | position: absolute; | ||
24 | height: 16px; | ||
25 | } | ||
26 | .tween_span .tween_span_bar { | ||
27 | width: 100%; | ||
28 | height: 100%; | ||
29 | background-color: #fff; | ||
30 | opacity: 0.15; | ||
31 | } | ||
32 | |||
33 | .tween_span.spanHighlight .tween_span_bar { | ||
34 | background-color: #a0c8ff; | ||
35 | opacity: 0.4; | ||
36 | } | ||
37 | |||
38 | .container-easing-choice { | ||
39 | position: absolute; | ||
40 | top: 2px; | ||
41 | right: 8px; | ||
42 | font-size: 10px; | ||
43 | line-height: 8px; | ||
44 | border: 1px solid $color-menu-border; | ||
45 | color: $color-menu-text; | ||
46 | background-color: $color-menu-bg; | ||
47 | } | ||
48 | .container-easing-choice, | ||
49 | .container-easing-choice .easing-choice, | ||
50 | .container-easing-choices .easing-choices { | ||
51 | font-size: 10px; | ||
52 | width: 70px; | ||
53 | white-space: nowrap; | ||
54 | } | ||
55 | .container-easing-choice, | ||
56 | .container-easing-choice .easing-choice { | ||
57 | height: 10px; | ||
58 | } | ||
59 | .container-easing-choice .easing-choice { | ||
60 | position: absolute; | ||
61 | top: 0px; | ||
62 | left: 3px; | ||
63 | width: 67px; | ||
64 | cursor: pointer; | ||
65 | } | ||
diff --git a/js/panels/Timeline/Span.reel/scss/config.rb b/js/panels/Timeline/Span.reel/scss/config.rb new file mode 100644 index 00000000..e5a99b70 --- /dev/null +++ b/js/panels/Timeline/Span.reel/scss/config.rb | |||
@@ -0,0 +1,9 @@ | |||
1 | # Require any additional compass plugins here. | ||
2 | # Set this to the root of your project when deployed: | ||
3 | http_path = "/" | ||
4 | css_dir = "../css" | ||
5 | sass_dir = "" | ||
6 | images_dir = "../images/" | ||
7 | javascripts_dir = "../js" | ||
8 | # To enable relative paths to assets via compass helper functions. Uncomment: | ||
9 | # relative_assets = true | ||