css-helpers

Common CSS shortcuts I use to make life easier.

A Few Examples

Review the source for all shortcuts.

• .flex-even = display: flex; justify-content: space-evenly;
• .fb = font-weight: bold;
• .fs20 = font-size: 20px;
• .fu = text-transform: uppercase;
• .lh2 = line-height: 200%;
• .m15 = margin: 15px;
• .mb15 = margin-bottom: 15px;
• .p15 = padding: 15px;
• .pt15 = padding-top:15px;
• .pn = padding: 0;
• .w300 = width:300px;
• .max-w300 = max-width:300px;