material_components_web-sass 0.1.1

data/vendor/assets/stylesheets/@material/theme/_variables.scss

@@ -0,0 +1,80 @@
+/**
+ * Copyright 2016 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+@import "./functions";
+
+/*
+  Main theme colors.
+  If you're a user customizing your color scheme in SASS, these are probably the only variables you need to change.
+*/
+$mdc-theme-primary: #3f51b5 !default; /* Indigo 500 */
+$mdc-theme-accent: #ff4081 !default; /* Pink A200 */
+$mdc-theme-background: #fff !default; /* White */
+
+/* Which set of text colors to use for each main theme color (light or dark) */
+$mdc-theme-primary-tone: mdc-theme-light-or-dark($mdc-theme-primary);
+$mdc-theme-accent-tone: mdc-theme-light-or-dark($mdc-theme-accent);
+$mdc-theme-background-tone: mdc-theme-light-or-dark($mdc-theme-background);
+
+/* Text colors according to light vs dark and text type */
+$mdc-theme-text-colors: (
+  dark: (
+    primary: rgba(black, .87),
+    secondary: rgba(black, .54),
+    hint: rgba(black, .38),
+    disabled: rgba(black, .38),
+    icon: rgba(black, .38)
+  ),
+  light: (
+    primary: white,
+    secondary: rgba(white, .7),
+    hint: rgba(white, .5),
+    disabled: rgba(white, .5),
+    icon: rgba(white, .5)
+  )
+);
+
+/* Primary text colors for each of the theme colors */
+$mdc-theme-property-values: (
+  primary: $mdc-theme-primary,
+  accent: $mdc-theme-accent,
+  background: $mdc-theme-background,
+  text-primary-on-primary: map-get(map-get($mdc-theme-text-colors, $mdc-theme-primary-tone), primary),
+  text-secondary-on-primary: map-get(map-get($mdc-theme-text-colors, $mdc-theme-primary-tone), secondary),
+  text-hint-on-primary: map-get(map-get($mdc-theme-text-colors, $mdc-theme-primary-tone), hint),
+  text-disabled-on-primary: map-get(map-get($mdc-theme-text-colors, $mdc-theme-primary-tone), disabled),
+  text-icon-on-primary: map-get(map-get($mdc-theme-text-colors, $mdc-theme-primary-tone), icon),
+  text-primary-on-accent: map-get(map-get($mdc-theme-text-colors, $mdc-theme-accent-tone), primary),
+  text-secondary-on-accent: map-get(map-get($mdc-theme-text-colors, $mdc-theme-accent-tone), secondary),
+  text-hint-on-accent: map-get(map-get($mdc-theme-text-colors, $mdc-theme-accent-tone), hint),
+  text-disabled-on-accent: map-get(map-get($mdc-theme-text-colors, $mdc-theme-accent-tone), disabled),
+  text-icon-on-accent: map-get(map-get($mdc-theme-text-colors, $mdc-theme-accent-tone), icon),
+  text-primary-on-background: map-get(map-get($mdc-theme-text-colors, $mdc-theme-background-tone), primary),
+  text-secondary-on-background: map-get(map-get($mdc-theme-text-colors, $mdc-theme-background-tone), secondary),
+  text-hint-on-background: map-get(map-get($mdc-theme-text-colors, $mdc-theme-background-tone), hint),
+  text-disabled-on-background: map-get(map-get($mdc-theme-text-colors, $mdc-theme-background-tone), disabled),
+  text-icon-on-background: map-get(map-get($mdc-theme-text-colors, $mdc-theme-background-tone), icon),
+  text-primary-on-light: map-get(map-get($mdc-theme-text-colors, dark), primary),
+  text-secondary-on-light: map-get(map-get($mdc-theme-text-colors, dark), secondary),
+  text-hint-on-light: map-get(map-get($mdc-theme-text-colors, dark), hint),
+  text-disabled-on-light: map-get(map-get($mdc-theme-text-colors, dark), disabled),
+  text-icon-on-light: map-get(map-get($mdc-theme-text-colors, dark), icon),
+  text-primary-on-dark: map-get(map-get($mdc-theme-text-colors, light), primary),
+  text-secondary-on-dark: map-get(map-get($mdc-theme-text-colors, light), secondary),
+  text-hint-on-dark: map-get(map-get($mdc-theme-text-colors, light), hint),
+  text-disabled-on-dark: map-get(map-get($mdc-theme-text-colors, light), disabled),
+  text-icon-on-dark: map-get(map-get($mdc-theme-text-colors, light), icon)
+);

data/vendor/assets/stylesheets/@material/theme/mdc-theme.scss

