Skip to content
GitLab
Explore
Projects
Groups
Snippets
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
Bootstrap
bootstrap
Commits
45722e94
Commit
45722e94
authored
7 years ago
by
Mark Otto
Committed by
Mark Otto
7 years ago
Browse files
Options
Download
Email Patches
Plain Diff
Drop .blockquote-reverse, replace with text utils, and redesign blockquote to not have a border
parent
4554d742
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
docs/4.0/content/typography.md
+10
-3
docs/4.0/content/typography.md
scss/_type.scss
+0
-20
scss/_type.scss
scss/_variables.scss
+0
-2
scss/_variables.scss
with
10 additions
and
25 deletions
+10
-25
docs/4.0/content/typography.md
+
10
-
3
View file @
45722e94
...
...
@@ -202,12 +202,19 @@ Add a `<footer class="blockquote-footer">` for identifying the source. Wrap the
</blockquote>
{% endexample %}
###
Reverse layou
t
###
Alignmen
t
Add
`.blockquote-reverse`
for a blockquote with right-aligned content
.
Use text utilities as needed to change the alignment of your blockquote
.
{% example html %}
<blockquote
class=
"blockquote blockquote-reverse"
>
<blockquote
class=
"blockquote text-center"
>
<p
class=
"mb-0"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
</p>
<footer
class=
"blockquote-footer"
>
Someone famous in
<cite
title=
"Source Title"
>
Source Title
</cite></footer>
</blockquote>
{% endexample %}
{% example html %}
<blockquote
class=
"blockquote text-right"
>
<p
class=
"mb-0"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
</p>
<footer
class=
"blockquote-footer"
>
Someone famous in
<cite
title=
"Source Title"
>
Source Title
</cite></footer>
</blockquote>
...
...
This diff is collapsed.
Click to expand it.
scss/_type.scss
+
0
-
20
View file @
45722e94
...
...
@@ -108,10 +108,8 @@ mark,
// Blockquotes
.blockquote
{
padding
:
(
$spacer
/
2
)
$spacer
;
margin-bottom
:
$spacer
;
font-size
:
$blockquote-font-size
;
border-left
:
$blockquote-border-width
solid
$blockquote-border-color
;
}
.blockquote-footer
{
...
...
@@ -123,21 +121,3 @@ mark,
content
:
"\2014 \00A0"
;
// em dash, nbsp
}
}
// Opposite alignment of blockquote
.blockquote-reverse
{
padding-right
:
$spacer
;
padding-left
:
0
;
text-align
:
right
;
border-right
:
$blockquote-border-width
solid
$blockquote-border-color
;
border-left
:
0
;
}
.blockquote-reverse
.blockquote-footer
{
&
::before
{
content
:
""
;
}
&
::after
{
content
:
"\00A0 \2014"
;
// nbsp, em dash
}
}
This diff is collapsed.
Click to expand it.
scss/_variables.scss
+
0
-
2
View file @
45722e94
...
...
@@ -279,8 +279,6 @@ $text-muted: $gray-600 !default;
$blockquote-small-color
:
$gray-600
!
default
;
$blockquote-font-size
:
(
$font-size-base
*
1
.25
)
!
default
;
$blockquote-border-color
:
$gray-200
!
default
;
$blockquote-border-width
:
.25rem
!
default
;
$hr-border-color
:
rgba
(
$black
,.
1
)
!
default
;
$hr-border-width
:
$border-width
!
default
;
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
Menu
Explore
Projects
Groups
Snippets