src/resources/themes/stylesheets/sencha-touch/cupertino-classic/src/form/_FieldSet.scss

   1 /**
   2  * @class Ext.form.FieldSet
   3  */
   4
   5 .x-form-fieldset {
   6     margin: .5em .5em 1.5em;
   7
   8     .x-form-fieldset-inner {
   9         background: #fff;
  10         padding: 0;
  11         border-color: #b9b9b9;
  12         @include border-radius($form-fieldset-radius);
  13     }
  14
  15     //Ext.field.Field
  16     .x-field {
  17         border-bottom: 1px solid #b9b9b9;
  18         background: transparent;
  19
  20         &:first-child {
  21             @include border-top-radius($form-fieldset-radius);
  22         }
  23
  24         &:last-child {
  25             border-bottom: 0;
  26
  27             @include border-bottom-radius($form-fieldset-radius);
  28         }
  29     }
  30 }
  31
  32 .x-form-fieldset-title {
  33     @include label();
  34     margin: .5em;
  35     color: #586176;
  36     text-shadow: 0 1px 0 rgba(255,255,255,.6);
  37 }
  38
  39 .x-form-fieldset-instructions {
  40     @include label();
  41     color: #586176;
  42     margin: 1em;
  43     font-size: .8em;
  44     text-shadow: 0 1px 0 rgba(255,255,255,.4);
  45 }
  46
  47 .x-label-align-left {
  48     &:first-child {
  49         .x-form-label {
  50             @include border-top-left-radius($form-fieldset-radius);
  51         }
  52     }
  53
  54     &:last-child {
  55         .x-form-label {
  56             @include border-bottom-left-radius($form-fieldset-radius);
  57         }
  58     }
  59 }
  60
  61 .x-label-align-right {
  62     &:first-child {
  63         .x-form-label {
  64           @include border-top-right-radius($form-fieldset-radius);
  65         }
  66     }
  67
  68     &:last-child {
  69         border-bottom: 0;
  70
  71         .x-form-label {
  72             @include border-bottom-right-radius($form-fieldset-radius);
  73         }
  74     }
  75 }
  76
  77 .x-label-align-top {
  78     &:first-child {
  79         .x-form-label {
  80             @include border-top-radius($form-fieldset-radius);
  81         }
  82     }
  83 }
  84
  85 .x-label-align-bottom {
  86     &:last-child {
  87         .x-form-label {
  88             @include border-bottom-radius($form-fieldset-radius);
  89         }
  90     }
  91 }