@@ -0,0 +1,43 @@
+/**
+ * Copyright 2016 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance() with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+@import "./mixins";
+
+:root {
+  @each $style in map-keys($mdc-theme-property-values) {
+    --mdc-theme-#{$style}: map-get($mdc-theme-property-values, $style);
+  }
+}
+
+/* Special case, so that .mdc-theme--background changes background color, not text color. */
+.mdc-theme--background {
+  @include mdc-theme-prop(background-color, background);
+}
+
+@each $style in map-keys($mdc-theme-property-values) {
+  @if $style != "background" {
+    .mdc-theme--#{$style} {
+      @include mdc-theme-prop(color, $style, true);
+    }
+  }
+}
+
+/* CSS rules for using primary and accent as background colors. */
+@each $style in ("primary", "accent") {
+  .mdc-theme--#{$style}-bg {
+    @include mdc-theme-prop(background-color, $style, true);
+  }
+}

data/vendor/assets/stylesheets/@material/typography/_mixins.scss

@@ -0,0 +1,45 @@
+/**
+ * Copyright 2016 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// All variables are local, so disable pattern checking.
+// stylelint-disable scss/dollar-variable-pattern
+
+@import "./variables";
+
+@mixin mdc-typography-base {
+  font-family: $mdc-typography-font-family;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+@mixin mdc-typography($style) {
+  $style-props: map-get($mdc-typography-styles, $style);
+
+  @if not map-has-key($mdc-typography-styles, $style) {
+    @error "Invalid style specified! Choose one of #{map-keys($mdc-typography-styles)}";
+  }
+
+  @include mdc-typography-base;
+
+  font-size: map-get($style-props, font-size);
+  font-weight: #{map-get($style-props, font-weight)};
+  letter-spacing: map-get($style-props, letter-spacing);
+  line-height: map-get($style-props, line-height);
+}
+
+@mixin mdc-typography-adjust-margin($style) {
+  margin: map-get(map-get($mdc-typography-styles, $style), margin);
+}

data/vendor/assets/stylesheets/@material/typography/_variables.scss

@@ -0,0 +1,109 @@
+/**
+ * Copyright 2016 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+$mdc-typography-font-family: Roboto, sans-serif;
+
+$mdc-typography-font-weight-values: (
+  thin: 100,
+  light: 300,
+  regular: 400,
+  medium: 500,
+  bold: 700,
+  black: 900
+);
+
+/* TODO(sgomes): Figure out what to do about desktop font sizes. */
+
+/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */
+
+$mdc-typography-styles: (
+  display4: (
+    font-size: 7rem, /* 112sp */
+    line-height: 7rem, /* 112sp */
+    font-weight: map-get($mdc-typography-font-weight-values, light),
+    letter-spacing: -.04em,
+    margin: -1rem 0 3.5rem -.085em /* -16sp 0 56sp -.085em */
+  ),
+  display3: (
+    font-size: 3.5rem, /* 56px */
+    line-height: 3.5rem, /* 56px */
+    font-weight: map-get($mdc-typography-font-weight-values, regular),
+    letter-spacing: -.02em,
+    margin: -8px 0 64px -.07em
+  ),
+  display2: (
+    font-size: 2.813rem, /* 45px */
+    line-height: 3rem, /* 48px */
+    font-weight: map-get($mdc-typography-font-weight-values, regular),
+    letter-spacing: normal,
+    margin: -.5rem 0 4rem -.07em /* -8sp 0 64sp -.07em */
+  ),
+  display1: (
+    font-size: 2.125rem, /* 34sp */
+    line-height: 2.5rem, /* 40sp */
+    font-weight: map-get($mdc-typography-font-weight-values, regular),
+    letter-spacing: normal,
+    margin: -.5rem 0 4rem -.07em /* -8sp 0 64sp -.07em */
+  ),
+  headline: (
+    font-size: 1.5rem, /* 24sp */
+    line-height: 2rem, /* 32sp */
+    font-weight: map-get($mdc-typography-font-weight-values, regular),
+    letter-spacing: normal,
+    margin: -.5rem 0 1rem -.06em /* -8sp 0 16sp -.06em */
+  ),
+  title: (
+    font-size: 1.25rem, /* 20sp */
+    line-height: 2rem, /* 32sp */
+    font-weight: map-get($mdc-typography-font-weight-values, medium),
+    letter-spacing: .02em,
+    margin: -.5rem 0 1rem -.05em /* -8sp 0 16sp -.05em */
+  ),
+  subheading2: (
+    font-size: 1rem, /* 16sp */
+    line-height: 1.75rem, /* 28sp */
+    font-weight: map-get($mdc-typography-font-weight-values, regular),
+    letter-spacing: .04em,
+    margin: -.5rem 0 1rem -.06em /* -8sp 0 16sp -.06em */
+  ),
+  subheading1: (
+    font-size: .938rem, /* 15sp */
+    line-height: 1.5rem, /* 24sp */
+    font-weight: map-get($mdc-typography-font-weight-values, regular),
+    letter-spacing: .04em,
+    margin: -.313rem 0 .813rem -.06em /* -5sp 0 13sp -.06em */
+  ),
+  body2: (
+    font-size: .875rem, /* 14sp */
+    line-height: 1.5rem, /* 24sp */
+    font-weight: map-get($mdc-typography-font-weight-values, medium),
+    letter-spacing: .04em,
+    margin: -.25rem 0 .75rem 0 /* -4sp 0 12sp 0 */
+  ),
+  body1: (
+    font-size: .875rem, /* 14sp */
+    line-height: 1.25rem, /* 20sp */
+    font-weight: map-get($mdc-typography-font-weight-values, regular),
+    letter-spacing: .04em,
+    margin: -.25rem 0 .75rem 0 /* -4sp 0 12sp 0 */
+  ),
+  caption: (
+    font-size: .75rem, /* 12sp */
+    line-height: 1.25rem, /* 20sp */
+    font-weight: map-get($mdc-typography-font-weight-values, regular),
+    letter-spacing: .08em,
+    margin: -.5rem 0 1rem -.04em /* -8sp 0 16sp -.04em */
+  )
+);

