Extra space on top of columns
jcarnat opened this issue · 1 comments
jcarnat commented
Hello,
Following #538, I have implemented two-columns css definition.
The thing is this leads to extra vertical space between title and top of column. See attached screenshot.
The code is:
/* Two-column layouts */
.left-column { width: 49%; float: left; }
.right-column { width: 49%; float: right; }
.left-column-33 { width: 33%; float: left; }
.right-column-66 { width: 66%; float: right; }
.left-column-66 { width: 66%; float: left; }
.right-column-33 { width: 33%; float: right; }
.right-column ~ p { clear: both; }
.right-column ~ ul { clear: both; }
(...)
class: center, middle
# A two columns layout
---
# A classical text
=== This is a classical text beginning ate normal height.
---
# 2 columns
.left-column[
=== This is the left column. See how start height is different from previous slide.
]
.right-column[
=== This is the right column. Equal signs are used for better alignment comparison.
]
Some slides have two columns, some don't.
So I think I shouldn't modify ".remark-slide-content h1".
But I'm not sure how to modify column css to align like the classical paragraph does.
Any ideas?
Thanks.