Set slide number font size in rem (#54)

Fixes #53

NEWS.md

 * Added `text_bold_font_weight` argument to xaringanthemer style functions with
   a corresponding CSS rule setting the `font-weight` property of `<strong>`
   elements (thanks @matiasandina, #50).
+  
+* Set slide number font size in `rem` so that increasing the font size at the
+  slide level doesn't result in giant slide numbers (#53).
 
 # xaringanthemes 0.3.4
 

R/style_duo.R

 #'   `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
 #'   `.remark-slide-content` class.
 #' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
-#'   0.9em. Modifies the `.remark-slide-number` class. Accepts CSS
+#'   0.9rem. Modifies the `.remark-slide-number` class. Accepts CSS
 #'   [font-size](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
 #'   property values.
 #' @param text_font_google Use `google_font()` to specify body font. Defaults
   header_background_padding = NULL,
   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),

R/style_duo_accent.R

 #'   `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
 #'   `.remark-slide-content` class.
 #' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
-#'   0.9em. Modifies the `.remark-slide-number` class. Accepts CSS
+#'   0.9rem. Modifies the `.remark-slide-number` class. Accepts CSS
 #'   [font-size](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
 #'   property values.
 #' @param text_font_google Use `google_font()` to specify body font. Defaults
   header_background_padding = NULL,
   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),

R/style_duo_accent_inverse.R

 #'   `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
 #'   `.remark-slide-content` class.
 #' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
-#'   0.9em. Modifies the `.remark-slide-number` class. Accepts CSS
+#'   0.9rem. Modifies the `.remark-slide-number` class. Accepts CSS
 #'   [font-size](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
 #'   property values.
 #' @param text_font_google Use `google_font()` to specify body font. Defaults
   header_background_padding = NULL,
   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),

R/style_mono_accent.R

 #'   `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
 #'   `.remark-slide-content` class.
 #' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
-#'   0.9em. Modifies the `.remark-slide-number` class. Accepts CSS
+#'   0.9rem. Modifies the `.remark-slide-number` class. Accepts CSS
 #'   [font-size](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
 #'   property values.
 #' @param text_font_google Use `google_font()` to specify body font. Defaults
   header_background_padding = NULL,
   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),

R/style_mono_accent_inverse.R

 #'   `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
 #'   `.remark-slide-content` class.
 #' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
-#'   0.9em. Modifies the `.remark-slide-number` class. Accepts CSS
+#'   0.9rem. Modifies the `.remark-slide-number` class. Accepts CSS
 #'   [font-size](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
 #'   property values.
 #' @param text_font_google Use `google_font()` to specify body font. Defaults
   header_background_padding = NULL,
   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),

R/style_mono_dark.R

 #'   `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
 #'   `.remark-slide-content` class.
 #' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
-#'   0.9em. Modifies the `.remark-slide-number` class. Accepts CSS
+#'   0.9rem. Modifies the `.remark-slide-number` class. Accepts CSS
 #'   [font-size](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
 #'   property values.
 #' @param text_font_google Use `google_font()` to specify body font. Defaults
   header_background_padding = NULL,
   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),

R/style_mono_light.R

 #'   `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
 #'   `.remark-slide-content` class.
 #' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
-#'   0.9em. Modifies the `.remark-slide-number` class. Accepts CSS
+#'   0.9rem. Modifies the `.remark-slide-number` class. Accepts CSS
 #'   [font-size](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
 #'   property values.
 #' @param text_font_google Use `google_font()` to specify body font. Defaults
   header_background_padding = NULL,
   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),

R/style_solarized_dark.R

 #'   `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
 #'   `.remark-slide-content` class.
 #' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
-#'   0.9em. Modifies the `.remark-slide-number` class. Accepts CSS
+#'   0.9rem. Modifies the `.remark-slide-number` class. Accepts CSS
 #'   [font-size](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
 #'   property values.
 #' @param text_font_google Use `google_font()` to specify body font. Defaults
   header_background_padding = NULL,
   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),

R/style_solarized_light.R

 #'   `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
 #'   `.remark-slide-content` class.
 #' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
-#'   0.9em. Modifies the `.remark-slide-number` class. Accepts CSS
+#'   0.9rem. Modifies the `.remark-slide-number` class. Accepts CSS
 #'   [font-size](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
 #'   property values.
 #' @param text_font_google Use `google_font()` to specify body font. Defaults
   header_background_padding = NULL,
   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),

R/style_xaringan.R

 #'   `c('normal', 'inverse', 'title', 'middle', 'bottom')`. Modifies the
 #'   `.remark-slide-content` class.
 #' @param text_slide_number_font_size Slide Number Text Font Size. Defaults to
