Skip to content

feat($theme-default): add code group and code block components #2594

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

Merged
bencodezen merged 7 commits into from
Sep 9, 2020
Merged

feat($theme-default): add code group and code block components #2594

Changes from 1 commit
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
5b8dcca
Merge pull request #1 from vuejs/master
d-pollard Sep 2, 2020
e918dfd
feat($theme-default): add code group and code block components
d-pollard Sep 2, 2020
be9d466
docs: update wording to proper usage
d-pollard Sep 2, 2020
a195196
docs: use implicit truthy of boolean CodeBlock attribute
d-pollard Sep 2, 2020
e9bec76
feat: code group provides logical fallthrough behavior
d-pollard Sep 2, 2020
f253a8f
feat: code group tabs styled properly
d-pollard Sep 2, 2020
0f60aab
feat: code group uses codeBgColor for background
d-pollard Sep 3, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
feat: code group tabs styled properly
  • Loading branch information
@d-pollard
d-pollard committed Sep 2, 2020
commit f253a8f5e899df3da7d98474148662c2fff0cdb2
9 changes: 7 additions & 2 deletions packages/@vuepress/theme-default/global-components/CodeGroup.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,14 +68,19 @@ export default {
padding-bottom: 22px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
font-size: 1.5rem;
padding-left: 10px;
padding-top: 10px;
}
.theme-code-group__nav-tab {
border: 0;
padding: 5px;
cursor: pointer;
background-color: transparent;
color: white;
font-size: 0.85em;
line-height: 1.4;
color: #FFFFFF; /* Fallback for older browsers */
color: rgba(255, 255, 255, 0.9);
font-weight: 600;
}
.theme-code-group__nav-tab-active {
border-bottom: #42b983 1px solid;
Expand Down