ottom">
    Message for you, sir!
  </zf-as-content>
</zf-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,
    $backgr