-#'   0.9em. Modifies the `.remark-slide-number` class. Accepts CSS
+#'   0.9rem. Modifies the `.remark-slide-number` class. Accepts CSS
 #'   [font-size](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
 #'   property values.
 #' @param text_font_google Use `google_font()` to specify body font. Defaults
   header_background_padding = NULL,
   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c('normal', 'inverse', 'title', 'middle', 'bottom'),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),

data-raw/theme_template_variables.R

   , "header_background_padding", "{NULL}", ".remark-slide-content h1", "Padding for h1 Header with Background", NA_character_
   , "header_background_content_padding_top", "7rem", ".remark-slide-content", "Top Padding for Content in Slide with Header with Background", NA_character_
   , "header_background_ignore_classes", "{c('normal', 'inverse', 'title', 'middle', 'bottom')}", ".remark-slide-content", "Slide Classes Where Header with Background will not be Applied", NA_character_
-  , "text_slide_number_font_size", "0.9em", ".remark-slide-number", "Slide Number Text Font Size", NA_character_
+  , "text_slide_number_font_size", "0.9rem", ".remark-slide-number", "Slide Number Text Font Size", NA_character_
   , "text_font_google", "{NULL}", "body", "Use `google_font()` to specify body font", NA_character_
   , "text_font_family", '{xaringanthemer_font_default("text_font_family")}', "body", "Body Text Font Family (xaringan default is `'Droid Serif'`)", "--text-font-family"
   , "text_font_weight", '{xaringanthemer_font_default("text_font_weight")}', "body", "Body Text Font Weight", NA_character_

man/style_duo.Rd

   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c("normal", "inverse", "title", "middle",
     "bottom"),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),
 \code{.remark-slide-content} class.}
 
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to
-0.9em. Modifies the \code{.remark-slide-number} class. Accepts CSS
+0.9rem. Modifies the \code{.remark-slide-number} class. Accepts CSS
 \href{https://developer.mozilla.org/en-US/docs/Web/CSS/font-size}{font-size}
 property values.}
 

man/style_duo_accent.Rd

   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c("normal", "inverse", "title", "middle",
     "bottom"),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),
 \code{.remark-slide-content} class.}
 
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to
-0.9em. Modifies the \code{.remark-slide-number} class. Accepts CSS
+0.9rem. Modifies the \code{.remark-slide-number} class. Accepts CSS
 \href{https://developer.mozilla.org/en-US/docs/Web/CSS/font-size}{font-size}
 property values.}
 

man/style_duo_accent_inverse.Rd

   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c("normal", "inverse", "title", "middle",
     "bottom"),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),
 \code{.remark-slide-content} class.}
 
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to
-0.9em. Modifies the \code{.remark-slide-number} class. Accepts CSS
+0.9rem. Modifies the \code{.remark-slide-number} class. Accepts CSS
 \href{https://developer.mozilla.org/en-US/docs/Web/CSS/font-size}{font-size}
 property values.}
 

man/style_mono_accent.Rd

   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c("normal", "inverse", "title", "middle",
     "bottom"),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),
 \code{.remark-slide-content} class.}
 
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to
-0.9em. Modifies the \code{.remark-slide-number} class. Accepts CSS
+0.9rem. Modifies the \code{.remark-slide-number} class. Accepts CSS
 \href{https://developer.mozilla.org/en-US/docs/Web/CSS/font-size}{font-size}
 property values.}
 

man/style_mono_accent_inverse.Rd

   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c("normal", "inverse", "title", "middle",
     "bottom"),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),
 \code{.remark-slide-content} class.}
 
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to
-0.9em. Modifies the \code{.remark-slide-number} class. Accepts CSS
+0.9rem. Modifies the \code{.remark-slide-number} class. Accepts CSS
 \href{https://developer.mozilla.org/en-US/docs/Web/CSS/font-size}{font-size}
 property values.}
 

man/style_mono_dark.Rd

   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c("normal", "inverse", "title", "middle",
     "bottom"),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),
 \code{.remark-slide-content} class.}
 
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to
-0.9em. Modifies the \code{.remark-slide-number} class. Accepts CSS
+0.9rem. Modifies the \code{.remark-slide-number} class. Accepts CSS
 \href{https://developer.mozilla.org/en-US/docs/Web/CSS/font-size}{font-size}
 property values.}
 

man/style_mono_light.Rd

   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c("normal", "inverse", "title", "middle",
     "bottom"),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),
 \code{.remark-slide-content} class.}
 
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to
-0.9em. Modifies the \code{.remark-slide-number} class. Accepts CSS
+0.9rem. Modifies the \code{.remark-slide-number} class. Accepts CSS
 \href{https://developer.mozilla.org/en-US/docs/Web/CSS/font-size}{font-size}
 property values.}
 

