@kablamo/kerosene-styles
``` yarn add @kablamo/kerosene-styles
Last updated 4 months ago by kablamo-deployments .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @kablamo/kerosene-styles 
SYNC missed versions from official npm registry.

???? Kerosene-styles

yarn add @kablamo/kerosene-styles

npm install @kablamo/kerosene-styles

Available SCSS


media.scss

@import '~@kablamo/kablamo-styles/scss/mixins/media.scss';

Available Functions

mq(width, type)

Returns a media query based on a width, defined by a breakpoint, as well as the min or max type.

Example Usage
@include mq('desktop', max) {
    display: none;
}
Associated breakpoints
$breakpoints: (
    "phone":        400px,
    "phone-wide":   480px,
    "phablet":      560px,
    "tablet-small": 640px,
    "tablet":       768px,
    "tablet-wide":  1024px,
    "desktop":      1248px,
    "desktop-wide": 1440px
);

aspect-ratio(width, height)

Maintains the given ratio for the element it is included in.

Example Usage
@include aspect-ratio(16,9)

kablamo.com.au

Current Tags

  • 0.0.1                                ...           latest (4 months ago)

1 Versions

  • 0.0.1                                ...           4 months ago
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (0)
None
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |