cascadess

A style pronoun and utilities for {htmltools} tags.

What can I use cascadess for?

• Change background color
• Vertically stack action buttons
• Optimize control panel layout for smaller screens
• Affix an element to the top of the webpage
• Increase or decrease space between html elements
• Force text to upper, lower, or title case

Most importantly, cascadess’s styles can be used with any shiny related package and are designed to not clash with or overwrite existing CSS styles.

Why a pronoun?

Cascadess defines a style pronoun, .style, usable inside htmltools::tags HTML builder functions. With .style you can specify styling directly within the builder function call, which helps the reader immediately understand how the HTML tag element is styled. Without the .style pronoun, styling is applied after the function call, e.g div() %>% margin() %>% background().

library(htmltools)
library(cascadess)

div(
  .style %>%
    margin(2) %>%
    border("indigo") %>%
    shadow("medium"),
  p("Fusce sagittis, libero non molestie mollis, magna",
    "orci ultrices dolor, at vulputate neque nulla lacinia eros.")
)

Usage

The cascadess() function must be included in a UI so the necessary CSS files are found.

ui <- list(
  cascadess(),
  h4(
    .style %>%
      font(case = "upper") %>%
      border(bottom = "red"),
    "Etiam vel tortor sodales tellus ultricies commodo."
  )
)

Installation

The stable version may be installed from CRAN.

install.packages("cascadess")

The development version may be installed from the master branch.

## install.packages("devtools")
devtools::install_github("nteetor/cascadess")