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

Quotes block CSS style #76

Closed
cr0cdev opened this issue Nov 9, 2021 · 0 comments · Fixed by #90
Closed

Quotes block CSS style #76

cr0cdev opened this issue Nov 9, 2021 · 0 comments · Fixed by #90
Labels
enhancement New feature or request

Comments

@cr0cdev
Copy link

cr0cdev commented Nov 9, 2021

Hi!

I tried to add quote block into one of my posts and I found out that the theme does not have a quote block CSS style. I haven't done PR to this change, since I do not know if the style suits the developer.
Anyway here is the idea for quote block style (I did change the code block as well so both of them look the same):

blockquote {
  border-left: 0.4em solid rgba($primary-color, .8);
  border-radius: 5px;
  padding: .5em 1em;
  color: rgba($light-color, .8);
  font-family: monospace,monospace;
  font-size: 1em;
  margin: 10px 0;
  background: #272822;
}

blockquote:before {
  color: rgba($light-color, .8);
  content: open-quote;
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -0.3em;
}

blockquote p {
  display: inline;
}

Preview:
quote

Hopefully something similar gets added as it looks a bit better this way.

@vaga vaga added the enhancement New feature or request label Nov 17, 2021
squalrus added a commit to squalrus/hugo-theme-m10c that referenced this issue Jan 29, 2022
@vaga vaga closed this as completed in #90 Oct 6, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants