codeRIT/hackathon_manager

View on GitHub
website/static/css/custom.css

Summary

Maintainability
Test Coverage
/* your custom css */
 
a {
color: #1775d3;
}
 
a:active,
a:hover {
color: #194776;
}
 
a:active .headerTitleWithLogo,
a:hover .headerTitleWithLogo {
color: #fff;
}
 
Rule doesn't have all its properties in alphabetical order.
.gridBlock .twoByGridBlock {
justify-content: center;
align-items: center;
}
 
Rule doesn't have all its properties in alphabetical order.
.imageAlignSide .blockContent {
max-width: 560px;
margin-top: -30px;
}
 
/* Override text-align: left; */
Heading (h2) should not be qualified.
.container .wrapper .imageAlignSide h2 {
text-align: center;
}
 
@media (max-width: 400px) {
.projectTitle {
font-size: 230%;
}
}
 
@media (max-width: 480px) {
/* Override display: none; */
.headerTitleWithLogo {
Use of !important
display: block !important;
}
}
 
@media only screen and (max-width: 900px) {
Adjoining classes: .container.paddingTop
.container.paddingTop {
padding-top: 20px;
}
 
Rule doesn't have all its properties in alphabetical order.
.imageAlignSide .blockContent {
margin-top: 0;
flex-basis: 400px;
}
 
.imageAlignSide .blockImage {
display: block;
margin-left: 0;
margin-right: 0;
}
}
 
@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
}
 
@media only screen and (min-width: 1024px) {
}
 
@media only screen and (max-width: 1023px) {
}
 
@media only screen and (min-width: 1400px) {
}
 
@media only screen and (min-width: 1500px) {
}