Socket
Socket
Sign inDemoInstall

@material/theme

Package Overview
Dependencies
Maintainers
9
Versions
1678
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/theme - npm Package Compare versions

Comparing version 0.4.0 to 0.24.0

_color-palette.scss

2

package.json
{
"name": "@material/theme",
"description": "The Material Components for the web theming system",
"version": "0.4.0",
"version": "0.24.0",
"license": "Apache-2.0",

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

@@ -169,3 +169,3 @@ <!--docs:

#### `mdc-theme-luminance`
#### `mdc-theme-luminance($color)`

@@ -178,3 +178,3 @@ Calculates the luminance value (0 - 1) of a given color.

#### `mdc-theme-contrast`
#### `mdc-theme-contrast($back, $front)`

@@ -187,3 +187,3 @@ Calculates the contrast ratio between two colors.

#### `mdc-theme-light-or-dark`
#### `mdc-theme-light-or-dark($color)`

@@ -196,3 +196,3 @@ Determines whether to use light or dark text on top of a given color.

#### `mdc-theme-light-variant` and `mdc-theme-dark-variant`
#### `mdc-theme-light-variant($color)` and `mdc-theme-dark-variant($color)`

@@ -217,1 +217,19 @@ Function | Description

input is already very dark. This ensures that the _light_ variant will always be lighter than the _dark_ variant.
#### `mdc-theme-prop-value($property)`
If `$property` is a literal color value (e.g., `blue`, `#fff`), it is returned verbatim. Otherwise, the value of the
corresponding theme property (from `$mdc-theme-property-values`) is returned. If `$property` is not a color and no
such theme property exists, an error is thrown.
This is mainly useful in situations where `mdc-theme-prop` cannot be used directly (e.g., `box-shadow`).
Unlike the `mdc-theme-prop` mixin, this function does _not_ support CSS custom properties.
It only returns the raw color value of the specified theme property.
> NOTE: This function is defined in `_variables.scss` instead of `_functions.scss` to avoid circular imports.
```scss
@debug mdc-theme-prop-value(primary); // #3f51b5
@debug mdc-theme-prop-value(blue); // blue
```

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