aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Span.reel/scss
diff options
context:
space:
mode:
authorArmen Kesablyan2012-06-21 14:33:01 -0700
committerArmen Kesablyan2012-06-21 14:33:01 -0700
commit9fe9bc495af74d963fa7061d4d1a479720133a56 (patch)
treeeca4b0d785ad28483904682b7fdfdb9686fc3d1a /js/panels/Timeline/Span.reel/scss
parentfc818d31de267d2b77fda3b3029ad38d48698be8 (diff)
parentc411f76d89c543837548085ff468fee0fb4f2ff9 (diff)
downloadninja-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.scss65
-rw-r--r--js/panels/Timeline/Span.reel/scss/config.rb9
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:
3http_path = "/"
4css_dir = "../css"
5sass_dir = ""
6images_dir = "../images/"
7javascripts_dir = "../js"
8# To enable relative paths to assets via compass helper functions. Uncomment:
9# relative_assets = true