Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

tachyons-type-scale

Package Overview
Dependencies
Maintainers
1
Versions
33
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

tachyons-type-scale - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

2

package.json
{
"name": "tachyons-type-scale",
"version": "0.0.3",
"version": "0.0.4",
"homepage": "http://mrmrs.io/tachyons-type-scale",

@@ -5,0 +5,0 @@ "description": "Performance based sass module.",

@@ -11,2 +11,46 @@ # TACHYONS-TYPE-SCALE

## The Code
```
/* ==========================================================================
TYPE SCALE
========================================================================== */
.mega { font-size: 4rem; }
.f1 { font-size: 2rem; }
.f2 { font-size: 1.5rem; }
.f3 { font-size: 1.25rem; }
.f4 { font-size: 1rem; }
.f5,
.small { font-size: .85rem; }
@include break(not-small){
.mega-ns { font-size: 4rem; }
.f1-ns { font-size: 2rem; }
.f2-ns { font-size: 1.5rem; }
.f3-ns { font-size: 1.25em; }
.f4-ns { font-size: 1.25rem; }
.f5-ns { font-size: 1rem; }
.f6-ns { font-size: .85rem; }
}
@include break(medium) {
.mega-m { font-size: 4rem; }
.f1-m { font-size: 2rem; }
.f2-m { font-size: 1.5rem; }
.f3-m { font-size: 1.25rem; }
.f4-m { font-size: 1rem; }
.f5-m { font-size: .85rem; }
}
@include break(large) {
.mega-l { font-size: 4rem; }
.f1-l { font-size: 2rem; }
.f2-l { font-size: 1.5rem; }
.f3-l { font-size: 1.25rem; }
.f4-l { font-size: 1rem; }
.f5-l { font-size: .85rem; }
}
```
## Author

@@ -13,0 +57,0 @@

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