man/style_solarized_dark.Rd

   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c("normal", "inverse", "title", "middle",
     "bottom"),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),
 \code{.remark-slide-content} class.}
 
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to
-0.9em. Modifies the \code{.remark-slide-number} class. Accepts CSS
+0.9rem. Modifies the \code{.remark-slide-number} class. Accepts CSS
 \href{https://developer.mozilla.org/en-US/docs/Web/CSS/font-size}{font-size}
 property values.}
 

man/style_solarized_light.Rd

   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c("normal", "inverse", "title", "middle",
     "bottom"),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),
 \code{.remark-slide-content} class.}
 
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to
-0.9em. Modifies the \code{.remark-slide-number} class. Accepts CSS
+0.9rem. Modifies the \code{.remark-slide-number} class. Accepts CSS
 \href{https://developer.mozilla.org/en-US/docs/Web/CSS/font-size}{font-size}
 property values.}
 

man/style_xaringan.Rd

   header_background_content_padding_top = "7rem",
   header_background_ignore_classes = c("normal", "inverse", "title", "middle",
     "bottom"),
-  text_slide_number_font_size = "0.9em",
+  text_slide_number_font_size = "0.9rem",
   text_font_google = NULL,
   text_font_family = xaringanthemer_font_default("text_font_family"),
   text_font_weight = xaringanthemer_font_default("text_font_weight"),
 \code{.remark-slide-content} class.}
 
 \item{text_slide_number_font_size}{Slide Number Text Font Size. Defaults to
-0.9em. Modifies the \code{.remark-slide-number} class. Accepts CSS
+0.9rem. Modifies the \code{.remark-slide-number} class. Accepts CSS
 \href{https://developer.mozilla.org/en-US/docs/Web/CSS/font-size}{font-size}
 property values.}
 

tests/testthat/css/duo-header_bg.css

 .remark-slide-number {
   color: #FEFDFD;
   opacity: 1;
-  font-size: 0.9em;
+  font-size: 0.9rem;
 }
 strong {
   font-weight: bold;

tests/testthat/css/duo.css

 .remark-slide-number {
   color: #FEFDFD;
   opacity: 1;
-  font-size: 0.9em;
+  font-size: 0.9rem;
 }
 strong {
   font-weight: bold;

tests/testthat/css/duo_accent.css

 .remark-slide-number {
   color: #035AA6;
   opacity: 1;
-  font-size: 0.9em;
+  font-size: 0.9rem;
 }
 strong {
   font-weight: bold;

tests/testthat/css/duo_accent_inverse.css

 .remark-slide-number {
   color: #035AA6;
   opacity: 1;
-  font-size: 0.9em;
+  font-size: 0.9rem;
 }
 strong {
   font-weight: bold;

tests/testthat/css/google_fonts.css

 .remark-slide-number {
   color: #272822;
   opacity: 1;
-  font-size: 0.9em;
+  font-size: 0.9rem;
 }
 strong {
   font-weight: bold;

tests/testthat/css/mono_accent.css

 .remark-slide-number {
   color: #43418A;
   opacity: 1;
-  font-size: 0.9em;
+  font-size: 0.9rem;
 }
 strong {
   font-weight: bold;

tests/testthat/css/mono_accent_inverse.css

 .remark-slide-number {
   color: #3C989E;
   opacity: 1;
-  font-size: 0.9em;
+  font-size: 0.9rem;
 }
 strong {
   font-weight: bold;

tests/testthat/css/mono_dark.css

 .remark-slide-number {
   color: #cbf7ed;
   opacity: 1;
-  font-size: 0.9em;
+  font-size: 0.9rem;
 }
 strong {
   font-weight: bold;

tests/testthat/css/mono_light-header_bg.css

 .remark-slide-number {
   color: #23395b;
   opacity: 1;
-  font-size: 0.9em;
+  font-size: 0.9rem;
 }
 strong {
   font-weight: bold;

tests/testthat/css/mono_light.css

 .remark-slide-number {
   color: #23395b;
   opacity: 1;
-  font-size: 0.9em;
+  font-size: 0.9rem;
 }
 strong {
   font-weight: bold;

tests/testthat/css/solarized_dark-header_bg.css

 .remark-slide-number {
   color: #586e75;
   opacity: 1;
-  font-size: 0.9em;
+  font-size: 0.9rem;
 }
 strong {
   font-weight: bold;

tests/testthat/css/solarized_dark.css

 .remark-slide-number {
   color: #586e75;
   opacity: 1;
-  font-size: 0.9em;
+  font-size: 0.9rem;
 }
 strong {
   font-weight: bold;

tests/testthat/css/solarized_light.css

 .remark-slide-number {
   color: #93a1a1;
   opacity: 1;
-  font-size: 0.9em;
+  font-size: 0.9rem;
 }
 strong {
   font-weight: bold;

tests/testthat/css/xaringan.css

 .remark-slide-number {
   color: #272822;
   opacity: 1;
-  font-size: 0.9em;
+  font-size: 0.9rem;
 }
 strong {
   font-weight: bold;