Normalization of CSS declarations
.component {
[box-model properties]
[positioning properties]
[font properties]
[other cosmetic properties]
[anamation properties]
}
.component {
/* Box-model */
display: block;
width: 100px;
height: 100px;
margin: 0 auto;
padding: 10px 20px;
float: right;
/* Positioning */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
/* Font */
color: #333;
font: normal 13px "Helvetica Neue", sans-serif;
line-height: 1.5;
text-align: center;
/* Cosmetic */
background-color: #f5f5f5;
border: 1px solid #e5e5e5;
border-radius: 3px;
opacity: 1;
/* Animation */
transition: all ease-in-out 0.3s;
}