In RollieParrish/ProvidenceThemes: A collection of custom palettes and themes for ggplot2 and RMarkdown based on the Providence style guide

knitr::opts_chunk$set(echo = TRUE)

@import url(https://fonts.googleapis.com/css?family=Lora|Barlow|Satisfy:400,100,300);

h1 {
  color: #00338E;
  font-family: 'Lora', monospace;
}

.subhead h1{
  color: #39892F;
  font-family: 'Barlow', monospace;
  font-size: 100;
} 

h2 {
  color: #00338E;
  font-family: 'Lora', monospace;
}

.subhead h2 {
  color: #39892F;
  font-family: 'Barlow', monospace;
  font-size: 100;
}

h3 {
  color: #39892F;
  font-family: 'Barlow', monospace;
}

/*you can include comments in CSS code like this!*/

/*  

body {
  background-color: #EAE5D0;
  color: #39892F;
  font-family: 'Barlow', monospace;
  font-size: 400;
}

/*use . to modify tags of a certain class*/
.myclass {
  color: #72243A;
  font-family: 'Satisfy';
  font-weight: bold;
}

/*use the hashtag to modify a tag with a certain id*/
#cool {
  font-style: italic;
}

/* use commas to select multiple elements at once */
h3, h4, h5, h6 {
  color: #00338E;
}

.tabset {
  background: #EAE5D0;
}

.tabset-pills {
  background: #1A2C42;
}

/* use the > to select children of a certain parent */
.tabset-pills>li {
  background: #1A2C42;
  face: bold;
}

This is a Header 1 (h1)

Subheading (h1) {.subhead}

Text text text

This is a Header 2 (h2)

Text text text

This is another Header 2 (h2) {.subhead}

Text text text

This is a Header 3 (h3)

Text text text

This is another Header 1 (h1)

Text text text

A Tabbed Section {.tabset .tabset-fade}

Text text text

Tab

More text

Another Tab

More text

A Custom Class (.myclass) {.myclass}

Note that the classes you specify in markdown relate to the section under the header not the header itself!

Subsection 1

More text

Subsection 2

More text

Header with Same Custom Class (.myclass) {.myclass}

Note that the classes you specify in markdown relate to the section under the header not the header itself!

Subsection 1

More text

Subsection 2

More text

Custom ID (#cool) {#cool}

Note that the IDs you specify in markdown relate to the section under the header not the header itself!

Subsection 1

More text

Subsection 2

More text

RollieParrish/ProvidenceThemes documentation built on Feb. 15, 2021, 7:54 p.m.