Tailwind, SASS, and PostCSS

I'm a beginner learning web dev, and I'm trying to understand the unique value that SASS and PostCSS bring to the table.
should I learn SASS and PostCSS with the same urgency as Tailwind (something I've perceived as more important to the webdev community)? or am I fine just learning tailwind and not worrying about the other two?
4 Replies
Neto
Neto16mo ago
tailwind is more into "pure" css sass is a preprocessor to create css but sass does not solve the css issues
machina
machina16mo ago
what specifically is preprocessing? and do you need it along with postcss
Neto
Neto16mo ago
preprocessing means: take some code, process it, and give me a different version per example sass
$primary-color: #007bff;
$secondary-color: #6c757d;
$border-radius: 4px;

.button {
display: inline-block;
padding: 10px 20px;
background-color: $primary-color;
color: #fff;
border-radius: $border-radius;
cursor: pointer;

&:hover {
background-color: darken($primary-color, 10%);
}
}
$primary-color: #007bff;
$secondary-color: #6c757d;
$border-radius: 4px;

.button {
display: inline-block;
padding: 10px 20px;
background-color: $primary-color;
color: #fff;
border-radius: $border-radius;
cursor: pointer;

&:hover {
background-color: darken($primary-color, 10%);
}
}
css
.button {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border-radius: 4px;
cursor: pointer;
}
.button:hover {
background-color: #0062cc;
}
.button {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border-radius: 4px;
cursor: pointer;
}
.button:hover {
background-color: #0062cc;
}
the first code is processed into the second code postcss is just a tool to process the css, like from sass into css is not a sass specific tool, tailwind also is using postcss (for now)
cje
cje16mo ago
I wouldn’t bother learning SASS/SCSS It’s kinda falling out of fashion Some of the most important bits have been added to regular css also If you end up needing it on a job, if you already know css then you can pick up enough sass to be productive in an hour
Want results from more Discord servers?
Add your server