mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-13 00:54:04 +02:00
Code Issues Releases Wiki Activity

Drop .pre-scrollable class

Browse Source
This commit is contained in:
Martijn Cuppens
2019-07-25 18:03:45 +02:00
parent 1c05c1dbf1
commit 97e9214edd
3 changed files with 1 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
scss/_code.scss
View File

@@ -38,9 +38,3 @@ pre {
word-break: normal; word-break: normal;
} }
} }
// Enable scrollable blocks of code
.pre-scrollable {
max-height: $pre-scrollable-max-height;
overflow-y: scroll;
}

1
scss/_variables.scss
View File

@@ -1106,4 +1106,3 @@ $kbd-color: $white !default;
$kbd-bg: $gray-900 !default; $kbd-bg: $gray-900 !default;
$pre-color: null !default; $pre-color: null !default;
$pre-scrollable-max-height: 340px !default;

2
site/content/docs/4.3/content/code.md
View File

@@ -16,7 +16,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
## Code blocks ## Code blocks
Use `<pre>`s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the `.pre-scrollable` class, which will set a max-height of 340px and provide a y-axis scrollbar. Use `<pre>`s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering.
{{< example >}} {{< example >}}
<pre><code>&lt;p&gt;Sample text here...&lt;/p&gt; <pre><code>&lt;p&gt;Sample text here...&lt;/p&gt;