Skip to content

Commit

Permalink
feat(style): gapless border for blockquotes, fixes #4
Browse files Browse the repository at this point in the history
BREAKING CHANGE: Now paragraphs in a blockquote will get a single gapless border on the left side, you don't need special markup to achieve this now:

```markdown
> … these mean that in many fields the rule will be: Build it, and they will come.
>
> Paul Graham
```
  • Loading branch information
sparanoid committed Dec 4, 2015
1 parent d3d6e26 commit ae9cdcf
Showing 1 changed file with 13 additions and 1 deletion.
14 changes: 13 additions & 1 deletion assets/_less/app.less
Original file line number Diff line number Diff line change
Expand Up @@ -436,6 +436,18 @@ body:hover .latest {
> p {
padding-left: .8em;
border-left: 2px solid;
// TODO: Need better solution
// We will reset the common margin-bototm to get gapless borders for blockquotes
// This could help fix https://github.com/amsf/amsf-curtana/issues/4
padding-bottom: 1.6rem;
// Now reset default margin button from global define
margin-bottom: 0;

// Remove extra padding for the last element, re-apply margin
&:last-of-type {
padding-bottom: 0;
margin-bottom: 1.6rem;
}

@media (max-width: @breakpoint-sm) {
padding-left: calc(4vw - 2px);
Expand Down Expand Up @@ -484,7 +496,7 @@ body:hover .latest {
pre {
padding: 1em;
margin: 0 0 1.8rem;
overflow-x: scroll;
overflow-x: auto;
font-size: 80%;
line-height: (@line-height * 1.2);
background: fade(#08f, 4%);
Expand Down

0 comments on commit ae9cdcf

Please sign in to comment.