sass <style> pre { border: 1px solid #eee; } pre.r { background-color: #ffffff; } pre.r code { background-color: #ffffff; } pre.css { margin-top: -1.25rem; background-color: #f8f8f8; border-radius: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } </style>
The sass
R package provides bindings to
LibSass, a fast
Sass compiler written in C++. Sass is a mature
and stable CSS extension language that makes styling modern websites
less complex and more composable.
Installation
Install the released version of sass
from CRAN:
install.packages("sass")
Install the latest development build from GitHub:
# install.packages("remotes")
remotes::install_github("rstudio/sass")
Basic usage
To compile Sass into CSS, provide Sass to the input
argument of the
sass()
function. input
can be any of the following:
- An R string (as in the example below).
- A named
list()
defining Sass variables. - A
sass_file()
,sass_import()
, orsass_layer()
. - A nested
list()
comprising of all the above.
library(sass)
sass(input = "
$size: 50%;
foo { margin: $size * .33; }
")
Learn more
See sass’s overview vignette as well as the official Sass documentation.
Ask a question
If you have a question about sass, try asking one on https://community.rstudio.com: