primer-support
Advanced tools
Comparing version 4.8.0-alpha.da3ba6a1 to 4.8.0-alpha.dace91e8
@@ -20,5 +20,5 @@ --- | ||
<small>**Note:** The `lg` breakpoint matches our current page width of `980px` including left and right padding of `16px` (`$spacer-3`). This is so that content doesn't touch the edges of the window when resized.</small> | ||
**Note:** The `lg` breakpoint matches our current page width of `980px` including left and right padding of `16px` (`$spacer-3`). This is so that content doesn't touch the edges of the window when resized. | ||
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. | ||
@@ -30,3 +30,2 @@ ## Breakpoint variables | ||
```scss | ||
// breakpoints | ||
@@ -49,3 +48,2 @@ $width-xs: 0; | ||
) !default; | ||
``` | ||
@@ -58,3 +56,3 @@ | ||
``` | ||
```scss | ||
.styles { | ||
@@ -61,0 +59,0 @@ font-size: 28px; |
@@ -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.da3ba6a1", | ||
"version": "4.8.0-alpha.dace91e8", | ||
"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 @@ |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
59
31842