hpi-schuelerklub/workshop-portal

View on GitHub
app/assets/stylesheets/start-page-pictures.css

Summary

Maintainability
Test Coverage
 
.start-page-pictures {
position: relative;
}
 
Rule doesn't have all its properties in alphabetical order.
.start-page-picture {
padding: 6px;
position: absolute;
background: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.start-page-picture img {
width: 350px;
}
Rule doesn't have all its properties in alphabetical order.
.start-page-pictures .picture-1 {
transform: rotate(10deg);
Standard property 'transform' should come after vendor-prefixed property '-webkit-transform'.
-webkit-transform: rotate(10deg);
Standard property 'transform' should come after vendor-prefixed property '-moz-transform'.
-moz-transform: rotate(10deg);
Standard property 'transform' should come after vendor-prefixed property '-ms-transform'.
-ms-transform: rotate(10deg);
top: 40px;
left: 30px;
}
Rule doesn't have all its properties in alphabetical order.
.start-page-pictures .picture-2 {
transform: rotate(5deg);
Standard property 'transform' should come after vendor-prefixed property '-webkit-transform'.
-webkit-transform: rotate(5deg);
Standard property 'transform' should come after vendor-prefixed property '-moz-transform'.
-moz-transform: rotate(5deg);
Standard property 'transform' should come after vendor-prefixed property '-ms-transform'.
-ms-transform: rotate(5deg);
top: 160px;
left: 200px;
z-index: 2;
}
Rule doesn't have all its properties in alphabetical order.
.start-page-pictures .picture-3 {
transform: rotate(-5deg);
Standard property 'transform' should come after vendor-prefixed property '-webkit-transform'.
-webkit-transform: rotate(-5deg);
Standard property 'transform' should come after vendor-prefixed property '-moz-transform'.
-moz-transform: rotate(-5deg);
Standard property 'transform' should come after vendor-prefixed property '-ms-transform'.
-ms-transform: rotate(-5deg);
top: 240px;
left: 30px;
}