_pieform-fieldset.scss 1.62 KB
Newer Older
Naomi Guyer's avatar
Naomi Guyer committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
.pieform-fieldset{
	&.collapsible {
		legend {
			margin-bottom: 0;
			border:0;
			h4 {
				margin: 0;
				font-size: 16px;
			}
			a {
				@include text-shadow(1px 0 0 #fff);
				background-color: darken(#f5f5f5, 1%);
				border: 1px solid #ddd;
				border-bottom: 0;
				display: block;
				color: #333;
				padding: 10px 15px;
				&.collapsed {
					background-color: #f9f9f9;
					font-weight: normal;
					color: #333;
					.collapse-indicator {
						color: #aaa;
					}
				}
				&:hover, &:focus {
					background-color: darken(#f5f5f5, 1%);
					text-decoration: none;
					.collapse-indicator {
						color: $brand-success;
					}
				}
				.pieform > .collapsible-group:first-child & {
					@include border-radius(3px 3px 0 0);
				}
				.type-icon {
					display:inline-block;
					width: 32px;
				}
				.collapse-indicator {
					color: $brand-success;
					font-size: 13px;
				}
			}
		}
		&.last {
			legend {
				a {
					border-bottom: 1px solid #ddd;
					&.collapsed {
						@include border-radius(0 0 3px 3px);
					}
				}
			}

			.fieldset-body {
				border-top:0;
			}
		}
		.fieldset-body {
			border: 1px solid #ddd;
			padding: 10px 15px;
			background: #fff;
			margin-bottom: -1px; //remove double border
Naomi Guyer's avatar
Naomi Guyer committed
65
66
67
			.jstabs & {
				border: 0;
			}
Naomi Guyer's avatar
Naomi Guyer committed
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
		}
		.collapsible-group & {
			.form-group {
				margin: 0;
				position: relative;
				padding: 20px 0;
				border-bottom: 1px solid #f0f0f0;
				&:last-child {
					border-bottom: 0;
				}
				.help {
					position: absolute;
					right: 0;
					top: 50%;
					margin-top:-20px;
				}
			}
		}
	}

	.html {
		@include clearfix;
	}
}

.collapsible-group.form-group {
	margin-bottom: 0;
}