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

@patternfly/pfe-sass

Package Overview
Dependencies
Maintainers
16
Versions
72
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@patternfly/pfe-sass - npm Package Compare versions

Comparing version 1.12.3 to 2.0.0-next.0

CHANGELOG.md

72

package.json
{
"name": "@patternfly/pfe-sass",
"pfelement": {
"className": "PfeSass",
"elementName": "pfe-sass",
"title": "Sass tooling",
"preview": "sass--screenshot.png"
},
"version": "1.12.3",
"version": "2.0.0-next.0",
"license": "MIT",
"description": "Sass variables and mixins for PatternFly Elements",
"main": "./index.scss",
"publishConfig": {
"access": "public"
"access": "public",
"registry": "https://registry.npmjs.org/"
},
"description": "Sass variables and mixins for PatternFly Elements",
"scripts": {
"analyze": "sassdoc {extends,functions,maps,mixins,variables}/_*.scss index.scss"
},
"keywords": [
"web-components",
"html"
"html",
"css",
"design system"
],

@@ -21,46 +23,18 @@ "repository": {

"url": "github:patternfly/patternfly-elements",
"directory": "elements/pfe-sass"
"directory": "core/pfe-sass"
},
"browserslist": [
"last 2 versions",
"Firefox >= 78",
"iOS >= 8",
"ie 11"
],
"main": "./pfe-sass.scss",
"scripts": {
"build": "../../node_modules/.bin/gulp",
"dev": "../../node_modules/.bin/gulp dev",
"watch": "../../node_modules/.bin/gulp watch"
"bugs": {
"url": "https://github.com/patternfly/patternfly-elements/issues"
},
"contributors": [
{
"name": "Kyle Buchanan",
"email": "kylebuch8@gmail.com",
"url": "https://github.com/kylebuch8"
},
{
"name": "Mark Caron",
"email": "mark@redhat.com",
"url": "https://github.com/markcaron"
},
{
"name": "castastrophe",
"url": "https://github.com/castastrophe"
},
{
"name": "Kendall Totten"
},
{
"name": "cd"
}
"Kyle Buchanan <kylebuch8@gmail.com> (https://github.com/kylebuch8)",
"Mark Caron <mark@redhat.com> (https://github.com/markcaron)",
"castastrophe <https://github.com/castastrophe>",
"Kendall Totten",
"cd",
"Benny Powers <bennyp@redhat.com>"
],
"license": "MIT",
"bugs": {
"url": "https://github.com/patternfly/patternfly-elements/issues"
},
"dependencies": {
"@patternfly/patternfly": "^4.23.3"
},
"gitHead": "8cad71b1de7cb39aa77372fa8ae228b813e700c5"
"@patternfly/patternfly": "^4.153.0"
}
}

@@ -12,3 +12,3 @@ # PFE SASS

## Notes on using broadcast colors in components
## Notes on using broadcast colors in components

@@ -36,3 +36,2 @@ 1. Try to map CSS __properties__ such as `color` only once. If updates to that property are needed, those should be done by updating the local variable.

::slotted(a) {
// color: blue; CSS compiler will print this for IE11
color: var(--pfe-cta--Color, blue) !important;

@@ -44,3 +43,3 @@ }

:host {
--pfe-cta--Color: var(broadcasted--link, var(theme--link, #06c));
--pfe-cta--Color: var(broadcasted--link, var(theme--link, #06c));
}

@@ -59,3 +58,3 @@

There are a variety of mixins, extends, and variables available in pfe-sass. We recommend checking out the sass doc for extensive information about how to use these tools.
There are a variety of mixins, extends, and variables available in pfe-sass. We recommend checking out the sass doc for extensive information about how to use these tools.

@@ -71,11 +70,11 @@ There are already utility / modifier classes available within pfe-typography-classes.css for use within long form content. However if you need custom classes, you can utilize either the placeholders, or the `pfe-typography` mixin.

.custom-text--bar {
@include pfe-typography(lg, $type: "text");
@include pfe-typography(lg, $type: "text");
}
.custom-text--baz {
@include pfe-typography(lg, $type: "text", $base: true);
@include pfe-typography(lg, $type: "text", $base: true);
}
```
```css

@@ -140,6 +139,6 @@ .custom-text--foo {

.custom-title--bar {
@include pfe-typography(lg, $type: "title");
@include pfe-typography(lg, $type: "title");
}
.custom-title--baz {
@include pfe-typography(lg, $type: "title", $base: false);
@include pfe-typography(lg, $type: "title", $base: false);
}

@@ -235,2 +234,1 @@ ```

```

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