From d3f67c2e306cb1888099f4decba00a9d8727cc43 Mon Sep 17 00:00:00 2001
From: Jon Reid
Date: Tue, 22 May 2012 18:23:36 -0700
Subject: Timeline: New easing selector in spans.

---
 js/panels/Timeline/Span.reel/scss/Span.scss | 87 +++++++++++++++++++++++++++++
 js/panels/Timeline/Span.reel/scss/config.rb |  9 +++
 2 files changed, 96 insertions(+)
 create mode 100644 js/panels/Timeline/Span.reel/scss/Span.scss
 create mode 100644 js/panels/Timeline/Span.reel/scss/config.rb

(limited to 'js/panels/Timeline/Span.reel/scss')

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 @@
+@charset "UTF-8";
+
+/* <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+
+/* Span.scss
+ * Main SCSS file for Span component, compiled by SASS into the file css/Span.css.
+ */
+ 
+// Import theme settings
+@import "../../../../../scss/imports/themes/default/colors";
+// @import "../../../../../scss/imports/themes/default/fonts";
+@import "../../../../../scss/imports/themes/default/mixins";
+
+// Import generic mixins and styles
+@import "../../../../../scss/imports/scss/mixins";
+// @import "../../../../../scss/imports/scss/Base";
+
+.tween_span{
+    position: absolute;
+    height: 16px;
+}
+.tween_span .tween_span_bar {
+	width: 100%;
+	height: 100%;
+	background-color: #fff;
+	opacity: 0.15;
+}
+
+.tween_span.spanHighlight .tween_span_bar {
+    background-color: #a0c8ff;
+    opacity: 0.4;
+}
+
+/*
+ * Easing picker
+ */
+
+.container-easing {
+	position: absolute;
+	top: 2px;
+	right: 6px;
+	font-size: 10px;
+	line-height: 8px;
+	border: 1px solid $color-menu-border;
+	color: $color-menu-text;
+	background-color: $color-menu-bg;
+}
+.container-easing,
+.container-easing .easing-choice,
+.container-easing .easing-choices {
+	width: 70px;
+}
+.container-easing,
+.container-easing .easing-choice {
+	height: 10px;
+}
+.container-easing .easing-choice {
+	position: absolute;
+	top: 0px;
+	left: 3px;
+	width: 67px;
+	cursor: pointer;
+}
+.container-easing .easing-choices {
+	position: absolute;
+	display: none;
+	bottom: -1px;
+	left: -1px;
+	z-index: 100;
+	height: auto;
+	border: 1px solid $color-menu-border;
+	color: $color-menu-text;
+	background-color: $color-menu-bg;
+	overflow: hidden;
+	list-style-type: none;
+	margin: 0px;
+	padding: 0px;
+}
+.container-easing .easing-choices li {
+	list-style-type: none;
+	margin: 0px;
+	padding: 0px;
+}
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 @@
+# Require any additional compass plugins here.
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "../css"
+sass_dir = ""
+images_dir = "../images/"
+javascripts_dir = "../js"
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
-- 
cgit v1.2.3