Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Aurelian Spodarec
Aurelian Spodarec
10,801 Points

Is this somewhat okay?

Hi,

So I'm new to the Sass way, and I'm doing a project .. so I need to put my Sass knweoldge to reality, and start using it good.. so i was wondering, what do you guys this about this for this website? https://aurelianspodarec.github.io/hcblogtheme/ and the background would be white inside the artile.

So i was just wondering how i can acomplosh these colors.

// ==========================================================================
// Global Config
// ==========================================================================


// Font Stacks
$font-url--google           : 'http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900'

$font-family--primary       : 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$font-family--secondary     : 'Helvetica Neue', Helvetica, Arial, sans-serif;


// Font Weights
$font-weight--think         : 100;
$font-weight--light         : 300;
$font-weight--medium        : 400;
$font-weight--bold          : 700;
$font-weight--ultra-bold    : 900;


// Descriptive Base Colors
$white             : #FFF;
$black             : #000;
$grey              : #999;

$clean-white       : #fdfdfd;
$transparent-white : rgba($white, .5);

$saffron           : #F5AB35;

$concrete          : #f2f2f2;
$mine-shaft        : #3a3a3a;

$tundora           : #404040;
$light-grey        : #333;



// Color Usage

$color-primary      : $saffron;
$color-secondary    : $grey;
$color-teritary     : $black;

$color-border       : $light-grey;
$color-article      : $white;



// Text

$base__font-size : 16px;
$base__line      : 24px;

1 Answer

Kevin Korte
Kevin Korte
28,149 Points

I think that's a solid start to a nice sass config file.

Aurelian Spodarec
Aurelian Spodarec
10,801 Points

Great! thank you. I'd carry with the next files :) and thank you for the other answer as well, and any other answer you written now, don't wanna spam with notifications lol

Kevin Korte
Kevin Korte
28,149 Points

No problem man, you're doing good work here. Keep chasing those best practices and you'll have a job in no time.