materialize-sass 0.95.1

data/app/assets/stylesheets/components/date_picker/_default.scss

@@ -0,0 +1,201 @@
+/* ==========================================================================
+   $BASE-PICKER
+   ========================================================================== */
+/**
+ * Note: the root picker element should *NOT* be styled more than what's here.
+ */
+.picker {
+  font-size: 16px;
+  text-align: left;
+  line-height: 1.2;
+  color: #000000;
+  position: absolute;
+  z-index: 10000;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+/**
+ * The picker input element.
+ */
+.picker__input {
+  cursor: default;
+}
+/**
+ * When the picker is opened, the input element is "activated".
+ */
+.picker__input.picker__input--active {
+  border-color: #0089ec;
+}
+/**
+ * The holder is the only "scrollable" top-level container element.
+ */
+.picker__holder {
+  width: 100%;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/*!
+ * Default mobile-first, responsive styling for pickadate.js
+ * Demo: http://amsul.github.io/pickadate.js
+ */
+/**
+ * Note: the root picker element should *NOT* be styled more than what's here.
+ */
+/**
+ * Make the holder and frame fullscreen.
+ */
+.picker__holder,
+.picker__frame {
+  bottom: 0;
+  left: 0;
+  right: 0;
+  top: 100%;
+}
+/**
+ * The holder should overlay the entire screen.
+ */
+.picker__holder {
+  position: fixed;
+  -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
+  -moz-transition: background 0.15s ease-out, top 0s 0.15s;
+  transition: background 0.15s ease-out, top 0s 0.15s;
+  -webkit-backface-visibility: hidden;
+}
+/**
+ * The frame that bounds the box contents of the picker.
+ */
+.picker__frame {
+  position: absolute;
+  margin: 0 auto;
+  min-width: 256px;
+  
+//  picker width
+  max-width: 300px;
+  max-height: 350px;
+  
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  filter: alpha(opacity=0);
+  -moz-opacity: 0;
+  opacity: 0;
+  -webkit-transition: all 0.15s ease-out;
+  -moz-transition: all 0.15s ease-out;
+  transition: all 0.15s ease-out;
+}
+@media (min-height: 28.875em) {
+  .picker__frame {
+    overflow: visible;
+    top: auto;
+    bottom: -100%;
+    max-height: 80%;
+  }
+}
+@media (min-height: 40.125em) {
+  .picker__frame {
+    margin-bottom: 7.5%;
+  }
+}
+/**
+ * The wrapper sets the stage to vertically align the box contents.
+ */
+.picker__wrap {
+  display: table;
+  width: 100%;
+  height: 100%;
+}
+@media (min-height: 28.875em) {
+  .picker__wrap {
+    display: block;
+  }
+}
+/**
+ * The box contains all the picker contents.
+ */
+.picker__box {
+  background: #ffffff;
+  display: table-cell;
+  vertical-align: middle;
+}
+//@media (min-height: 26.5em) {
+//  .picker__box {
+////    font-size: 1.25em;
+//  }
+//}
+@media (min-height: 28.875em) {
+  .picker__box {
+    display: block;
+    
+//    picker header font-size
+//    font-size: 1rem;
+    
+    border: 1px solid #777777;
+    border-top-color: #898989;
+    border-bottom-width: 0;
+    -webkit-border-radius: 5px 5px 0 0;
+    -moz-border-radius: 5px 5px 0 0;
+    border-radius: 5px 5px 0 0;
+    -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
+    -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
+    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
+  }
+}
+//@media (min-height: 40.125em) {
+//  .picker__box {
+//    font-size: 1.1rem;
+//    border-bottom-width: 1px;
+//    -webkit-border-radius: 5px;
+//    -moz-border-radius: 5px;
+//    border-radius: 5px;
+//  }
+//}
+/**
+ * When the picker opens...
+ */
+.picker--opened .picker__holder {
+  top: 0;
+  background: transparent;
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
+  zoom: 1;
+  background: rgba(0, 0, 0, 0.32);
+  -webkit-transition: background 0.15s ease-out;
+  -moz-transition: background 0.15s ease-out;
+  transition: background 0.15s ease-out;
+}
+.picker--opened .picker__frame {
+  top: 0;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+  filter: alpha(opacity=100);
+  -moz-opacity: 1;
+  opacity: 1;
+}
+@media (min-height: 35.875em) {
+  .picker--opened .picker__frame {
+    top: 10%;
+    bottom: 20%auto;
+  }
+}
+/**
+ * For `large` screens, transform into an inline picker.
+ */
+
+/* ==========================================================================
+   CUSTOM MATERIALIZE STYLES
+   ========================================================================== */
+
+.picker__input.picker__input--active {
+  border-color: color("blue", "lighten-5");
+}
+
+.picker__frame {
+  margin: 0 auto;
+  max-width: 325px;
+}
+
+@media (min-height: 38.875em) {
+  .picker--opened .picker__frame {
+    top: 10%;
+    bottom: auto;
+  }
+}

data/app/assets/stylesheets/components/date_picker/_default.time.scss

@@ -0,0 +1,125 @@
+/* ==========================================================================
+   $BASE-TIME-PICKER
+   ========================================================================== */
+/**
+ * The list of times.
+ */
+.picker__list {
+  list-style: none;
+  padding: 0.75em 0 4.2em;
+  margin: 0;
+}
+/**
+ * The times on the clock.
+ */
+.picker__list-item {
+  border-bottom: 1px solid #dddddd;
+  border-top: 1px solid #dddddd;
+  margin-bottom: -1px;
+  position: relative;
+  background: #ffffff;
+  padding: .75em 1.25em;
+}
+@media (min-height: 46.75em) {
+  .picker__list-item {
+    padding: .5em 1em;
+  }
+}
+/* Hovered time */
+.picker__list-item:hover {
+  cursor: pointer;
+  color: #000000;
+  background: #b1dcfb;
+  border-color: #0089ec;
+  z-index: 10;
+}
+/* Highlighted and hovered/focused time */
+.picker__list-item--highlighted {
+  border-color: #0089ec;
+  z-index: 10;
+}
+.picker__list-item--highlighted:hover,
+.picker--focused .picker__list-item--highlighted {
+  cursor: pointer;
+  color: #000000;
+  background: #b1dcfb;
+}
+/* Selected and hovered/focused time */
+.picker__list-item--selected,
+.picker__list-item--selected:hover,
+.picker--focused .picker__list-item--selected {
+  background: #0089ec;
+  color: #ffffff;
+  z-index: 10;
+}
+/* Disabled time */
+.picker__list-item--disabled,
+.picker__list-item--disabled:hover,
+.picker--focused .picker__list-item--disabled {
+  background: #f5f5f5;
+  border-color: #f5f5f5;
+  color: #dddddd;
+  cursor: default;
+  border-color: #dddddd;
+  z-index: auto;
+}
+/**
+ * The clear button
+ */
+.picker--time .picker__button--clear {
+  display: block;
+  width: 80%;
+  margin: 1em auto 0;
+  padding: 1em 1.25em;
+  background: none;
+  border: 0;
+  font-weight: 500;
+  font-size: .67em;
+  text-align: center;
+  text-transform: uppercase;
+  color: #666;
+}
+.picker--time .picker__button--clear:hover,
+.picker--time .picker__button--clear:focus {
+  color: #000000;
+  background: #b1dcfb;
+  background: #ee2200;
+  border-color: #ee2200;
+  cursor: pointer;
+  color: #ffffff;
+  outline: none;
+}
+.picker--time .picker__button--clear:before {
+  top: -0.25em;
+  color: #666;
+  font-size: 1.25em;
+  font-weight: bold;
+}
+.picker--time .picker__button--clear:hover:before,
+.picker--time .picker__button--clear:focus:before {
+  color: #ffffff;
+}
+
+/* ==========================================================================
+   $DEFAULT-TIME-PICKER
+   ========================================================================== */
+/**
+ * The frame the bounds the time picker.
+ */
+.picker--time .picker__frame {
+  min-width: 256px;
+  max-width: 320px;
+}
+/**
+ * The picker box.
+ */
+.picker--time .picker__box {
+  font-size: 1em;
+  background: #f2f2f2;
+  padding: 0;
+}
+@media (min-height: 40.125em) {
+  .picker--time .picker__box {
+    margin-bottom: 5em;
+  }
+}

data/app/assets/stylesheets/materialize.scss

@@ -0,0 +1,38 @@
+@charset "UTF-8";
+
+// Mixins
+@import "components/prefixer";
+@import "components/mixins";
+@import "components/color";
+
+// Variables;
+@import "components/variables";
+
+// Reset
+@import "components/normalize";
+
+// components
+@import "components/global";
+@import "components/icons-material-design";
+@import "components/grid";
+@import "components/navbar";
+@import "components/roboto";
+@import "components/typography";
+@import "components/cards";
+@import "components/toast";
+@import "components/tabs";
+@import "components/tooltip";
+@import "components/buttons";
+@import "components/dropdown";
+@import "components/waves";
+@import "components/modal";
+@import "components/collapsible";
+@import "components/materialbox";
+@import "components/form";
+@import "components/table_of_contents";
+@import "components/sideNav";
+@import "components/preloader";
+@import "components/slider";
+@import "components/date_picker/default.scss";
+@import "components/date_picker/default.date.scss";
+@import "components/date_picker/default.time.scss";

data/lib/materialize-sass.rb

@@ -0,0 +1,8 @@
+require "materialize-sass/version"
+
+module Materialize
+  module Sass
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/materialize-sass/version.rb

@@ -0,0 +1,6 @@
+module Materialize
+  module Sass
+    VERSION = "0.95.1"
+  end
+end
+

data/materialize-sass.gemspec

@@ -0,0 +1,23 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'materialize-sass/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "materialize-sass"
+  spec.version       = Materialize::Sass::VERSION
+  spec.authors       = ["mkhairi"]
+  spec.email         = ["khairi@labs.my"]
+  spec.summary       = %q{Materialzecss sass for rails.}
+  spec.description   = %q{Use materialzecss in your rails asset pipeline.}
+  spec.homepage      = "https://github.com/mkhairi/materialize-sass"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.7"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

metadata

@@ -0,0 +1,146 @@
+--- !ruby/object:Gem::Specification
+name: materialize-sass
+version: !ruby/object:Gem::Version
+  version: 0.95.1
+platform: ruby
+authors:
+- mkhairi
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-01-28 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: Use materialzecss in your rails asset pipeline.
+email:
+- khairi@labs.my
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/fonts/material-design-icons/LICENSE.txt
+- app/assets/fonts/material-design-icons/Material-Design-Icons.eot
+- app/assets/fonts/material-design-icons/Material-Design-Icons.svg
+- app/assets/fonts/material-design-icons/Material-Design-Icons.ttf
+- app/assets/fonts/material-design-icons/Material-Design-Icons.woff
+- app/assets/fonts/roboto/Roboto-Bold.ttf
+- app/assets/fonts/roboto/Roboto-Light.ttf
+- app/assets/fonts/roboto/Roboto-Medium.ttf
+- app/assets/fonts/roboto/Roboto-Regular.ttf
+- app/assets/fonts/roboto/Roboto-Thin.ttf
+- app/assets/javascripts/materialize-sprokets.js
+- app/assets/javascripts/materialize.js
+- app/assets/javascripts/materialize/cards.js
+- app/assets/javascripts/materialize/collapsible.js
+- app/assets/javascripts/materialize/date_picker/picker.date.js
+- app/assets/javascripts/materialize/date_picker/picker.js
+- app/assets/javascripts/materialize/dropdown.js
+- app/assets/javascripts/materialize/forms.js
+- app/assets/javascripts/materialize/hammer.min.js
+- app/assets/javascripts/materialize/init.js
+- app/assets/javascripts/materialize/jquery.easing.1.3.js
+- app/assets/javascripts/materialize/jquery.hammer.js
+- app/assets/javascripts/materialize/jquery.timeago.min.js
+- app/assets/javascripts/materialize/leanModal.js
+- app/assets/javascripts/materialize/materialbox.js
+- app/assets/javascripts/materialize/parallax.js
+- app/assets/javascripts/materialize/prism.js
+- app/assets/javascripts/materialize/pushpin.js
+- app/assets/javascripts/materialize/scrollspy.js
+- app/assets/javascripts/materialize/sideNav.js
+- app/assets/javascripts/materialize/slider.js
+- app/assets/javascripts/materialize/tabs.js
+- app/assets/javascripts/materialize/toasts.js
+- app/assets/javascripts/materialize/tooltip.js
+- app/assets/javascripts/materialize/velocity.min.js
+- app/assets/javascripts/materialize/waves.js
+- app/assets/stylesheets/components/_buttons.scss
+- app/assets/stylesheets/components/_cards.scss
+- app/assets/stylesheets/components/_collapsible.scss
+- app/assets/stylesheets/components/_color.scss
+- app/assets/stylesheets/components/_dropdown.scss
+- app/assets/stylesheets/components/_form.scss
+- app/assets/stylesheets/components/_global.scss
+- app/assets/stylesheets/components/_grid.scss
+- app/assets/stylesheets/components/_icons-material-design.scss
+- app/assets/stylesheets/components/_materialbox.scss
+- app/assets/stylesheets/components/_mixins.scss
+- app/assets/stylesheets/components/_modal.scss
+- app/assets/stylesheets/components/_navbar.scss
+- app/assets/stylesheets/components/_normalize.scss
+- app/assets/stylesheets/components/_prefixer.scss
+- app/assets/stylesheets/components/_preloader.scss
+- app/assets/stylesheets/components/_roboto.scss
+- app/assets/stylesheets/components/_sideNav.scss
+- app/assets/stylesheets/components/_slider.scss
+- app/assets/stylesheets/components/_table_of_contents.scss
+- app/assets/stylesheets/components/_tabs.scss
+- app/assets/stylesheets/components/_toast.scss
+- app/assets/stylesheets/components/_tooltip.scss
+- app/assets/stylesheets/components/_typography.scss
+- app/assets/stylesheets/components/_variables.scss
+- app/assets/stylesheets/components/_waves.scss
+- app/assets/stylesheets/components/date_picker/_default.date.scss
+- app/assets/stylesheets/components/date_picker/_default.scss
+- app/assets/stylesheets/components/date_picker/_default.time.scss
+- app/assets/stylesheets/materialize.scss
+- lib/materialize-sass.rb
+- lib/materialize-sass/version.rb
+- materialize-sass.gemspec
+homepage: https://github.com/mkhairi/materialize-sass
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.4
+signing_key: 
+specification_version: 4
+summary: Materialzecss sass for rails.
+test_files: []