Project Feedback

[yufenhsi]

Create a Sassy component library

@egillespie Can you take a look at this? It's hosted here and meets the following criteria:

• [x] All components in this HTML are styled using Sass
• [x] Use four colors from a random color palette (just copy the hex values into your Sass file) and link to your palette in the HTML
• [x] Font sizes are all determined by one base font size variable, even in input and textarea elements
• [x] All text uses the same font family, even in input and textarea elements
• [x] Elements shaped like a box (img, input[type="text"], textarea) have the same border-radius
• [x] At least one built-in Sass function is used to style a component
• [x] Variables are defined in their own Sass file
• [x] Sass files are saved in a source directory and CSS files are saved in a compiled directory
• [x] A source map for your component library is included in the project

[egillespie]

Wow, your site looks very pretty, @yufenhsi! Coolors generated some very pleasant colors for you. Not only that, but your components look very clean, consistent, and the code is organized very well, too! 😍

I have one request to improve on what you've got:

Move variables into their own file

Would you mind moving your Sass variables into their own file using the techniques outlined in this lesson? That will satisfy requirement 7 and be a nice finishing touch for this project!

Thanks! 🚀

[yufenhsi]

Hi Erik,

I've move variables into _variables.scss file and put @import "_variables" in the style file. Thank you!

[egillespie]

Awesome, that change looks great! 💯 :shipit: