Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Refactor homepage cat CSS and reduce nesting #1464

Merged
merged 2 commits into from
Dec 13, 2016

Conversation

muffinresearch
Copy link
Contributor

@muffinresearch muffinresearch commented Dec 7, 2016

Before:

modules_pour_firefox

After:

modules_pour_firefox

Copy link
Contributor

@tofumatt tofumatt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

r+wc, would just like to see non-abbreviated class names. Thanks!

padding-bottom: 100%;
}
}
.HomePage-cat-li {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I know the extra characters make the HTML longer but can we make this .HomePage-category-li? The abbreviations always trip me up and I'd like to discourage their use 😄

}
}
.HomePage-cat-li {
background-color: #fff;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should use $base-color from ~core/css/inc/vars here instead, just in case we ever want to change these colours.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good catch!

@@ -103,49 +92,50 @@
}

.HomePage-block-ads {
background: url('../img/home/block-ads.svg') no-repeat 50% 35%;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Very nice 👍

@muffinresearch muffinresearch merged commit e5eed22 into mozilla:master Dec 13, 2016
@muffinresearch muffinresearch deleted the fix-homepage-list-text branch December 13, 2016 15:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants