rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01:00
Code Issues Actions Packages Releases Activity

Rearrange margins for .highlight (#23396)

Browse Source 
Only applies the margins to .highlight instances within .bd-content, thus negating any need for #23279.
This commit is contained in:
Mark Otto 2017-08-13 16:44:52 -07:00 committed by GitHub
parent 012224386c
commit 52310bfd69
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
assets/scss/_component-examples.scss
View File

@ -392,16 +392,26 @@
.highlight { .highlight {
padding: 1rem; padding: 1rem;
margin: 1rem (-$grid-gutter-width / 2); margin-top: 1rem;
margin-bottom: 1rem;
background-color: #f7f7f9; background-color: #f7f7f9;
-ms-overflow-style: -ms-autohiding-scrollbar; -ms-overflow-style: -ms-autohiding-scrollbar;
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
padding: 1.5rem; padding: 1.5rem;
}
}
.bd-content .highlight {
margin-right: (-$grid-gutter-width / 2);
margin-left: (-$grid-gutter-width / 2);
@include media-breakpoint-up(sm) {
margin-right: 0; margin-right: 0;
margin-left: 0; margin-left: 0;
} }
} }
.highlight pre { .highlight pre {
padding: 0; padding: 0;
margin-top: 0; margin-top: 0;