Security News
Cloudflare Adds Security.txt Setup Wizard
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
@vonage/vvd-typography
Advanced tools
Vivid provides typography definitions as part of it's underlying design system.
In majority of cases consumer will have the typography set correctly either via the Vivid components or Vivid context, so nothing has to be done to get it be used.
Vivid typography is built from the Spezia font family, namely the regular one and the monospace one.
Vivid provides several typography types, all of which can be used in several variations.
Typography type refers to the principally distint set of parameters, most notably font-size
, font-weight
and font-stretch
.
By variation term we mean either a base typography type taken as it is, or some specific deviation from it, most notably either in font-weight
(bold variation), font-family
(monospace) or text-decoration
(underline).
Principal distinction between the types and the variations is, that variation may be applied to the 'current' type, without knowing much of it. This way we can achieve the following carthesian matrix of typography flavors:
Vivid typography types are principally split into 2 categories: Heading and Content.
Heading part handles the typography types of headers. There are 6 types in this category, corresponding to the 6 header elements in HTML specification. Usage of these kinds of typographies is simple and straight forward - just putting the relevant header element (as specified by the designer :)
Content typographies comprised from 3 types: Body 1, Body 2 and Caption. In this case, too, the usage is bound to the components or the HTML context.
Be it heading line or regular paragraph text, we might need to style some of the words in a slightly deviating way.
Take for example the code
element. The way this element deviates from the surrounding context is by usage of Monospaced font-family, while the rest of the typography attributes are staying the same.
These kinds of changes, most notably inline elements aspects, we call variations. There are 4 variations in the Vivid design system as a whole:
base
- regularly used, default variation for each typography typemonospace
- monospaced variation is mostly used for the code snippets, keyboard sequences etcbold
- this is for strong inline element and some of the components (button)underline
- rarely used variation, used now for a link styling2.30.3 (2022-05-26)
Note: Version bump only for package @vivid/root
FAQs
> TODO: description
The npm package @vonage/vvd-typography receives a total of 346 weekly downloads. As such, @vonage/vvd-typography popularity was classified as not popular.
We found that @vonage/vvd-typography demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 51 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.
Security News
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.