aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/EasingMenu.reel/scss
diff options
context:
space:
mode:
authorJon Reid2012-06-12 16:47:15 -0700
committerJon Reid2012-06-12 16:47:15 -0700
commitf97e4b6ab1db9fb7de18b2e44c1b0edcf2ba072d (patch)
treee2750ba885826ce0e1f819c2a4c1655f41308360 /js/panels/Timeline/EasingMenu.reel/scss
parent8c55dfcb0a669eef0a3bb406b70868078ef09810 (diff)
downloadninja-f97e4b6ab1db9fb7de18b2e44c1b0edcf2ba072d.tar.gz
Timeline: New popup menu for easing choices.
Diffstat (limited to 'js/panels/Timeline/EasingMenu.reel/scss')
-rw-r--r--js/panels/Timeline/EasingMenu.reel/scss/EasingMenu.scss85
-rw-r--r--js/panels/Timeline/EasingMenu.reel/scss/config.rb9
2 files changed, 94 insertions, 0 deletions
diff --git a/js/panels/Timeline/EasingMenu.reel/scss/EasingMenu.scss b/js/panels/Timeline/EasingMenu.reel/scss/EasingMenu.scss
new file mode 100644
index 00000000..b7b1c70d
--- /dev/null
+++ b/js/panels/Timeline/EasingMenu.reel/scss/EasingMenu.scss
@@ -0,0 +1,85 @@
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/* Layer.scss
10 * Main SCSS file for EasingMenu component, compiled by SASS into the file css/EasingMenu.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/*
23 * Easing picker
24 */
25
26.container-easing-choice {
27 position: absolute;
28 top: 2px;
29 right: 8px;
30 font-size: 10px;
31 line-height: 8px;
32 border: 1px solid $color-menu-border;
33 color: $color-menu-text;
34 background-color: $color-menu-bg;
35}
36.container-easing,
37.container-easing-choice .easing-choice,
38.container-easing-choices .easing-choices {
39 font-size: 10px;
40 width: 70px;
41 white-space: nowrap;
42}
43.container-easing,
44.container-easing-choice .easing-choice {
45 height: 10px;
46}
47.container-easing-easing-choice .easing-choice {
48 position: absolute;
49 top: 0px;
50 left: 3px;
51 width: 67px;
52 cursor: pointer;
53}
54.container-easing-choices .easing-choices {
55 position: absolute;
56 bottom: -1px;
57 left: -1px;
58 z-index: 100;
59 height: auto;
60 border: 1px solid $color-menu-border;
61 color: $color-menu-text;
62 background-color: $color-menu-bg;
63 overflow: hidden;
64 list-style-type: none;
65 margin: 0px;
66 padding: 0px;
67}
68.container-easing-choices .easing-choices li {
69 list-style-type: none;
70 margin: 0px;
71 padding: 0px;
72 padding-top: 2px;
73 padding-bottom: 2px;
74 padding-left: 3px;
75 cursor: pointer;
76}
77
78.container-easing-choices .easing-choices li:hover,
79.container-easing-choices .easing-choices li.easing-selected {
80 color: $color-menu-hilite-text;
81 background-color: $color-menu-hilite-bg;
82}
83.container-easing-choices .easing-choices li.easing-selected {
84 cursor: default;
85} \ No newline at end of file
diff --git a/js/panels/Timeline/EasingMenu.reel/scss/config.rb b/js/panels/Timeline/EasingMenu.reel/scss/config.rb
new file mode 100644
index 00000000..e5a99b70
--- /dev/null
+++ b/js/panels/Timeline/EasingMenu.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