plying the styles on medium-sized screens and larger
  @include breakpoint(medium) {
    $position: bottom, // Can be top or bottom
    $background: #fff, // Background color
    $width: 300px, // Width of whole menu
    $radius: 3px, // Border radius of menu
    $shadow: 0 4px 10px black, // Box shadow of menu
    $tail-size: 5px // Size of tail that is attached to the menu
  }
}
</hljs>

<hr>

<h3>Sass Variables</h3>

<p>Customize the base styles for action sheets with these settings variables.</p>

<hljs