Code · 1 file

Sample Sass File

Sass in its original indented syntax, using the sass:color module. Every language sample implements the same small program so you can compare them side by side.

Sass · 510 B

Sample Sass (indented syntax) file

An idiomatic Sass (indented syntax) example — the same customer program (or, for hardware languages, a small counter design) we offer in every language.

CC0 · free for any use · Verified by an independent tool · Report a problem

sample.sass — first linesSass
// Sample Sass (indented syntax) — samplefiles.com
@use "sass:color"

$ink: #191919
$accent: #a24c2a
$radius: 8px

@mixin card-base($pad: 16px)
  padding: $pad
  border: 1px solid rgba($ink, 0.15)
  border-radius: $radius

.customer-card
  @include card-base(20px)
  color: $ink

  &__name
    font-weight: 600

  &--vip
    border-color: $accent

    .badge
      color: color.adjust($accent, $lightness: -10%)
      background: color.mix($accent, white, 12%)

File details

Size
510 B (510 bytes)
MIME type
text/x-sass
SHA-256
d1e27d9316d22ff6c88e8ee5ba4c6d13604bd9df5d1d9a7c6120eead43654311
MD5
849d3950b36b7271352b6e954110c681

Download from the command line

curl -L -o sample.sass https://files.samplefiles.com/code/sass/sample.sass

Or check the download in your browser with the checksum calculator.