materialize-sass 0.100.2.1 → 1.0.0.alpha1

data/{app/assets → assets}/stylesheets/materialize/components/forms/_range.scss

@@ -60,31 +60,42 @@ input[type=range] + .thumb {
   }
 }
 
+// Shared
+@mixin range-track {
+  height: $track-height;
+  background: #c2c0c2;
+  border: none;
+}
+
+@mixin range-thumb {
+  border: none;
+  height: $range-height;
+  width: $range-width;
+  border-radius: 50%;
+  background: $radio-fill-color;
+  transition: box-shadow .3s;
+}
+
 // WebKit
 input[type=range] {
   -webkit-appearance: none;
 }
 
 input[type=range]::-webkit-slider-runnable-track {
-  height: $track-height;
-  background: #c2c0c2;
-  border: none;
+  @include range-track;
 }
 
 input[type=range]::-webkit-slider-thumb {
+  @include range-thumb;
   -webkit-appearance: none;
-  border: none;
-  height: $range-height;
-  width: $range-width;
-  border-radius: 50%;
   background-color: $radio-fill-color;
   transform-origin: 50% 50%;
   margin: -5px 0 0 0;
-  transition: .3s;
+
 }
 
-input[type=range]:focus::-webkit-slider-runnable-track {
-  background: #ccc;
+input[type=range]:focus:not(.active)::-webkit-slider-thumb {
+  box-shadow: 0 0 0 10px rgba($radio-fill-color, .26);
 }
 
 // FireFox
@@ -96,17 +107,15 @@ input[type=range] {
 }
 
 input[type=range]::-moz-range-track {
-  height: $track-height;
-  background: #ddd;
-  border: none;
+  @include range-track;
+}
+
+input[type=range]::-moz-focus-inner {
+  border: 0;
 }
 
 input[type=range]::-moz-range-thumb {
-  border: none;
-  height: $range-height;
-  width: $range-width;
-  border-radius: 50%;
-  background: $radio-fill-color;
+  @include range-thumb;
   margin-top: -5px;
 }
 
@@ -116,8 +125,8 @@ input[type=range]:-moz-focusring {
   outline-offset: -1px;
 }
 
-input[type=range]:focus::-moz-range-track {
-  background: #ccc;
+input[type=range]:focus:not(.active)::-moz-range-thumb {
+  box-shadow: 0 0 0 10px rgba($radio-fill-color, .26);
 }
 
 // IE 10+
@@ -144,17 +153,9 @@ input[type=range]::-ms-fill-upper {
 }
 
 input[type=range]::-ms-thumb {
-  border: none;
-  height: $range-height;
-  width: $range-width;
-  border-radius: 50%;
-  background: $radio-fill-color;
-}
-
-input[type=range]:focus::-ms-fill-lower {
-  background: #888;
+  @include range-thumb;
 }
 
-input[type=range]:focus::-ms-fill-upper {
-  background: #ccc;
+input[type=range]:focus:not(.active)::-ms-thumb {
+  box-shadow: 0 0 0 10px rgba($radio-fill-color, .26);
 }

data/{app/assets → assets}/stylesheets/materialize/components/forms/_select.scss

@@ -15,7 +15,7 @@ select {
 
 
 .input-field {
-  & > select {
+  select {
     display: block;
     position: absolute;
     width: 0;
@@ -32,12 +32,17 @@ select {
 }
 
 .select-wrapper {
+  &.valid .helper-text[data-success],
+  &.invalid ~ .helper-text[data-error] {
+    @extend %hidden-text;
+  }
+
   &.valid {
     & > input.select-dropdown {
       @extend %valid-input-style;
     }
 
-    & + label:after {
+    & ~ .helper-text:after {
       @extend %custom-success-message;
     }
   }
@@ -47,7 +52,7 @@ select {
       @extend %invalid-input-style;
     }
 
-    & + label:after {
+    & ~ .helper-text:after {
       @extend %custom-error-message;
     }
   }
@@ -65,6 +70,9 @@ select {
   position: relative;
 
   input.select-dropdown {
+    &:focus {
+      border-bottom: 1px solid $input-focus-color;
+    }
     position: relative;
     cursor: pointer;
     background-color: transparent;
@@ -81,16 +89,17 @@ select {
     user-select:none;
   }
 
-  span.caret {
+  .caret {
     color: initial;
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
-    height: 10px;
+    height: 24px;
     margin: auto 0;
-    font-size: 10px;
-    line-height: 10px;
+    font-size: 24px;
+    line-height: 24px;
+    z-index: -1;
   }
 
   & + label {
@@ -131,15 +140,15 @@ select:disabled {
 
 .select-dropdown.dropdown-content {
   li {
-    &.active {
-      background-color: transparent;
-    }
-
     &:hover {
       background-color: $select-option-hover;
     }
 
     &.selected {
+      background-color: $select-option-selected;
+    }
+
+    &:focus {
       background-color: $select-option-focus;
     }
   }

data/{app/assets → assets}/stylesheets/materialize/extras/nouislider.css

@@ -1,5 +1,5 @@
 /*!
- * Materialize v0.100.2 (http://materializecss.com)
+ * Materialize v1.0.0-alpha.1 (http://materializecss.com)
  * Copyright 2014-2015 Materialize
  * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
  */

data/lib/materialize-sass.rb

@@ -4,14 +4,16 @@ module Materialize
   module Sass
     # give credit to bootstrap-sass
     class << self
-
+      # Inspired by Kaminari
       def load!
-        #register_compass_extension if compass?
         if rails?
           register_rails_engine
+        elsif hanami?
+          register_hanami
         elsif sprockets?
           register_sprockets
         end
+
         configure_sass
       end
 
@@ -24,16 +26,12 @@ module Materialize
         File.join assets_path, 'stylesheets'
       end
 
-      def fonts_path
-        File.join assets_path, 'fonts'
-      end
-
       def javascripts_path
         File.join assets_path, 'javascripts'
       end
 
       def assets_path
-        @assets_path ||= File.join gem_path, 'app/assets'
+        @assets_path ||= File.join gem_path, 'assets'
       end
 
       # Environment detection helpers
@@ -41,42 +39,34 @@ module Materialize
         defined?(::Sprockets)
       end
 
-      #def compass?
-      #  defined?(::Compass)
-      #end
-
       def rails?
         defined?(::Rails)
       end
 
+      def hanami?
+        defined?(::Hanami)
+      end
+
       private
 
       def configure_sass
         require 'sass'
+
         ::Sass.load_paths << stylesheets_path
-        #::Sass::Script::Number.precision = [8, ::Sass::Script::Number.precision].max
       end
 
-      #def register_compass_extension
-      #  ::Compass::Frameworks.register(
-      #      'materialize',
-      #      :version               => Materialize::Sass::VERSION,
-      #      :path                  => gem_path,
-      #      :stylesheets_directory => stylesheets_path,
-      #      :templates_directory   => File.join(gem_path, 'templates')
-      #  )
-      #end
-
       def register_rails_engine
         require 'materialize-sass/engine'
       end
 
       def register_sprockets
         Sprockets.append_path(stylesheets_path)
-        Sprockets.append_path(fonts_path)
         Sprockets.append_path(javascripts_path)
       end
 
+      def register_hanami
+        Hanami::Assets.sources << assets_path
+      end
     end
   end
 end

data/lib/materialize-sass/engine.rb

@@ -1,14 +1,11 @@
+require 'autoprefixer-rails'
+
 module Materialize
-  module Sass
+  module Rails
     class Engine < ::Rails::Engine
-      initializer 'materialize-sass.assets.precompile' do |app|
-        %w(stylesheets javascripts fonts images).each do |sub|
-          app.config.assets.paths << root.join('app/assets', sub).to_s
-        end
-
-        unless Sprockets::Rails::VERSION.starts_with?('3')
-          app.config.assets.precompile << %r(material-design-icons/Material-Design-Icons\.(?:eot|svg|ttf|woff|woff2?)$)
-          app.config.assets.precompile << %r(roboto/Roboto-[\w-]+\.(?:eot|svg|ttf|woff|woff2?)$)
+      initializer 'materialize-sass.assets' do |app|
+        %w(stylesheets javascripts).each do |sub|
+          app.config.assets.paths << root.join('assets', sub).to_s
         end
       end
     end

data/lib/materialize-sass/version.rb

@@ -1,6 +1,6 @@
 module Materialize
   module Sass
-    VERSION = "0.100.2.1"
+    VERSION = "1.0.0.alpha1"
   end
 end
 

data/materialize-sass.gemspec

@@ -23,5 +23,6 @@ Gem::Specification.new do |spec|
   spec.add_development_dependency "rake", "~> 10.0"
 
   #runtime dependencies
-  spec.add_dependency "sass", "~>3.3"
+  spec.add_runtime_dependency 'sass', '>= 3.5.2'
+  spec.add_runtime_dependency 'autoprefixer-rails', '>= 6.0.3'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: materialize-sass
 version: !ruby/object:Gem::Version
-  version: 0.100.2.1
+  version: 1.0.0.alpha1
 platform: ruby
 authors:
 - mkhairi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-03-22 00:00:00.000000000 Z
+date: 2017-11-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -42,16 +42,30 @@ dependencies:
   name: sass
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '3.3'
+        version: 3.5.2
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '3.3'
+        version: 3.5.2
+- !ruby/object:Gem::Dependency
+  name: autoprefixer-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 6.0.3
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 6.0.3
 description: Use materialzecss in your rails asset pipeline.
 email:
 - khairi@labs.my
@@ -64,94 +78,79 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
-- app/assets/fonts/roboto/Roboto-Bold.woff
-- app/assets/fonts/roboto/Roboto-Bold.woff2
-- app/assets/fonts/roboto/Roboto-Light.woff
-- app/assets/fonts/roboto/Roboto-Light.woff2
-- app/assets/fonts/roboto/Roboto-Medium.woff
-- app/assets/fonts/roboto/Roboto-Medium.woff2
-- app/assets/fonts/roboto/Roboto-Regular.woff
-- app/assets/fonts/roboto/Roboto-Regular.woff2
-- app/assets/fonts/roboto/Roboto-Thin.woff
-- app/assets/fonts/roboto/Roboto-Thin.woff2
-- app/assets/javascripts/materialize-sprockets.js
-- app/assets/javascripts/materialize.js
-- app/assets/javascripts/materialize/animation.js
-- app/assets/javascripts/materialize/buttons.js
-- app/assets/javascripts/materialize/cards.js
-- app/assets/javascripts/materialize/carousel.js
-- app/assets/javascripts/materialize/character_counter.js
-- app/assets/javascripts/materialize/chips.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/date_picker/picker.time.js
-- app/assets/javascripts/materialize/dropdown.js
-- app/assets/javascripts/materialize/extras/nouislider.js
-- app/assets/javascripts/materialize/extras/nouislider.min.js
-- app/assets/javascripts/materialize/forms.js
-- app/assets/javascripts/materialize/global.js
-- app/assets/javascripts/materialize/hammer.min.js
-- app/assets/javascripts/materialize/initial.js
-- app/assets/javascripts/materialize/jquery.easing.1.4.js
-- app/assets/javascripts/materialize/jquery.hammer.js
-- app/assets/javascripts/materialize/materialbox.js
-- app/assets/javascripts/materialize/modal.js
-- app/assets/javascripts/materialize/parallax.js
-- app/assets/javascripts/materialize/pushpin.js
-- app/assets/javascripts/materialize/scrollFire.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/tapTarget.js
-- app/assets/javascripts/materialize/toasts.js
-- app/assets/javascripts/materialize/tooltip.js
-- app/assets/javascripts/materialize/transitions.js
-- app/assets/javascripts/materialize/velocity.min.js
-- app/assets/javascripts/materialize/waves.js
-- app/assets/stylesheets/materialize.scss
-- app/assets/stylesheets/materialize/components/_badges.scss
-- app/assets/stylesheets/materialize/components/_buttons.scss
-- app/assets/stylesheets/materialize/components/_cards.scss
-- app/assets/stylesheets/materialize/components/_carousel.scss
-- app/assets/stylesheets/materialize/components/_chips.scss
-- app/assets/stylesheets/materialize/components/_collapsible.scss
-- app/assets/stylesheets/materialize/components/_color.scss
-- app/assets/stylesheets/materialize/components/_dropdown.scss
-- app/assets/stylesheets/materialize/components/_global.scss
-- app/assets/stylesheets/materialize/components/_grid.scss
-- app/assets/stylesheets/materialize/components/_icons-material-design.scss
-- app/assets/stylesheets/materialize/components/_materialbox.scss
-- app/assets/stylesheets/materialize/components/_modal.scss
-- app/assets/stylesheets/materialize/components/_navbar.scss
-- app/assets/stylesheets/materialize/components/_normalize.scss
-- app/assets/stylesheets/materialize/components/_preloader.scss
-- app/assets/stylesheets/materialize/components/_pulse.scss
-- app/assets/stylesheets/materialize/components/_roboto.scss
-- app/assets/stylesheets/materialize/components/_sideNav.scss
-- app/assets/stylesheets/materialize/components/_slider.scss
-- app/assets/stylesheets/materialize/components/_table_of_contents.scss
-- app/assets/stylesheets/materialize/components/_tabs.scss
-- app/assets/stylesheets/materialize/components/_tapTarget.scss
-- app/assets/stylesheets/materialize/components/_toast.scss
-- app/assets/stylesheets/materialize/components/_tooltip.scss
-- app/assets/stylesheets/materialize/components/_transitions.scss
-- app/assets/stylesheets/materialize/components/_typography.scss
-- app/assets/stylesheets/materialize/components/_variables.scss
-- app/assets/stylesheets/materialize/components/_waves.scss
-- app/assets/stylesheets/materialize/components/date_picker/_default.date.scss
-- app/assets/stylesheets/materialize/components/date_picker/_default.scss
-- app/assets/stylesheets/materialize/components/date_picker/_default.time.scss
-- app/assets/stylesheets/materialize/components/forms/_checkboxes.scss
-- app/assets/stylesheets/materialize/components/forms/_file-input.scss
-- app/assets/stylesheets/materialize/components/forms/_forms.scss
-- app/assets/stylesheets/materialize/components/forms/_input-fields.scss
-- app/assets/stylesheets/materialize/components/forms/_radio-buttons.scss
-- app/assets/stylesheets/materialize/components/forms/_range.scss
-- app/assets/stylesheets/materialize/components/forms/_select.scss
-- app/assets/stylesheets/materialize/components/forms/_switches.scss
-- app/assets/stylesheets/materialize/extras/nouislider.css
+- assets/javascripts/materialize-sprockets.js
+- assets/javascripts/materialize.js
+- assets/javascripts/materialize/autocomplete.js
+- assets/javascripts/materialize/buttons.js
+- assets/javascripts/materialize/cards.js
+- assets/javascripts/materialize/carousel.js
+- assets/javascripts/materialize/cash.js
+- assets/javascripts/materialize/characterCounter.js
+- assets/javascripts/materialize/chips.js
+- assets/javascripts/materialize/collapsible.js
+- assets/javascripts/materialize/datepicker.js
+- assets/javascripts/materialize/dropdown.js
+- assets/javascripts/materialize/extras/nouislider.js
+- assets/javascripts/materialize/extras/nouislider.min.js
+- assets/javascripts/materialize/forms.js
+- assets/javascripts/materialize/global.js
+- assets/javascripts/materialize/materialbox.js
+- assets/javascripts/materialize/modal.js
+- assets/javascripts/materialize/parallax.js
+- assets/javascripts/materialize/pushpin.js
+- assets/javascripts/materialize/range.js
+- assets/javascripts/materialize/scrollspy.js
+- assets/javascripts/materialize/select.js
+- assets/javascripts/materialize/sidenav.js
+- assets/javascripts/materialize/slider.js
+- assets/javascripts/materialize/tabs.js
+- assets/javascripts/materialize/tapTarget.js
+- assets/javascripts/materialize/timepicker.js
+- assets/javascripts/materialize/toasts.js
+- assets/javascripts/materialize/tooltip.js
+- assets/javascripts/materialize/velocity.min.js
+- assets/javascripts/materialize/waves.js
+- assets/stylesheets/materialize.scss
+- assets/stylesheets/materialize/components/_badges.scss
+- assets/stylesheets/materialize/components/_buttons.scss
+- assets/stylesheets/materialize/components/_cards.scss
+- assets/stylesheets/materialize/components/_carousel.scss
+- assets/stylesheets/materialize/components/_chips.scss
+- assets/stylesheets/materialize/components/_collapsible.scss
+- assets/stylesheets/materialize/components/_color.scss
+- assets/stylesheets/materialize/components/_datepicker.scss
+- assets/stylesheets/materialize/components/_dropdown.scss
+- assets/stylesheets/materialize/components/_global.scss
+- assets/stylesheets/materialize/components/_grid.scss
+- assets/stylesheets/materialize/components/_icons-material-design.scss
+- assets/stylesheets/materialize/components/_materialbox.scss
+- assets/stylesheets/materialize/components/_mixins.scss
+- assets/stylesheets/materialize/components/_modal.scss
+- assets/stylesheets/materialize/components/_navbar.scss
+- assets/stylesheets/materialize/components/_normalize.scss
+- assets/stylesheets/materialize/components/_preloader.scss
+- assets/stylesheets/materialize/components/_pulse.scss
+- assets/stylesheets/materialize/components/_sidenav.scss
+- assets/stylesheets/materialize/components/_slider.scss
+- assets/stylesheets/materialize/components/_table_of_contents.scss
+- assets/stylesheets/materialize/components/_tabs.scss
+- assets/stylesheets/materialize/components/_tapTarget.scss
+- assets/stylesheets/materialize/components/_timepicker.scss
+- assets/stylesheets/materialize/components/_toast.scss
+- assets/stylesheets/materialize/components/_tooltip.scss
+- assets/stylesheets/materialize/components/_transitions.scss
+- assets/stylesheets/materialize/components/_typography.scss
+- assets/stylesheets/materialize/components/_variables.scss
+- assets/stylesheets/materialize/components/_waves.scss
+- assets/stylesheets/materialize/components/forms/_checkboxes.scss
+- assets/stylesheets/materialize/components/forms/_file-input.scss
+- assets/stylesheets/materialize/components/forms/_forms.scss
+- assets/stylesheets/materialize/components/forms/_input-fields.scss
+- assets/stylesheets/materialize/components/forms/_radio-buttons.scss
+- assets/stylesheets/materialize/components/forms/_range.scss
+- assets/stylesheets/materialize/components/forms/_select.scss
+- assets/stylesheets/materialize/components/forms/_switches.scss
+- assets/stylesheets/materialize/extras/nouislider.css
 - lib/materialize-sass.rb
 - lib/materialize-sass/engine.rb
 - lib/materialize-sass/version.rb
@@ -171,11 +170,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
-rubygems_version: 3.0.1
+rubyforge_project: 
+rubygems_version: 2.6.13
 signing_key: 
 specification_version: 4
 summary: Materialzecss sass for rails.