init repo

OfficeWeb/apps/presentationeditor/mobile/resources/sass/_application-base.scss

@@ -0,0 +1,77 @@
+// Basic
+$base-color                 : #cbcbcb;
+$active-color               : #688AD2;
+$base-gradient              : 'matte';
+$include-default-icons      : false;
+$include-default-uis        : false;
+
+// Toolbar
+$toolbar-icon-size          : 1.0em;
+
+// Image default icons
+$icons-default-size         : 24px;
+$icons-default-image-width  : 72px;
+$icons-default-image-height : 144px;
+
+@import 'sencha-touch/default/all';
+
+@import 'common-buttons';
+@import 'common-toolbar';
+
+@import 'application-mixins';
+
+@include sencha-panel;
+@include sencha-buttons;
+@include sencha-toolbar;
+@include sencha-toolbar-forms;
+@include sencha-indexbar;
+@include sencha-layout;
+@include sencha-form;
+@include sencha-msgbox;
+@include sencha-loading-spinner;
+
+@include common-toolbar-ui('edit', $base-color);
+@include common-toolbar-ui('search', $base-color);
+
+@include application-icon-normal('share',         0);
+@include application-icon-normal('search',        1);
+@include application-icon-normal('fullscreen',    1);
+@include application-icon-normal('right',         2);
+@include application-icon-normal('left',          3);
+@include application-icon-normal('play',          4);
+@include application-icon-normal('pause',         5);
+
+@include common-button-ui('base',       $base-color);
+@include common-button-ui('light',      lighten($base-color, 100%));
+@include common-button-ui('base-blue',  $active-color, 'dark');
+@include common-button-ui('back',       $base-color);
+
+/*
+ *  unsupport
+ */
+
+//TODO: need retina resolution
+.unsuported-view {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    background: url(../img/ios-only.png) no-repeat center #efefef;
+    background-attachment: fixed;
+    z-index: 90000;
+}
+
+/*
+ * Additional styles
+ */
+
+.x-button.text-offset-12 {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+.x-button.text-offset-30 {
+  padding-left: 30px;
+  padding-right: 30px;
+}

OfficeWeb/apps/presentationeditor/mobile/resources/sass/_application-mixins.scss

@@ -0,0 +1,19 @@
+@mixin application-icon-normal($name, $index) {
+  .x-button-icon.#{$name},
+  .list-icon.#{$name} {
+    background-image: url($icons-default-path);
+    background-color: transparent;
+    background-position: 0 -1 * $index * $icons-default-size;
+    background-size: $icons-default-image-width $icons-default-image-height;
+  }
+
+  .x-button-pressing,
+  .x-button-pressed,
+  .x-button-active,
+  .x-item-pressed {
+    .x-button-icon.#{$name},
+    .list-icon.#{$name} {
+      background-position: -1 * $icons-default-size -1 * $index * $icons-default-size;
+    }
+  }
+}

OfficeWeb/apps/presentationeditor/mobile/resources/sass/application-normal.scss

@@ -0,0 +1,3 @@
+$icons-default-path       : '../img/icons/icons-normal.png';
+
+@import 'application-base';

OfficeWeb/apps/presentationeditor/mobile/resources/sass/application-retina.scss

@@ -0,0 +1,3 @@
+$icons-default-path       : '../img/icons/icons-retina.png';
+
+@import 'application-base';

OfficeWeb/apps/presentationeditor/mobile/resources/sass/config-debug.rb

@@ -0,0 +1,14 @@
+# Get the directory that this configuration file exists in
+dir = File.dirname(__FILE__)
+
+# Load the sencha-touch framework automatically.
+load File.join(dir, '..', '..', '..', '..', '..', '3rdparty', 'touch', 'resources', 'themes')
+
+# Add include path for command styles
+add_import_path File.join(dir, '..', '..', '..', '..', '..', 'apps', 'common', 'mobile', 'resources', 'sass')
+
+# Compass configurations
+sass_path    = dir
+css_path     = File.join(dir, "..", "css")
+environment  = :development
+output_style = :expanded

OfficeWeb/apps/presentationeditor/mobile/resources/sass/config.rb

@@ -0,0 +1,14 @@
+# Get the directory that this configuration file exists in
+dir = File.dirname(__FILE__)
+
+# Load the sencha-touch framework automatically.
+load File.join(dir, '..', '..', '..', '..', '..', '3rdparty', 'touch', 'resources', 'themes')
+
+# Add include path for command styles
+add_import_path File.join(dir, '..', '..', '..', '..', '..', 'apps', 'common', 'mobile', 'resources', 'sass')
+
+# Compass configurations
+sass_path    = dir
+css_path     = File.join(dir, "..", "css")
+environment  = :production
+output_style = :compressed