# code-block-pro/1.27.2/build/shiki/samples/sass.sample

Code Block Pro – Beautiful Syntax Highlighting, version 1.27.2. 28 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.27.2/code/build/shiki/samples/sass.sample
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.27.2/raw/build/shiki/samples/sass.sample
- Modified: 2023-09-03T01:04:34+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-block-pro/1.27.2/code/build/shiki/samples/sass.sample#L10-L20`.

```
/* This CSS will print because %message-shared is extended. */
%message-shared
  border: 1px solid #ccc
  padding: 10px
  color: #333

// This CSS won't print because %equal-heights is never extended.
%equal-heights
  display: flex
  flex-wrap: wrap

.message
  @extend %message-shared

.success
  @extend %message-shared
  border-color: green

.error
  @extend %message-shared
  border-color: red

.warning
  @extend %message-shared
  border-color: yellow

// From https://sass-lang.com/guide/

```