lightspeeddevelopment/lsx

View on GitHub
assets/css/admin/gutenberg-admin.css

Summary

Maintainability
Test Coverage

Don't use IDs in selectors.
Open

#editor .lsx-subheading h2 { font-size: 48px; color: #333; line-height: 50px; }

Don't use IDs in selectors.
Open

#editor .lsx-subheading p:last-child:after { content: ""; display: block; height: 2px; margin: 2.4rem auto 0; width: 80px; background-color: #dadddf; }

Don't use IDs in selectors.
Open

#editor .lsx-subheading p { font-size: 26px; color: #777; line-height: 30px; }

Don't use IDs in selectors.
Open

#editor .wp-block-cover .wp-block-cover__inner-container .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] { margin: 0; }

Don't use IDs in selectors.
Open

#editor .lsx-subheading p.has-text-align-right:after { margin-right: 0; margin-left: auto; }

Don't use IDs in selectors.
Open

#editor .wp-block-cover .block-editor-block-list__block { color: #444444; }

Don't use IDs in selectors.
Open

#editor .lsx-title > small { color: inherit; display: block; line-height: inherit; margin-top: 8px; }

Don't use IDs in selectors.
Open

#editor .lsx-subheading p:not(.has-text-align-center) { text-align: initial; }

Don't use IDs in selectors.
Open

#editor .lsx-subheading p.has-text-align-right { text-align: right; }

Don't use IDs in selectors.
Open

#editor .lsx-title:after { content: ""; display: block; height: 2px; margin: 2.4rem auto 0; width: 80px; background-color: #777; }

Don't use IDs in selectors.
Open

#editor .lsx-subheading p:not(.has-text-align-center):after { margin-left: 0; }

Don't use IDs in selectors.
Open

#editor .lsx-subheading p.has-text-align-left:after { margin-left: 0; }

The property -moz-box-align is compatible with -webkit-box-align and should be included as well.
Open

.button-holder { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; vertical-align: middle; margin: 0; padding: 0; }

The property -ms-box-align is compatible with -webkit-box-align and should be included as well.
Open

.button-holder { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; vertical-align: middle; margin: 0; padding: 0; }

The property -moz-box-pack is compatible with -webkit-box-pack and should be included as well.
Open

.button-holder { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; vertical-align: middle; margin: 0; padding: 0; }

Adjoining classes: .wp-admin.gutenberg-editor-page .wp-block-button .wp-block-button__link
Open

.wp-admin.gutenberg-editor-page .wp-block-button .wp-block-button__link { border: 0 none; border-radius: 3px; font-size: 14px; font-weight: 700; height: 48px; letter-spacing: 0.6px; line-height: 1.25; padding: 15px; text-transform: uppercase; }

The property -ms-box-pack is compatible with -webkit-box-pack and should be included as well.
Open

.button-holder { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; vertical-align: middle; margin: 0; padding: 0; }

Element (p.has-text-align-left:after) is overqualified, just use .has-text-align-left without element name.
Open

#editor .lsx-subheading p.has-text-align-left:after { margin-left: 0; }

Using height with border can sometimes make elements larger than you expect.
Open

.wp-admin.gutenberg-editor-page .wp-block-button .wp-block-button__link { border: 0 none; border-radius: 3px; font-size: 14px; font-weight: 700; height: 48px; letter-spacing: 0.6px; line-height: 1.25; padding: 15px; text-transform: uppercase; }

Using height with padding can sometimes make elements larger than you expect.
Open

.wp-admin.gutenberg-editor-page .wp-block-button .wp-block-button__link { border: 0 none; border-radius: 3px; font-size: 14px; font-weight: 700; height: 48px; letter-spacing: 0.6px; line-height: 1.25; padding: 15px; text-transform: uppercase; }

Heading (h2) has already been defined.
Open

#editor .lsx-subheading h2 { font-size: 48px; color: #333; line-height: 50px; }

Heading (h1) should not be qualified.
Open

body.block-editor-page h1, body.block-editor-page h2, body.block-editor-page h3, body.block-editor-page h4, body.block-editor-page h5, body.block-editor-page h6 { font-family: "Lora", serif; font-weight: normal; }

Heading (h4) should not be qualified.
Open

body.block-editor-page h1, body.block-editor-page h2, body.block-editor-page h3, body.block-editor-page h4, body.block-editor-page h5, body.block-editor-page h6 { font-family: "Lora", serif; font-weight: normal; }

Rule doesn't have all its properties in alphabetical order.
Open

.button-holder { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; vertical-align: middle; margin: 0; padding: 0; }

Heading (h2) should not be qualified.
Open

body.block-editor-page h1, body.block-editor-page h2, body.block-editor-page h3, body.block-editor-page h4, body.block-editor-page h5, body.block-editor-page h6 { font-family: "Lora", serif; font-weight: normal; }

Heading (h2) should not be qualified.
Open

#editor .lsx-subheading h2 { font-size: 48px; color: #333; line-height: 50px; }

Heading (h6) should not be qualified.
Open

body.block-editor-page h1, body.block-editor-page h2, body.block-editor-page h3, body.block-editor-page h4, body.block-editor-page h5, body.block-editor-page h6 { font-family: "Lora", serif; font-weight: normal; }

Heading (h3) should not be qualified.
Open

body.block-editor-page h1, body.block-editor-page h2, body.block-editor-page h3, body.block-editor-page h4, body.block-editor-page h5, body.block-editor-page h6 { font-family: "Lora", serif; font-weight: normal; }

Rule doesn't have all its properties in alphabetical order.
Open

#editor .lsx-subheading p.has-text-align-right:after { margin-right: 0; margin-left: auto; }

Rule doesn't have all its properties in alphabetical order.
Open

#editor .lsx-title:after { content: ""; display: block; height: 2px; margin: 2.4rem auto 0; width: 80px; background-color: #777; }

Rule doesn't have all its properties in alphabetical order.
Open

#editor .lsx-subheading h2 { font-size: 48px; color: #333; line-height: 50px; }

Heading (h5) should not be qualified.
Open

body.block-editor-page h1, body.block-editor-page h2, body.block-editor-page h3, body.block-editor-page h4, body.block-editor-page h5, body.block-editor-page h6 { font-family: "Lora", serif; font-weight: normal; }

Rule doesn't have all its properties in alphabetical order.
Open

#editor .lsx-subheading p { font-size: 26px; color: #777; line-height: 30px; }

Rule doesn't have all its properties in alphabetical order.
Open

#editor .lsx-subheading p:last-child:after { content: ""; display: block; height: 2px; margin: 2.4rem auto 0; width: 80px; background-color: #dadddf; }

There are no issues that match your filters.

Category
Status