]> git.proxmox.com Git - extjs.git/blame - extjs/modern/theme-neptune/sass/src/form/FieldSet.scss
add extjs 6.0.1 sources
[extjs.git] / extjs / modern / theme-neptune / sass / src / form / FieldSet.scss
CommitLineData
6527f429
DM
1/**\r
2 * @class Ext.form.FieldSet\r
3 */\r
4\r
5.x-form-fieldset {\r
6 margin: 1em 1em 1.5em;\r
7\r
8 .x-form-fieldset-inner {\r
9 border: $fieldset-border-width solid $fieldset-border-color;\r
10 background: $field-background-color;\r
11 padding: 0;\r
12 @if $include-border-radius {\r
13 @include border-radius($fieldset-border-radius);\r
14 }\r
15 }\r
16\r
17 //Ext.field.Field\r
18 .x-field {\r
19 border-bottom: 1px solid $field-border-color;\r
20 background: transparent;\r
21\r
22 &:first-child {\r
23 @if $include-border-radius {\r
24 @include border-top-radius($fieldset-border-radius);\r
25 }\r
26 }\r
27\r
28 &:last-child {\r
29 border-bottom: 0;\r
30\r
31 @if $include-border-radius {\r
32 @include border-bottom-radius($fieldset-border-radius);\r
33 }\r
34 }\r
35 }\r
36}\r
37\r
38.x-form-fieldset-title {\r
39 margin: 1em .7em .3em;\r
40 color: $fieldset-title-color;\r
41}\r
42\r
43.x-form-fieldset-instructions {\r
44 color: lighten($fieldset-title-color, 30%);\r
45 margin: 1em .7em .3em;\r
46 font-size: .8em;\r
47}\r
48\r
49@if $include-border-radius {\r
50 .x-label-align-left {\r
51 &:first-child {\r
52 .x-form-label {\r
53 @include border-top-left-radius($fieldset-border-radius);\r
54 }\r
55 }\r
56\r
57 &:last-child {\r
58 .x-form-label {\r
59 @include border-bottom-left-radius($fieldset-border-radius);\r
60 }\r
61 }\r
62 }\r
63\r
64 .x-label-align-right {\r
65 &:first-child {\r
66 .x-form-label {\r
67 @include border-top-right-radius($fieldset-border-radius);\r
68 }\r
69 }\r
70\r
71 &:last-child {\r
72 border-bottom: 0;\r
73\r
74 .x-form-label {\r
75 @include border-bottom-right-radius($fieldset-border-radius);\r
76 }\r
77 }\r
78 }\r
79\r
80 .x-label-align-top {\r
81 &:first-child {\r
82 .x-form-label {\r
83 @include border-top-radius($fieldset-border-radius);\r
84 }\r
85 }\r
86 }\r
87\r
88 .x-label-align-bottom {\r
89 &:last-child {\r
90 .x-form-label {\r
91 @include border-bottom-radius($fieldset-border-radius);\r
92 }\r
93 }\r
94 }\r
95}