diff --git a/docs/develop/docs.md b/docs/develop/docs.md index 3017262c..114fc735 100644 --- a/docs/develop/docs.md +++ b/docs/develop/docs.md @@ -18,7 +18,7 @@ The docs hosted on [docs.browsertrix.cloud](https://docs.browsertrix.cloud) are We typically use the [Bootstrap icon set](https://icons.getbootstrap.com/) with our projects. This set is quite expansive, and we don't add the entire set into our docs folder as most icons go unused. If you wish to use an icon when writing documentation to refer to an icon present in part of the app, you may have to download the SVG file and add it to the repo. -Icons are placed in the `docs/overrides/.icons/iconsetname/iconname.svg` directory, and can be added in markdown files as `:iconsetname-iconname:` accordingly. For more information, see the [Material for MKDocs page on Changing the logo and icons](https://squidfunk.github.io/mkdocs-material/setup/changing-the-logo-and-icons/#customization). +Icons are placed in the `docs/overrides/.icons/iconsetname/icon-name.svg` directory, and can be added in markdown files as `:iconsetname-icon-name:` accordingly. For more information, see the [Material for MKDocs page on Changing the logo and icons](https://squidfunk.github.io/mkdocs-material/setup/changing-the-logo-and-icons/#customization). ## Docs style guide diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index 5eb9a871..2e935c19 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -36,13 +36,33 @@ code, pre, kbd { --md-primary-fg-color: #008873; --md-primary-fg-color--light: #008873; --md-primary-fg-color--dark: #003c32; - --md-default-bg-color--light: #f4f0e7; - --md-default-bg-color: #f4f0e7; + --md-default-bg-color--light: #f9f5eb; + --md-default-bg-color: #f9f5eb; --md-code-bg-color: #fff; --md-accent-fg-color: #01b297; - - /* Typography Color Scheme */ - /* --md-typeset-color: #003c32; */ - --md-typeset-a-color: #008873; + --md-typeset-a-color: #005447; - } \ No newline at end of file + } + +/* Custom menu item hover */ + +.md-tabs__link { + font-weight: 400; + opacity: .9; + transition: .4s cubic-bezier(.1,.7,.1,1),opacity .25s +} + +.md-tabs__link:hover { + font-weight: 650; + +} + +/* Custom Typography Rules */ + +.md-typeset a { + text-decoration: underline; +} + +.headerlink { + text-decoration: none!important; +} \ No newline at end of file