-
Notifications
You must be signed in to change notification settings - Fork 90
/
_panels.scss
61 lines (49 loc) · 1.21 KB
/
_panels.scss
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
// Panels
// ==========================================================================
.panel {
@include box-sizing(border-box);
@extend %contain-floats;
clear: both;
border-left-style: solid;
border-color: $border-colour;
padding: em(15, 19);
margin-bottom: em(15, 19);
:first-child {
margin-top: 0;
}
:only-child,
:last-child {
margin-bottom: 0;
}
}
.panel-border-wide {
border-left-width: 10px;
}
// Used to show the left edge of "toggled" content
.panel-border-narrow {
border-left-width: 5px;
}
// Panels within form groups
// By default, panels have 15px bottom margin
.form-group .panel-border-narrow {
float: left;
width: 100%;
// Remove the bottom padding as .form-group sets a bottom margin
padding-bottom: 0;
// Don't remove the bottom margin for all panels, assume they are often within stacked groups
}
// Note: This is incredibly fragile, and needs rebuilding.
// The first panel in a group
.form-group .panel-border-narrow:first-child {
margin-top: 10px;
}
// The last panel in a group
.form-group .panel-border-narrow:last-child {
margin-top: 10px;
margin-bottom: 0;
}
// For inline panels
.inline .panel-border-narrow {
margin-top: 10px;
margin-bottom: 0;
}