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

sky-toolkit-core

Package Overview
Dependencies
Maintainers
6
Versions
67
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

sky-toolkit-core - npm Package Compare versions

Comparing version 1.16.0 to 2.0.0-alpha.1

generic/_overflow.scss

65

CHANGELOG.md

@@ -6,2 +6,66 @@ # Changelog

## 2.0.0
### Features
* [Colors] `grey-40` modified to meet AA accessibility.
* [Gradients]
* `@include gradient-background()` refactored to support color stop percentages rather than start and end values.
* `@include gradient-background()` now supports custom `background-color` fallbacks.
* `@include gradient-text()` add customisable gradient text fills using the gradients map.
* `gradient-color-stops()` function to fetch a list of gradient color stop percentages and values.
* [Objects]
* `.o-list-inline` now aligns with [Supercell](https://github.com/sky-uk/supercell)] modifiers; featuring `--flush`, `--narrow` and `--wide` spacing.
* `.o-media` now aligns with [Supercell](https://github.com/sky-uk/supercell)] modifiers; featuring `--flush`, `--narrow` and `--wide` spacing.
* [Typography] Updated sizing to the typographic scale.
* [z-index] `z-index()` function for easier access and management of `z-index` values across the project.
### Fixes
* [Generic] Horizontal scrolling bugs caused by full-width (`100vw`) UI elements.
### Dependencies
* [Normalize.css] Major upgrade to Normalize.css from 4.1.1 to 7.0.0. Cursory
checks show everything is A-okay, but be vigilant—and inexplicable and/or
subtle rendering issues might be caused by this change.
### Deprecations
* [Gradients]
* `gradient()` function renamed to `gradient-color()`.
* Removal of `@include page-background()`, please use:
* `@include gradient-background(page, horizontal)` instead for the **large** page background gradient, or
* `@include gradient-background(page-small, horizontal)` instead for the **small** page background gradient.
* Refactor of `@include gradient-background()`'s `horizontal` option to output the percentages defined, rather than "end start end" values.
* `large` gradient renamed to `default`.
* `small` gradient renamed to `highlight`.
* `mid` gradient renamed to `tile`.
* [Objects]
* `.o-media--small` renamed to `.o-media--narrow`.
* `.o-media--large` renamed to `.o-media--wide`.
* [Typography] Removal of `text-lead-small` and `text-body-small` from `$text`.
* Please use `text-body` instead.
### Upgrade notes
* [Objects]
* `.o-list-inline` now adds spacing by default, use the additional `.o-list-inline--flush` modifier to remove spacing.
* [Spacing] Default spacing unit value changed from 30px to 20px.
* **Variables** - if used in your project, you may want to consider changing the following:
* `$global-spacing-unit-small` to `$global-spacing-unit`
* `$global-spacing-unit-tiny` to `$global-spacing-unit-small`
* **Classes** - if used in your project, you may want to consider changing the following:
* `.u-margin-all-small` to `.u-margin-all`
* `.u-margin-top-small` to `.u-margin-top`
* `.u-margin-right-small` to `.u-margin-right`
* `.u-margin-bottom-small` to `.u-margin-bottom`
* `.u-margin-left-small` to `.u-margin-left`
* `.u-margin-all-tiny` to `.u-margin-all-small`
* `.u-margin-top-tiny` to `.u-margin-top-small`
* `.u-margin-right-tiny` to `.u-margin-right-small`
* `.u-margin-bottom-tiny` to `.u-margin-bottom-small`
* `.u-margin-left-tiny` to `.u-margin-left-small`
* [Horizontal Scrolling] If your app uses horizontal scrolling, you may need to apply `.u-overflow-x-scroll` to your `<html>` and `<body>` elements.
## 1.16.0

@@ -239,3 +303,2 @@

### Bug Fixes

@@ -242,0 +305,0 @@

34

package.json
{
"name": "sky-toolkit-core",
"version": "1.16.0",
"version": "2.0.0-alpha.1",
"description": "The core of Sky's CSS Toolkit",
"main": "index.js",
"scripts": {
"test": "node ./node_modules/mocha/bin/mocha ./test/sass.js",
"test-circle": "npm run lint && npm run test && npm run build",
"lint": "stylelint '**/*.scss' --syntax scss",
"build": "mkdir -p ./build && cat _all.scss | node-sass --include-path node_modules/ --output-style compressed > build/toolkit-core.css"
},
"pre-commit": [
"lint",
"test"
],
"repository": {
"type": "git",
"url": "git+https://github.com/sky-uk/toolkit-core.git"
},
"author": "Sky UK",
"repository": "sky-uk/toolkit",
"license": "BSD-3-Clause",
"bugs": {
"url": "https://github.com/sky-uk/toolkit-core/issues"
"url": "https://github.com/sky-uk/toolkit/issues"
},
"homepage": "https://github.com/sky-uk/toolkit-core#readme",
"homepage": "http://sky.com/toolkit",
"scripts": {
"test": "mocha ./test/functional/sass-true.js"
},
"dependencies": {
"normalize.css": "4.1.1",
"normalize.css": "7.0.0",
"sass-mq": "^3.3.2",

@@ -34,10 +24,4 @@ "supercell": "^1.2.0"

"mocha": "^3.2.0",
"node-sass": "^4.5.0",
"pre-commit": "^1.2.2",
"sass-true": "2.0.3",
"stylelint": "^7.9.0",
"stylelint-config-sky-uk": "3.0.0",
"stylelint-scss": "^1.4.3",
"stylelint-selector-bem-pattern": "^1.0.0"
"sass-true": "2.0.3"
}
}

@@ -1,3 +0,1 @@

[![npm version](https://badge.fury.io/js/sky-toolkit-core.svg)](https://badge.fury.io/js/sky-toolkit-core)
# Toolkit Core

@@ -7,5 +5,2 @@

Please see the main [Toolkit](https://github.com/sky-uk/toolkit) repo for:
* [README.md](https://github.com/sky-uk/toolkit/#toolkit)
* [CONTRIBUTING.md](https://github.com/sky-uk/toolkit/blob/master/CONTRIBUTING.md)
Please see [Toolkit's `README.md`](https://github.com/sky-uk/toolkit/#toolkit).

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