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

primer-support

Package Overview
Dependencies
Maintainers
14
Versions
843
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

primer-support - npm Package Compare versions

Comparing version 4.8.0-alpha.4ab66aaa to 4.8.0-alpha.4b1305d3

2

docs/breakpoints.md

@@ -22,3 +22,3 @@ ---

Responsive styles are available for [margin](../../utilities/margin/#responsive-margins), [padding](../../utilities/padding#responsive-padding), [layout](../../utilities/layout), [flexbox](../../utilities/flexbox#responsive-flex-utilities), and the [grid](../../objects/grid#responsive-grids) system.
Responsive styles are available for [margin](/css/utilities/margin#responsive-margins), [padding](/css/utilities/padding#responsive-padding), [layout](/css/utilities/layout), [flexbox](/css/utilities/flexbox#responsive-flex-utilities), and the [grid](/css/objects/grid#responsive-grids) system.

@@ -25,0 +25,0 @@ ## Breakpoint variables

@@ -23,5 +23,5 @@ ---

These variables are encouraged to be used within components and custom CSS. The spacing scale is also used for [margin](../../utilities/margin) and [padding](../../utilities/padding) utilities.
These variables are encouraged to be used within components and custom CSS. The spacing scale is also used for [margin](/css/utilities/margin) and [padding](/css/utilities/padding) utilities.
See [primer-marketing-support](../../support/marketing-variables/) for the extended spacing scale used for marketing needs and the related y-axis spacing utilities for [margin](../../utilities/marketing-margin) and [padding](../../utilities/marketing-padding).
See [primer-marketing-support](/css/support/marketing-variables) for the extended spacing scale used for marketing needs and the related y-axis spacing utilities for [margin](/css/utilities/marketing-margin) and [padding](/css/utilities/marketing-padding).

@@ -28,0 +28,0 @@ ## Em-based spacing

@@ -15,3 +15,3 @@ ---

Font sizes are smaller on mobile and scale up at the `md` [breakpoint](./../breakpoints) to be larger on desktop.
Font sizes are smaller on mobile and scale up at the `md` [breakpoint](./breakpoints) to be larger on desktop.

@@ -29,3 +29,3 @@ | Scale | Font size: mobile | Font size: desktop | 1.25 line height | 1.5 line height |

The typography scale is used to create [typography utilities](../../utilities/typography).
The typography scale is used to create [typography utilities](/css/utilities/typography).

@@ -69,3 +69,3 @@ ## Typography variables

## Typography Mixins
Typography mixins are available for heading styles and for our type scale. They can be used within components or custom CSS. The same styles are also available as [utilities](../../utilities/typography/#heading-utilities). which requires no additional CSS.
Typography mixins are available for heading styles and for our type scale. They can be used within components or custom CSS. The same styles are also available as [utilities](/css/utilities/typography#heading-utilities). which requires no additional CSS.

@@ -72,0 +72,0 @@ Heading mixins are available for `h1` through to `h6`, this includes the font-size and font-weight. Example:

{
"version": "4.8.0-alpha.4ab66aaa",
"version": "4.8.0-alpha.4b1305d3",
"name": "primer-support",

@@ -4,0 +4,0 @@ "description": "Sass variables, mixins, and functions for use in our components.",

@@ -42,7 +42,8 @@ # Primer Support

We've documented variables, mixins, and the systems they are built on for the following:
- [Breakpoints](./support/breakpoints)
- [Colors](./support/color-system)
- [Spacing](./support/spacing)
- [Typography](./support/typography)
- [Breakpoints](/css/support/breakpoints)
- [Colors](/css/support/color-system)
- [Spacing](/css/support/spacing)
- [Typography](/css/support/typography)
<!-- %enddocs -->

@@ -49,0 +50,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