data/vendor/assets/stylesheets/@material/typography/mdc-typography.scss

@@ -0,0 +1,32 @@
+/**
+ * Copyright 2016 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+@import "./variables";
+@import "./mixins";
+
+.mdc-typography {
+  @include mdc-typography-base;
+}
+
+@each $style in map-keys($mdc-typography-styles) {
+  .mdc-typography--#{$style} {
+    @include mdc-typography($style);
+  }
+
+  .mdc-typography--adjust-margin.mdc-typography--#{$style} {
+    @include mdc-typography-adjust-margin($style);
+  }
+}

data/vendor/assets/stylesheets/_material-components-web.scss

@@ -0,0 +1,36 @@
+/**
+ * Copyright 2016 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+@import "@material/animation/mdc-animation";
+@import "@material/button/mdc-button";
+@import "@material/card/mdc-card";
+@import "@material/checkbox/mdc-checkbox";
+@import "@material/drawer/mdc-drawer";
+@import "@material/elevation/mdc-elevation";
+@import "@material/fab/mdc-fab";
+@import "@material/form-field/mdc-form-field";
+@import "@material/icon-toggle/mdc-icon-toggle";
+@import "@material/list/mdc-list";
+@import "@material/menu/mdc-menu";
+@import "@material/radio/mdc-radio";
+@import "@material/ripple/mdc-ripple";
+@import "@material/select/mdc-select";
+@import "@material/snackbar/mdc-snackbar";
+@import "@material/textfield/mdc-textfield";
+@import "@material/theme/mdc-theme";
+@import "@material/typography/mdc-typography";
+@import "@material/fonts/material-icons";
+@import "@material/fonts/roboto";

metadata

@@ -0,0 +1,195 @@
+--- !ruby/object:Gem::Specification
+name: material_components_web-sass
+version: !ruby/object:Gem::Version
+  version: 0.1.1
+platform: ruby
+authors:
+- Dmitriy Tarasov
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-12-16 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: autoprefixer-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.5'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.5'
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.5'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.5'
+- !ruby/object:Gem::Dependency
+  name: sprockets-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: Material Components for the web (MDC-Web) with Material Icons and Roboto
+  font for Sass applications
+email:
+- info@rubysamurai.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- ".travis.yml"
+- CHANGELOG.md
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- lib/material_components_web-sass.rb
+- lib/material_components_web/sass/engine.rb
+- lib/material_components_web/sass/version.rb
+- material_components_web-sass.gemspec
+- vendor/assets/fonts/material-icons/LICENSE
+- vendor/assets/fonts/material-icons/MaterialIcons-Regular.eot
+- vendor/assets/fonts/material-icons/MaterialIcons-Regular.ttf
+- vendor/assets/fonts/material-icons/MaterialIcons-Regular.woff
+- vendor/assets/fonts/material-icons/MaterialIcons-Regular.woff2
+- vendor/assets/fonts/roboto/LICENSE.txt
+- vendor/assets/fonts/roboto/Roboto-Bold.ttf
+- vendor/assets/fonts/roboto/Roboto-Bold.woff
+- vendor/assets/fonts/roboto/Roboto-Bold.woff2
+- vendor/assets/fonts/roboto/Roboto-Light.ttf
+- vendor/assets/fonts/roboto/Roboto-Light.woff
+- vendor/assets/fonts/roboto/Roboto-Light.woff2
+- vendor/assets/fonts/roboto/Roboto-Medium.ttf
+- vendor/assets/fonts/roboto/Roboto-Medium.woff
+- vendor/assets/fonts/roboto/Roboto-Medium.woff2
+- vendor/assets/fonts/roboto/Roboto-Regular.ttf
+- vendor/assets/fonts/roboto/Roboto-Regular.woff
+- vendor/assets/fonts/roboto/Roboto-Regular.woff2
+- vendor/assets/fonts/roboto/Roboto-Thin.ttf
+- vendor/assets/fonts/roboto/Roboto-Thin.woff
+- vendor/assets/fonts/roboto/Roboto-Thin.woff2
+- vendor/assets/javascripts/material-components-web.js
+- vendor/assets/stylesheets/@material/animation/_functions.scss
+- vendor/assets/stylesheets/@material/animation/_mixins.scss
+- vendor/assets/stylesheets/@material/animation/_variables.scss
+- vendor/assets/stylesheets/@material/animation/mdc-animation.scss
+- vendor/assets/stylesheets/@material/button/mdc-button.scss
+- vendor/assets/stylesheets/@material/card/mdc-card.scss
+- vendor/assets/stylesheets/@material/checkbox/_keyframes.scss
+- vendor/assets/stylesheets/@material/checkbox/_variables.scss
+- vendor/assets/stylesheets/@material/checkbox/mdc-checkbox.scss
+- vendor/assets/stylesheets/@material/drawer/_mixins.scss
+- vendor/assets/stylesheets/@material/drawer/mdc-drawer.scss
+- vendor/assets/stylesheets/@material/drawer/permanent/mdc-permanent-drawer.scss
+- vendor/assets/stylesheets/@material/drawer/temporary/mdc-temporary-drawer.scss
+- vendor/assets/stylesheets/@material/elevation/_mixins.scss
+- vendor/assets/stylesheets/@material/elevation/_variables.scss
+- vendor/assets/stylesheets/@material/elevation/mdc-elevation.scss
+- vendor/assets/stylesheets/@material/fab/mdc-fab.scss
+- vendor/assets/stylesheets/@material/fonts/material-icons.scss
+- vendor/assets/stylesheets/@material/fonts/roboto.scss
+- vendor/assets/stylesheets/@material/form-field/mdc-form-field.scss
+- vendor/assets/stylesheets/@material/icon-toggle/mdc-icon-toggle.scss
+- vendor/assets/stylesheets/@material/list/mdc-list.scss
+- vendor/assets/stylesheets/@material/menu/mdc-menu.scss
+- vendor/assets/stylesheets/@material/menu/simple/mdc-simple-menu.scss
+- vendor/assets/stylesheets/@material/radio/mdc-radio.scss
+- vendor/assets/stylesheets/@material/ripple/_keyframes.scss
+- vendor/assets/stylesheets/@material/ripple/_mixins.scss
+- vendor/assets/stylesheets/@material/ripple/_variables.scss
+- vendor/assets/stylesheets/@material/ripple/mdc-ripple.scss
+- vendor/assets/stylesheets/@material/rtl/_mixins.scss
+- vendor/assets/stylesheets/@material/select/mdc-select.scss
+- vendor/assets/stylesheets/@material/snackbar/_variables.scss
+- vendor/assets/stylesheets/@material/snackbar/mdc-snackbar.scss
+- vendor/assets/stylesheets/@material/textfield/mdc-textfield.scss
+- vendor/assets/stylesheets/@material/theme/_constants.scss
+- vendor/assets/stylesheets/@material/theme/_functions.scss
+- vendor/assets/stylesheets/@material/theme/_mixins.scss
+- vendor/assets/stylesheets/@material/theme/_variables.scss
+- vendor/assets/stylesheets/@material/theme/mdc-theme.scss
+- vendor/assets/stylesheets/@material/typography/_mixins.scss
+- vendor/assets/stylesheets/@material/typography/_variables.scss
+- vendor/assets/stylesheets/@material/typography/mdc-typography.scss
+- vendor/assets/stylesheets/_material-components-web.scss
+homepage: https://github.com/rubysamurai/material_components_web-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: 2.0.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.5.2
+signing_key: 
+specification_version: 4
+summary: Material Components for the web (MDC-Web) with Material Icons and Roboto
+  font for Sass applications
+test_files: []