curo-material-interface 0.0.1

data/lib/assets/stylesheets/cmi/components/_buttons.sass

@@ -0,0 +1,114 @@
+.cmi
+
+  // base declaration
+  .cmi-btn
+    position: relative
+    display: inline-block
+    overflow: hidden
+    min-width: $button-min-width
+    height: $button-height
+    margin: $button-margin-vertical $button-margin-horizontal
+    padding: $button-padding-vertical $button-padding-horizontal
+    font-size: $button-font-size
+    text-align: center
+    text-transform: uppercase
+    text-decoration: none
+    line-height: 1
+    letter-spacing: 0.05rem
+    border: none
+    outline: 0
+    cursor: pointer
+    -webkit-tap-highlight-color: transparent
+    +border-radius($button-border-radius)
+    &:hover
+      outline: none
+      text-decoration: none
+      color: darken($color-primary, 7%)
+      background-color: $button-color-hover
+    &:active,
+    &:target
+      outline: none
+      text-decoration: none
+      color: darken($color-primary, 10%)
+      background-color: opacify($button-color-hover, 0.05)
+
+  // button raised
+  .cmi-btn.cmi-btn-raised
+    background-color: $button-color-raised
+    @extend .z-depth-1
+    +transition(.1s ease-out)
+    &:hover
+      background-color: $button-color-hover
+      @extend .z-depth-1-hover
+    &:active,
+    &:target
+      background-color: opacify($button-color-hover, 0.05)
+      @extend .z-depth-2
+
+  // button default
+  .cmi-btn.cmi-btn-default
+    background-color: $button-default-bg-color
+    color: $button-default-font-color
+    &:hover
+      background-color: opacify($button-default-bg-color, 0.02)
+      color: $button-primary-font-color
+    &:active,
+    &:target
+      background-color: opacify($button-default-bg-color, 0.07)
+      color: $button-primary-font-color
+
+  // button primary
+  .cmi-btn.cmi-btn-primary
+    background-color: $button-primary-bg-color
+    color: $button-primary-font-color
+    &:hover
+      background-color: lighten($button-primary-bg-color, 5%)
+      color: $button-primary-font-color
+    &:active,
+    &:target
+      background-color: lighten($button-primary-bg-color, 10%)
+      color: $button-primary-font-color
+
+  // button small
+  .cmi-btn.cmi-btn-small
+    min-width: $button-small-min-width
+    height: $button-small-height
+    padding: $button-small-padding-vertical $button-small-padding-horizontal
+    font-size: $button-small-font-size
+
+  // button large
+  .cmi-btn.cmi-btn-large
+    min-width: $button-large-min-width
+    height: $button-large-height
+    padding: $button-large-padding-vertical $button-large-padding-horizontal
+    font-size: $button-large-font-size
+
+  // button block
+  .cmi-btn.cmi-btn-block
+    display: block
+
+
+  // ------------------------------------
+  // ripples
+
+  .cmi-btn
+    &:active,
+    &:target
+      background-color: $button-color-hover
+
+  .cmi-btn.cmi-btn-raised
+    &:active,
+    &:target
+      background-color: $button-color-hover
+
+  .cmi-btn.cmi-btn-default
+    &:active,
+    &:target
+      background-color: opacify($button-default-bg-color, 0.02)
+
+  .cmi-btn.cmi-btn-primary
+    &:active,
+    &:target
+      background-color: lighten($button-primary-bg-color, 5%)
+
+

data/lib/assets/stylesheets/cmi/components/_navbar.sass

