Theo's Typesafe Cult•2y ago

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•2y ago

tailwind is more into "pure" css sass is a preprocessor to create css but sass does not solve the css issues

RyanOP•2y ago

what specifically is preprocessing? and do you need it along with postcss

Neto•2y 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•2y 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

Gaming

Programming

Tailwind, SASS, and PostCSS