Compare commits

...

10 commits

Author SHA1 Message Date
d82d524082 v0.2.0 2024-09-16 20:29:02 -03:00
f8425a9e54 Docs update 2024-09-16 20:24:29 -03:00
45d595bb58 Add tail/layout/_z-index.scss 2024-09-16 20:02:42 -03:00
915e5bc234 Update README 2024-08-03 01:36:29 -03:00
916c1239f4 Update README 2024-08-03 01:32:04 -03:00
9adc8ea165 Update README 2024-08-03 00:58:27 -03:00
c2c43ec193 Add position/index.scss 2024-05-17 19:47:47 -03:00
959eb4f6fa Add whitespace/index.scss 2024-05-13 20:41:57 -03:00
feb7854f25 Add outline/index.scss 2024-04-01 00:29:51 -03:00
4db680b05a v0.1.2 2024-03-31 00:54:35 -03:00
13 changed files with 185 additions and 27 deletions

View file

@ -0,0 +1 @@
-/dist/

View file

@ -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)

View file

@ -1 +1 @@
v0.1.1
v0.2.0

95
dist/tail.css vendored

File diff suppressed because one or more lines are too long

BIN
dist/tail.css.gz vendored

Binary file not shown.

2
dist/tail.min.css vendored

File diff suppressed because one or more lines are too long

BIN
dist/tail.min.css.gz vendored

Binary file not shown.

View file

@ -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";

View 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;
}

View file

@ -1 +1,2 @@
@import "overflow";
@import "z-index";

View 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;
}

View file

@ -0,0 +1,15 @@
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}

View 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;
}