aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Span.reel/scss
diff options
context:
space:
mode:
authorJon Reid2012-05-22 18:23:36 -0700
committerJon Reid2012-05-22 18:23:36 -0700
commitd3f67c2e306cb1888099f4decba00a9d8727cc43 (patch)
tree262e17bf9150fe84675897b2ea9ee8eb68602859 /js/panels/Timeline/Span.reel/scss
parentd43a3179171a9f82c7a17425ec69ff0a4d571f10 (diff)
downloadninja-d3f67c2e306cb1888099f4decba00a9d8727cc43.tar.gz
Timeline: New easing selector in spans.
Diffstat (limited to 'js/panels/Timeline/Span.reel/scss')
-rw-r--r--js/panels/Timeline/Span.reel/scss/Span.scss87
-rw-r--r--js/panels/Timeline/Span.reel/scss/config.rb9
2 files changed, 96 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..a39cf465
--- /dev/null
+++ b/js/panels/Timeline/Span.reel/scss/Span.scss
@@ -0,0 +1,87 @@
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/*
39 * Easing picker
40 */
41
42.container-easing {
43 position: absolute;
44 top: 2px;
45 right: 6px;
46 font-size: 10px;
47 line-height: 8px;
48 border: 1px solid $color-menu-border;
49 color: $color-menu-text;
50 background-color: $color-menu-bg;
51}
52.container-easing,
53.container-easing .easing-choice,
54.container-easing .easing-choices {
55 width: 70px;
56}
57.container-easing,
58.container-easing .easing-choice {
59 height: 10px;
60}
61.container-easing .easing-choice {
62 position: absolute;
63 top: 0px;
64 left: 3px;
65 width: 67px;
66 cursor: pointer;
67}
68.container-easing .easing-choices {
69 position: absolute;
70 display: none;
71 bottom: -1px;
72 left: -1px;
73 z-index: 100;
74 height: auto;
75 border: 1px solid $color-menu-border;
76 color: $color-menu-text;
77 background-color: $color-menu-bg;
78 overflow: hidden;
79 list-style-type: none;
80 margin: 0px;
81 padding: 0px;
82}
83.container-easing .easing-choices li {
84 list-style-type: none;
85 margin: 0px;
86 padding: 0px;
87}
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