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.

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

Compact versions #115

Closed
javiavid opened this issue Oct 26, 2021 · 3 comments
Closed

Compact versions #115

javiavid opened this issue Oct 26, 2021 · 3 comments

Comments

@javiavid
Copy link

@javiavid javiavid commented Oct 26, 2021

I like a lot admonition and I would like to use it more often, but sometimes it is very big.
Is it possible to have some more compact versions?

image

@valentine195
Copy link
Owner

@valentine195 valentine195 commented Oct 26, 2021

This is all possible with CSS. You can target specific types with the .admonition-<type> class (for example, .admonition-shortcut).

Here are some examples:
image

.admonition content * {
  margin: 0;
}

image

.admonition-shortcut {
  display: inline-flex;
}

.admonition content * {
  margin: 0;
}

image

.admonition {
    display: flex;
}

.admonition .admonition-title {
    padding-right: 1rem;
}

.admonition .admonition-content-holder {
    width: 100%;
}

.admonition .admonition-content-copy {
    top: 0;
}

image

.admonition {
    display: inline-flex;
}

.admonition .admonition-title-content {
    height: 100%;
    width: 100%;
}
.admonition .admonition-title .admonition-title-markdown {
    display: none;
}
.admonition .admonition-content * {
    margin: 0;
}

@javiavid
Copy link
Author

@javiavid javiavid commented Oct 27, 2021

Thanks for the information, but I don't have much knowledge of CSS.
In which file should I paste these lines?

@valentine195
Copy link
Owner

@valentine195 valentine195 commented Oct 27, 2021

These should be created as a CSS snippet. See here and here for help on how to create snippets.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
2 participants