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

sprucecss

Package Overview
Dependencies
Maintainers
1
Versions
55
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

sprucecss - npm Package Compare versions

Comparing version 0.1.3 to 0.2.0

.github/spruce-logo-dark.svg

22

CHANGELOG.md
# Changelog
## v0.1.2 (2020-12-30)
## v0.2.0 (2022-01-28)
- Add `$btn-font-family` to control the button's font family.
- Add `$heading-font-weight` to control the heading's font-weight.
- Rename some keys in the `$colors` map (`mark-color` -> `mark-foreground`, `code-color` -> `code-foreground`).
- Reorganize the recurrent colors into variables.
- Modify `btn-variant()` mixin: add hover foreground color.
- Add [icon button](https://sprucecss.com/docs/elements/buttons#with-icon) variant (`.btn--icon`).
- Global switch to `color()` function's fallback value under the [`$settings`](https://sprucecss.com/docs/sass/variables#settings) map.
- Modify the [`scrollbar()`](https://sprucecss.com/docs/sass/mixins#scrollbar) mixin to accept hover thumb background-color value.
- Make `$breakpoints` overwriteable by key.
- Fix some missing !default at variable declaration.
- Modify `font-size()` and `responsive-font-size()` function to accept optimal size value. The optimal value will fallback to a global settnigs under the `$settings` map.
## v0.1.3 (2022-01-04)
- Add normalize.css as a dependency
## v0.1.2 (2021-12-30)
- Fix $foreground typo at btn-variant() mixin (_button.scss)
## v0.1.1 (2020-12-30)
## v0.1.1 (2021-12-30)

@@ -9,0 +27,0 @@ - Add Autoprefixer to CSS compile

2

package.json
{
"name": "sprucecss",
"version": "0.1.3",
"version": "0.2.0",
"description": "Spruce CSS - Another CSS Framework",

@@ -5,0 +5,0 @@ "keywords": [

<p>
<a href="https://sprucecss.com">
<a href="https://sprucecss.com/#gh-light-mode-only">
<br/>
<img src="https://conedevelopment.com/assets/img/spruce-logo.svg?" alt="Spruce CSS" width="160">
<img src="./.github/spruce-logo-dark.svg" alt="Spruce CSS" width="160">
<br/>
</a>
<a href="https://sprucecss.com/#gh-dark-mode-only">
<br/>
<img src="./.github/spruce-logo-light.svg" alt="Spruce CSS" width="160">
<br/>
</a>
</p>
**Spruce is an open-source, lightweight and modernish CSS design system, framework built on Sass. Give your project a solid foundation.**

@@ -11,0 +15,0 @@

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