polythene-core-css
Advanced tools
Comparing version 1.0.0-rc.9 to 1.0.0-rc.10
@@ -1,2 +0,533 @@ | ||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("j2c-plugin-prefix-browser"),require("polythene-core"),require("j2c")):"function"==typeof define&&define.amd?define(["exports","j2c-plugin-prefix-browser","polythene-core","j2c"],t):t(e.polythene={},e["j2c-plugin-prefix-browser"],e["polythene-core"],e.j2c)}(this,function(e,t,l,i){"use strict";i=i&&i.hasOwnProperty("default")?i.default:i;var n=[{display:"-webkit-box"},{display:"-moz-box"},{display:"-ms-flexbox","-ms-flex-preferred-size":"initial"},{display:"-webkit-flex"},{display:"flex"}],o=[n,{"-ms-flex-align":"center","-webkit-align-items":"center","align-items":"center"}],r=[n,{"-ms-flex-pack":"center","-webkit-justify-content":"center","justify-content":"center"}],a={flex:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return[{"-webkit-box-flex":e},{"-moz-box-flex":e},{"-webkit-flex":e},{"-ms-flex":e},{flex:e},1===e?{"-webkit-flex-basis":"0.000000001px"}:{},1===e?{"flex-basis":"0.000000001px"}:{}]},flexAuto:{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},flexAutoVertical:{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},flexIndex:function(e){return{"-ms-flex":e,"-webkit-flex":e,flex:e}},flexGrow:function(e){return{"-webkit-flex-grow":e,"flex-grow":e}},layout:n,layoutAroundJustified:[n,{"-ms-flex-pack":"distribute","-webkit-justify-content":"space-around","justify-content":"space-around"}],layoutCenter:o,layoutCenterCenter:[r,o],layoutCenterJustified:r,layoutEnd:[n,{"-ms-flex-align":"end","-webkit-align-items":"flex-end","align-items":"flex-end"}],layoutEndJustified:[n,{"-ms-flex-pack":"end","-webkit-justify-content":"flex-end","justify-content":"flex-end"}],layoutHorizontal:[n,{"-ms-flex-direction":"row","-webkit-flex-direction":"row","flex-direction":"row"}],layoutHorizontalReverse:[n,{"-ms-flex-direction":"row-reverse","-webkit-flex-direction":"row-reverse","flex-direction":"row-reverse"}],layoutInline:[n,{display:"-ms-inline-flexbox"},{display:"-webkit-inline-flex"},{display:"inline-flex"}],layoutJustified:[n,{"-ms-flex-line-pack":"stretch","-ms-flex-pack":"justify","-webkit-justify-content":"space-between","justify-content":"space-between"}],layoutStart:[n,{"-ms-flex-align":"start","-webkit-align-items":"flex-start","align-items":"flex-start"}],layoutStartJustified:[n,{"-ms-flex-align":"start","-ms-flex-pack":"start","-webkit-justify-content":"flex-start","justify-content":"flex-start"}],layoutVertical:[n,{"-ms-flex-direction":"column","-webkit-flex-direction":"column","flex-direction":"column"}],layoutVerticalReverse:[n,{"-ms-flex-direction":"column-reverse","-webkit-flex-direction":"column-reverse","flex-direction":"column-reverse"}],layoutWrap:[n,{"-ms-flex-wrap":"wrap","-webkit-flex-wrap":"wrap","flex-wrap":"wrap"}],layoutWrapReverse:[n,{"-ms-flex-wrap":"wrap-reverse","-webkit-flex-wrap":"wrap-reverse","flex-wrap":"wrap-reverse"}],selfCenter:{"-ms-flex-item-align":"center","-ms-align-self":"center","-webkit-align-self":"center","align-self":"center"},selfEnd:{"-ms-flex-item-align":"end","-ms-align-self":"flex-end","-webkit-align-self":"flex-end","align-self":"flex-end"},selfStart:{"-ms-flex-item-align":"start","-ms-align-self":"flex-start","-webkit-align-self":"flex-start","align-self":"flex-start"},selfStretch:{"-ms-flex-item-align":"stretch","-ms-align-self":"stretch","-webkit-align-self":"stretch","align-self":"stretch"}},f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var i in l)Object.prototype.hasOwnProperty.call(l,i)&&(e[i]=l[i])}return e},s={clearfix:function(){return{"&:after":{content:'""',display:"table",clear:"both"}}},defaultTransition:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"all";return{transitionDelay:"0ms",transitionDuration:arguments.length>1&&void 0!==arguments[1]?arguments[1]:".18s",transitionTimingFunction:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"ease-out",transitionProperty:e}},ellipsis:function(e,t){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"px";return"none"===e?{textOverflow:"initial",overflow:"initial",display:"block",height:"auto",maxHeight:"none"}:f({},{overflow:"hidden",textOverflow:"ellipsis",textRendering:"auto"},void 0!==e?{"-webkit-line-clamp":e,"-webkit-box-orient":"vertical",display:"-webkit-box"}:null,void 0!==t?{maxHeight:e*t+l}:null)},fit:function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)+"px";return{position:"absolute",top:e,right:e,bottom:e,left:e}},fontSmoothing:function(){return!(arguments.length>0&&void 0!==arguments[0])||arguments[0]?{"-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale"}:{"-webkit-font-smoothing":"subpixel-antialiased","-moz-osx-font-smoothing":"auto"}},sticky:function(){return{position:"sticky",top:0,zIndex:arguments.length>0&&void 0!==arguments[0]?arguments[0]:1}}},u=new i(t.prefixPlugin),x=/[^a-z0-9\\-]/g,c=function(e){for(var t=arguments.length,l=Array(t>1?t-1:0),i=1;i<t;i++)l[i-1]=arguments[i];y.apply(void 0,[{id:e}].concat(l))},d=function(e){if(!l.isServer&&e){var t=document.getElementById(e);t&&t.parentNode&&t.parentNode.removeChild(t)}},y=function(e){for(var t=arguments.length,i=Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];if(!l.isServer){var o=e.id.replace(x,"_"),r=e.document||window.document;d(o);var a=r.createElement("style");o&&a.setAttribute("id",o),i.forEach(function(e){Object.keys(e).length&&e.forEach(function(e){var t={"@global":e},l=u.sheet(t);a.appendChild(r.createTextNode(l))})}),r.head.appendChild(a)}},p={add:c,addToDocument:y,createStyleSheets:function(e,t,l){var i=e.join("");return l.map(function(e){return e(i,t)})},generateStyles:function(e,t,l){var i=e.join(""),n=i.trim().replace(/^[^a-z]?(.*)/,"$1");c(n,l.map(function(e){return e(i,t)}))},remove:d},b=function(e){var t=parseInt(e.substring(1),16);return(t>>16&255)+","+(t>>8&255)+","+(255&t)},m=function(e){return"rgba("+e+", "+(arguments.length>1&&void 0!==arguments[1]?arguments[1]:1)+")"},w=[{".layout, .layout.horizontal":a.layout,".layout.horizontal.inline, .layout.vertical.inline":a.layoutInline,".layout.horizontal":a.layoutHorizontal,".layout.horizontal.reverse":a.layoutHorizontalReverse,".layout.vertical":a.layoutVertical,".layout.vertical.reverse":a.layoutVerticalReverse,".layout.wrap":a.layoutWrap,".layout.wrap.reverse":a.layoutWrapReverse,".flex":a.flex(1),".span.flex":{display:"block"},".flex.auto-vertical":a.flexAutoVertical,".flex.auto":a.flexAuto,".flex.none":a.flexIndex("none"),".flex.one":a.flexIndex(1),".flex.two":a.flexIndex(2),".flex.three":a.flexIndex(3),".flex.four":a.flexIndex(4),".flex.five":a.flexIndex(5),".flex.six":a.flexIndex(6),".flex.seven":a.flexIndex(7),".flex.eight":a.flexIndex(8),".flex.nine":a.flexIndex(9),".flex.ten":a.flexIndex(10),".flex.eleven":a.flexIndex(11),".flex.twelve":a.flexIndex(12),".layout.start":a.layoutStart,".layout.center, .layout.center-center":a.layoutCenter,".layout.end":a.layoutEnd,".layout.start-justified":a.layoutStartJustified,".layout.center-justified, .layout.center-center":a.layoutCenterJustified,".layout.end-justified":a.layoutEndJustified,".layout.around-justified":a.layoutAroundJustified,".layout.justified":a.layoutJustified,".self-start":a.selfStart,".self-center":a.selfCenter,".self-end":a.selfEnd,".self-stretch":a.selfStretch}],g=[{".pe-block":{display:"block"},".pe-inline-block":{display:"inline-block"},".pe-hidden":{display:"none !important"},".pe-relative":{position:"relative"},".pe-absolute":{position:"absolute"},".pe-fit":{position:"absolute",top:0,right:0,bottom:0,left:0},".pe-fullbleed":{margin:0,height:"100vh"}}],v=[w,g],h=function(){return p.add("pe-layout",w,g)};e.flex=a,e.mixin=s,e.styler=p,e.hex=b,e.rgba=m,e.layoutStyles=v,e.addLayoutStyles=h,Object.defineProperty(e,"__esModule",{value:!0})}); | ||
(function (global, factory) { | ||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('j2c-plugin-prefix-browser'), require('polythene-core'), require('j2c')) : | ||
typeof define === 'function' && define.amd ? define(['exports', 'j2c-plugin-prefix-browser', 'polythene-core', 'j2c'], factory) : | ||
(factory((global.polythene = {}),global['j2c-plugin-prefix-browser'],global['polythene-core'],global.j2c)); | ||
}(this, (function (exports,j2cPluginPrefixBrowser,polytheneCore,J2c) { 'use strict'; | ||
J2c = J2c && J2c.hasOwnProperty('default') ? J2c['default'] : J2c; | ||
var layout = [{ | ||
"display": "-webkit-box" | ||
}, { | ||
"display": "-moz-box" | ||
}, { | ||
"display": "-ms-flexbox" | ||
}, { | ||
"display": "-webkit-flex" | ||
}, { | ||
"display": "flex" | ||
}]; | ||
var layoutInline = [layout, { | ||
"display": "-ms-inline-flexbox" | ||
}, { | ||
"display": "-webkit-inline-flex" | ||
}, { | ||
"display": "inline-flex" | ||
}]; | ||
var layoutHorizontal = [layout, { | ||
"-ms-flex-direction": "row", | ||
"-webkit-flex-direction": "row", | ||
"flex-direction": "row" | ||
}]; | ||
var layoutHorizontalReverse = [layout, { | ||
"-ms-flex-direction": "row-reverse", | ||
"-webkit-flex-direction": "row-reverse", | ||
"flex-direction": "row-reverse" | ||
}]; | ||
var layoutVertical = [layout, { | ||
"-ms-flex-direction": "column", | ||
"-webkit-flex-direction": "column", | ||
"flex-direction": "column" | ||
}]; | ||
var layoutVerticalReverse = [layout, { | ||
"-ms-flex-direction": "column-reverse", | ||
"-webkit-flex-direction": "column-reverse", | ||
"flex-direction": "column-reverse" | ||
}]; | ||
var layoutWrap = [layout, { | ||
"-ms-flex-wrap": "wrap", | ||
"-webkit-flex-wrap": "wrap", | ||
"flex-wrap": "wrap" | ||
}]; | ||
var layoutWrapReverse = [layout, { | ||
"-ms-flex-wrap": "wrap-reverse", | ||
"-webkit-flex-wrap": "wrap-reverse", | ||
"flex-wrap": "wrap-reverse" | ||
}]; | ||
var layoutStart = [layout, { | ||
"-ms-flex-align": "start", | ||
"-webkit-align-items": "flex-start", | ||
"align-items": "flex-start" | ||
}]; | ||
var layoutCenter = [layout, { | ||
"-ms-flex-align": "center", | ||
"-webkit-align-items": "center", | ||
"align-items": "center" | ||
}]; | ||
var layoutEnd = [layout, { | ||
"-ms-flex-align": "end", | ||
"-webkit-align-items": "flex-end", | ||
"align-items": "flex-end" | ||
}]; | ||
var layoutJustified = [layout, { | ||
"-ms-flex-pack": "justify", | ||
"-webkit-justify-content": "space-between", | ||
"justify-content": "space-between" | ||
}]; | ||
var layoutStartJustified = [layout, { | ||
"-ms-flex-pack": "start", | ||
"-webkit-justify-content": "flex-start", | ||
"justify-content": "flex-start" | ||
}]; | ||
var layoutCenterJustified = [layout, { | ||
"-ms-flex-pack": "center", | ||
"-webkit-justify-content": "center", | ||
"justify-content": "center" | ||
}]; | ||
var layoutEndJustified = [layout, { | ||
"-ms-flex-pack": "end", | ||
"-webkit-justify-content": "flex-end", | ||
"justify-content": "flex-end" | ||
}]; | ||
var layoutCenterCenter = [layoutCenterJustified, layoutCenter]; | ||
var layoutAroundJustified = [layout, { | ||
"-ms-flex-pack": "distribute", | ||
"-webkit-justify-content": "space-around", | ||
"justify-content": "space-around" | ||
}]; | ||
var flex = function flex() { | ||
var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1; | ||
return [{ | ||
"-webkit-box-flex": num | ||
}, { | ||
"-moz-box-flex": num | ||
}, { | ||
"-webkit-flex": num | ||
}, { | ||
"-ms-flex": num | ||
}, { | ||
"flex": num | ||
}, num === 1 ? { | ||
"-webkit-flex-basis": "0.000000001px" | ||
} : {}, num === 1 ? { | ||
"flex-basis": "0.000000001px" | ||
} : {}]; | ||
}; | ||
var flexAuto = { | ||
"-ms-flex": "1 1 auto", | ||
"-webkit-flex-basis": "auto", | ||
"flex-basis": "auto" | ||
}; | ||
var flexAutoVertical = { | ||
"-ms-flex": "1 1 auto", | ||
"-webkit-flex-basis": "auto", | ||
"flex-basis": "auto" | ||
}; | ||
var flexIndex = function flexIndex(index) { | ||
return { | ||
"-ms-flex": index, | ||
"-webkit-flex": index, | ||
"flex": index | ||
}; | ||
}; | ||
var flexGrow = function flexGrow(value) { | ||
return { | ||
"-webkit-flex-grow": value, | ||
"flex-grow": value | ||
}; | ||
}; | ||
var selfStart = { | ||
"-ms-align-self": "flex-start", | ||
"-webkit-align-self": "flex-start", | ||
"align-self": "flex-start" | ||
}; | ||
var selfCenter = { | ||
"-ms-align-self": "center", | ||
"-webkit-align-self": "center", | ||
"align-self": "center" | ||
}; | ||
var selfEnd = { | ||
"-ms-align-self": "flex-end", | ||
"-webkit-align-self": "flex-end", | ||
"align-self": "flex-end" | ||
}; | ||
var selfStretch = { | ||
"-ms-align-self": "stretch", | ||
"-webkit-align-self": "stretch", | ||
"align-self": "stretch" | ||
}; | ||
var flex$1 = { | ||
flex: flex, | ||
flexAuto: flexAuto, | ||
flexAutoVertical: flexAutoVertical, | ||
flexIndex: flexIndex, | ||
flexGrow: flexGrow, | ||
layout: layout, | ||
layoutAroundJustified: layoutAroundJustified, | ||
layoutCenter: layoutCenter, | ||
layoutCenterCenter: layoutCenterCenter, | ||
layoutCenterJustified: layoutCenterJustified, | ||
layoutEnd: layoutEnd, | ||
layoutEndJustified: layoutEndJustified, | ||
layoutHorizontal: layoutHorizontal, | ||
layoutHorizontalReverse: layoutHorizontalReverse, | ||
layoutInline: layoutInline, | ||
layoutJustified: layoutJustified, | ||
layoutStart: layoutStart, | ||
layoutStartJustified: layoutStartJustified, | ||
layoutVertical: layoutVertical, | ||
layoutVerticalReverse: layoutVerticalReverse, | ||
layoutWrap: layoutWrap, | ||
layoutWrapReverse: layoutWrapReverse, | ||
selfCenter: selfCenter, | ||
selfEnd: selfEnd, | ||
selfStart: selfStart, | ||
selfStretch: selfStretch | ||
}; | ||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
// Mixins for j2c | ||
// Centers an item absolutely within relative parent | ||
// mixin.fit() | ||
var fit = function fit() { | ||
var offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0; | ||
var offsetPx = offset + "px"; | ||
return { | ||
position: "absolute", | ||
top: offsetPx, | ||
right: offsetPx, | ||
bottom: offsetPx, | ||
left: offsetPx | ||
}; | ||
}; | ||
// Optional font smoothing | ||
// mixin.fontSmoothing() | ||
var fontSmoothing = function fontSmoothing() { | ||
var smoothing = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; | ||
if (smoothing) { | ||
return { | ||
"-webkit-font-smoothing": "antialiased", | ||
"-moz-osx-font-smoothing": "grayscale" | ||
}; | ||
} else { | ||
return { | ||
"-webkit-font-smoothing": "subpixel-antialiased", | ||
"-moz-osx-font-smoothing": "auto" | ||
}; | ||
} | ||
}; | ||
// Breaks off a line with ... | ||
// unless lines is "none" | ||
// mixin.ellipsis(1, 16) // max 1 line, 16px high | ||
// mixin.ellipsis(2, 1.3, "em") // max 2 lines, 2.6em high | ||
var ellipsis = function ellipsis(lines, lineHeight) { | ||
var unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "px"; | ||
if (lines === "none") { | ||
return { | ||
textOverflow: "initial", | ||
overflow: "initial", | ||
display: "block", | ||
height: "auto", | ||
maxHeight: "none", | ||
whiteSpace: "normal" | ||
}; | ||
} | ||
return _extends({}, { | ||
overflow: "hidden", | ||
textOverflow: "ellipsis", | ||
textRendering: "auto" // Samsung Android | ||
}, lines !== undefined ? { | ||
"-webkit-line-clamp": lines, | ||
"-webkit-box-orient": "vertical", | ||
display: "-webkit-box" | ||
} : null, lineHeight !== undefined ? { | ||
maxHeight: lines * lineHeight + unit | ||
} : null); | ||
}; | ||
// Clears float | ||
// mixin.clearfix() | ||
var clearfix = function clearfix() { | ||
return { | ||
"&:after": { | ||
content: "\"\"", | ||
display: "table", | ||
clear: "both" | ||
} | ||
}; | ||
}; | ||
// Creates sticky headers in a scrollable list | ||
// Does not work in Chrome: http://caniuse.com/#feat=css-sticky | ||
// mixin.sticky() | ||
var sticky = function sticky() { | ||
var zIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1; | ||
return { | ||
position: "sticky", | ||
top: 0, | ||
zIndex: zIndex | ||
}; | ||
}; | ||
// Creats a transition with presets | ||
// mixin.defaultTransition("opacity", vars.animation_duration) | ||
var defaultTransition = function defaultTransition() { | ||
var properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "all"; | ||
var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ".18s"; | ||
var curve = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "ease-out"; | ||
return { | ||
transitionDelay: "0ms", | ||
transitionDuration: duration, | ||
transitionTimingFunction: curve, | ||
transitionProperty: properties | ||
}; | ||
}; | ||
var mixin = { | ||
clearfix: clearfix, | ||
defaultTransition: defaultTransition, | ||
ellipsis: ellipsis, | ||
fit: fit, | ||
fontSmoothing: fontSmoothing, | ||
sticky: sticky | ||
}; | ||
var j2c = new J2c(j2cPluginPrefixBrowser.prefixPlugin); | ||
var ID_REGEX = /[^a-z0-9\\-]/g; | ||
/* | ||
* @param id: identifier, used as HTMLElement id for the attached <style></style> element | ||
* @param styles: list of lists style Objects | ||
*/ | ||
var add = function add(id) { | ||
for (var _len = arguments.length, styles = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { | ||
styles[_key - 1] = arguments[_key]; | ||
} | ||
addToDocument.apply(undefined, [{ | ||
id: id | ||
}].concat(styles)); | ||
}; | ||
/* | ||
* Removes a style from head. | ||
*/ | ||
var remove = function remove(id) { | ||
if (polytheneCore.isServer) return; | ||
if (id) { | ||
var old = document.getElementById(id); | ||
if (old && old.parentNode) { | ||
old.parentNode.removeChild(old); | ||
} | ||
} | ||
}; | ||
/* | ||
* opts: options object | ||
* id: identifier, used as HTMLElement id for the attached <style></style> element | ||
* document: document reference; default window.document | ||
* styles: list of lists style objects | ||
*/ | ||
var addToDocument = function addToDocument(opts) { | ||
for (var _len2 = arguments.length, styles = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { | ||
styles[_key2 - 1] = arguments[_key2]; | ||
} | ||
if (polytheneCore.isServer) return; | ||
var id = opts.id.replace(ID_REGEX, "_"); | ||
var documentRef = opts.document || window.document; | ||
remove(id); | ||
var styleEl = documentRef.createElement("style"); | ||
if (id) { | ||
styleEl.setAttribute("id", id); | ||
} | ||
styles.forEach(function (styleList) { | ||
// each style returns a list | ||
if (Object.keys(styleList).length) { | ||
styleList.forEach(function (style) { | ||
var scoped = { | ||
"@global": style | ||
}; | ||
var sheet = j2c.sheet(scoped); | ||
styleEl.appendChild(documentRef.createTextNode(sheet)); | ||
}); | ||
} | ||
}); | ||
documentRef.head.appendChild(styleEl); | ||
}; | ||
/* | ||
* Adds styles to head for a component. | ||
* @param selector: Array of Strings: selectors | ||
* @param vars: Object configuration variables | ||
* @param styleFns: Array of Functions: (selector, componentVars) => [j2c style objects] | ||
*/ | ||
var generateStyles = function generateStyles(selectors, vars, styleFns) { | ||
var selector = selectors.join(""); | ||
var id = selector.trim().replace(/^[^a-z]?(.*)/, "$1"); | ||
add(id, styleFns.map(function (fn) { | ||
return fn(selector, vars); | ||
})); | ||
}; | ||
var createStyleSheets = function createStyleSheets(selectors, vars, styleFns) { | ||
var selector = selectors.join(""); | ||
return styleFns.map(function (fn) { | ||
return fn(selector, vars); | ||
}); | ||
}; | ||
var styler = { | ||
add: add, | ||
addToDocument: addToDocument, | ||
createStyleSheets: createStyleSheets, | ||
generateStyles: generateStyles, | ||
remove: remove | ||
}; | ||
var hex = function hex(value) { | ||
var bigint = parseInt(value.substring(1), 16); | ||
var r = bigint >> 16 & 255; | ||
var g = bigint >> 8 & 255; | ||
var b = bigint & 255; | ||
return r + "," + g + "," + b; | ||
}; | ||
var rgba = function rgba(colorStr) { | ||
var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1; | ||
return "rgba(" + colorStr + ", " + opacity + ")"; | ||
}; | ||
var flex$2 = [{ | ||
".layout, .layout.horizontal": flex$1.layout, | ||
".layout.horizontal.inline, .layout.vertical.inline": flex$1.layoutInline, | ||
".layout.horizontal": flex$1.layoutHorizontal, | ||
".layout.horizontal.reverse": flex$1.layoutHorizontalReverse, | ||
".layout.vertical": flex$1.layoutVertical, | ||
".layout.vertical.reverse": flex$1.layoutVerticalReverse, | ||
".layout.wrap": flex$1.layoutWrap, | ||
".layout.wrap.reverse": flex$1.layoutWrapReverse, | ||
".flex": flex$1.flex(1), | ||
".span.flex": { "display": "block" }, // for IE 10 | ||
".flex.auto-vertical": flex$1.flexAutoVertical, | ||
".flex.auto": flex$1.flexAuto, | ||
".flex.none": flex$1.flexIndex("none"), | ||
".flex.one": flex$1.flexIndex(1), | ||
".flex.two": flex$1.flexIndex(2), | ||
".flex.three": flex$1.flexIndex(3), | ||
".flex.four": flex$1.flexIndex(4), | ||
".flex.five": flex$1.flexIndex(5), | ||
".flex.six": flex$1.flexIndex(6), | ||
".flex.seven": flex$1.flexIndex(7), | ||
".flex.eight": flex$1.flexIndex(8), | ||
".flex.nine": flex$1.flexIndex(9), | ||
".flex.ten": flex$1.flexIndex(10), | ||
".flex.eleven": flex$1.flexIndex(11), | ||
".flex.twelve": flex$1.flexIndex(12), | ||
// alignment in cross axis | ||
".layout.start": flex$1.layoutStart, | ||
".layout.center, .layout.center-center": flex$1.layoutCenter, | ||
".layout.end": flex$1.layoutEnd, | ||
// alignment in main axis | ||
".layout.start-justified": flex$1.layoutStartJustified, | ||
".layout.center-justified, .layout.center-center": flex$1.layoutCenterJustified, | ||
".layout.end-justified": flex$1.layoutEndJustified, | ||
".layout.around-justified": flex$1.layoutAroundJustified, | ||
".layout.justified": flex$1.layoutJustified, | ||
// self alignment | ||
".self-start": flex$1.selfStart, | ||
".self-center": flex$1.selfCenter, | ||
".self-end": flex$1.selfEnd, | ||
".self-stretch": flex$1.selfStretch | ||
}]; | ||
var commonStyle = [{ | ||
".pe-block": { | ||
display: "block" | ||
}, | ||
".pe-inline-block": { | ||
display: "inline-block" | ||
}, | ||
// ie support for hidden | ||
".pe-hidden": { | ||
display: "none !important" | ||
}, | ||
".pe-relative": { | ||
position: "relative" | ||
}, | ||
".pe-absolute": { | ||
position: "absolute" | ||
}, | ||
".pe-fit": { | ||
position: "absolute", | ||
top: 0, | ||
right: 0, | ||
bottom: 0, | ||
left: 0 | ||
}, | ||
".pe-fullbleed": { | ||
margin: 0, | ||
height: "100vh" | ||
} | ||
}]; | ||
var layoutStyles = [flex$2, commonStyle]; | ||
var addLayoutStyles = function addLayoutStyles() { | ||
return styler.add("pe-layout", flex$2, commonStyle); | ||
}; | ||
exports.flex = flex$1; | ||
exports.mixin = mixin; | ||
exports.styler = styler; | ||
exports.hex = hex; | ||
exports.rgba = rgba; | ||
exports.layoutStyles = layoutStyles; | ||
exports.addLayoutStyles = addLayoutStyles; | ||
Object.defineProperty(exports, '__esModule', { value: true }); | ||
}))); | ||
//# sourceMappingURL=polythene-core-css.js.map |
{ | ||
"name": "polythene-core-css", | ||
"version": "1.0.0-rc.9", | ||
"version": "1.0.0-rc.10", | ||
"description": "", | ||
@@ -20,6 +20,6 @@ "main": "dist/polythene-core-css.js", | ||
"j2c-plugin-prefix-browser": "^1.0.6", | ||
"polythene-core": "^1.0.0-rc.9" | ||
"polythene-core": "^1.0.0-rc.10" | ||
}, | ||
"devDependencies": { | ||
"polythene-scripts": "^1.0.0-rc.9" | ||
"polythene-scripts": "^1.0.0-rc.10" | ||
}, | ||
@@ -26,0 +26,0 @@ "author": "Arthur Clemens <arthurclemens@gmail.com> (http://arthurclemens.com)", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
59706
1134
2
Updatedpolythene-core@^1.0.0-rc.10