CSS Block Quotes: How to get every line indented, not just the first.

jonathan.cisco's Avatar

jonathan.cisco

14 May, 2014 07:28 PM

I'm trying to adapt a CSS sheet to work with APA formatting. I've got my headings correct, but the block quote is giving me trouble.

I need to be able to block quote three lines of interviews:
Bob: said this
Sally: Said this
Erin: Said this

Unfortunately, only the first line is indented, which isn't a correct block quote under apa. All lines in a block quote must be indented. The block quote section I'm working on is this:

// Block styles //

block-all {

margin-top:     12pt
margin-bottom:  12pt

margin-left:    4em
margin-right:   4em
first-line-indent:  4em
}

block-code : @code {

style-title:    "Codeblock" 
// As shown and used by MS Word

font-size:      12pt
font-color:     $cool-blue
line-height:    18pt

margin-bottom:  18pt

// No need to set the font, since @code calls Menlo

}

block-code paragraph {

text-alignment:     left

hyphenation:        no

default-tab-interval: 6em
// Set tab stops

}

block-quote {

style-title:    "Blockquote"
// As shown and used by MS Word

font-slant:     normal

font-size:      12pt

margin-left:    3em
default-tab-interval: 6em
}

block-raw {

visibility: hidden
// kills raw source blocks

}

block-comment {

visibility: hidden

}

What am I missing? I'm sure it's something simple.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac