Skip to content
This repository was archived by the owner on Apr 24, 2024. It is now read-only.
This repository was archived by the owner on Apr 24, 2024. It is now read-only.

How to integrate with Quarto Website pages? #37

@CeresBarros

Description

@CeresBarros

I am trying to apply the BC Gov bootstrap theme to a Quarto Website (https://github.com/bcgov/FFEC-website), but am having trouble knowing how to do so.

Quarto documentation suggests that to use a custom theme one simply needs to pass the .scss file (see https://quarto.org/docs/output-formats/html-themes.html#custom-themes).
However, the .scss files available in bcgov/bootstrap-theme/dist/scss do not conform with the type of content expected by quarto:

ERROR: The file C:\Users\cbarros\GitHub\BCGov\FFEC-website\scss\bootstrap-theme.scss doesn't contain at least one layer boundary (/*-- scss:defaults --*/, /*-- scss:rules --*/, /*-- scss:mixins --*/, /*-- scss:functions --*/, or /*-- scss:uses --*/)

Error: The file C:\Users\cbarros\GitHub\BCGov\FFEC-website\scss\bootstrap-theme.scss doesn't contain at least one layer boundary (/*-- scss:defaults --*/, /*-- scss:rules --*/, /*-- scss:mixins --*/, /*-- scss:functions --*/, or /*-- scss:uses --*/)
    at sassLayerStr (file:///C:/Program%20Files/RStudio/resources/app/bin/quarto/bin/quarto.js:59999:15)
    at sassLayerFile (file:///C:/Program%20Files/RStudio/resources/app/bin/quarto/bin/quarto.js:59995:12)
    at sassLayer (file:///C:/Program%20Files/RStudio/resources/app/bin/quarto/bin/quarto.js:59982:16)
    at file:///C:/Program%20Files/RStudio/resources/app/bin/quarto/bin/quarto.js:122917:24
    at Array.flatMap (<anonymous>)
    at layerTheme (file:///C:/Program%20Files/RStudio/resources/app/bin/quarto/bin/quarto.js:122900:27)
    at resolveThemeLayer (file:///C:/Program%20Files/RStudio/resources/app/bin/quarto/bin/quarto.js:123042:31)
    at resolveBootstrapScss (file:///C:/Program%20Files/RStudio/resources/app/bin/quarto/bin/quarto.js:122892:55)
    at boostrapExtras (file:///C:/Program%20Files/RStudio/resources/app/bin/quarto/bin/quarto.js:124434:25)
    at themeFormatExtras (file:///C:/Program%20Files/RStudio/resources/app/bin/quarto/bin/quarto.js:125956:16)

Also, Quarto websites do not use (at least by default) with a package.json file, so I'm not sure how to follow the instructions to install this bootstrap theme either.

Any help is much appreciated!
Ceres

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions