open-props.style/ - See details

h1s:
- Supercharged
- CSS variables.
h2s:
- Built with Open Props
- Why Use Open Props?
- Overview
- This site is built with Open Props.
- Getting Started
- Colors
- Brand Colors
- Gradients
- Shadows
- Aspect Ratios
- Typography
- Easing
- Animations
- Sizes
- Borders
- Z Index
- Media Queries
- Masks
h3s:
- Hero Layout
- Adaptive Buttons
- Adaptive Cards
- Pagination Example
- 4 Color Schemes
- Light / Dark Switch
- Make it pop
- Normalize Preview
- 1) Color theming
- 2) Creating adaptive color schemes
- 3) Using the aliases
- 1) Normalize Theme Switch
- 2) Section theme
- Noise
- Combine 'em!
- Border Size
- Border Radius
- Drawn Borders
- Blobs
- Mask Edges
- Mask Corner Cuts
title: Open Props: sub-atomic styles
emails:
robots: None
keywords: None
og_title: Open Props: sub-atomic styles
addresses:
canonical: None
text_size: 41896
rta_rating: None
h1_analysis: multiple
h2_analysis: 18 found
og_site_name: None
url_analysis:
phone_numbers:
- 1 2 3 4 5 6
- 2147483647
- 1 2 3 4 5 6 7 8 9 0
summary_issues:
- title: short
- h1: multiple
title_analysis: short
meta_description: Open source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or Javascript.
canonical_analysis: missing
responsive_analysis:
- score: 15
- messages_bad: []
- messages_good: ['Recommended viewport tag found.', 'Potential responsive CSS (@media, max/min-width) detected in HTML source.']
searchengine_analysis:
- score: 30
- messages_bad: []
- messages_good: ['Meta description tag found.', 'H1 tag(s) found.', 'Site uses HTTPS.']
meta_description_analysis: ok

Open Props: sub-atomic styles

Contact Information

More Details

Social links on the page

Image Gallery