From 0a420124ea1cc138ef8e3b0c78607bb4775083ec Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 22 Dec 2017 16:49:57 -0800 Subject: Restyle code element, remove docs example overflow, improve docs examples (#25054) * Restyle code element, clean up variables - Removes the padding and background-color - Changes the color to a brand color () - Add new variables to kbd element styles to account for removing the code ones - Remove overrides that were needed previously * only break between words, and override it in the pre * make file inputs 100% wide * scope custom file changes in input group for sizing * shorter button labels for responsive * narrower cards * button was too wide * downsize * fewer links in pagination * redo cell text * improve overflow docs --- scss/_code.scss | 14 ++++---------- 1 file changed, 4 insertions(+), 10 deletions(-) (limited to 'scss/_code.scss') diff --git a/scss/_code.scss b/scss/_code.scss index a9fe624bc..9de20fa0d 100644 --- a/scss/_code.scss +++ b/scss/_code.scss @@ -8,24 +8,20 @@ samp { // Inline code code { - padding: $code-padding-y $code-padding-x; font-size: $code-font-size; color: $code-color; - background-color: $code-bg; - @include border-radius($border-radius); + word-break: break-word; // Streamline the style when inside anchors to avoid broken underline and more a > & { - padding: 0; color: inherit; - background-color: inherit; } } // User input typically entered via keyboard kbd { - padding: $code-padding-y $code-padding-x; - font-size: $code-font-size; + padding: $kbd-padding-y $kbd-padding-x; + font-size: $kbd-font-size; color: $kbd-color; background-color: $kbd-bg; @include border-radius($border-radius-sm); @@ -47,11 +43,9 @@ pre { // Account for some code outputs that place code tags in pre tags code { - padding: 0; font-size: inherit; color: inherit; - background-color: transparent; - @include border-radius(0); + word-break: normal; } } -- cgit v1.2.3