Skip to content

Instantly share code, notes, and snippets.

@jaseflow
Last active June 30, 2018 01:45
Show Gist options
  • Save jaseflow/58ac6cc15142c708790ed5d3e5d37182 to your computer and use it in GitHub Desktop.
Save jaseflow/58ac6cc15142c708790ed5d3e5d37182 to your computer and use it in GitHub Desktop.
css standards
  • CSS is written mobile first
  • standardise modifier classes ie. --visible --show --hide
  • single depth selectors EXCEPT for when children elements will change through a parent modifier .ie .element:hover .element__child
  • comment strange code ie. padding-top: calc(100% - 2.45rem) // what is this
  • media queries should not be nested
  • media queries should use min-width to make changes as screen sizes increase
  • media queries should be in order of screen size
  • animations that are not shared should be declared immediately above the element using the animation
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment