CSS JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
maps
src/styles
.appveyor.yml
.codeclimate.yml
.gitignore
.npmignore
.stylelintrc
.travis.yml
CHANGELOG.md
LICENSE
README.ja.md
README.md
gulpfile.js
package.json
yarn.lock

README.md

PonDeStyle

Build Status Build status Code Climate

PonDeStyle

PonDeStyle is modern and simple CSS framework based flexbox. Development with PostCSS and cssnext.

Support Browsers

  • IE11+
  • Firefox* (Desktop, Android)
  • Chrome* (Desktop, Android)
  • Safari* (Desktop, iOS)
  • Edge*

* last 2 versions.

Features

  • PostCSS + cssnext
  • MindBEMding
  • Flexbox columns
  • CJK font support
  • Components

Installation

npm

npm repository isn't available now. Please wait.

npm install pondestyle

or,

yarn add pondestyle

Usage

You can quickly import your PostCSS development environment.

@import 'PonDeStyle';

:root {
    --primary-color: blue;
}

.mycolumn {
    @apply --columns-initial;
    
    &__item {
        @apply --columns-item-initial;
    }
}

.myclass {
    @media (--tablet) {
        color: var(--dark-gray-color);
    }
}

postcss-import and postcss-cssnext is required in your environment.

License and Copyright

Copyright 2017 holy0201. Released under MIT License.

It bundles the following third-party resources: