UNPKG

carbon-components

Version:

The Carbon Design System is IBM’s open-source design system for products and experiences.

50 lines (44 loc) 1.87 kB
<!-- Copyright IBM Corp. 2016, 2018 This source code is licensed under the Apache-2.0 license found in the LICENSE file in the root directory of this source tree. --> <div class="bx--snippet bx--snippet--multi" data-code-snippet> <div class="bx--snippet-container" aria-label="Code Snippet Text"> <pre> <code>@mixin grid-container { width: 100%; padding-right: padding(mobile); padding-left: padding(mobile); @include breakpoint(bp--xs--major) { padding-right: padding(xs); padding-left: padding(xs); } } $z-indexes: ( modal : 9000, overlay : 8000, dropdown : 7000, header : 6000, footer : 5000, hidden : - 1, overflowHidden: - 1, floating: 10000 );</code> </pre> </div> <button data-copy-btn class="bx--copy-btn" type="button" tabindex="0"> <span class="bx--assistive-text bx--copy-btn__feedback">Copied!</span> <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bx--snippet__icon" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><path d="M28,10V28H10V10H28m0-2H10a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2Z"></path><path d="M4,18H2V4A2,2,0,0,1,4,2H18V4H4Z"></path></svg> </button> <button class="bx--btn bx--btn--ghost bx--btn--sm bx--snippet-btn--expand" type="button"> <span class="bx--snippet-btn--text" data-show-more-text="Show more" data-show-less-text="Show less">Show more</span> <svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-label="Show more icon" class="bx--icon-chevron--down bx--snippet__icon" width="16" height="16" viewBox="0 0 16 16" role="img"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg> </button> </div>