@collaborne/lit-flexbox-literals
Advanced tools
Comparing version 0.1.1 to 0.2.2-pre.2
import { css } from 'lit-element'; | ||
// tslint:disable ordered-imports | ||
import { displayFlex, displayInlineFlex, horizontal, vertical, wrap, noWrap, flexFactor, flexFactorAuto, flexFactorNone, displayNone, flex2, flex3, flex4, flex5, flex6, flex7, flex8, flex9, flex10, flex11, flex12, horizontalReverse, verticalReverse, wrapReverse, displayBlock, invisible, relative, fit, scroll, fixed, fixedBottom, fixedLeft, fixedRight, fixedTop, startAligned, centerAligned, endAligned, baseline, startJustified, centerJustified, aroundJustified, endJustified, justified, selfStart, selfBaseline, selfCenter, selfEnd, selfStretch, startAlignedContent, centerAlignedContent, aroundAlignedContent, beteweenAlignedContent, endAlignedContent, } from '../Literals'; | ||
import { displayFlex, displayInlineFlex, horizontal, vertical, wrap, noWrap, flexFactor, flexFactorAuto, flexFactorNone, displayNone, flex2, flex3, flex4, flex5, flex6, flex7, flex8, flex9, flex10, flex11, flex12, horizontalReverse, verticalReverse, wrapReverse, displayBlock, invisible, relative, fit, scroll, fixed, fixedBottom, fixedLeft, fixedRight, fixedTop, startAligned, centerAligned, endAligned, baseline, startJustified, centerJustified, aroundJustified, endJustified, justified, selfStart, selfBaseline, selfCenter, selfEnd, selfStretch, startAlignedContent, centerAlignedContent, aroundAlignedContent, betweenAlignedContent, endAlignedContent, } from '../Literals'; | ||
export const Layouts = css ` | ||
@@ -238,3 +238,3 @@ .layout.horizontal, | ||
.layout.between-aligned { | ||
${beteweenAlignedContent} | ||
${betweenAlignedContent} | ||
} | ||
@@ -241,0 +241,0 @@ |
import { Alignment, ReverseLayouts, Layouts, Positioning, Factors } from './Classes'; | ||
import { displayFlex, displayInlineFlex, horizontal, vertical, wrap, noWrap, flexFactor, flexFactorAuto, flexFactorNone, displayNone, flex2, flex3, flex4, flex5, flex6, flex7, flex8, flex9, flex10, flex11, flex12, horizontalReverse, verticalReverse, wrapReverse, displayBlock, invisible, relative, fit, scroll, fixed, fixedBottom, fixedLeft, fixedRight, fixedTop, startAligned, centerAligned, endAligned, baseline, startJustified, centerJustified, aroundJustified, endJustified, justified, selfStart, selfBaseline, selfCenter, selfEnd, selfStretch, startAlignedContent, centerAlignedContent, aroundAlignedContent, beteweenAlignedContent, endAlignedContent } from './Literals'; | ||
export { Alignment, ReverseLayouts, Layouts, Positioning, Factors, displayFlex, displayInlineFlex, horizontal, vertical, wrap, noWrap, flexFactor, flexFactorAuto, flexFactorNone, displayNone, flex2, flex3, flex4, flex5, flex6, flex7, flex8, flex9, flex10, flex11, flex12, horizontalReverse, verticalReverse, wrapReverse, displayBlock, invisible, relative, fit, scroll, fixed, fixedBottom, fixedLeft, fixedRight, fixedTop, startAligned, centerAligned, endAligned, baseline, startJustified, centerJustified, aroundJustified, endJustified, justified, selfStart, selfBaseline, selfCenter, selfEnd, selfStretch, startAlignedContent, centerAlignedContent, aroundAlignedContent, beteweenAlignedContent, endAlignedContent, }; | ||
import { displayFlex, displayInlineFlex, horizontal, vertical, wrap, noWrap, flexFactor, flexFactorAuto, flexFactorNone, displayNone, flex2, flex3, flex4, flex5, flex6, flex7, flex8, flex9, flex10, flex11, flex12, horizontalReverse, verticalReverse, wrapReverse, displayBlock, invisible, relative, fit, scroll, fixed, fixedBottom, fixedLeft, fixedRight, fixedTop, startAligned, centerAligned, endAligned, baseline, startJustified, centerJustified, aroundJustified, endJustified, justified, selfStart, selfBaseline, selfCenter, selfEnd, selfStretch, startAlignedContent, centerAlignedContent, aroundAlignedContent, betweenAlignedContent, endAlignedContent } from './Literals'; | ||
export { Alignment, ReverseLayouts, Layouts, Positioning, Factors, displayFlex, displayInlineFlex, horizontal, vertical, wrap, noWrap, flexFactor, flexFactorAuto, flexFactorNone, displayNone, flex2, flex3, flex4, flex5, flex6, flex7, flex8, flex9, flex10, flex11, flex12, horizontalReverse, verticalReverse, wrapReverse, displayBlock, invisible, relative, fit, scroll, fixed, fixedBottom, fixedLeft, fixedRight, fixedTop, startAligned, centerAligned, endAligned, baseline, startJustified, centerJustified, aroundJustified, endJustified, justified, selfStart, selfBaseline, selfCenter, selfEnd, selfStretch, startAlignedContent, centerAlignedContent, aroundAlignedContent, betweenAlignedContent, endAlignedContent, }; |
// tslint:disable ordered-imports | ||
import { Alignment, ReverseLayouts, Layouts, Positioning, Factors, } from './Classes'; | ||
import { displayFlex, displayInlineFlex, horizontal, vertical, wrap, noWrap, flexFactor, flexFactorAuto, flexFactorNone, displayNone, flex2, flex3, flex4, flex5, flex6, flex7, flex8, flex9, flex10, flex11, flex12, horizontalReverse, verticalReverse, wrapReverse, displayBlock, invisible, relative, fit, scroll, fixed, fixedBottom, fixedLeft, fixedRight, fixedTop, startAligned, centerAligned, endAligned, baseline, startJustified, centerJustified, aroundJustified, endJustified, justified, selfStart, selfBaseline, selfCenter, selfEnd, selfStretch, startAlignedContent, centerAlignedContent, aroundAlignedContent, beteweenAlignedContent, endAlignedContent, } from './Literals'; | ||
export { Alignment, ReverseLayouts, Layouts, Positioning, Factors, displayFlex, displayInlineFlex, horizontal, vertical, wrap, noWrap, flexFactor, flexFactorAuto, flexFactorNone, displayNone, flex2, flex3, flex4, flex5, flex6, flex7, flex8, flex9, flex10, flex11, flex12, horizontalReverse, verticalReverse, wrapReverse, displayBlock, invisible, relative, fit, scroll, fixed, fixedBottom, fixedLeft, fixedRight, fixedTop, startAligned, centerAligned, endAligned, baseline, startJustified, centerJustified, aroundJustified, endJustified, justified, selfStart, selfBaseline, selfCenter, selfEnd, selfStretch, startAlignedContent, centerAlignedContent, aroundAlignedContent, beteweenAlignedContent, endAlignedContent, }; | ||
import { displayFlex, displayInlineFlex, horizontal, vertical, wrap, noWrap, flexFactor, flexFactorAuto, flexFactorNone, displayNone, flex2, flex3, flex4, flex5, flex6, flex7, flex8, flex9, flex10, flex11, flex12, horizontalReverse, verticalReverse, wrapReverse, displayBlock, invisible, relative, fit, scroll, fixed, fixedBottom, fixedLeft, fixedRight, fixedTop, startAligned, centerAligned, endAligned, baseline, startJustified, centerJustified, aroundJustified, endJustified, justified, selfStart, selfBaseline, selfCenter, selfEnd, selfStretch, startAlignedContent, centerAlignedContent, aroundAlignedContent, betweenAlignedContent, endAlignedContent, } from './Literals'; | ||
export { Alignment, ReverseLayouts, Layouts, Positioning, Factors, displayFlex, displayInlineFlex, horizontal, vertical, wrap, noWrap, flexFactor, flexFactorAuto, flexFactorNone, displayNone, flex2, flex3, flex4, flex5, flex6, flex7, flex8, flex9, flex10, flex11, flex12, horizontalReverse, verticalReverse, wrapReverse, displayBlock, invisible, relative, fit, scroll, fixed, fixedBottom, fixedLeft, fixedRight, fixedTop, startAligned, centerAligned, endAligned, baseline, startJustified, centerJustified, aroundJustified, endJustified, justified, selfStart, selfBaseline, selfCenter, selfEnd, selfStretch, startAlignedContent, centerAlignedContent, aroundAlignedContent, betweenAlignedContent, endAlignedContent, }; |
@@ -53,3 +53,3 @@ export declare const displayFlex: import("lit-element").CSSResult; | ||
export declare const centerAlignedContent: import("lit-element").CSSResult; | ||
export declare const beteweenAlignedContent: import("lit-element").CSSResult; | ||
export declare const betweenAlignedContent: import("lit-element").CSSResult; | ||
export declare const aroundAlignedContent: import("lit-element").CSSResult; |
@@ -1,3 +0,3 @@ | ||
import { css } from 'lit-element'; | ||
export const displayFlex = css ` | ||
import { unsafeCSS } from 'lit-element'; | ||
export const displayFlex = unsafeCSS ` | ||
display: -ms-flexbox; | ||
@@ -7,6 +7,6 @@ display: -webkit-flex; | ||
`; | ||
export const borderBox = css ` | ||
export const borderBox = unsafeCSS ` | ||
box-sizing: border-box; | ||
`; | ||
export const displayInlineFlex = css ` | ||
export const displayInlineFlex = unsafeCSS ` | ||
display: -ms-inline-flexbox; | ||
@@ -16,3 +16,3 @@ display: -webkit-inline-flex; | ||
`; | ||
export const horizontal = css ` | ||
export const horizontal = unsafeCSS ` | ||
-ms-flex-direction: row; | ||
@@ -22,3 +22,3 @@ -webkit-flex-direction: row; | ||
`; | ||
export const vertical = css ` | ||
export const vertical = unsafeCSS ` | ||
-ms-flex-direction: column; | ||
@@ -28,3 +28,3 @@ -webkit-flex-direction: column; | ||
`; | ||
export const wrap = css ` | ||
export const wrap = unsafeCSS ` | ||
-ms-flex-wrap: wrap; | ||
@@ -34,3 +34,3 @@ -webkit-flex-wrap: wrap; | ||
`; | ||
export const noWrap = css ` | ||
export const noWrap = unsafeCSS ` | ||
-ms-flex-wrap: nowrap; | ||
@@ -40,3 +40,3 @@ -webkit-flex-wrap: nowrap; | ||
`; | ||
export const flexFactor = css ` | ||
export const flexFactor = unsafeCSS ` | ||
-ms-flex: 1 1 0.000000001px; | ||
@@ -48,3 +48,3 @@ -webkit-flex: 1; | ||
`; | ||
export const flexFactorAuto = css ` | ||
export const flexFactorAuto = unsafeCSS ` | ||
-ms-flex: 1 1 auto; | ||
@@ -54,3 +54,3 @@ -webkit-flex: 1 1 auto; | ||
`; | ||
export const flexFactorNone = css ` | ||
export const flexFactorNone = unsafeCSS ` | ||
-ms-flex: 1 1 auto; | ||
@@ -60,6 +60,6 @@ -webkit-flex: 1 1 auto; | ||
`; | ||
export const displayNone = css ` | ||
export const displayNone = unsafeCSS ` | ||
display: none !important; | ||
`; | ||
export const flex2 = css ` | ||
export const flex2 = unsafeCSS ` | ||
-ms-flex: 2; | ||
@@ -69,3 +69,3 @@ -webkit-flex: 2; | ||
`; | ||
export const flex3 = css ` | ||
export const flex3 = unsafeCSS ` | ||
-ms-flex: 3; | ||
@@ -75,3 +75,3 @@ -webkit-flex: 3; | ||
`; | ||
export const flex4 = css ` | ||
export const flex4 = unsafeCSS ` | ||
-ms-flex: 4; | ||
@@ -81,3 +81,3 @@ -webkit-flex: 4; | ||
`; | ||
export const flex5 = css ` | ||
export const flex5 = unsafeCSS ` | ||
-ms-flex: 5; | ||
@@ -87,3 +87,3 @@ -webkit-flex: 5; | ||
`; | ||
export const flex6 = css ` | ||
export const flex6 = unsafeCSS ` | ||
-ms-flex: 6; | ||
@@ -93,3 +93,3 @@ -webkit-flex: 6; | ||
`; | ||
export const flex7 = css ` | ||
export const flex7 = unsafeCSS ` | ||
-ms-flex: 7; | ||
@@ -99,3 +99,3 @@ -webkit-flex: 7; | ||
`; | ||
export const flex8 = css ` | ||
export const flex8 = unsafeCSS ` | ||
-ms-flex: 8; | ||
@@ -105,3 +105,3 @@ -webkit-flex: 8; | ||
`; | ||
export const flex9 = css ` | ||
export const flex9 = unsafeCSS ` | ||
-ms-flex: 9; | ||
@@ -111,3 +111,3 @@ -webkit-flex: 9; | ||
`; | ||
export const flex10 = css ` | ||
export const flex10 = unsafeCSS ` | ||
-ms-flex: 10; | ||
@@ -117,3 +117,3 @@ -webkit-flex: 10; | ||
`; | ||
export const flex11 = css ` | ||
export const flex11 = unsafeCSS ` | ||
-ms-flex: 11; | ||
@@ -123,3 +123,3 @@ -webkit-flex: 11; | ||
`; | ||
export const flex12 = css ` | ||
export const flex12 = unsafeCSS ` | ||
-ms-flex: 12; | ||
@@ -129,3 +129,3 @@ -webkit-flex: 12; | ||
`; | ||
export const horizontalReverse = css ` | ||
export const horizontalReverse = unsafeCSS ` | ||
-ms-flex-direction: row-reverse; | ||
@@ -135,3 +135,3 @@ -webkit-flex-direction: row-reverse; | ||
`; | ||
export const verticalReverse = css ` | ||
export const verticalReverse = unsafeCSS ` | ||
-ms-flex-direction: column-reverse; | ||
@@ -141,3 +141,3 @@ -webkit-flex-direction: column-reverse; | ||
`; | ||
export const wrapReverse = css ` | ||
export const wrapReverse = unsafeCSS ` | ||
-ms-flex-wrap: wrap-reverse; | ||
@@ -147,12 +147,12 @@ -webkit-flex-wrap: wrap-reverse; | ||
`; | ||
export const displayBlock = css ` | ||
export const displayBlock = unsafeCSS ` | ||
display: block; | ||
`; | ||
export const invisible = css ` | ||
export const invisible = unsafeCSS ` | ||
visibility: hidden !important; | ||
`; | ||
export const relative = css ` | ||
export const relative = unsafeCSS ` | ||
position: relative; | ||
`; | ||
export const fit = css ` | ||
export const fit = unsafeCSS ` | ||
position: absolute; | ||
@@ -164,10 +164,10 @@ top: 0; | ||
`; | ||
export const scroll = css ` | ||
export const scroll = unsafeCSS ` | ||
-webkit-overflow-scrolling: touch; | ||
overflow: auto; | ||
`; | ||
export const fixed = css ` | ||
export const fixed = unsafeCSS ` | ||
position: fixed; | ||
`; | ||
export const fixedTop = css ` | ||
export const fixedTop = unsafeCSS ` | ||
top: 0; | ||
@@ -177,3 +177,3 @@ left: 0; | ||
`; | ||
export const fixedRight = css ` | ||
export const fixedRight = unsafeCSS ` | ||
top: 0; | ||
@@ -183,3 +183,3 @@ right: 0; | ||
`; | ||
export const fixedLeft = css ` | ||
export const fixedLeft = unsafeCSS ` | ||
top: 0; | ||
@@ -189,3 +189,3 @@ bottom: 0; | ||
`; | ||
export const fixedBottom = css ` | ||
export const fixedBottom = unsafeCSS ` | ||
right: 0; | ||
@@ -195,3 +195,3 @@ bottom: 0; | ||
`; | ||
export const startAligned = css ` | ||
export const startAligned = unsafeCSS ` | ||
-ms-flex-align: start; | ||
@@ -201,3 +201,3 @@ -webkit-align-items: flex-start; | ||
`; | ||
export const centerAligned = css ` | ||
export const centerAligned = unsafeCSS ` | ||
-ms-flex-align: center; | ||
@@ -207,3 +207,3 @@ -webkit-align-items: center; | ||
`; | ||
export const endAligned = css ` | ||
export const endAligned = unsafeCSS ` | ||
-ms-flex-align: end; | ||
@@ -213,3 +213,3 @@ -webkit-align-items: flex-end; | ||
`; | ||
export const baseline = css ` | ||
export const baseline = unsafeCSS ` | ||
-ms-flex-align: baseline; | ||
@@ -219,3 +219,3 @@ -webkit-align-items: baseline; | ||
`; | ||
export const startJustified = css ` | ||
export const startJustified = unsafeCSS ` | ||
-ms-flex-pack: start; | ||
@@ -225,3 +225,3 @@ -webkit-justify-content: flex-start; | ||
`; | ||
export const centerJustified = css ` | ||
export const centerJustified = unsafeCSS ` | ||
-ms-flex-pack: center; | ||
@@ -231,3 +231,3 @@ -webkit-justify-content: center; | ||
`; | ||
export const endJustified = css ` | ||
export const endJustified = unsafeCSS ` | ||
-ms-flex-pack: end; | ||
@@ -237,3 +237,3 @@ -webkit-justify-content: flex-end; | ||
`; | ||
export const aroundJustified = css ` | ||
export const aroundJustified = unsafeCSS ` | ||
-ms-flex-pack: distribute; | ||
@@ -243,3 +243,3 @@ -webkit-justify-content: space-around; | ||
`; | ||
export const justified = css ` | ||
export const justified = unsafeCSS ` | ||
-ms-flex-pack: justify; | ||
@@ -249,3 +249,3 @@ -webkit-justify-content: space-between; | ||
`; | ||
export const selfStart = css ` | ||
export const selfStart = unsafeCSS ` | ||
-ms-align-self: flex-start; | ||
@@ -255,3 +255,3 @@ -webkit-align-self: flex-start; | ||
`; | ||
export const selfCenter = css ` | ||
export const selfCenter = unsafeCSS ` | ||
-ms-align-self: center; | ||
@@ -261,3 +261,3 @@ -webkit-align-self: center; | ||
`; | ||
export const selfEnd = css ` | ||
export const selfEnd = unsafeCSS ` | ||
-ms-align-self: flex-end; | ||
@@ -267,3 +267,3 @@ -webkit-align-self: flex-end; | ||
`; | ||
export const selfStretch = css ` | ||
export const selfStretch = unsafeCSS ` | ||
-ms-align-self: stretch; | ||
@@ -273,3 +273,3 @@ -webkit-align-self: stretch; | ||
`; | ||
export const selfBaseline = css ` | ||
export const selfBaseline = unsafeCSS ` | ||
-ms-align-self: baseline; | ||
@@ -279,3 +279,3 @@ -webkit-align-self: baseline; | ||
`; | ||
export const startAlignedContent = css ` | ||
export const startAlignedContent = unsafeCSS ` | ||
-ms-flex-line-pack: start; /* IE10 */ | ||
@@ -286,3 +286,3 @@ -ms-align-content: flex-start; | ||
`; | ||
export const endAlignedContent = css ` | ||
export const endAlignedContent = unsafeCSS ` | ||
-ms-flex-line-pack: end; /* IE10 */ | ||
@@ -293,3 +293,3 @@ -ms-align-content: flex-end; | ||
`; | ||
export const centerAlignedContent = css ` | ||
export const centerAlignedContent = unsafeCSS ` | ||
-ms-flex-line-pack: center; /* IE10 */ | ||
@@ -300,3 +300,3 @@ -ms-align-content: center; | ||
`; | ||
export const beteweenAlignedContent = css ` | ||
export const betweenAlignedContent = unsafeCSS ` | ||
-ms-flex-line-pack: justify; /* IE10 */ | ||
@@ -307,3 +307,3 @@ -ms-align-content: space-between; | ||
`; | ||
export const aroundAlignedContent = css ` | ||
export const aroundAlignedContent = unsafeCSS ` | ||
-ms-flex-line-pack: distribute; /* IE10 */ | ||
@@ -310,0 +310,0 @@ -ms-align-content: space-around; |
{ | ||
"name": "@collaborne/lit-flexbox-literals", | ||
"version": "0.1.1", | ||
"version": "0.2.2-pre.2", | ||
"description": "LitElement Flexbox Classes and Literals for use in styles.js files", | ||
@@ -9,3 +9,3 @@ "main": "dist/index.js", | ||
"type": "git", | ||
"url": "git+https://github.com/T-Knott-Mesh/lit-flexbox-literals.git" | ||
"url": "git+https://github.com/Collaborne/lit-flexbox-literals.git" | ||
}, | ||
@@ -19,2 +19,8 @@ "keywords": [ | ||
"author": "Tsavo Knott", | ||
"contributors": [ | ||
{ | ||
"name": "Ronny Roeller", | ||
"url": "https://github.com/ronnyroeller" | ||
} | ||
], | ||
"license": "ISC", | ||
@@ -25,8 +31,8 @@ "files": [ | ||
"bugs": { | ||
"url": "https://github.com/T-Knott-Mesh/lit-flexbox-literals/issues" | ||
"url": "https://github.com/Collaborne/lit-flexbox-literals/issues" | ||
}, | ||
"homepage": "https://github.com/T-Knott-Mesh/lit-flexbox-literals#readme", | ||
"homepage": "https://github.com/Collaborne/lit-flexbox-literals#readme", | ||
"scripts": { | ||
"lint": "tslint -c tslint.json \"src/**/*.ts\"", | ||
"build": "npm run lint && node_modules/typescript/bin/tsc" | ||
"build": "npm run lint && tsc" | ||
}, | ||
@@ -40,3 +46,6 @@ "dependencies": { | ||
"typescript": "^3.3.4000" | ||
}, | ||
"publishConfig": { | ||
"access": "public" | ||
} | ||
} |
@@ -1,2 +0,2 @@ | ||
# Flex Box Literals and Classes for LitElements | ||
# Flex Box Literals and Classes for LitElements [![Build Status](https://travis-ci.com/Collaborne/lit-flexbox-literals.svg?branch=master)](https://travis-ci.com/Collaborne/lit-flexbox-literals) | ||
@@ -3,0 +3,0 @@ ##### \*\*Ported from @polymer/iron-flex-layouts, Configured for LitElement, LitHtml, and Constructable Style Sheets\*\* |
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
18745