LogoLogo
  • 🧙‍♂️Dude Coding Standards
  • HTML
    • Accessible HTML Guidelines
      • Blocks
      • Upper title/Prefix
      • Global links
      • Search form
    • HTML elements
      • Lists
      • Headings
  • PHP
    • PHP Guidelines
    • Linting PHP with PHP_CodeSniffer
  • CSS
    • CSS and SCSS Guidelines
      • Naming Conventions
        • Custom properties and variables
        • Naming classes
      • Defining font families
      • Nesting
    • Stylelint
  • SVGs
    • Importing SVG files into a project
    • SVGs and accessibility
    • Styling SVGs
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub
Export as PDF
  1. CSS

CSS and SCSS Guidelines

Last updated 8 months ago

Was this helpful?

Dude uses SCSS and modern CSS for styles. Our way of doing cascading style sheets is our own hybrid that is based on and the style guide used by by WordPress. Practically this brings us the is-* and has-* naming conventions in selectors.

The Guidelines are based on stylelint standards we have defined. Our stylelint config extends stylelint-config-standard and stylelint-config-recommended-scss. View the full .stylelintrc here:

SMACSS (Scalable and Modular Architecture for CSS)
Gutenberg
devpackages/.stylelintrc at master · digitoimistodude/devpackagesGitHub
Logo