.. ==================================================
.. FOR YOUR INFORMATION
.. --------------------------------------------------
.. -*- coding: utf-8 -*- with BOM.


.. _administrators_bestpractice_scss_variables:


.. index::
    pair:SCSS; variables


Own Variables
=============

If you like to use other SCSS variables then the predefined, you can extend your TypoScript. 
This saves effort, if a variable is used in SCSS.

Sample
------

The variable $my-content-border is defined in some.scss like

.. code:: php

  $my-content-border = 1px solid #FDFDFD !default;

 
You can allocate your value by this code in the TypoScript setup:

.. code:: php

  lib.scssVariables.my-content-border = 1px solid smart-scale($topbar-background, 20%, 40%) 


Clean up CSS
------------

See  :ref:`Administrators > Best practice > SCSS > Clean up <administrators_bestpractice_scss_cleanup>`