css standarisation - Kratak/Demo-Apps-Page GitHub Wiki

css Breakpoints

• sm min-width: 554px
• md min-width: 768px
• lg min-width: 1012px
• xl min-width: 1280px

css Declarations order

Declarations inside a ruleset will be organized following this order:

1. Box model:

• display: block;
• flex-wrap: wrap;
• float: right;
• box-sizing: border-box;
• width: 100px;
• height: 100px;
• margin: 0;
• padding: 0;
• justify-content: space-between;

2. Positioning:

• position: absolute;
• top: 0;
• right: 0;
• bottom: 0;
• left: 0;
• z-index: 100;

3. Visual (Borders & Background):

• background-color: #f5f5f5;
• border: 1px solid #e5e5e5;
• border-radius: 3px;

4. Typography:

• font-weight: 100;
• font-size: 13px;
• font-family: Helvetica;
• line-height: 1.5;
• color: #333;
• text-align: center;
• text-transform: uppercase;

5 .Misc:

• animations, transforms, etc.