curo-material-interface 0.0.1

data/lib/assets/stylesheets/cmi/_libs.sass

@@ -0,0 +1,2 @@
+@import bourbon
+@import neat

data/lib/assets/stylesheets/cmi/_mixins.sass

@@ -0,0 +1,10 @@
+// for all corners since bourbon.io does not support this
+=border-radius($radius)
+  +border-top-radius($radius)
+  +border-bottom-radius($radius)
+
+// bourbon removed support
+// see - http://generatedcontent.org/post/37949105556/updateyourcss3
+=box-shadow($values...)
+  -webkit-box-shadow: $values
+  box-shadow: $values

data/lib/assets/stylesheets/cmi/_reset.sass

@@ -0,0 +1,255 @@
+.cmi
+  margin: 0
+  font-family: sans-serif
+  -ms-text-size-adjust: 100%
+  -webkit-text-size-adjust: 100%
+
+  article,
+  aside,
+  details,
+  figcaption,
+  figure,
+  footer,
+  header,
+  hgroup,
+  main,
+  menu,
+  nav,
+  section,
+  summary
+    display: block
+
+  audio,
+  canvas,
+  progress,
+  video
+    display: inline-block
+
+  audio,
+  canvas,
+  iframe,
+  img,
+  svg,
+  video
+    vertical-align: middle
+
+  iframe
+    vertical-align: baseline
+
+  audio:not([controls])
+    display: none
+    height: 0
+
+  [hidden],
+  template
+    display: none
+
+  .hidden
+    display: none !important
+    visibility: hidden
+
+  .visuallyhidden
+    border: 0
+    clip: rect(0 0 0 0)
+    height: 1px
+    margin: -1px
+    overflow: hidden
+    padding: 0
+    position: absolute
+    width: 1px
+
+  .visuallyhidden.focusable:active,
+  .visuallyhidden.focusable:focus
+    clip: auto
+    height: auto
+    margin: 0
+    overflow: visible
+    position: static
+    width: auto
+
+  .invisible
+    visibility: hidden
+
+  a
+    background-color: transparent
+
+  a:active,
+  a:hover
+    outline: 0
+
+  abbr[title]
+    border-bottom: 1px dotted
+
+  b,
+  strong
+    font-weight: bold
+
+  dfn
+    font-style: italic
+
+  mark
+    background: #ff0
+    color: #000
+
+  small
+    font-size: 80%
+
+  sub,
+  sup
+    font-size: 75%
+    line-height: 0
+    position: relative
+    vertical-align: baseline
+
+  sup
+    top: -0.5em
+
+  sub
+    bottom: -0.25em
+
+  img
+    border: 0
+
+  svg:not(:root)
+    overflow: hidden
+
+  figure
+    margin: 1em 40px
+
+  hr
+    height: 0
+    box-sizing: content-box
+
+  pre
+    overflow: auto
+
+  code,
+  kbd,
+  pre,
+  samp
+    font-family: monospace, monospace
+    font-size: 1em
+
+  button,
+  input,
+  optgroup,
+  select,
+  textarea
+    color: inherit
+    font: inherit
+    margin: 0
+
+  button
+    overflow: visible
+
+  button,
+  select
+    text-transform: none
+
+  button,
+  html input[type="button"],
+  input[type="reset"],
+  input[type="submit"]
+    -webkit-appearance: button
+    cursor: pointer
+
+  button[disabled],
+  html input[disabled]
+    cursor: default
+
+  button::-moz-focus-inner,
+  input::-moz-focus-inner
+    border: 0
+    padding: 0
+
+  input
+    line-height: normal
+
+  input[type="checkbox"],
+  input[type="radio"]
+    padding: 0
+    box-sizing: border-box
+
+  input[type="number"]::-webkit-inner-spin-button,
+  input[type="number"]::-webkit-outer-spin-button
+    height: auto
+
+  input[type="search"]
+    -webkit-appearance: textfield
+    box-sizing: content-box
+
+  input[type="search"]::-webkit-search-cancel-button,
+  input[type="search"]::-webkit-search-decoration
+    -webkit-appearance: none
+
+  fieldset
+    border: 0
+    margin: 0
+    padding: 0
+
+  legend
+    border: 0
+    padding: 0
+
+  textarea
+    overflow: auto
+    resize: vertical
+
+  optgroup
+    font-weight: bold
+
+  table
+    border-collapse: collapse
+    border-spacing: 0
+
+  td,
+  th
+    padding: 0
+
+  .clearfix
+    &:before,
+    &:after
+      content: " "
+      display: table
+    &:after
+      clear: both
+
+
+  // print
+  @media print
+    *,
+    *:before,
+    *:after
+      background: transparent !important
+      color: #000 !important
+      box-shadow: none !important
+      text-shadow: none !important
+    a,
+    a:visited
+      text-decoration: underline
+    a[href]:after
+      content: " (" attr(href) ")"
+    abbr[title]:after
+      content: " (" attr(title) ")"
+    a[href^="#"]:after,
+    a[href^="javascript:"]:after
+      content: ""
+    pre,
+    blockquote
+      border: 1px solid #999
+      page-break-inside: avoid
+    thead
+      display: table-header-group
+    tr,
+    img
+      page-break-inside: avoid
+    img
+      max-width: 100% !important
+    p,
+    h2,
+    h3
+      orphans: 3
+      widows: 3
+    h2,
+    h3
+      page-break-after: avoid

data/lib/assets/stylesheets/cmi/_roboto.sass

@@ -0,0 +1,21 @@
+// roboto
++font-face-helper('Roboto', 'roboto/Roboto-Thin-webfont', 100, normal)
++font-face-helper('Roboto', 'roboto/Roboto-ThinItalic-webfont', 100, italic)
++font-face-helper('Roboto', 'roboto/Roboto-Light-webfont', 200, normal)
++font-face-helper('Roboto', 'roboto/Roboto-LightItalic-webfont', 200, italic)
++font-face-helper('Roboto', 'roboto/Roboto-Regular-webfont', 400, normal)
++font-face-helper('Roboto', 'roboto/Roboto-Italic-webfont', 400, italic)
++font-face-helper('Roboto', 'roboto/Roboto-Medium-webfont', 500, normal)
++font-face-helper('Roboto', 'roboto/Roboto-MediumItalic-webfont', 500, italic)
++font-face-helper('Roboto', 'roboto/Roboto-Bold-webfont', 600, normal)
++font-face-helper('Roboto', 'roboto/Roboto-BoldItalic-webfont', 600, italic)
++font-face-helper('Roboto', 'roboto/Roboto-Black-webfont', 700, normal)
++font-face-helper('Roboto', 'roboto/Roboto-BlackItalic-webfont', 700, italic)
+
+// roboto condensed
++font-face-helper('Roboto Condensed', 'roboto/RobotoCondensed-Light-webfont', 200, normal)
++font-face-helper('Roboto Condensed', 'roboto/RobotoCondensed-LightItalic-webfont', 200, italic)
++font-face-helper('Roboto Condensed', 'roboto/RobotoCondensed-Regular-webfont', 400, normal)
++font-face-helper('Roboto Condensed', 'roboto/RobotoCondensed-Italic-webfont', 400, italic)
++font-face-helper('Roboto Condensed', 'roboto/RobotoCondensed-Bold-webfont', 600, normal)
++font-face-helper('Roboto Condensed', 'roboto/RobotoCondensed-BoldItalic-webfont', 600, italic)

data/lib/assets/stylesheets/cmi/_typography.sass

@@ -0,0 +1,125 @@
+.cmi
+  font-size: 0.875rem
+  font-family: "Roboto", sans-serif
+  font-weight: 400
+  line-height: 1.5
+  color: #333
+
+  textarea
+    font-family: "Roboto", sans-serif
+    font-size: 0.875rem
+    font-weight: 400
+    line-height: 1.3
+    color: #333
+
+  // Text Styles
+
+  p
+    font-size: 0.875rem
+    font-weight: 400
+    color: $paragraph-color
+
+  em
+    font-weight: 400
+    font-style: italic
+    color: #000
+
+  strong
+    font-weight: 600
+    color: #000
+
+  small
+    font-size: 0.8125rem
+
+
+  a
+    font-weight: 400
+    text-decoration: none
+    color: $color-link
+    &:hover
+      color: $color-link-hover
+      text-decoration: underline
+
+  blockquote
+    margin: 20px 0
+    padding-left: 1.5rem
+    border-left: 5px solid $blockquote-color-border
+    font-style: italic
+    color: $blockquote-color-font
+
+  pre
+    margin: 10px 0
+    padding: 0.5em 0.5em 0.5em 1.5rem
+    font-size: 0.75rem
+    line-height: 1.3
+    border-left: 5px solid $pre-color-border
+    color: $blockquote-color-font
+    background-color: $pre-color-background
+    white-space: pre-wrap
+    word-wrap: break-word
+
+  .text-light
+    font-weight: 300
+
+  .text-primary
+    color: $color-primary - 20
+
+
+  // headlines
+
+  h1
+    margin: 1.25rem 0 0.625rem 0
+    font-size: 2rem
+    font-weight: 400
+    line-height: 1.1
+    color: #333
+  h2
+    margin: 1rem 0 0.625rem 0
+    font-size: 1.625rem
+    font-weight: 400
+    line-height: 1.1
+    color: #333
+  h3
+    margin: 1rem 0 0.625rem 0
+    font-size: 1.25rem
+    font-weight: 400
+    line-height: 1.1
+    color: #333
+  h4
+    margin: 0.625rem 0 0.625rem 0
+    font-size: 1.25rem
+    font-weight: 200
+    line-height: 1.1
+    color: #333
+  h5
+    margin: 0.625rem 0 0.625rem 0
+    font-size: 1rem
+    font-weight: 400
+    line-height: 1.1
+    color: #333
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5
+    &.cmi-lined
+      width: 100%
+      text-align: left
+      border-bottom: 1px solid #aaa
+      line-height: 0.1em
+      span
+        background: #fff
+        padding: 0 15px 0 0
+  h1.cmi-lined
+    margin: 2.21rem 0 1.625rem 0
+  h2.cmi-lined
+    margin: 1.8125rem 0 1.4rem 0
+  h3.cmi-lined
+    margin: 1.625rem 0 1.21rem 0
+  h4.cmi-lined
+    margin: 1.25rem 0 1.21rem 0
+  h5.cmi-lined
+    margin: 1.125rem 0 1.05rem 0
+
+

data/lib/assets/stylesheets/cmi/_variables.sass

@@ -0,0 +1,140 @@
+// ------------------------------------
+// general
+
+$color-primary: #afd23e !default
+
+// text selection
+$color-text-selection-bg: lighten($color-primary, 20%) !default
+$color-text-selection-text: #333 !default
+
+// tables
+$color-table-border: color("grey", "lighten-4") !default
+
+// blockquote
+$blockquote-color-border: color("grey", "lighten-3") !default
+$blockquote-color-font: color("grey", "darken-2") !default
+
+// blockquote
+$pre-color-background: color("amber", "lighten-5") !default
+$pre-color-border: color("amber", "lighten-4") !default
+$pre-color-font: color("grey", "darken-3") !default
+
+// paragraph
+$paragraph-color: color("grey", "darken-3") !default
+
+// links
+$color-link: $color-primary - 20 !default
+$color-link-hover: darken($color-primary, 5%) !default
+
+
+// ------------------------------------
+// buttons
+
+$button-min-width: 5.5rem !default
+$button-height: 2.25rem !default
+
+// button - standard font-size
+$button-font-size: 0.875rem !default
+
+// button - standard margin / padding
+$button-margin-vertical: 0.375rem !default
+$button-margin-horizontal: 0.25rem !default
+$button-padding-vertical: ($button-height - $button-font-size) / 2 !default
+$button-padding-horizontal: 0.5rem !default
+
+// button - standard border radius
+$button-border-radius: 0.125rem !default
+
+// button - standard hover
+$button-color-hover: rgba(#000, 0.05) !default
+
+// button - raised
+$button-color-raised: rgba(#000, 0.02) !default
+
+// button - default
+$button-default-bg-color: rgba(#000, 0.04) !default
+$button-default-font-color: color("grey", "darken-3") !default
+
+// button - primary
+$button-primary-bg-color: $color-primary !default
+$button-primary-font-color: color("grey", "darken-3") !default
+
+// button - small
+$button-small-min-width: 4.375rem !default
+$button-small-height: 1.8125rem !default
+$button-small-font-size: 0.75rem !default
+$button-small-padding-horizontal: 0.4rem !default
+$button-small-padding-vertical: ($button-small-height - $button-small-font-size) / 2 !default
+
+// button - large
+$button-large-min-width: 6.5rem !default
+$button-large-height: 2.6875rem !default
+$button-large-font-size: 1.0625rem !default
+$button-large-padding-horizontal: 0.7rem !default
+$button-large-padding-vertical: ($button-large-height - $button-large-font-size) / 2 !default
+
+
+// ------------------------------------
+// modal
+
+$modal-z-index: 1020 !default
+$modal-backdrop-color: rgba(#000, 0.6) !default
+
+$modal-header-height: 45px !default
+$modal-header-bgcolor: #4c4c4c !default
+
+$modal-footer-height: 50px !default
+$modal-footer-bgcolor: #e5e5e5 !default
+
+$modal-main-bgcolor: #fff !default
+
+$modal-sidebar-width: 230px !default
+$modal-sidebar-bgcolor: #e5e5e5 !default
+$modal-sidebar-tab-link-color: #4c4c4c !default
+
+
+// ------------------------------------
+// loading indicator
+
+$loading-color: darken($color-primary, 10%) !default
+$loading-diameter: 100px !default
+
+
+// ------------------------------------
+// ripples
+
+$ripples-color-default: rgba(#fff, 0.4) !default
+$ripples-color-dark: rgba(#000, 0.1) !default
+$ripples-color-primary: rgba($color-primary, 0.4) !default
+
+
+// ------------------------------------
+// tabs
+
+$tabs-color-font: color("grey", "darken-3") !default
+$tabs-color-hover-bg: rgba(#000, 0.03) !default
+$tabs-color-link-active: darken($color-primary, 5%) !default
+
+
+// ------------------------------------
+// form - text fields
+
+$input-color-focus: $color-primary !default
+$input-color-valid: color("green", "base") !default
+$input-color-invalid: color("red", "base") !default
+$input-color-border: color("grey", "lighten-2") !default
+
+
+// ------------------------------------
+// form - checkboxes
+
+$checkbox-color-check: color("light-green", "base") !default
+$checkbox-color-label: color("grey", "darken-2") !default
+$checkbox-color-valid: color("green", "base") !default
+$checkbox-color-invalid: color("red", "base") !default
+$checkbox-color-hint: color("grey", "lighten-1") !default
+
+
+
+
+