{% if code.scss.size %} {% render 'code_examples/tab', name: 'SCSS', syntax: 'scss', id: exampleName, enabled: true %} {% endif %} {% if code.sass.size %} {% assign enabled = code.scss.size == 0 %} {% render 'code_examples/tab', name: 'Sass', syntax: 'sass', id: exampleName, enabled: enabled %} {% endif %} {% if code.css.size %} {% render 'code_examples/tab', name: 'CSS', syntax: 'css', id: exampleName, enabled: false %} {% endif %}

{% if code.scss.size %} {% render 'code_examples/panel', name: 'SCSS Syntax', syntax: 'scss', id: exampleName, examples: code.scss, enabled: true %} {% endif %} {% if code.sass.size %} {% assign enabled = code.scss.size == 0 %} {% render 'code_examples/panel', name: 'Sass Syntax', syntax: 'sass', id: exampleName, examples: code.sass, enabled: enabled %} {% endif %} {% if code.css.size %} {% render 'code_examples/panel', name: 'CSS Output', syntax: 'css', id: exampleName, examples: code.css, enabled: false %} {% endif %}