Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@collaborne/lit-flexbox-literals

Package Overview
Dependencies
Maintainers
3
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@collaborne/lit-flexbox-literals - npm Package Compare versions

Comparing version 0.1.1 to 0.2.2-pre.2

4

dist/Classes/index.js
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\*\*

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc