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

[lanyon] code block paddings #136

Open
gnohz opened this issue Oct 15, 2017 · 3 comments
Open

[lanyon] code block paddings #136

gnohz opened this issue Oct 15, 2017 · 3 comments

Comments

@gnohz
Copy link

gnohz commented Oct 15, 2017

I am new to Nikola, and I am wondering if we can adjust paddings for code blocks.
It seems "lanyon" sets more space at top than bottom for code blocks.
Can I change some parameters in lanyon.css to balance the paddings?
Thanks.

@gnohz gnohz changed the title [lanyon] [lanyon] code block paddings Oct 15, 2017
@gnohz
Copy link
Author

gnohz commented Oct 15, 2017

I changed two line in poole.css:

margin-bottom: 1rem;
     padding: 1rem;

Before, they were both 0.
Problem solve!

@gnohz gnohz closed this as completed Oct 15, 2017
@Kwpolska
Copy link
Member

Which two lines? Care to make a pull request?

@Kwpolska Kwpolska reopened this Oct 15, 2017
@AdriaanRol
Copy link

I had the exact same problem.

After inspecting the code I changed pre in themes/lanyon/assets/css/poole.css to the following.

pre {
  display: block;
  border-radius: 4px;
  padding: .6rem .5rem;
  font-size: .8rem;
  line-height: 1.4;
  white-space: pre;
  overflow: auto;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f9f9f9;
}

You may want to tweak the border-radius and padding settings to get something to your personal preferences.

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

No branches or pull requests

3 participants