Skip to content

Instantly share code, notes, and snippets.

@kyrose
Created September 20, 2019 20:09
Show Gist options
  • Save kyrose/93876f0de4b36a6578b01f9e77210019 to your computer and use it in GitHub Desktop.
Save kyrose/93876f0de4b36a6578b01f9e77210019 to your computer and use it in GitHub Desktop.
A reference for grouping selector properties by type. From https://css-tricks.com/poll-results-how-do-you-order-your-css-properties/
.selector {
/* Positioning */
position: absolute;
z-index: 10;
top: 0;
right: 0;
/* Display & Box Model */
display: inline-block;
overflow: hidden;
box-sizing: border-box;
width: 100px;
height: 100px;
padding: 10px;
border: 10px solid #333;
margin: 10px;
/* Color */
background: #000;
color: #fff
/* Text */
font-family: sans-serif;
font-size: 16px;
line-height: 1.4;
text-align: right;
/* Other */
cursor: pointer;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment