Carbon Design System

Code Snippet

@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 );
Copied!

Inline Code Snippet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. code snippet varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Multi Line Code Snippet

Copied!
Toggle View
1. @mixin grid-container {    
  width: 100%;    
  padding-right: padding(mobile);    
  padding-left: padding(mobile);

2. @mixin grid-container {    
  width: 100%;    
  padding-right: padding(mobile);    
  padding-left: padding(mobile);

3. @mixin grid-container {    
  width: 100%;    
  padding-right: padding(mobile);    
  padding-left: padding(mobile);

4. @mixin grid-container {    
  width: 100%;    
  padding-right: padding(mobile);    
  padding-left: padding(mobile);