diff --git a/src/core/sass/brand.ts b/src/core/sass/brand.ts index e2150d23f93..cb8e18c367e 100644 --- a/src/core/sass/brand.ts +++ b/src/core/sass/brand.ts @@ -403,6 +403,7 @@ const brandTypographyBundle = ( "style", "color", "background-color", + "decoration", ] ) { // deno-lint-ignore no-explicit-any @@ -447,6 +448,13 @@ const brandTypographyBundle = ( ["color", "presentation-heading-color"], // TODO: style, needs CSS change ], + "link": [ + // bootstrap + revealjs + ["color", "link-color"], + ["background-color", "link-color-bg"], + ["weight", "link-weight"], + ["decoration", "link-decoration"], + ], "monospace": [ // bootstrap + revealjs ["family", "font-family-monospace"], @@ -497,6 +505,7 @@ const brandTypographyBundle = ( for ( const kind of [ // more specific entries go first + "link", "monospace-block", "monospace-inline", "monospace", diff --git a/src/resources/formats/html/bootstrap/_bootstrap-rules.scss b/src/resources/formats/html/bootstrap/_bootstrap-rules.scss index 91080707da3..a5ab4d85f7c 100644 --- a/src/resources/formats/html/bootstrap/_bootstrap-rules.scss +++ b/src/resources/formats/html/bootstrap/_bootstrap-rules.scss @@ -2174,3 +2174,10 @@ code { @include font-size($code-inline-font-size); font-weight: $font-weight-monospace-inline; } + +// link styling +a { + background-color: $link-color-bg; + font-weight: $link-weight; + text-decoration: $link-decoration; +} diff --git a/src/resources/formats/html/bootstrap/_bootstrap-variables.scss b/src/resources/formats/html/bootstrap/_bootstrap-variables.scss index 57713008985..6ea6a9674c9 100644 --- a/src/resources/formats/html/bootstrap/_bootstrap-variables.scss +++ b/src/resources/formats/html/bootstrap/_bootstrap-variables.scss @@ -17,6 +17,7 @@ $link-color: if( theme-override-value($theme-name, "link-color", $link-color), $link-color ); +$link-color-bg: transparent !default; /* Code Block Formatting */ // Code Block Border Treatment @@ -255,7 +256,8 @@ $h1h2h3-font-weight: 600 !default; $font-weight-base: 400 !default; $small-font-size: 0.875em !default; $code-font-size: $small-font-size !default; -$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; +$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, + "Liberation Mono", "Courier New", monospace !default; $font-family-monospace-block: $font-family-monospace !default; $font-family-monospace-inline: $font-family-monospace !default; @@ -264,3 +266,5 @@ $font-weight-monospace-block: $font-weight-monospace !default; $font-weight-monospace-inline: $font-weight-monospace !default; $code-block-font-size: $code-font-size !default; $code-inline-font-size: $code-font-size !default; +$link-weight: $font-weight-base !default; +$link-decoration: inherit !default; \ No newline at end of file diff --git a/src/resources/formats/revealjs/quarto.scss b/src/resources/formats/revealjs/quarto.scss index c10975e3b35..9ba2eebfd6d 100644 --- a/src/resources/formats/revealjs/quarto.scss +++ b/src/resources/formats/revealjs/quarto.scss @@ -20,6 +20,9 @@ $font-weight-base: 400 !default; $code-font-size: $presentation-font-size-root !default; $font-family-monospace-block: $font-family-monospace !default; $font-family-monospace-inline: $font-family-monospace !default; +$link-weight: $font-weight-base !default; +$link-color-bg: transparent !default; +$link-decoration: inherit !default; // main colors $body-bg: #fff !default; @@ -923,3 +926,11 @@ kbd { --r-inline-code-font-size: #{$revealjs-code-inline-font-size}; --r-block-code-font-size: #{$revealjs-code-block-font-size}; } + +// _brand.yml rules + +.reveal a { + font-weight: $link-weight; + background-color: $link-color-bg; + text-decoration: $link-decoration; +}