@@ -0,0 +1,22 @@
+.cmi-navbar
+  position: relative
+  z-index: 1
+  margin-bottom: 5px
+  background-color: #fff
+  +box-shadow(0px 4px 4px -2px rgba(#000, 0.3))
+  &.cmi-navbar-padding
+    padding: 1rem
+  & + .cmi-navbar-alert
+    position: relative
+    z-index: 0
+    margin: -5px 0 5px 0
+    padding: 15px 15px 10px 15px
+    background-color: rgba(#000, 0.03)
+    +box-shadow(inset 0px -5px 3px -5px rgba(#000, 0.3))
+    p
+      margin: 0 0 5px 0
+      font-size: 0.75rem
+      color: #333
+    &.cmi-navbar-alert-danger
+      p
+        color: #c00

data/lib/curo-material-interface.rb

@@ -0,0 +1,3 @@
+module CuroMaterialInterface
+
+end

data/lib/curo_material_interface/version.rb

@@ -0,0 +1,3 @@
+module CuroMaterialInterface
+  VERSION = "0.0.1"
+end

metadata

@@ -0,0 +1,172 @@
+--- !ruby/object:Gem::Specification
+name: curo-material-interface
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Sascha Hillig
+- Alexander Schrot
+- wonderweblabs
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-04-20 00:00:00.000000000 Z
+dependencies:
+- !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: coffee-script
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.4'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.4'
+description: Frontend framework to provide google material ui like interfaces. Extracted
+  from curo cms.
+email:
+- email@wonderweblabs.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- LICENSE
+- README.md
+- Rakefile
+- lib/assets/fonts/mdi/LICENSE.txt
+- lib/assets/fonts/mdi/Material-Design-Icons.eot
+- lib/assets/fonts/mdi/Material-Design-Icons.svg
+- lib/assets/fonts/mdi/Material-Design-Icons.ttf
+- lib/assets/fonts/mdi/Material-Design-Icons.woff
+- lib/assets/fonts/roboto/Apache License.txt
+- lib/assets/fonts/roboto/Roboto-Black-webfont.eot
+- lib/assets/fonts/roboto/Roboto-Black-webfont.svg
+- lib/assets/fonts/roboto/Roboto-Black-webfont.ttf
+- lib/assets/fonts/roboto/Roboto-Black-webfont.woff
+- lib/assets/fonts/roboto/Roboto-BlackItalic-webfont.eot
+- lib/assets/fonts/roboto/Roboto-BlackItalic-webfont.svg
+- lib/assets/fonts/roboto/Roboto-BlackItalic-webfont.ttf
+- lib/assets/fonts/roboto/Roboto-BlackItalic-webfont.woff
+- lib/assets/fonts/roboto/Roboto-Bold-webfont.eot
+- lib/assets/fonts/roboto/Roboto-Bold-webfont.svg
+- lib/assets/fonts/roboto/Roboto-Bold-webfont.ttf
+- lib/assets/fonts/roboto/Roboto-Bold-webfont.woff
+- lib/assets/fonts/roboto/Roboto-BoldItalic-webfont.eot
+- lib/assets/fonts/roboto/Roboto-BoldItalic-webfont.svg
+- lib/assets/fonts/roboto/Roboto-BoldItalic-webfont.ttf
+- lib/assets/fonts/roboto/Roboto-BoldItalic-webfont.woff
+- lib/assets/fonts/roboto/Roboto-Italic-webfont.eot
+- lib/assets/fonts/roboto/Roboto-Italic-webfont.svg
+- lib/assets/fonts/roboto/Roboto-Italic-webfont.ttf
+- lib/assets/fonts/roboto/Roboto-Italic-webfont.woff
+- lib/assets/fonts/roboto/Roboto-Light-webfont.eot
+- lib/assets/fonts/roboto/Roboto-Light-webfont.svg
+- lib/assets/fonts/roboto/Roboto-Light-webfont.ttf
+- lib/assets/fonts/roboto/Roboto-Light-webfont.woff
+- lib/assets/fonts/roboto/Roboto-LightItalic-webfont.eot
+- lib/assets/fonts/roboto/Roboto-LightItalic-webfont.svg
+- lib/assets/fonts/roboto/Roboto-LightItalic-webfont.ttf
+- lib/assets/fonts/roboto/Roboto-LightItalic-webfont.woff
+- lib/assets/fonts/roboto/Roboto-Medium-webfont.eot
+- lib/assets/fonts/roboto/Roboto-Medium-webfont.svg
+- lib/assets/fonts/roboto/Roboto-Medium-webfont.ttf
+- lib/assets/fonts/roboto/Roboto-Medium-webfont.woff
+- lib/assets/fonts/roboto/Roboto-MediumItalic-webfont.eot
+- lib/assets/fonts/roboto/Roboto-MediumItalic-webfont.svg
+- lib/assets/fonts/roboto/Roboto-MediumItalic-webfont.ttf
+- lib/assets/fonts/roboto/Roboto-MediumItalic-webfont.woff
+- lib/assets/fonts/roboto/Roboto-Regular-webfont.eot
+- lib/assets/fonts/roboto/Roboto-Regular-webfont.svg
+- lib/assets/fonts/roboto/Roboto-Regular-webfont.ttf
+- lib/assets/fonts/roboto/Roboto-Regular-webfont.woff
+- lib/assets/fonts/roboto/Roboto-Thin-webfont.eot
+- lib/assets/fonts/roboto/Roboto-Thin-webfont.svg
+- lib/assets/fonts/roboto/Roboto-Thin-webfont.ttf
+- lib/assets/fonts/roboto/Roboto-Thin-webfont.woff
+- lib/assets/fonts/roboto/Roboto-ThinItalic-webfont.eot
+- lib/assets/fonts/roboto/Roboto-ThinItalic-webfont.svg
+- lib/assets/fonts/roboto/Roboto-ThinItalic-webfont.ttf
+- lib/assets/fonts/roboto/Roboto-ThinItalic-webfont.woff
+- lib/assets/fonts/roboto/RobotoCondensed-Bold-webfont.eot
+- lib/assets/fonts/roboto/RobotoCondensed-Bold-webfont.svg
+- lib/assets/fonts/roboto/RobotoCondensed-Bold-webfont.ttf
+- lib/assets/fonts/roboto/RobotoCondensed-Bold-webfont.woff
+- lib/assets/fonts/roboto/RobotoCondensed-BoldItalic-webfont.eot
+- lib/assets/fonts/roboto/RobotoCondensed-BoldItalic-webfont.svg
+- lib/assets/fonts/roboto/RobotoCondensed-BoldItalic-webfont.ttf
+- lib/assets/fonts/roboto/RobotoCondensed-BoldItalic-webfont.woff
+- lib/assets/fonts/roboto/RobotoCondensed-Italic-webfont.eot
+- lib/assets/fonts/roboto/RobotoCondensed-Italic-webfont.svg
+- lib/assets/fonts/roboto/RobotoCondensed-Italic-webfont.ttf
+- lib/assets/fonts/roboto/RobotoCondensed-Italic-webfont.woff
+- lib/assets/fonts/roboto/RobotoCondensed-Light-webfont.eot
+- lib/assets/fonts/roboto/RobotoCondensed-Light-webfont.svg
+- lib/assets/fonts/roboto/RobotoCondensed-Light-webfont.ttf
+- lib/assets/fonts/roboto/RobotoCondensed-Light-webfont.woff
+- lib/assets/fonts/roboto/RobotoCondensed-LightItalic-webfont.eot
+- lib/assets/fonts/roboto/RobotoCondensed-LightItalic-webfont.svg
+- lib/assets/fonts/roboto/RobotoCondensed-LightItalic-webfont.ttf
+- lib/assets/fonts/roboto/RobotoCondensed-LightItalic-webfont.woff
+- lib/assets/fonts/roboto/RobotoCondensed-Regular-webfont.eot
+- lib/assets/fonts/roboto/RobotoCondensed-Regular-webfont.svg
+- lib/assets/fonts/roboto/RobotoCondensed-Regular-webfont.ttf
+- lib/assets/fonts/roboto/RobotoCondensed-Regular-webfont.woff
+- lib/assets/stylesheets/cmi/_colors.scss
+- lib/assets/stylesheets/cmi/_extensions.sass
+- lib/assets/stylesheets/cmi/_global.sass
+- lib/assets/stylesheets/cmi/_icons.sass
+- lib/assets/stylesheets/cmi/_libs.sass
+- lib/assets/stylesheets/cmi/_mixins.sass
+- lib/assets/stylesheets/cmi/_reset.sass
+- lib/assets/stylesheets/cmi/_roboto.sass
+- lib/assets/stylesheets/cmi/_typography.sass
+- lib/assets/stylesheets/cmi/_variables.sass
+- lib/assets/stylesheets/cmi/components/_buttons.sass
+- lib/assets/stylesheets/cmi/components/_navbar.sass
+- lib/curo-material-interface.rb
+- lib/curo_material_interface/version.rb
+homepage: https://github.com/wonderweblabs/curo-material-interface
+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.5
+signing_key: 
+specification_version: 4
+summary: Frontend framework to provide google material ui like interfaces. Extracted
+  from curo cms.
+test_files: []