tachyons-text-align
Advanced tools
Comparing version 3.0.4 to 3.1.0
{ | ||
"name": "tachyons-text-align", | ||
"version": "3.0.4", | ||
"version": "3.1.0", | ||
"style": "src/tachyons-text-align.css", | ||
@@ -5,0 +5,0 @@ "main": "src/tachyons-text-align.css", |
@@ -1,2 +0,2 @@ | ||
# tachyons-text-align 3.0.0 | ||
# tachyons-text-align 3.1.0 | ||
@@ -7,3 +7,3 @@ Performance based css module. | ||
177 | 12 | 12 | ||
354 | 16 | 16 | ||
---|---|--- | ||
@@ -38,3 +38,3 @@ bytes | selectors | declarations | ||
#### Using with [PostCSS](https://github.com/postcss/postcss) | ||
#### Using with [Postcss](https://github.com/postcss/postcss) | ||
@@ -47,3 +47,3 @@ Import the css module | ||
Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli) | ||
Then process the css using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli) | ||
@@ -55,3 +55,3 @@ ```sh | ||
#### Using the CSS | ||
#### Using the css | ||
@@ -62,7 +62,7 @@ ##### CDN | ||
``` | ||
<link rel="stylesheet" href="http://npmcdn.com/tachyons-text-align@3.0.0/css/tachyons-text-align.min.css" /> | ||
<link rel="stylesheet" href="http://unpkg.com/tachyons-text-align@3.1.0/css/tachyons-text-align.min.css" /> | ||
``` | ||
##### Locally | ||
The built CSS is located in the `css` directory. It contains an unminified and minified version. | ||
The built css is located in the `css` directory. It contains an unminified and minified version. | ||
You can either cut and paste that css or link to it directly in your html. | ||
@@ -76,6 +76,6 @@ | ||
The source CSS files can be found in the `src` directory. | ||
Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory. | ||
The source css files can be found in the `src` directory. | ||
Running `$ npm start` will process the source css and place the built css in the `css` directory. | ||
## The CSS | ||
## The css | ||
@@ -87,2 +87,19 @@ ```css | ||
Docs: http://tachyons.io/docs/typography/text-align/ | ||
Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/text-align | ||
Base | ||
t = text-align | ||
Modifiers | ||
l = left | ||
r = right | ||
c = center | ||
j = justify | ||
Media Query Extensions: | ||
-ns = not-small | ||
-m = medium | ||
-l = large | ||
*/ | ||
@@ -92,2 +109,3 @@ .tl { text-align: left; } | ||
.tc { text-align: center; } | ||
.tj { text-align: justify; } | ||
@media screen and (min-width: 30em) { | ||
@@ -97,2 +115,3 @@ .tl-ns { text-align: left; } | ||
.tc-ns { text-align: center; } | ||
.tj-ns { text-align: justify; } | ||
} | ||
@@ -103,2 +122,3 @@ @media screen and (min-width: 30em) and (max-width: 60em) { | ||
.tc-m { text-align: center; } | ||
.tj-m { text-align: justify; } | ||
} | ||
@@ -109,2 +129,3 @@ @media screen and (min-width: 60em) { | ||
.tc-l { text-align: center; } | ||
.tj-l { text-align: justify; } | ||
} | ||
@@ -111,0 +132,0 @@ ``` |
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
7318
81
140