https://github.com/zerodevx/polymer-style-modules

DEPRECATED - superseded by `iron-flex-layout-classes`
https://github.com/zerodevx/polymer-style-modules

Last synced: about 1 month ago
JSON representation

DEPRECATED - superseded by `iron-flex-layout-classes`

• Host: GitHub
• URL: https://github.com/zerodevx/polymer-style-modules
• Owner: zerodevx
• License: mit
• Created: 2015-09-23T10:57:43.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2015-09-23T11:00:22.000Z (over 10 years ago)
• Last Synced: 2025-02-10T07:29:42.339Z (about 1 year ago)
• Language: HTML
• Homepage:
• Size: 141 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

          
v1.0.0

# ``

A style-module implementation of common layout classes for Polymer 1.1+.

Because `/deep/`, `::shadow` and other piercing combinators are **deprecated**.

See [here](https://www.chromestatus.com/features/6750456638341120),

[here](https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/68qSZM5QMRQ/pT2YCqZSomAJ)

and [here](https://www.w3.org/wiki/Webapps/WebComponentsApril2015Meeting).

### Let's get this money

Use inside your custom Polymer component:

`my-custom-element.html`

```html

  

    

    

    

      /* My other styles applied to this element */

      ...

    

    ...

  

  

    Polymer({

      is: "my-custom-element",

      ...

    });

  

```

### Included styles

| Style Module                 | Base Version                              | Description |

|------------------------------|-------------------------------------------|-------------|

| iron-flex-layout-styles.html | `PolymerElements/iron-flex-layout` v1.0.3 | Polymer's flexbox [layout attributes](https://www.polymer-project.org/0.5/docs/polymer/layout-attrs.html). |

| paper-global-styles.html     | `PolymerElements/paper-styles` v1.0.11    | A set of base styles that are applied to the document and standard elements that match the Material Design spec. |

| paper-shadow-styles.html     | `PolymerElements/paper-styles` v1.0.11    | Shadow elevation definitions per Material Design spec. |

| paper-typography-styles.html | `PolymerElements/paper-styles` v1.0.11    | Typographic styles are provided matching the Material Design standard styles. |

### Installation

Install through bower.

    bower install --save zerodevx/polymer-style-modules#^1.0.0

Alternatively, download the project as a ZIP file and unpack into your

components directory. Note that `` uses

[``](https://github.com/PolymerElements/font-roboto).

Source provided as-is - no assumptions are made on your production build

workflow.

### Version history

1. 2015-09-23: v1.0.0 - initial commit.