Employee Spotlight
From Academia to Industry
Philipp Burckhardt recounts his journey from childhood computer fascinations, to building an e-learning platform at Carnegie Mellon University, and on to his current role at Socket.
primer-marketing-support
Advanced tools
Sass variables, mixins, and functions for use in our components.
Readme
Support files are Sass variables, mixins, and functions that we import into different bases for use across components, objects, and utilities. Sharing these common properties across GitHub sites helps us to keep our styles more consistent.
Most of the time to include these you'll only need to add
@import "./primer-marketing-support";
to the top of your bundle. If you want only a specific partial you can import them separately.
This repository is a module of the full primer repository.
This repository is distributed with npm. After installing npm, you can install support
with this command.
$ npm install --save support
The source files included are written in Sass (scss
) You can simply point your sass include-path
at your node_modules
directory and import it like this.
@import "primer-marketing-support/index.scss";
You can also import specific portions of the module by importing those partials from the /lib/
folder. Make sure you import any requirements along with the modules.
This module extends the primer-core
spacing scale for marketing site needs. These are useful for achieving bigger vertical spacing between sections on marketing sites.
Starting where the primer-core
spacing scale ends at spacer 6, the marketing scale first steps up with 8px
for spacer 7 then steps in increments of 16px
from spacer 8 up to 12.
Scale | Value |
---|---|
7 | 48 |
8 | 64 |
9 | 80 |
10 | 96 |
11 | 112 |
12 | 128 |
See primer-marketing-support for the extended spacing scale used for marketing needs and the related y-axis spacing utilities for margin and padding.
MIT © GitHub
FAQs
Sass variables, mixins, and functions for use in our components.
The npm package primer-marketing-support receives a total of 2,045 weekly downloads. As such, primer-marketing-support popularity was classified as popular.
We found that primer-marketing-support demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 14 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Employee Spotlight
Philipp Burckhardt recounts his journey from childhood computer fascinations, to building an e-learning platform at Carnegie Mellon University, and on to his current role at Socket.
Security News
Git dependencies in open source packages can introduce significant risks, including lack of version control, stability issues, dependency drift, and difficulty in auditing, making them potential targets for supply chain attacks.
Security News
Node.js has added experimental support for TypeScript, a move that highlights the growing importance of TypeScript in modern development.