materialize-sass 1.0.0.beta → 1.0.0.1

data/assets/stylesheets/materialize/components/_buttons.scss

@@ -284,7 +284,8 @@ button.btn-floating {
   &:focus {
     background-color: rgba(0, 0, 0, .1);
   }
-  &.disabled {
+  &.disabled,
+  &.btn-flat[disabled]  {
     background-color: transparent !important;
     color: $button-flat-disabled-color !important;
     cursor: default;

data/assets/stylesheets/materialize/components/_collapsible.scss

@@ -7,6 +7,10 @@
 }
 
 .collapsible-header {
+  &:focus {
+    outline: 0
+  }
+
   display: flex;
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
@@ -23,6 +27,9 @@
     margin-right: 1rem;
   }
 }
+.keyboard-focused .collapsible-header:focus {
+  background-color: #eee;
+}
 
 .collapsible-body {
   display: none;
@@ -33,7 +40,7 @@
 
 // Sidenav collapsible styling
 .sidenav,
-.sidenav.fixed {
+.sidenav.sidenav-fixed {
 
   .collapsible {
     border: none;

data/assets/stylesheets/materialize/components/_datepicker.scss

@@ -41,7 +41,7 @@
   }
 
   .select-month input {
-    width: 70px;
+    width: 80px;
   }
 }
 
@@ -175,6 +175,10 @@
     flex-direction: row;
   }
 
+  .datepicker-date-display {
+    flex: 0 1 270px;
+  }
+
   .datepicker-controls,
   .datepicker-table,
   .datepicker-footer {

data/assets/stylesheets/materialize/components/_dropdown.scss

@@ -25,7 +25,6 @@
 
     &:focus {
       outline: none;
-      background-color: darken($dropdown-hover-bg-color, 8%);
     }
 
     &.divider {
@@ -67,6 +66,12 @@
   }
 }
 
+body.keyboard-focused {
+  .dropdown-content li:focus {
+    background-color: darken($dropdown-hover-bg-color, 8%);
+  }
+}
+
 // Input field specificity bugfix
 .input-field.col .dropdown-content [type="checkbox"] + label {
   top: 1px;
@@ -74,3 +79,7 @@
   height: 18px;
   transform: none;
 }
+
+.dropdown-trigger {
+  cursor: pointer;
+}

data/assets/stylesheets/materialize/components/_global.scss

@@ -219,6 +219,7 @@ video.responsive-video {
 
 // Breadcrumbs
 .breadcrumb {
+  display: inline-block;
   font-size: 18px;
   color: rgba(255,255,255, .7);
 
@@ -241,6 +242,7 @@ video.responsive-video {
     font-size: 25px;
     margin: 0 10px 0 8px;
     -webkit-font-smoothing: antialiased;
+    float: left;
   }
 
   &:first-child:before {

data/assets/stylesheets/materialize/components/_modal.scss

@@ -1,4 +1,8 @@
 .modal {
+  &:focus {
+    outline: none;
+  }
+
   @extend .z-depth-5;
 
   display: none;

data/assets/stylesheets/materialize/components/_sidenav.scss

@@ -1,6 +1,6 @@
 .sidenav {
   position: fixed;
-  width: 300px;
+  width: $sidenav-width;
   left: 0;
   top: 0;
   margin: 0;
@@ -38,7 +38,10 @@
     &.active { background-color: rgba(0,0,0,.05); }
   }
 
-  li > a {
+  // Style non btn anchors
+  li > a:not(.btn):not(.btn-large):not(.btn-flat):not(.btn-floating) {
+    &:hover { background-color: rgba(0,0,0,.05);}
+
     color: $sidenav-font-color;
     display: block;
     font-size: $sidenav-font-size;
@@ -47,21 +50,6 @@
     line-height: $sidenav-line-height;
     padding: 0 ($sidenav-padding * 2);
 
-    &:hover { background-color: rgba(0,0,0,.05);}
-
-    &.btn, &.btn-large, &.btn-flat, &.btn-floating {
-      margin: 10px 15px;
-    }
-
-    &.btn,
-    &.btn-large,
-    &.btn-floating { color: $button-raised-color; }
-    &.btn-flat { color: $button-flat-color; }
-
-    &.btn:hover,
-    &.btn-large:hover { background-color: lighten($button-raised-background, 5%); }
-    &.btn-floating:hover { background-color: $button-raised-background; }
-
     & > i,
     & > [class^="mdi-"], li > a > [class*="mdi-"],
     & > i.material-icons {
@@ -74,6 +62,10 @@
     }
   }
 
+  // Stlye btn anchors
+  li > .btn, li > .btn-large, li > .btn-flat, li > .btn-floating {
+    margin: 10px ($sidenav-padding * 2);
+  }
 
   .divider {
     margin: ($sidenav-padding / 2) 0 0 0;

data/assets/stylesheets/materialize/components/_toast.scss

@@ -30,7 +30,6 @@
   height: auto;
   min-height: $toast-height;
   line-height: 1.5em;
-  word-break: break-all;
   background-color: $toast-color;
   padding: 10px 25px;
   font-size: 1.1rem;

data/assets/stylesheets/materialize/components/_variables.scss

@@ -253,6 +253,7 @@ $navbar-brand-font-size: 2.1rem !default;
 // 14. Side Navigation
 // ==========================================================================
 
+$sidenav-width: 300px !default;
 $sidenav-font-size: 14px !default;
 $sidenav-font-color: rgba(0,0,0,.87) !default;
 $sidenav-bg-color: #fff !default;

data/assets/stylesheets/materialize/components/forms/_input-fields.scss

@@ -193,6 +193,8 @@ textarea.materialize-textarea {
     }
   }
 
+  // Autofill + date + time inputs
+  & > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,
   & > input[type=date]:not(.browser-default) + label,
   & > input[type=time]:not(.browser-default) + label {
     transform: translateY(-14px) scale(.8);

data/assets/stylesheets/materialize/components/forms/_range.scss

@@ -94,7 +94,7 @@ input[type=range]::-webkit-slider-thumb {
 
 }
 
-input[type=range].focused:focus:not(.active)::-webkit-slider-thumb {
+.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
   box-shadow: 0 0 0 10px rgba($radio-fill-color, .26);
 }
 
@@ -125,7 +125,7 @@ input[type=range]:-moz-focusring {
   outline-offset: -1px;
 }
 
-input[type=range].focused:focus:not(.active)::-moz-range-thumb {
+.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
   box-shadow: 0 0 0 10px rgba($radio-fill-color, .26);
 }
 
@@ -156,6 +156,6 @@ input[type=range]::-ms-thumb {
   @include range-thumb;
 }
 
-input[type=range].focused:focus:not(.active)::-ms-thumb {
+.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
   box-shadow: 0 0 0 10px rgba($radio-fill-color, .26);
 }

data/assets/stylesheets/materialize/components/forms/_select.scss

@@ -1,10 +1,9 @@
 /* Select Field
    ========================================================================== */
 
-select { display: none; }
-select.browser-default { display: block; }
-
+select.browser-default { opacity: 1; }
 select {
+  opacity: 0;
   background-color: $select-background;
   width: 100%;
   padding: $select-padding;
@@ -92,6 +91,17 @@ select {
     top: -26px;
     font-size: $label-font-size;
   }
+
+  // Hide select with overflow hidden instead of using display none
+  // (this prevents form validation errors with hidden form elements)
+  .hide-select {
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    position: absolute;
+    top: 0;
+    z-index: -1;
+  }
 }
 
 // Disabled styles
@@ -125,6 +135,12 @@ select:disabled {
   background-color: transparent;
 }
 
+body.keyboard-focused {
+  .select-dropdown.dropdown-content li:focus {
+    background-color: $select-option-focus;
+  }
+}
+
 .select-dropdown.dropdown-content {
   li {
     &:hover {
@@ -134,10 +150,6 @@ select:disabled {
     &.selected {
       background-color: $select-option-selected;
     }
-
-    &:focus {
-      background-color: $select-option-focus;
-    }
   }
 }
 

data/assets/stylesheets/materialize/extras/nouislider.css

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

data/lib/materialize-sass/engine.rb

@@ -8,7 +8,10 @@ module Materialize
         %w(stylesheets javascripts).each do |sub|
           app.config.assets.paths << root.join('assets', sub).to_s
         end
-        ActionController::Base.send(:helper, Materialize::Helpers)
+
+        ActiveSupport.on_load(:action_controller_base) do
+          ActionController::Base.send(:helper, Materialize::Helpers)
+        end
       end
     end
   end

data/lib/materialize-sass/version.rb

@@ -1,6 +1,6 @@
 module Materialize
   module Sass
-    VERSION = "1.0.0.beta"
+    VERSION = "1.0.0.1"
   end
 end
 

data/lib/materialize-sass.rb

@@ -12,9 +12,10 @@ module Materialize
           register_hanami
         elsif sprockets?
           register_sprockets
+        elsif defined?(::Sass) && ::Sass.respond_to?(:load_paths)
+          # The deprecated `sass` gem:
+          ::Sass.load_paths << stylesheets_path
         end
-
-        configure_sass
       end
 
       # Paths
@@ -49,12 +50,6 @@ module Materialize
 
       private
 
-      def configure_sass
-        require 'sass'
-
-        ::Sass.load_paths << stylesheets_path
-      end
-
       def register_rails_engine
         require 'materialize-sass/engine'
       end

data/materialize-sass.gemspec

@@ -8,8 +8,8 @@ Gem::Specification.new do |spec|
   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.summary       = %q{Materializecss rubygem for rails/sprockets base}
+  spec.description   = %q{A modern responsive front-end framework based on Material Design. https://materializecss.com/}
   spec.homepage      = "https://github.com/mkhairi/materialize-sass"
   spec.license       = "MIT"
 
@@ -19,10 +19,9 @@ Gem::Specification.new do |spec|
   spec.require_paths = ["lib"]
 
   # development dependencies
-  spec.add_development_dependency "bundler", "~> 1.7"
-  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "bundler", ">= 2.2.10"
+  spec.add_development_dependency "rake", ">= 12.3.3"
 
   #runtime dependencies
-  spec.add_runtime_dependency 'sass', '>= 3.5.2'
   spec.add_runtime_dependency 'autoprefixer-rails', '>= 6.0.3'
 end

metadata

@@ -1,57 +1,43 @@
 --- !ruby/object:Gem::Specification
 name: materialize-sass
 version: !ruby/object:Gem::Version
-  version: 1.0.0.beta
+  version: 1.0.0.1
 platform: ruby
 authors:
 - mkhairi
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2018-03-24 00:00:00.000000000 Z
+date: 2021-09-10 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'
+        version: 2.2.10
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.7'
+        version: 2.2.10
 - !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'
-- !ruby/object:Gem::Dependency
-  name: sass
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 3.5.2
-  type: :runtime
+        version: 12.3.3
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 3.5.2
+        version: 12.3.3
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails
   requirement: !ruby/object:Gem::Requirement
@@ -66,13 +52,14 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 6.0.3
-description: Use materialzecss in your rails asset pipeline.
+description: A modern responsive front-end framework based on Material Design. https://materializecss.com/
 email:
 - khairi@labs.my
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".gitattributes"
 - ".gitignore"
 - Gemfile
 - LICENSE.txt
@@ -161,7 +148,7 @@ homepage: https://github.com/mkhairi/materialize-sass
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -172,13 +159,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.3
-signing_key: 
+rubygems_version: 3.2.15
+signing_key:
 specification_version: 4
-summary: Materialzecss sass for rails.
+summary: Materializecss rubygem for rails/sprockets base
 test_files: []