Socket
Socket
Sign inDemoInstall

tachyons

Package Overview
Dependencies
Maintainers
1
Versions
88
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

tachyons - npm Package Compare versions

Comparing version 1.2.0 to 3.0.0-beta-1

CNAME

5

gulpfile.js

@@ -11,3 +11,2 @@ // Gulp tasks for Tachyons

minifyCSS = require('gulp-minify-css'),
//sass = require('gulp-sass'),
size = require('gulp-size'),

@@ -33,4 +32,2 @@ rename = require('gulp-rename'),

gulp.task('generateDocs', require('./tasks/generateDocs'));
// Initialize browser-sync which starts a static server also allows for

@@ -54,3 +51,3 @@ // browsers to reload on filesave

• Process sass then auto-prefixes and lints outputted css
• Process css then auto-prefixes and lints outputted css
• Starts a server on port 3000

@@ -57,0 +54,0 @@ • Reloads browsers when you change html or sass files

13

package.json
{
"name": "tachyons",
"version": "1.2.0",
"description": "Performance-first css framework built ontop of rework",
"version": "3.0.0-beta-1",
"description": "Performant, mobile-first, and 100% responsive modular css framework.",
"main": "index.html",

@@ -25,2 +25,4 @@ "repository": {

"css-parse": "^2.0.0",
"cssstats": "^1.10.0",
"filesize": "^3.1.2",
"gulp": "^3.8.2",

@@ -39,4 +41,5 @@ "gulp-autoprefixer": "0.0.7",

"gulp-watch": "^0.6.8",
"lodash": "^2.4.1",
"node-sass": "^0.9"
"lodash": "^3.10.0",
"node-sass": "^0.9",
"postcss": "^4.1.16"
},

@@ -63,4 +66,4 @@ "contributors": [

"start": "gulp",
"ast": "gulp generateDocs"
"build": "node home.js"
}
}
# TACHYONS
WIP (heavily in flux).
More documentation and examples will be coming soon.
## About
Build responsive, performant, and easy to maintain interfaces faster.
Tachyons is a work in progress and still heavily in flux.
The important parts of tachyons are the separation of concerns and the mobile-first
and modular architecture.
More documentation and examples will be coming. For now - reading the source files
in the src directory are a great way to get up to speed. I promise they are not complicated.
## TLDR;
Build responsive, performant, and easy to maintain interfaces faster than the speed of light.
## Principles

@@ -14,4 +22,5 @@

* Designing in the browser should be easy
* It should be easy to change an interface without breaking any existing interfaces
* It should be easy to change any interface or part of an interface without breaking any existing interfaces
* Doing one thing extremely well promotes reusability and reduces repetition
* CSS is global. HTML is not. Send the smallest amount of code to the user as possible.

@@ -23,8 +32,7 @@ ## Features

* Optimized for maximum gzip compression
* 10.7kB when minified and gzipped
* Less than 20kB when minified and gzipped
* Usable across projects
* Infinitely nestable responsive grid system
* Several color palettes
* Currently built on sass. Will eventually move the main build to rework,
but will offer ports for less, sass, stylus, and vanilla css.
* Currently built on rework

@@ -34,6 +42,5 @@ ## Getting started

The easiest way to use tachyons is to include the minified file in the head.
You can include the latest, minified version of tachyons by including this in the head of your html file
If you want to reduce the size of the library greatly on production I suggest
using [uncss](https://github.com/giakki/uncss) to remove styles you aren't referencing.
I will add version controlled cdn hosted options soon.
### Modify the source

@@ -48,3 +55,3 @@ Set up the project by cloning the repo, navigating into it, and installing the necessary dependencies by running the following commands:

git add remote git@github.com/yourUserName/yourProject.git
npm install
npm install . && npm start
```

@@ -85,9 +92,10 @@

I've begun to codify common classes to things that my brain naturally leans towards remembering.
I like unix a lot and subsribe to cp over copy any day of the week.
That being said I think the naming in Tachyons needs a lot of work and I am open to hearing peoples
feedback on things they like and things they don't like. Once Tachyons is a little more finished I
will be generating different 'flavors' of the framework. One version being a more verbose class naming system
that seems to be inline what many people prefer.
I like unix a lot and subscribe to naming conventions like cp over copy for common classes that I use frequently.
That being said I think the naming in Tachyons needs work and I am open to hearing peoples
feedback on things they like and also the things they don't like. Once Tachyons is a little more finished I
will be generating different 'flavors' of the framework that use different naming patterns.
One version being a more verbose class naming system that seems to be aligned with what many people prefer.
## License

@@ -97,3 +105,2 @@

Copyright (c) 2015 @mrmrs

@@ -100,0 +107,0 @@ Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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