This is a paragraph with some sample text. Did you know mini.css v2.0 is codenamed Fermion? No? Well, now you do! Oh, by the way, that was some Bold text and here is some text in Italics. Maybe you want to know what our inline elements look like. For example a link to the Github repository of mini.css looks like that! Neat, right? Maybe you want to see some inline code or some sample input. Oh, also small text is cool, along with its siblings: the subscripthi! and the superscripthello!. Finally, check out the horizontal rule and preformatted code block below.
This is a paragraph with some sample text. Did you know mini.css v2.0 is codenamed Fermion? No? Well, now you do! Oh, by the way, that was some Bold text and here is some text in Italics. Maybe you want to know what our inline elements look like. For example a link to the Github repository of mini.css looks like that! Neat, right? Maybe you want to see some inline code or some sample input. Oh, also small text is cool, along with its siblings: the subscripthi! and the superscripthello!. Finally, check out the horizontal rule, preformatted code block and quotation below.
function sum(num1, num2) {
var num3 = num1 + num2;
console.log('Result: ' + num3);
-}This is some quoted text from elsewhere.
The most common HTML5 elements must be things like <p>aragraphs, bold (<strong>) & italics (<em>) text, links (<a>), horizontal rules (<hr>) and <small> text. These, along with a few others, are styled by default using clean, modern design to make your pages look cool and stand out from the rest of the internet.
+$blockquote-fore-color: $fore-color; // Text color for+$blockquote-margin: 8px 10px; // Margin for+$blockquote-padding: 6px 10px 24px; // Padding for+$blockquote-sidebar-style: 3px solid #616161; // Style for the sidebar of+$blockquote-cite-font-size: 0.85em; // Font size for citation of+$blockquote-cite-fore-color: #616161; // Text color for citation of+$blockquote-cite-left-position: 10px; // Left padding for citation of+$blockquote-cite-bottom-position: // Bottom padding for citation of+ 0; +$blockquote-border-style: 0; // Border style for+$blockquote-border-radius: 0 2px 2px 0; // Border radius for+$blockquote-box-shadow: // Box shadow for+ 0 1px 3px rgba(0,0,0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); $use-default-code-fonts: true; // Should default font choice (monospace) be // used for code elements? (`true`/`false`) [6] //$code-font-family: monospace, monospace; // Fonts for code elements if not default diff --git a/src/mini/_core.scss b/src/mini/_core.scss index aab1dd2..8464e19 100644 --- a/src/mini/_core.scss +++ b/src/mini/_core.scss @@ -147,6 +147,44 @@ hr { } } +blockquote { + display: block; + position: relative; + font-style: italic; + @if $blockquote-back-color != $back-color { + background: $blockquote-back-color; + } + @if $blockquote-fore-color != $fore-color { + color: $blockquote-fore-color; + } + // Overwrite defaults + margin: $blockquote-margin; + padding: $blockquote-padding; + @if $blockquote-sidebar-style != 0 { + border-left: $blockquote-sidebar-style; + } + @if $blockquote-border-style != 0 { + border: $blockquote-border-style; + } + @if $blockquote-border-radius != 0 { + border-radius: $blockquote-border-radius; + } + @if $blockquote-box-shadow != none { + box-shadow: $blockquote-box-shadow; + } + &:after { + position: absolute; + font-style: normal; + font-size: $blockquote-cite-font-size; + @if $blockquote-cite-fore-color != $blockquote-fore-color { + color: $blockquote-cite-fore-color; + } + left: $blockquote-cite-left-position; + bottom: $blockquote-cite-bottom-position; + content: '\2014 \2009'attr(cite); + } +} + $use-default-code-fonts: true !default; @if $use-default-code-fonts { code, kbd, pre, samp{