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

Add CSS structure and header styles #1

Merged
merged 4 commits into from Jul 1, 2016
Merged

Conversation

codeithuman
Copy link
Contributor

This PR will add CSS structure and header styles.

Notes:

I removed the bold font-weight on the active link. Having the bold font-weight causes the width of the link to change. In turn this could cause the link at the end of the line to drop down to the next row, which would be annoying.

Also, I am not done with changing variable names and base styles. I'll be updating these as I continue.

Desktop:

screen shot 2016-07-01 at 2 22 14 pm

Mobile:
No extra work was put into mobile, but this is what it looks like.

screen shot 2016-07-01 at 2 25 51 pm

@danielberkompas @yulianglukhenko

// $primary-color: #043878;
// $secondary-color: #2097B8;
// $torch-primary-color: #043878;
// $torch-secondary-color: #2097B8;
// $tertiary-color: #33752C;
Copy link
Contributor

Choose a reason for hiding this comment

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

Shouldn't all these variables be name-spaced, not just the top two?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yes @zberkom. I noted this above.

@zberkom
Copy link
Contributor

zberkom commented Jul 1, 2016

Looks good. Just a little name-spacing I think should be added, but other than that it's great!

@yulolimum
Copy link
Contributor

@ajrob27 a trick to adding weight to font without changing its width is to use text-shadow: text-shadow: 1px 1px 0px black . You can adjust the widths depending on the font-size.

@codeithuman
Copy link
Contributor Author

Nice @yulianglukhenko I'll give that a try.

@codeithuman codeithuman merged commit bdb08cd into master Jul 1, 2016
@codeithuman codeithuman deleted the feature/header-ui branch July 1, 2016 22:47
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.

None yet

3 participants