meds-slides-styles.scss

/*-- scss:defaults --*/

// Import fonts
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Nunito:wght@300;800&family=Roboto+Mono:wght@300;400&family=Sanchez&display=swap');

// fonts
$font-family-sans-serif: 'Nunito', sans-serif; //  body text
$font-family-serif: 'Sanchez', serif; // headers
$font-family-monospace: 'Roboto Mono', monospace; // code

// colors
$baby-blue: #d2e3f3;
$teal: #047C90;
$dark-blue: #003660;
$green: #78A540;
$white: #FFFFFF;
$off-white: #F7F7F7;
$gray: #ADADAD;
$dark-gray: #373A3E;

// scss variables (see https://quarto.org/docs/presentations/revealjs/themes.html#sass-variables)
$presentation-title-slide-text-align: "left"; // left-align slide titles
$body-bg: $white; // slide background color
$link-color: $green; // hyperlink color
//$code-color: $magenta;
$code-bg: $off-white; // inline code background color
$code-block-font-size: 0.8em; // block code font size
$code-block-bg: $off-white; // block code background color
$presentation-font-size-root: 25px; // default font size

/*-- scss:rules --*/

// bold styling
strong, b {
  font-weight: 900;
}

// table header font size
th {
font-size: 30px;
}

// table text font size
td {
  font-size: 20px;
}

// horizontal line (default dark blue)
hr {
  border: 4px solid $dark-blue;
  border-radius: 5px;
  margin-bottom: 30px;
}

// teal horizontal line
.hr-teal {
  border: 4px solid $teal;
}

// custom slide title
.custom-title {
  font-family: $font-family-serif;
  color: $baby-blue;
  font-size: 3em; 
  left: 20px;
}

// cover slide subtitle (large)
.custom-subtitle {
  font-family: $font-family-sans-serif;
  color: $baby-blue;
  font-size: 2.4em;
  left: 20px;
}

// cover slide subtitle (medium)
.custom-subtitle2 {
  font-family: $font-family-sans-serif;
  color: $baby-blue;
  font-size: 1.8em;
  left: 20px;
}

// cover slide subtitle (small)
.custom-subtitle3 {
  font-family: $font-family-sans-serif;
  color: $baby-blue;
  font-size: 1.2em;
  left: 20px;
}

// cover slide footer text
.title-footer {
  text-align: center !important;
  color: $baby-blue;
  font-size: 0.9em !important;
}

// slide title (large)
.slide-title-xl {
  font-family: $font-family-serif;
  color: $teal;
  font-size: 3em;
  font-weight: 700;
}

// slide title (large)
.slide-title {
  font-family: $font-family-serif;
  color: $teal;
  font-size: 2em;
  font-weight: 700;
}

// slide title (medium)
.slide-title2 {
  font-family: $font-family-serif;
  color: $teal;
  font-size: 1.7em;
  font-weight: 700;
}

// slide title (small)
.slide-title3 {
  font-family: $font-family-serif;
  color: $teal;
  font-size: 1.5em;
  font-weight: 700;
}

.large-fa-icon {
  font-size: 2.5em;
}

// XL body text
.body-text-xl {
  font-family: $font-family-sans-serif;
  font-size: 2em;
}

// L body text
.body-text-l {
  font-size: 1.5em;
	line-height: 1.9em;
	margin-bottom: 1em;
}

// M body text
.body-text-m {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 1em;
}

// S body text
.body-text-s {
  font-size: 20px;
	line-height: 0.5em;
}

// XS body text
.body-text-xs {
  font-size: 0.5em;
	line-height: 1.8em;
}

// sanchez font family
.sanchez-font {
  font-family: $font-family-serif;
}

// baby blue text
.baby-blue-text {
  color: $baby-blue;
}

// dark blue text
.dark-blue-text {
  color: $dark-blue;
}

// white text
.white-text {
  color: $white;
}

// teal text
.teal-text {
  color: $teal;
}

// gray text
.gray-text {
  color: $gray;
}

.blue-underline {
  text-decoration: underline $dark-blue;
  text-underline-offset: 10px; // https://developer.mozilla.org/en-US/docs/Web/CSS/text-underline-offset
  text-decoration-thickness: 4px;
}

// center text (horizontally)
.center-text {
  text-align: center;
}

// right-align text
.right-align-text{
  text-align: right;
}

// left-align text
.left-align-text{
  text-align: left;
}