tests/testthat/_snaps/templates.md
In pedrocoutinhosilva/imola: CSS Layouts (Grid and Flexbox) Implementation for R/Shiny
listTemplates retuns all available templates
Code
listTemplates()
Output
$grid
$grid$`grail-left-sidebar`
Imola Template
Name: grail-left-sidebar
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header" "header"
$areas$default[[2]]
[1] "sidebar" "content" "content"
$areas$default[[3]]
[1] "footer" "footer" "footer"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "sidebar" "content"
$areas$md[[3]]
[1] "footer" "footer"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$areas$sm[[4]]
[1] "footer"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$default[[3]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$default[[3]]
[1] "minmax(100px," "auto)"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$md[[3]]
[1] "minmax(100px," "auto)"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
$rows$sm[[4]]
[1] "minmax(100px," "auto)"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$grid$`grail-right-sidebar`
Imola Template
Name: grail-right-sidebar
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header" "header"
$areas$default[[2]]
[1] "content" "content" "sidebar"
$areas$default[[3]]
[1] "footer" "footer" "footer"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "content" "sidebar"
$areas$md[[3]]
[1] "footer" "footer"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$areas$sm[[4]]
[1] "footer"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$default[[3]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "1fr"
$columns$md[[2]]
[1] "minmax(250px," "25%)"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$default[[3]]
[1] "minmax(100px," "auto)"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$md[[3]]
[1] "minmax(100px," "auto)"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
$rows$sm[[4]]
[1] "minmax(100px," "auto)"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$grid$`header-left-sidebar`
Imola Template
Name: header-left-sidebar
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header"
$areas$default[[2]]
[1] "sidebar" "content"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "sidebar" "content"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$grid$`header-sidebar-right`
Imola Template
Name: header-sidebar-right
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header"
$areas$default[[2]]
[1] "content" "sidebar"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "content" "sidebar"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "1fr"
$columns$default[[2]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "1fr"
$columns$md[[2]]
[1] "minmax(250px," "25%)"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$grid$`holy-grail`
Imola Template
Name: holy-grail
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header" "header"
$areas$default[[2]]
[1] "left" "content" "right"
$areas$default[[3]]
[1] "footer" "footer" "footer"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "left" "content"
$areas$md[[3]]
[1] "right" "right"
$areas$md[[4]]
[1] "footer" "footer"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "left"
$areas$sm[[3]]
[1] "content"
$areas$sm[[4]]
[1] "right"
$areas$sm[[5]]
[1] "footer"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$default[[3]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$default[[3]]
[1] "minmax(100px," "auto)"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$md[[3]]
[1] "auto"
$rows$md[[4]]
[1] "minmax(100px," "auto)"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
$rows$sm[[4]]
[1] "auto"
$rows$sm[[5]]
[1] "minmax(100px," "auto)"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$grid$`sidebar-left`
Imola Template
Name: sidebar-left
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "sidebar" "content"
$areas$md
$areas$md[[1]]
[1] "sidebar" "content"
$areas$sm
$areas$sm[[1]]
[1] "sidebar"
$areas$sm[[2]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "auto"
$rows$md
$rows$md[[1]]
[1] "auto"
$rows$sm
$rows$sm[[1]]
[1] "auto"
$rows$sm[[2]]
[1] "1fr`"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$grid$`sidebar-right`
Imola Template
Name: sidebar-right
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "content" "sidebar"
$areas$md
$areas$md[[1]]
[1] "content" "sidebar"
$areas$sm
$areas$sm[[1]]
[1] "sidebar"
$areas$sm[[2]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "1fr"
$columns$default[[2]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "1fr"
$columns$md[[2]]
[1] "minmax(250px," "25%)"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "auto"
$rows$md
$rows$md[[1]]
[1] "auto"
$rows$sm
$rows$sm[[1]]
[1] "auto"
$rows$sm[[2]]
[1] "1fr"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex
$flex$`one-three-alternate`
Imola Template
Name: one-three-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "100%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "33%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`one-two-alternate`
Imola Template
Name: one-two-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "100%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "50%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`small-large-small`
Imola Template
Name: small-large-small
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "25%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "25%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`three-one-alternate`
Imola Template
Name: three-one-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "33%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "100%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`three-row`
Imola Template
Name: three-row
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "33%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`three-two-alternate`
Imola Template
Name: three-two-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "33%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "50%"
$basis$default[[5]]
[1] "50%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`two-one-alternate`
Imola Template
Name: two-one-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "50%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "100%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`two-row`
Imola Template
Name: two-row
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "50%"
$basis$default[[2]]
[1] "50%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`two-three-alternate`
Imola Template
Name: two-three-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "50%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "33%"
$basis$default[[5]]
[1] "33%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
listTemplates retuns all available flex templates
Code
listTemplates("flex")
Output
$`one-three-alternate`
Imola Template
Name: one-three-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "100%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "33%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`one-two-alternate`
Imola Template
Name: one-two-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "100%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "50%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`small-large-small`
Imola Template
Name: small-large-small
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "25%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "25%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`three-one-alternate`
Imola Template
Name: three-one-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "33%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "100%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`three-row`
Imola Template
Name: three-row
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "33%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`three-two-alternate`
Imola Template
Name: three-two-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "33%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "50%"
$basis$default[[5]]
[1] "50%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`two-one-alternate`
Imola Template
Name: two-one-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "50%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "100%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`two-row`
Imola Template
Name: two-row
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "50%"
$basis$default[[2]]
[1] "50%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`two-three-alternate`
Imola Template
Name: two-three-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "50%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "33%"
$basis$default[[5]]
[1] "33%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
listTemplates retuns all available grid templates
Code
listTemplates("grid")
Output
$`grail-left-sidebar`
Imola Template
Name: grail-left-sidebar
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header" "header"
$areas$default[[2]]
[1] "sidebar" "content" "content"
$areas$default[[3]]
[1] "footer" "footer" "footer"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "sidebar" "content"
$areas$md[[3]]
[1] "footer" "footer"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$areas$sm[[4]]
[1] "footer"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$default[[3]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$default[[3]]
[1] "minmax(100px," "auto)"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$md[[3]]
[1] "minmax(100px," "auto)"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
$rows$sm[[4]]
[1] "minmax(100px," "auto)"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`grail-right-sidebar`
Imola Template
Name: grail-right-sidebar
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header" "header"
$areas$default[[2]]
[1] "content" "content" "sidebar"
$areas$default[[3]]
[1] "footer" "footer" "footer"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "content" "sidebar"
$areas$md[[3]]
[1] "footer" "footer"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$areas$sm[[4]]
[1] "footer"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$default[[3]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "1fr"
$columns$md[[2]]
[1] "minmax(250px," "25%)"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$default[[3]]
[1] "minmax(100px," "auto)"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$md[[3]]
[1] "minmax(100px," "auto)"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
$rows$sm[[4]]
[1] "minmax(100px," "auto)"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`header-left-sidebar`
Imola Template
Name: header-left-sidebar
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header"
$areas$default[[2]]
[1] "sidebar" "content"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "sidebar" "content"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`header-sidebar-right`
Imola Template
Name: header-sidebar-right
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header"
$areas$default[[2]]
[1] "content" "sidebar"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "content" "sidebar"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "1fr"
$columns$default[[2]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "1fr"
$columns$md[[2]]
[1] "minmax(250px," "25%)"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`holy-grail`
Imola Template
Name: holy-grail
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header" "header"
$areas$default[[2]]
[1] "left" "content" "right"
$areas$default[[3]]
[1] "footer" "footer" "footer"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "left" "content"
$areas$md[[3]]
[1] "right" "right"
$areas$md[[4]]
[1] "footer" "footer"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "left"
$areas$sm[[3]]
[1] "content"
$areas$sm[[4]]
[1] "right"
$areas$sm[[5]]
[1] "footer"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$default[[3]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$default[[3]]
[1] "minmax(100px," "auto)"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$md[[3]]
[1] "auto"
$rows$md[[4]]
[1] "minmax(100px," "auto)"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
$rows$sm[[4]]
[1] "auto"
$rows$sm[[5]]
[1] "minmax(100px," "auto)"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`sidebar-left`
Imola Template
Name: sidebar-left
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "sidebar" "content"
$areas$md
$areas$md[[1]]
[1] "sidebar" "content"
$areas$sm
$areas$sm[[1]]
[1] "sidebar"
$areas$sm[[2]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "auto"
$rows$md
$rows$md[[1]]
[1] "auto"
$rows$sm
$rows$sm[[1]]
[1] "auto"
$rows$sm[[2]]
[1] "1fr`"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`sidebar-right`
Imola Template
Name: sidebar-right
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "content" "sidebar"
$areas$md
$areas$md[[1]]
[1] "content" "sidebar"
$areas$sm
$areas$sm[[1]]
[1] "sidebar"
$areas$sm[[2]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "1fr"
$columns$default[[2]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "1fr"
$columns$md[[2]]
[1] "minmax(250px," "25%)"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "auto"
$rows$md
$rows$md[[1]]
[1] "auto"
$rows$sm
$rows$sm[[1]]
[1] "auto"
$rows$sm[[2]]
[1] "1fr"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
Get a registered template
Code
getTemplate("holy-grail", "grid")
Output
Imola Template
Name: holy-grail
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header" "header"
$areas$default[[2]]
[1] "left" "content" "right"
$areas$default[[3]]
[1] "footer" "footer" "footer"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "left" "content"
$areas$md[[3]]
[1] "right" "right"
$areas$md[[4]]
[1] "footer" "footer"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "left"
$areas$sm[[3]]
[1] "content"
$areas$sm[[4]]
[1] "right"
$areas$sm[[5]]
[1] "footer"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$default[[3]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$default[[3]]
[1] "minmax(100px," "auto)"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$md[[3]]
[1] "auto"
$rows$md[[4]]
[1] "minmax(100px," "auto)"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
$rows$sm[[4]]
[1] "auto"
$rows$sm[[5]]
[1] "minmax(100px," "auto)"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
Register a template
Code
registerTemplate(gridTemplate("test-template", "flex", direction = "row"))
Message
Template has been registered for global usage
Code
listTemplates("flex")$`test-template`
Output
Imola Template
Name: test-template
Type: flex
description: No description
Attribute values:
$direction
$direction$default
$direction$default[[1]]
[1] "row"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
gridTemplate retuns a valid template object
Code
gridTemplate("test-template", "flex", direction = "row")
Output
Imola Template
Name: test-template
Type: flex
description: No description
Attribute values:
$direction
$direction$default
$direction$default[[1]]
[1] "row"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
Template applied to attribute list
Code
imola:::applyTemplate(list(), "two-three-alternate", list(), "flex")
Output
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "50%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "33%"
$basis$default[[5]]
[1] "33%"
Template applied to attribute list with default values
Code
imola:::applyTemplate(list(), gridTemplate("test-template", "flex", direction = "row"),
list(direction = "column"), "flex")
Output
list()
pedrocoutinhosilva/imola documentation built on Jan. 30, 2024, 6:49 a.m.
R Package Documentation
Browse R Packages
We want your feedback!
Note that we can't provide technical support on individual packages. You should contact the package authors for that.
listTemplates retuns all available templates
Code
listTemplates()
Output
$grid
$grid$`grail-left-sidebar`
Imola Template
Name: grail-left-sidebar
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header" "header"
$areas$default[[2]]
[1] "sidebar" "content" "content"
$areas$default[[3]]
[1] "footer" "footer" "footer"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "sidebar" "content"
$areas$md[[3]]
[1] "footer" "footer"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$areas$sm[[4]]
[1] "footer"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$default[[3]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$default[[3]]
[1] "minmax(100px," "auto)"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$md[[3]]
[1] "minmax(100px," "auto)"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
$rows$sm[[4]]
[1] "minmax(100px," "auto)"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$grid$`grail-right-sidebar`
Imola Template
Name: grail-right-sidebar
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header" "header"
$areas$default[[2]]
[1] "content" "content" "sidebar"
$areas$default[[3]]
[1] "footer" "footer" "footer"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "content" "sidebar"
$areas$md[[3]]
[1] "footer" "footer"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$areas$sm[[4]]
[1] "footer"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$default[[3]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "1fr"
$columns$md[[2]]
[1] "minmax(250px," "25%)"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$default[[3]]
[1] "minmax(100px," "auto)"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$md[[3]]
[1] "minmax(100px," "auto)"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
$rows$sm[[4]]
[1] "minmax(100px," "auto)"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$grid$`header-left-sidebar`
Imola Template
Name: header-left-sidebar
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header"
$areas$default[[2]]
[1] "sidebar" "content"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "sidebar" "content"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$grid$`header-sidebar-right`
Imola Template
Name: header-sidebar-right
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header"
$areas$default[[2]]
[1] "content" "sidebar"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "content" "sidebar"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "1fr"
$columns$default[[2]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "1fr"
$columns$md[[2]]
[1] "minmax(250px," "25%)"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$grid$`holy-grail`
Imola Template
Name: holy-grail
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header" "header"
$areas$default[[2]]
[1] "left" "content" "right"
$areas$default[[3]]
[1] "footer" "footer" "footer"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "left" "content"
$areas$md[[3]]
[1] "right" "right"
$areas$md[[4]]
[1] "footer" "footer"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "left"
$areas$sm[[3]]
[1] "content"
$areas$sm[[4]]
[1] "right"
$areas$sm[[5]]
[1] "footer"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$default[[3]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$default[[3]]
[1] "minmax(100px," "auto)"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$md[[3]]
[1] "auto"
$rows$md[[4]]
[1] "minmax(100px," "auto)"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
$rows$sm[[4]]
[1] "auto"
$rows$sm[[5]]
[1] "minmax(100px," "auto)"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$grid$`sidebar-left`
Imola Template
Name: sidebar-left
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "sidebar" "content"
$areas$md
$areas$md[[1]]
[1] "sidebar" "content"
$areas$sm
$areas$sm[[1]]
[1] "sidebar"
$areas$sm[[2]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "auto"
$rows$md
$rows$md[[1]]
[1] "auto"
$rows$sm
$rows$sm[[1]]
[1] "auto"
$rows$sm[[2]]
[1] "1fr`"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$grid$`sidebar-right`
Imola Template
Name: sidebar-right
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "content" "sidebar"
$areas$md
$areas$md[[1]]
[1] "content" "sidebar"
$areas$sm
$areas$sm[[1]]
[1] "sidebar"
$areas$sm[[2]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "1fr"
$columns$default[[2]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "1fr"
$columns$md[[2]]
[1] "minmax(250px," "25%)"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "auto"
$rows$md
$rows$md[[1]]
[1] "auto"
$rows$sm
$rows$sm[[1]]
[1] "auto"
$rows$sm[[2]]
[1] "1fr"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex
$flex$`one-three-alternate`
Imola Template
Name: one-three-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "100%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "33%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`one-two-alternate`
Imola Template
Name: one-two-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "100%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "50%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`small-large-small`
Imola Template
Name: small-large-small
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "25%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "25%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`three-one-alternate`
Imola Template
Name: three-one-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "33%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "100%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`three-row`
Imola Template
Name: three-row
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "33%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`three-two-alternate`
Imola Template
Name: three-two-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "33%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "50%"
$basis$default[[5]]
[1] "50%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`two-one-alternate`
Imola Template
Name: two-one-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "50%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "100%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`two-row`
Imola Template
Name: two-row
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "50%"
$basis$default[[2]]
[1] "50%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$flex$`two-three-alternate`
Imola Template
Name: two-three-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "50%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "33%"
$basis$default[[5]]
[1] "33%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
listTemplates retuns all available flex templates
Code
listTemplates("flex")
Output
$`one-three-alternate`
Imola Template
Name: one-three-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "100%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "33%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`one-two-alternate`
Imola Template
Name: one-two-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "100%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "50%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`small-large-small`
Imola Template
Name: small-large-small
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "25%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "25%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`three-one-alternate`
Imola Template
Name: three-one-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "33%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "100%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`three-row`
Imola Template
Name: three-row
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "33%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`three-two-alternate`
Imola Template
Name: three-two-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "33%"
$basis$default[[2]]
[1] "33%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "50%"
$basis$default[[5]]
[1] "50%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`two-one-alternate`
Imola Template
Name: two-one-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "50%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "100%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`two-row`
Imola Template
Name: two-row
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "50%"
$basis$default[[2]]
[1] "50%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`two-three-alternate`
Imola Template
Name: two-three-alternate
Type: flex
description: no description
Attribute values:
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "50%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "33%"
$basis$default[[5]]
[1] "33%"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
listTemplates retuns all available grid templates
Code
listTemplates("grid")
Output
$`grail-left-sidebar`
Imola Template
Name: grail-left-sidebar
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header" "header"
$areas$default[[2]]
[1] "sidebar" "content" "content"
$areas$default[[3]]
[1] "footer" "footer" "footer"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "sidebar" "content"
$areas$md[[3]]
[1] "footer" "footer"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$areas$sm[[4]]
[1] "footer"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$default[[3]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$default[[3]]
[1] "minmax(100px," "auto)"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$md[[3]]
[1] "minmax(100px," "auto)"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
$rows$sm[[4]]
[1] "minmax(100px," "auto)"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`grail-right-sidebar`
Imola Template
Name: grail-right-sidebar
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header" "header"
$areas$default[[2]]
[1] "content" "content" "sidebar"
$areas$default[[3]]
[1] "footer" "footer" "footer"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "content" "sidebar"
$areas$md[[3]]
[1] "footer" "footer"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$areas$sm[[4]]
[1] "footer"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$default[[3]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "1fr"
$columns$md[[2]]
[1] "minmax(250px," "25%)"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$default[[3]]
[1] "minmax(100px," "auto)"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$md[[3]]
[1] "minmax(100px," "auto)"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
$rows$sm[[4]]
[1] "minmax(100px," "auto)"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`header-left-sidebar`
Imola Template
Name: header-left-sidebar
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header"
$areas$default[[2]]
[1] "sidebar" "content"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "sidebar" "content"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`header-sidebar-right`
Imola Template
Name: header-sidebar-right
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header"
$areas$default[[2]]
[1] "content" "sidebar"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "content" "sidebar"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "sidebar"
$areas$sm[[3]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "1fr"
$columns$default[[2]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "1fr"
$columns$md[[2]]
[1] "minmax(250px," "25%)"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`holy-grail`
Imola Template
Name: holy-grail
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header" "header"
$areas$default[[2]]
[1] "left" "content" "right"
$areas$default[[3]]
[1] "footer" "footer" "footer"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "left" "content"
$areas$md[[3]]
[1] "right" "right"
$areas$md[[4]]
[1] "footer" "footer"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "left"
$areas$sm[[3]]
[1] "content"
$areas$sm[[4]]
[1] "right"
$areas$sm[[5]]
[1] "footer"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$default[[3]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$default[[3]]
[1] "minmax(100px," "auto)"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$md[[3]]
[1] "auto"
$rows$md[[4]]
[1] "minmax(100px," "auto)"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
$rows$sm[[4]]
[1] "auto"
$rows$sm[[5]]
[1] "minmax(100px," "auto)"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`sidebar-left`
Imola Template
Name: sidebar-left
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "sidebar" "content"
$areas$md
$areas$md[[1]]
[1] "sidebar" "content"
$areas$sm
$areas$sm[[1]]
[1] "sidebar"
$areas$sm[[2]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "auto"
$rows$md
$rows$md[[1]]
[1] "auto"
$rows$sm
$rows$sm[[1]]
[1] "auto"
$rows$sm[[2]]
[1] "1fr`"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
$`sidebar-right`
Imola Template
Name: sidebar-right
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "content" "sidebar"
$areas$md
$areas$md[[1]]
[1] "content" "sidebar"
$areas$sm
$areas$sm[[1]]
[1] "sidebar"
$areas$sm[[2]]
[1] "content"
$columns
$columns$default
$columns$default[[1]]
[1] "1fr"
$columns$default[[2]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "1fr"
$columns$md[[2]]
[1] "minmax(250px," "25%)"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "auto"
$rows$md
$rows$md[[1]]
[1] "auto"
$rows$sm
$rows$sm[[1]]
[1] "auto"
$rows$sm[[2]]
[1] "1fr"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
Get a registered template
Code
getTemplate("holy-grail", "grid")
Output
Imola Template
Name: holy-grail
Type: grid
description: no description
Attribute values:
$areas
$areas$default
$areas$default[[1]]
[1] "header" "header" "header"
$areas$default[[2]]
[1] "left" "content" "right"
$areas$default[[3]]
[1] "footer" "footer" "footer"
$areas$md
$areas$md[[1]]
[1] "header" "header"
$areas$md[[2]]
[1] "left" "content"
$areas$md[[3]]
[1] "right" "right"
$areas$md[[4]]
[1] "footer" "footer"
$areas$sm
$areas$sm[[1]]
[1] "header"
$areas$sm[[2]]
[1] "left"
$areas$sm[[3]]
[1] "content"
$areas$sm[[4]]
[1] "right"
$areas$sm[[5]]
[1] "footer"
$columns
$columns$default
$columns$default[[1]]
[1] "minmax(250px," "25%)"
$columns$default[[2]]
[1] "1fr"
$columns$default[[3]]
[1] "minmax(250px," "25%)"
$columns$md
$columns$md[[1]]
[1] "minmax(250px," "25%)"
$columns$md[[2]]
[1] "1fr"
$columns$sm
$columns$sm[[1]]
[1] "100%"
$rows
$rows$default
$rows$default[[1]]
[1] "minmax(100px," "auto)"
$rows$default[[2]]
[1] "1fr"
$rows$default[[3]]
[1] "minmax(100px," "auto)"
$rows$md
$rows$md[[1]]
[1] "minmax(100px," "auto)"
$rows$md[[2]]
[1] "1fr"
$rows$md[[3]]
[1] "auto"
$rows$md[[4]]
[1] "minmax(100px," "auto)"
$rows$sm
$rows$sm[[1]]
[1] "minmax(100px," "auto)"
$rows$sm[[2]]
[1] "auto"
$rows$sm[[3]]
[1] "1fr"
$rows$sm[[4]]
[1] "auto"
$rows$sm[[5]]
[1] "minmax(100px," "auto)"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
Register a template
Code
registerTemplate(gridTemplate("test-template", "flex", direction = "row"))
Message
Template has been registered for global usage
Code
listTemplates("flex")$`test-template`
Output
Imola Template
Name: test-template
Type: flex
description: No description
Attribute values:
$direction
$direction$default
$direction$default[[1]]
[1] "row"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
gridTemplate retuns a valid template object
Code
gridTemplate("test-template", "flex", direction = "row")
Output
Imola Template
Name: test-template
Type: flex
description: No description
Attribute values:
$direction
$direction$default
$direction$default[[1]]
[1] "row"
-----------------------------
Imola Breakpoint System
Name: bootstrap3
description: No description
Available Breakpoints (name) Minimum screen size (px) Maximum screen size (px)
----------------------------- ------------------------- -------------------------
xs NULL 575
sm NULL 767
md NULL 991
lg NULL 1199
xl 1200 NULL
-----------------------------
Template applied to attribute list
Code
imola:::applyTemplate(list(), "two-three-alternate", list(), "flex")
Output
$wrap
$wrap$default
$wrap$default[[1]]
[1] "wrap"
$basis
$basis$default
$basis$default[[1]]
[1] "50%"
$basis$default[[2]]
[1] "50%"
$basis$default[[3]]
[1] "33%"
$basis$default[[4]]
[1] "33%"
$basis$default[[5]]
[1] "33%"
Template applied to attribute list with default values
Code
imola:::applyTemplate(list(), gridTemplate("test-template", "flex", direction = "row"),
list(direction = "column"), "flex")
Output
list()
R Package Documentation
Browse R Packages
We want your feedback!
Note that we can't provide technical support on individual packages. You should contact the package authors for that.
Embedding an R snippet on your website
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.