Pengertian penulisan Sass dan cara kerjanya

10 September 2023

Contoh penulisan extensi file SCSS.

$bars-color: #000080;
$bars-border: rgba($bars-color,.55);

.scss {
  color: $bars-color;
  border: 1px solid $bars-border;
}

.box-shadow(@arguments) {
  -webkit-box-shadow: @arguments;
  -moz-box-shadow: @arguments;
  box-shadow: @arguments;
}

.transform(@arguments) {
  -webkit-transform: @arguments;
  -moz-transform: @arguments;
  -o-transform: @arguments;
  -ms-transform: @arguments;
  transform: @arguments;
}

.transition(@arguments) {
  -webkit-transition: @arguments;
  -moz-transition: @arguments;
  -o-transition: @arguments;
  transition: @arguments;
}