src/resources/themes/stylesheets/sencha-touch/windows/src/form/_Panel.scss

   1 @charset "utf-8";
   2
   3 /**
   4  * @class Ext.form.Panel
   5  */
   6
   7 // Label
   8 .x-form-label {
   9     color: $foreground-color;
  10     padding: 0 10px 10px 0;
  11
  12     span {
  13         font-size: $font-size-normal;
  14         font-weight: normal;
  15     }
  16 }
  17
  18 // Clear icon
  19 .x-field-input {
  20     .x-clear-icon {
  21         top: 0;
  22         right: 0;
  23         bottom: 0;
  24         height: auto;
  25         width: 32px;
  26
  27         &:before {
  28             @include absolute-position;
  29             color: #000;
  30             font-size: 28px;
  31             font-weight: bold;
  32             text-align: center;
  33             line-height: 22px;
  34             content: '×';
  35         }
  36
  37         &:hover {
  38             background: #DEDEDE;
  39         }
  40
  41         &.x-pressing {
  42             background: #000;
  43
  44             &:before {
  45                 color: #fff;
  46             }
  47         }
  48     }
  49 }
  50
  51 .x-field-clearable {
  52     .x-field-input {
  53         padding-right: 0;
  54     }
  55 }