artin/tachyons
1
0
Fork 0
mirror of https://github.com/tachyons-css/tachyons.git synced 2026-02-06 11:06:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Changes copy and updates color variable

Browse Source
This commit is contained in:
mrmrs 2022-08-14 22:52:03 -07:00
parent cd0b04c9f1
commit 7e1cf5a775
4 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
README.md
View File

@ -19,17 +19,16 @@ Quickly build and design new UI without writing CSS.
## Features
* Mobile-first CSS architecture
* 490 accessible color combinations
* 8px baseline grid
* Multiple debugging utilities to reduce layout struggles
* Single-purpose class structure
* Optimized for maximum gzip compression
* Lightweight (~14kB)
* Lightweight (~19.4kB)
* Usable across projects
* Growing open source component library
* Works well with plain HTML, React, Ember, Angular, Rails and more
* Works well with plain HTML, React, Ember, Angular, Rails Svelte, Vue, and more
* Infinitely nestable responsive grid system
* Built with PostCSS
* Works out of the box but easy to customize and extend
## Getting Started
@ -128,11 +127,11 @@ And of course...
Development of Tachyons is supported by
* [Digital Ocean](https://digitalocean.com)
* [Components AI](https://components.ai)
* [DWYL](https://dwyl.com)
* [VTEX](https://vtex.com)
* [Manifold](https://manifold.co)
## Help
If you have a question or need help feel free to [open an issue here](https://github.com/tachyons-css/tachyons/issues/new) or jump into the [Tachyons slack channel](http://tachyons-slack-invite.herokuapp.com).
If you have a question or need help feel free to [open an issue here](https://github.com/tachyons-css/tachyons/issues/new).

3
index.html
View File

@ -9,9 +9,8 @@
<meta name="author" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/css/tachyons.css">
<link rel="stylesheet" href="/css/tachyons.min.css">
</head>
<body>
</body>
</html>

10
package.json
View File

@ -1,6 +1,6 @@
{
"name": "tachyons",
"version": "4.12.0",
"version": "5.0.0-beta.0",
"description": "Functional CSS for humans",
"author": "mrmrs",
"style": "css/tachyons.min.css",
@ -15,6 +15,7 @@
"oocss",
"postcss",
"functional css",
"utility css",
"design",
"responsive",
"performance"
@ -23,9 +24,9 @@
"devDependencies": {
"copy-files": "^0.1.0",
"immutable-css-cli": "^1.1.1",
"normalize.css": "^8.0.0",
"normalize.css": "^8.0.1",
"tachyons-cli": "^1.3.3",
"tachyons-modules": "^1.1.10",
"tachyons-cli": "^1.3.2",
"watch": "^1.0.2"
},
"contributors": [
@ -45,5 +46,8 @@
"build:css": "tachyons src/tachyons.css > css/tachyons.css",
"build:minify": "tachyons src/tachyons.css --minify > css/tachyons.min.css",
"build:watch": "watch \"npm run build\" ./src/"
},
"dependencies": {
"gzip-size": "^7.0.0"
}
}

4
src/_nested.css
View File

@ -45,13 +45,13 @@
}
.nested-links a {
color: var(--blue);
color: var(--blue-5);
transition: color .15s ease-in;
}
.nested-links a:hover,
.nested-links a:focus {
color: var(--light-blue);
color: var(--blue-3);
transition: color .15s ease-in;
}