Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

:menuselection: style #1426

Merged
merged 7 commits into from May 24, 2023
Merged

:menuselection: style #1426

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
00ef6ef
Adds a bit of basic styling for `:menuselection:`
benjaoming Jan 27, 2023
0463b96
Rebuild CSS
benjaoming Jan 27, 2023
9baa261
Remove docs demo, there was one already exactly below :)
benjaoming Jan 27, 2023
b21c992
Merge branch 'master' into menuselection-style
benjaoming Feb 7, 2023
beb3e19
Merge branch 'master' of github.com:readthedocs/sphinx_rtd_theme into…
benjaoming May 24, 2023
5072121
Make menuselection color same as guilabel
benjaoming May 24, 2023
1d4b3e7
Update assets for https://github.com/readthedocs/sphinx_rtd_theme/pul…
benjaoming May 24, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
2 changes: 1 addition & 1 deletion sphinx_rtd_theme/static/css/theme.css
View file
Open in desktop

Large diffs are not rendered by default.

11 changes: 8 additions & 3 deletions src/sass/_theme_rst.sass
View file
Open in desktop
Expand Up @@ -583,14 +583,19 @@
@extend .fa-download
&:before
margin-right: 4px
.guilabel
border: 1px solid lighten($guilabel-color, 25%)
background: lighten($guilabel-color, 50%)
.guilabel,
.menuselection
font-size: 80%
font-weight: 700
border-radius: $base-line-height / 6
padding: ($base-line-height / 10) ($base-line-height / 4)
margin: auto ($base-line-height / 12)
.guilabel,
border: 1px solid lighten($guilabel-color, 25%)
background: lighten($guilabel-color, 50%)
.menuselection
border: 1px solid lighten($menuselection-color, 25%)
background: lighten($menuselection-color, 50%)
*:not(dl.option-list) > :not(dt):not(kbd):not(.kbd) > kbd,
*:not(dl.option-list) > :not(dt):not(kbd):not(.kbd) > .kbd
color: inherit
Expand Down
5 changes: 4 additions & 1 deletion src/sass/_theme_variables.sass
View file
Open in desktop
Expand Up @@ -20,9 +20,12 @@ $text-codexref-color: $text-color
$class-color: $blue
$method-color: $gray

// GUI label color
// :guilabel: color
$guilabel-color: $blue

// :menuselection: label color
$menuselection-color: $gray

// Footer colors
$footer-color: $text-medium

Expand Down