Research
Security News
Threat Actor Exposes Playbook for Exploiting npm to Build Blockchain-Powered Botnets
A threat actor's playbook for exploiting the npm ecosystem was exposed on the dark web, detailing how to build a blockchain-powered botnet.
@davidsouther/jiffies-css
Advanced tools
Post-Modern CSS Full-Page Reset
reset
Base browser resets.theme
Define root variables.layout
Base semantic layout features.content
Styles for built-in browser elements.components
Opinionated, robust componentsutility
Class-based helper utilities.user
Untouched layer for users to override all properties.body (> #root) > { main, header, footer, aside }(.fluid)
scrolling
figure(.scroll-{x,y})
html
hgroup
h1
h2
h3
h4
h5
h6
p
ul
ol
blockquote
textarea
a[.secondary,.contrast]
abbr
strong
b
em
i
cite
del
ins
kbd
mark
s
small
sub
sub
u
button
a[role=button]
input[type={button,submit,reset]
label
input
select
textarea
label
fieldset
legend
\[aria-invalid]
\[disabled]
\[readonly]
input\[type={checkbox,radio}]\[role=switch]
[type={color,date,file,search}]table
thead
tbody
tfoot
tr
th
td
{article, section} > {main, header, footer}
details { @nest summary }
details \[role=tablist] summary\[role=tab]
dialog
nav > ol
span:has(nav > ol) nav > ol
progress
dl, dt, dd
fieldset\[role=group]
\[aria-busy=true]
\[data-tooltip][data-direction]
.flex
.row
.inline
.flex-{0-4}
.justify-{around, between, center}
.align-{baseline, center, stretch, end}
Size | Breakpoint | Viewport | Columns | base |
---|---|---|---|---|
xs | 0 | 1 | 12px | |
sm | 510px | 425px | 1 | 14px |
md | 768px | 700px | 1 | 16px |
lg | 1024px | 920px | 2 | 18px |
xl | 1440px | 1130px | 2 | 20px |
4k | 2560px | 2170px | 4 | 24px |
Override variables.
color
)spacing
)font
)
--phi-quart: 6.854
--phi-cube: 4.236
--phi-square: 2.618
--phi-3-2: 2.058
--phi: 1.618
--phi-half: 1.272
--phi-zero: 1
--phi-root: 0.786
--sizing-base
(responsive)
--sizing-
--spacing-block`
--font-size: --sizing-base
: (1rem), --font-height: calc(var(--phi) * 1em)
--font-size-heading-title
--phi-cube
<h1>--font-size-heading-container
--phi-square
<h2>--font-size-heading-section
--phi-3-2
<h3>--font-size-body
--phi-zero
<p>--font-size-figure
--phi-half
<figure> <figcaption>--font-weight
400 Normal
--font-weight-heavy
700 Bold--font-weight-light
300 Light--font-family
Poppins
--font-family-heading
Jet-Brains Mono--font-family-monospace
Libre Baskerville--font-family-table
Trebuchet--spacing
Unitless spacing multiplier for margins and paddings. 1 = comfortable, .5 = compact
--spacing-block-horizontal
, --spacing-block-vertical
Modify vertical and horizontal density separately--border-radius-container
.5rem
--border-radius-item
.25rem
--border-radius-button
--border-radius-input
--border-radius-inline
.125rem
--border-radius-badge
Full colors
--white
--black
Color part variables
--primary-luminance
--primary-chroma
--color-primary-hue
--color-form-base
--color-form-invalid
--color-form-disabled
--color-form-required
Color Functions
--color
--motion-duration-snap
115MS--motion-duration-shake
165MS--motion-duration-draw
250MS--motion-curve-smooth
(0.00, 0.00, 0.00, 1.00)--motion-curve-sticky
(1.00, 0.00, 0.83, 1.00)--motion-curve-draw
(0.84, 0.00, 0.16, 1.00)FAQs
Post-modern full-app CSS reset.
The npm package @davidsouther/jiffies-css receives a total of 8 weekly downloads. As such, @davidsouther/jiffies-css popularity was classified as not popular.
We found that @davidsouther/jiffies-css demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer 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.
Research
Security News
A threat actor's playbook for exploiting the npm ecosystem was exposed on the dark web, detailing how to build a blockchain-powered botnet.
Security News
NVD’s backlog surpasses 20,000 CVEs as analysis slows and NIST announces new system updates to address ongoing delays.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.