Compare commits
10 commits
abb38c5030
...
d82d524082
Author | SHA1 | Date | |
---|---|---|---|
d82d524082 | |||
f8425a9e54 | |||
45d595bb58 | |||
915e5bc234 | |||
916c1239f4 | |||
9adc8ea165 | |||
c2c43ec193 | |||
959eb4f6fa | |||
feb7854f25 | |||
4db680b05a |
13 changed files with 185 additions and 27 deletions
|
@ -0,0 +1 @@
|
|||
-/dist/
|
38
README.md
38
README.md
|
@ -1,30 +1,20 @@
|
|||
## About
|
||||
|
||||
tail.css provides _a small subset_ of
|
||||
tail.css provides **a small subset** of
|
||||
[tailwind](https://tailwindcss.com/)
|
||||
that was originally extracted from a hobby project. A prebuilt copy of
|
||||
[dist/tail.css](dist/tail.css)
|
||||
is provided in case you don't have access to the nodejs sass compiler,
|
||||
along with a minimized copy
|
||||
([dist/tail.min.css](dist/tail.min.css)).
|
||||
There are gzip-compressed copies of those files included in
|
||||
[dist/](dist/)
|
||||
... `tail.css.min.gz` weighs in at around 8.5KB.
|
||||
|
||||
## Rationale
|
||||
|
||||
The motivation behind this project is to be able to use tailwind
|
||||
without a nodejs environment. You can use tail.css within a vanilla
|
||||
CSS environment, or within an environment that uses
|
||||
[sass](https://sass-lang.com).
|
||||
Most of the time I use tail.css within a sass environment, and
|
||||
sprinkle small amounts of CSS on top.
|
||||
as pure CSS files that can be used with
|
||||
or without nodejs. The motivation behind
|
||||
tail.css is to be able to use tailwind in
|
||||
simple environments that don't have access
|
||||
to nodejs or other runtimes. The [dist/](dist/)
|
||||
directory includes pure CSS files that can be
|
||||
easily dropped into any project.
|
||||
|
||||
## Build
|
||||
|
||||
Custom builds provide a way to customize what features are
|
||||
included in a build. The `@import` directives in [src/](src/)
|
||||
decide what features to include:
|
||||
Custom builds can customize what features are included in a build. <br>
|
||||
The `@import` directives in [src/](src/) decide what features to
|
||||
include:
|
||||
|
||||
$ npm install -g sass
|
||||
$ bin/build
|
||||
|
@ -34,13 +24,13 @@ decide what features to include:
|
|||
Copyright of src/tail/ belongs to the
|
||||
[tailwind project](https://tailwindcss.com/).
|
||||
<br>
|
||||
See [tailwindcss/LICENSE](https://github.com/tailwindlabs/tailwindcss/blob/master/LICENSE).
|
||||
See [tailwindcss/LICENSE](https://github.com/tailwindlabs/tailwindcss/blob/master/LICENSE)
|
||||
|
||||
Copyright of src/normalize/ belongs to the
|
||||
[normalize.css project](https://raw.githubusercontent.com/necolas/normalize.css).
|
||||
<br>
|
||||
See [normalize/LICENSE.md](https://github.com/necolas/normalize.css/blob/master/LICENSE.md).
|
||||
See [normalize/LICENSE.md](https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
|
||||
The remaining copyright is covered by the [0BSD License](https://choosealicense.com/licenses/0bsd/).
|
||||
<br>
|
||||
See [./LICENSE](./LICENSE).
|
||||
See [./LICENSE](./LICENSE)
|
||||
|
|
2
VERSION
2
VERSION
|
@ -1 +1 @@
|
|||
v0.1.1
|
||||
v0.2.0
|
||||
|
|
95
dist/tail.css
vendored
95
dist/tail.css
vendored
File diff suppressed because one or more lines are too long
BIN
dist/tail.css.gz
vendored
BIN
dist/tail.css.gz
vendored
Binary file not shown.
2
dist/tail.min.css
vendored
2
dist/tail.min.css
vendored
File diff suppressed because one or more lines are too long
BIN
dist/tail.min.css.gz
vendored
BIN
dist/tail.min.css.gz
vendored
Binary file not shown.
|
@ -11,3 +11,6 @@
|
|||
@import "tail/effects/index";
|
||||
@import "tail/list/index";
|
||||
@import "tail/border/index";
|
||||
@import "tail/outline/index";
|
||||
@import "tail/whitespace/index";
|
||||
@import "tail/position/index";
|
||||
|
|
21
src/tail/layout/_z-index.scss
Normal file
21
src/tail/layout/_z-index.scss
Normal file
|
@ -0,0 +1,21 @@
|
|||
.z-0 {
|
||||
z-index: 0;
|
||||
}
|
||||
.z-10 {
|
||||
z-index: 10;
|
||||
}
|
||||
.z-20 {
|
||||
z-index: 20;
|
||||
}
|
||||
.z-30 {
|
||||
z-index: 30;
|
||||
}
|
||||
.z-40 {
|
||||
z-index: 40;
|
||||
}
|
||||
.z-50 {
|
||||
z-index: 50;
|
||||
}
|
||||
.z-auto {
|
||||
z-index: auto;
|
||||
}
|
|
@ -1 +1,2 @@
|
|||
@import "overflow";
|
||||
@import "z-index";
|
||||
|
|
16
src/tail/outline/index.scss
Normal file
16
src/tail/outline/index.scss
Normal file
|
@ -0,0 +1,16 @@
|
|||
.outline-none {
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
.outline {
|
||||
outline-style: solid;
|
||||
}
|
||||
.outline-dashed {
|
||||
outline-style: dashed;
|
||||
}
|
||||
.outline-dotted {
|
||||
outline-style: dotted;
|
||||
}
|
||||
.outline-double {
|
||||
outline-style: double;
|
||||
}
|
15
src/tail/position/index.scss
Normal file
15
src/tail/position/index.scss
Normal file
|
@ -0,0 +1,15 @@
|
|||
.static {
|
||||
position: static;
|
||||
}
|
||||
.fixed {
|
||||
position: fixed;
|
||||
}
|
||||
.absolute {
|
||||
position: absolute;
|
||||
}
|
||||
.relative {
|
||||
position: relative;
|
||||
}
|
||||
.sticky {
|
||||
position: sticky;
|
||||
}
|
18
src/tail/whitespace/index.scss
Normal file
18
src/tail/whitespace/index.scss
Normal file
|
@ -0,0 +1,18 @@
|
|||
.whitespace-normal {
|
||||
white-space: normal;
|
||||
}
|
||||
.whitespace-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.whitespace-pre {
|
||||
white-space: pre;
|
||||
}
|
||||
.whitespace-pre-line {
|
||||
white-space: pre-line;
|
||||
}
|
||||
.whitespace-pre-wrap {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
.whitespace-break-spaces {
|
||||
white-space: break-spaces;
|
||||
}
|
Loading…
Reference in a new issue