ba-as-content>
</ba-action-sheet>

<hr>
<h3>Sass Mixins</h3>

<p>Create an action sheet with custom class names using our mixins.</p>

<hljs language="scss">
// This is the wrapper for your button and action sheet
.custom-action-sheet-container {
  position: relative;
  display: inline-block;
}

// This is the action sheet itself
.custom-action-sheet {
  // These are the core styles for the sheet menu
  $padding: 1rem,
  $color: #000,
  $border-color,
  $background-hover: #ccc

  // This mixin sets up style