Showing 9,134 of 9,134 total issues
Don't use IDs in selectors. Open
Open
#account-nav .nav.nav-pills li, #type-nav .nav.nav-pills li { margin-left: 2px; }
- Exclude checks
Don't use IDs in selectors. Open
Open
#account-nav .nav.nav-pills li a::after, #type-nav .nav.nav-pills li a::after { content: ''; margin-right: 10px; background-size: contain; display: inline-block; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center; font-family: FontAwesome; font-size: 15px; position: relative; color: #418ad0; opacity: 0.5; }
- Exclude checks
The property -moz-box-pack is compatible with -webkit-box-pack and should be included as well. Open
Open
#account-nav .nav.nav-pills li a, #type-nav .nav.nav-pills li a { border-radius: 0; background: #ffffff; font-family: 'Noto Sans', sans-serif; font-size: 15px; color: #999999; padding: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 200px; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
- Exclude checks
Don't use IDs in selectors. Open
Open
@media (max-width: 600px) { #account-nav .nav.nav-pills li a::after, #type-nav .nav.nav-pills li a::after { width: 100%; height: 20px; margin: 0 0 5px 0; } }
- Exclude checks
Adjoining classes: #type-nav .nav.nav-pills li a Open
Open
@media (max-width: 600px) { #account-nav .nav.nav-pills li a, #type-nav .nav.nav-pills li a { font-size: 13px; width: 100%; padding: 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; min-width: auto; line-height: 25px; } }
- Exclude checks
Adjoining classes: #account-nav .nav.nav-pills li a.logout-tab::after Open
Open
#account-nav .nav.nav-pills li a.logout-tab::after, #type-nav .nav.nav-pills li a.logout-tab::after { content: '\f090'; }
- Exclude checks
Adjoining classes: .gutenberg-compatible-template.using-gutenberg .entry-content .my-profile-block Open
Open
@media (max-width: 768px) { .gutenberg-compatible-template.using-gutenberg .entry-content .my-profile-block { min-height: 250px; } }
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
.gutenberg-compatible-template.using-gutenberg .entry-content .my-profile-block .wp-block-cover__inner-container > h2 { margin: 0; font-size: 42px; font-weight: bold; }
- Exclude checks
The property -ms-box-pack is compatible with -webkit-box-pack and should be included as well. Open
Open
.my-profile-block > .wp-block-cover__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1140px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 7rem 0 2rem; }
- Exclude checks
Heading (h2) should not be qualified. Open
Open
.gutenberg-compatible-template.using-gutenberg .entry-content .my-profile-block .wp-block-cover__inner-container > h2 { margin: 0; font-size: 42px; font-weight: bold; }
- Exclude checks
The property -moz-box-align is compatible with -webkit-box-align and should be included as well. Open
Open
@media (max-width: 768px) { .my-profile-block > .wp-block-cover__inner-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }
- Exclude checks
The property -ms-box-direction is compatible with -webkit-box-direction and should be included as well. Open
Open
.my-profile-block .profile-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; margin-left: 20px; }
- Exclude checks
The property -moz-box-pack is compatible with -webkit-box-pack and should be included as well. Open
Open
@media (max-width: 768px) { .my-profile-block #dashboard-card { max-width: 600px; top: 0; width: 100%; padding: 2rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
.my-profile-block .profile-navigation .profile-photo img { border-radius: 100px; border: 4px solid white; min-height: 95px; min-width: 95px; width: 95px; height: 95px; -o-object-fit: cover; object-fit: cover; }
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
@media (max-width: 768px) { .my-profile-block #dashboard-card { max-width: 600px; top: 0; width: 100%; padding: 2rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
@media (min-width: 768px) and (max-width: 1140px) { .gutenberg-compatible-template.using-gutenberg .entry-content .all-plans-block { padding-right: 30px; padding-left: 30px; } }
- Exclude checks
Adjoining classes: .daily-plan-block .day .daily-plan-block.week-grid .week-row .week-row-inner .day.completed Open
Open
@media (max-width: 500px) { .daily-plan-block .day .daily-plan-block.week-grid .week-row .week-row-inner .day.completed { padding: 5px; } }
- Exclude checks
The property -moz-box-align is compatible with -webkit-box-align and should be included as well. Open
Open
.my-profile-block .profile-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; margin-left: 20px; }
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
.daily-plan-block .day .plan-content { font-size: 22px; font-weight: bold; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; }
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
.progress progress[value] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 20px; }
- Exclude checks