mobile-demo-set / static / sdk / resources / themes / stylesheets / sencha-touch / default / widgets / _sheets.scss

@import '../global';

/**
 * @class Ext.Sheet
 */

/**
 * @var {color} $sheet-bg-color
 * Background-color for action sheets and message boxes.
 */
$sheet-bg-color: transparentize(darken($base-color, 40%), .1) !default;

/**
 * @var {color} $sheet-bg-gradient
 * Background gradient style for action sheets and message boxes.
 */
$sheet-bg-gradient: $base-gradient !default;

/**
 * @var {measurement} $sheet-button-spacing
 * Vertical spacing between sheet buttons.
 */
$sheet-button-spacing: .5em !default;

/**
 * @var {measurement} $sheet-padding
 * Overall padding in a sheet.
 */
$sheet-padding: .7em !default;

/**
 * Includes default sheet styles (also required for message box).
 */
@mixin sencha-sheet {
  .x-sheet, .x-sheet-action {
    padding: $sheet-padding;
    border-top: 1px solid darken($base-color, 30%);
    height: auto;
    @include background-gradient($sheet-bg-color, $sheet-bg-gradient);
    @include border-radius(0);
  }

  .x-sheet-inner, .x-sheet-action-inner {
    > .x-button {
      margin-bottom: $sheet-button-spacing;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }
}
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.