bulma-sass 0.7.5 → 0.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (59) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/bulma.sass +2 -1
  3. data/app/assets/stylesheets/sass/base/_all.sass +0 -1
  4. data/app/assets/stylesheets/sass/base/generic.sass +2 -2
  5. data/app/assets/stylesheets/sass/base/helpers.sass +1 -281
  6. data/app/assets/stylesheets/sass/base/minireset.sass +2 -8
  7. data/app/assets/stylesheets/sass/components/_all.sass +0 -1
  8. data/app/assets/stylesheets/sass/components/breadcrumb.sass +4 -4
  9. data/app/assets/stylesheets/sass/components/card.sass +6 -6
  10. data/app/assets/stylesheets/sass/components/dropdown.sass +8 -8
  11. data/app/assets/stylesheets/sass/components/level.sass +2 -2
  12. data/app/assets/stylesheets/sass/components/media.sass +14 -10
  13. data/app/assets/stylesheets/sass/components/menu.sass +2 -2
  14. data/app/assets/stylesheets/sass/components/message.sass +23 -11
  15. data/app/assets/stylesheets/sass/components/modal.sass +4 -4
  16. data/app/assets/stylesheets/sass/components/navbar.sass +24 -26
  17. data/app/assets/stylesheets/sass/components/pagination.sass +7 -6
  18. data/app/assets/stylesheets/sass/components/panel.sass +29 -13
  19. data/app/assets/stylesheets/sass/components/tabs.sass +36 -13
  20. data/app/assets/stylesheets/sass/elements/box.sass +4 -4
  21. data/app/assets/stylesheets/sass/elements/button.sass +46 -28
  22. data/app/assets/stylesheets/sass/elements/container.sass +5 -4
  23. data/app/assets/stylesheets/sass/elements/content.sass +5 -5
  24. data/app/assets/stylesheets/sass/elements/image.sass +2 -0
  25. data/app/assets/stylesheets/sass/elements/notification.sass +16 -3
  26. data/app/assets/stylesheets/sass/elements/progress.sass +1 -1
  27. data/app/assets/stylesheets/sass/elements/table.sass +9 -7
  28. data/app/assets/stylesheets/sass/elements/tag.sass +31 -16
  29. data/app/assets/stylesheets/sass/elements/title.sass +3 -3
  30. data/app/assets/stylesheets/sass/form/_all.sass +8 -0
  31. data/app/assets/stylesheets/sass/form/checkbox-radio.sass +21 -0
  32. data/app/assets/stylesheets/sass/form/file.sass +180 -0
  33. data/app/assets/stylesheets/sass/form/input-textarea.sass +64 -0
  34. data/app/assets/stylesheets/sass/form/select.sass +85 -0
  35. data/app/assets/stylesheets/sass/form/shared.sass +55 -0
  36. data/app/assets/stylesheets/sass/form/tools.sass +213 -0
  37. data/app/assets/stylesheets/sass/helpers/_all.sass +10 -0
  38. data/app/assets/stylesheets/sass/helpers/color.sass +37 -0
  39. data/app/assets/stylesheets/sass/helpers/float.sass +8 -0
  40. data/app/assets/stylesheets/sass/helpers/other.sass +8 -0
  41. data/app/assets/stylesheets/sass/helpers/overflow.sass +2 -0
  42. data/app/assets/stylesheets/sass/helpers/position.sass +5 -0
  43. data/app/assets/stylesheets/sass/helpers/spacing.sass +28 -0
  44. data/app/assets/stylesheets/sass/helpers/typography.sass +98 -0
  45. data/app/assets/stylesheets/sass/helpers/visibility.sass +122 -0
  46. data/app/assets/stylesheets/sass/layout/footer.sass +1 -1
  47. data/app/assets/stylesheets/sass/layout/hero.sass +22 -20
  48. data/app/assets/stylesheets/sass/utilities/_all.sass +1 -1
  49. data/app/assets/stylesheets/sass/utilities/controls.sass +3 -3
  50. data/app/assets/stylesheets/sass/utilities/derived-variables.scss +132 -0
  51. data/app/assets/stylesheets/sass/utilities/functions.sass +68 -15
  52. data/app/assets/stylesheets/sass/utilities/initial-variables.sass +5 -3
  53. data/app/assets/stylesheets/sass/utilities/mixins.sass +29 -5
  54. data/bulma-sass.gemspec +2 -2
  55. data/lib/bulma/sass/version.rb +1 -1
  56. data/release.sh +2 -2
  57. metadata +24 -10
  58. data/app/assets/stylesheets/sass/components/list.sass +0 -39
  59. data/app/assets/stylesheets/sass/utilities/derived-variables.sass +0 -85
@@ -20,7 +20,7 @@ $level-item-spacing: ($block-spacing / 2) !default
20
20
  .level-item
21
21
  &:not(:last-child)
22
22
  margin-bottom: 0
23
- margin-right: $level-item-spacing
23
+ +ltr-property("margin", $level-item-spacing)
24
24
  &:not(.is-narrow)
25
25
  flex-grow: 1
26
26
  // Responsiveness
@@ -57,7 +57,7 @@ $level-item-spacing: ($block-spacing / 2) !default
57
57
  // Responsiveness
58
58
  +tablet
59
59
  &:not(:last-child)
60
- margin-right: $level-item-spacing
60
+ +ltr-property("margin", $level-item-spacing)
61
61
 
62
62
  .level-left
63
63
  align-items: center
@@ -1,11 +1,15 @@
1
+ $media-border-color: bulmaRgba($border, 0.5) !default
2
+ $media-spacing: 1rem
3
+ $media-spacing-large: 1.5rem
4
+
1
5
  .media
2
6
  align-items: flex-start
3
7
  display: flex
4
- text-align: left
8
+ text-align: inherit
5
9
  .content:not(:last-child)
6
10
  margin-bottom: 0.75rem
7
11
  .media
8
- border-top: 1px solid rgba($border, 0.5)
12
+ border-top: 1px solid $media-border-color
9
13
  display: flex
10
14
  padding-top: 0.75rem
11
15
  .content:not(:last-child),
@@ -16,14 +20,14 @@
16
20
  & + .media
17
21
  margin-top: 0.5rem
18
22
  & + .media
19
- border-top: 1px solid rgba($border, 0.5)
20
- margin-top: 1rem
21
- padding-top: 1rem
23
+ border-top: 1px solid $media-border-color
24
+ margin-top: $media-spacing
25
+ padding-top: $media-spacing
22
26
  // Sizes
23
27
  &.is-large
24
28
  & + .media
25
- margin-top: 1.5rem
26
- padding-top: 1.5rem
29
+ margin-top: $media-spacing-large
30
+ padding-top: $media-spacing-large
27
31
 
28
32
  .media-left,
29
33
  .media-right
@@ -32,16 +36,16 @@
32
36
  flex-shrink: 0
33
37
 
34
38
  .media-left
35
- margin-right: 1rem
39
+ +ltr-property("margin", $media-spacing)
36
40
 
37
41
  .media-right
38
- margin-left: 1rem
42
+ +ltr-property("margin", $media-spacing, false)
39
43
 
40
44
  .media-content
41
45
  flex-basis: auto
42
46
  flex-grow: 1
43
47
  flex-shrink: 1
44
- text-align: left
48
+ text-align: inherit
45
49
 
46
50
  +mobile
47
51
  .media-content
@@ -42,9 +42,9 @@ $menu-label-spacing: 1em !default
42
42
  color: $menu-item-active-color
43
43
  li
44
44
  ul
45
- border-left: $menu-list-border-left
45
+ +ltr-property("border", $menu-list-border-left, false)
46
46
  margin: $menu-nested-list-margin
47
- padding-left: $menu-nested-list-padding-left
47
+ +ltr-property("padding", $menu-nested-list-padding-left, false)
48
48
 
49
49
  .menu-label
50
50
  color: $menu-label-color
@@ -13,7 +13,7 @@ $message-body-color: $text !default
13
13
  $message-body-padding: 1.25em 1.5em !default
14
14
  $message-body-radius: $radius !default
15
15
 
16
- $message-body-pre-background-color: $white !default
16
+ $message-body-pre-background-color: $scheme-main !default
17
17
  $message-body-pre-code-background-color: transparent !default
18
18
 
19
19
  $message-header-body-border-width: 0 !default
@@ -37,21 +37,33 @@ $message-colors: $colors !default
37
37
  &.is-large
38
38
  font-size: $size-large
39
39
  // Colors
40
- @each $name, $pair in $message-colors
41
- $color: nth($pair, 1)
42
- $color-invert: nth($pair, 2)
43
- $color-lightning: max((100% - lightness($color)) - 2%, 0%)
44
- $color-luminance: colorLuminance($color)
45
- $darken-percentage: $color-luminance * 70%
46
- $desaturate-percentage: $color-luminance * 30%
40
+ @each $name, $components in $message-colors
41
+ $color: nth($components, 1)
42
+ $color-invert: nth($components, 2)
43
+ $color-light: null
44
+ $color-dark: null
45
+
46
+ @if length($components) >= 3
47
+ $color-light: nth($components, 3)
48
+ @if length($components) >= 4
49
+ $color-dark: nth($components, 4)
50
+ @else
51
+ $color-luminance: colorLuminance($color)
52
+ $darken-percentage: $color-luminance * 70%
53
+ $desaturate-percentage: $color-luminance * 30%
54
+ $color-dark: desaturate(darken($color, $darken-percentage), $desaturate-percentage)
55
+ @else
56
+ $color-lightning: max((100% - lightness($color)) - 2%, 0%)
57
+ $color-light: lighten($color, $color-lightning)
58
+
47
59
  &.is-#{$name}
48
- background-color: lighten($color, $color-lightning)
60
+ background-color: $color-light
49
61
  .message-header
50
62
  background-color: $color
51
63
  color: $color-invert
52
64
  .message-body
53
65
  border-color: $color
54
- color: desaturate(darken($color, $darken-percentage), $desaturate-percentage)
66
+ color: $color-dark
55
67
 
56
68
  .message-header
57
69
  align-items: center
@@ -67,7 +79,7 @@ $message-colors: $colors !default
67
79
  .delete
68
80
  flex-grow: 0
69
81
  flex-shrink: 0
70
- margin-left: 0.75em
82
+ +ltr-property("margin", 0.75em, false)
71
83
  & + .message-body
72
84
  border-width: $message-header-body-border-width
73
85
  border-top-left-radius: 0
@@ -1,6 +1,6 @@
1
1
  $modal-z: 40 !default
2
2
 
3
- $modal-background-background-color: rgba($black, 0.86) !default
3
+ $modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default
4
4
 
5
5
  $modal-content-width: 640px !default
6
6
  $modal-content-margin-mobile: 20px !default
@@ -25,7 +25,7 @@ $modal-card-title-size: $size-4 !default
25
25
  $modal-card-foot-radius: $radius-large !default
26
26
  $modal-card-foot-border-top: 1px solid $border !default
27
27
 
28
- $modal-card-body-background-color: $white !default
28
+ $modal-card-body-background-color: $scheme-main !default
29
29
  $modal-card-body-padding: 20px !default
30
30
 
31
31
  .modal
@@ -63,7 +63,7 @@ $modal-card-body-padding: 20px !default
63
63
  background: none
64
64
  height: $modal-close-dimensions
65
65
  position: fixed
66
- right: $modal-close-right
66
+ +ltr-position($modal-close-right)
67
67
  top: $modal-close-top
68
68
  width: $modal-close-dimensions
69
69
 
@@ -102,7 +102,7 @@ $modal-card-body-padding: 20px !default
102
102
  border-top: $modal-card-foot-border-top
103
103
  .button
104
104
  &:not(:last-child)
105
- margin-right: 0.5em
105
+ +ltr-property("margin", 0.5em)
106
106
 
107
107
  .modal-card-body
108
108
  +overflow-touch
@@ -1,4 +1,4 @@
1
- $navbar-background-color: $white !default
1
+ $navbar-background-color: $scheme-main !default
2
2
  $navbar-box-shadow-size: 0 2px 0 0 !default
3
3
  $navbar-box-shadow-color: $background !default
4
4
  $navbar-height: 3.25rem !default
@@ -7,10 +7,10 @@ $navbar-padding-horizontal: 2rem !default
7
7
  $navbar-z: 30 !default
8
8
  $navbar-fixed-z: 30 !default
9
9
 
10
- $navbar-item-color: $grey-dark !default
10
+ $navbar-item-color: $text !default
11
11
  $navbar-item-hover-color: $link !default
12
- $navbar-item-hover-background-color: $white-bis !default
13
- $navbar-item-active-color: $black !default
12
+ $navbar-item-hover-background-color: $scheme-main-bis !default
13
+ $navbar-item-active-color: $scheme-invert !default
14
14
  $navbar-item-active-background-color: transparent !default
15
15
  $navbar-item-img-max-height: 1.75rem !default
16
16
 
@@ -24,7 +24,7 @@ $navbar-tab-active-border-bottom-color: $link !default
24
24
  $navbar-tab-active-border-bottom-style: solid !default
25
25
  $navbar-tab-active-border-bottom-width: 3px !default
26
26
 
27
- $navbar-dropdown-background-color: $white !default
27
+ $navbar-dropdown-background-color: $scheme-main !default
28
28
  $navbar-dropdown-border-top: 2px solid $border !default
29
29
  $navbar-dropdown-offset: -4px !default
30
30
  $navbar-dropdown-arrow: $link !default
@@ -32,9 +32,9 @@ $navbar-dropdown-radius: $radius-large !default
32
32
  $navbar-dropdown-z: 20 !default
33
33
 
34
34
  $navbar-dropdown-boxed-radius: $radius-large !default
35
- $navbar-dropdown-boxed-shadow: 0 8px 8px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
35
+ $navbar-dropdown-boxed-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1), 0 0 0 1px bulmaRgba($scheme-invert, 0.1) !default
36
36
 
37
- $navbar-dropdown-item-hover-color: $black !default
37
+ $navbar-dropdown-item-hover-color: $scheme-invert !default
38
38
  $navbar-dropdown-item-hover-background-color: $background !default
39
39
  $navbar-dropdown-item-active-color: $link !default
40
40
  $navbar-dropdown-item-active-background-color: $background !default
@@ -72,7 +72,7 @@ $navbar-breakpoint: $desktop !default
72
72
  &:focus,
73
73
  &:hover,
74
74
  &.is-active
75
- background-color: darken($color, 5%)
75
+ background-color: bulmaDarken($color, 5%)
76
76
  color: $color-invert
77
77
  .navbar-link
78
78
  &::after
@@ -90,7 +90,7 @@ $navbar-breakpoint: $desktop !default
90
90
  &:focus,
91
91
  &:hover,
92
92
  &.is-active
93
- background-color: darken($color, 5%)
93
+ background-color: bulmaDarken($color, 5%)
94
94
  color: $color-invert
95
95
  .navbar-link
96
96
  &::after
@@ -98,7 +98,7 @@ $navbar-breakpoint: $desktop !default
98
98
  .navbar-item.has-dropdown:focus .navbar-link,
99
99
  .navbar-item.has-dropdown:hover .navbar-link,
100
100
  .navbar-item.has-dropdown.is-active .navbar-link
101
- background-color: darken($color, 5%)
101
+ background-color: bulmaDarken($color, 5%)
102
102
  color: $color-invert
103
103
  .navbar-dropdown
104
104
  a.navbar-item
@@ -151,7 +151,7 @@ body
151
151
  .navbar-burger
152
152
  color: $navbar-burger-color
153
153
  +hamburger($navbar-height)
154
- margin-left: auto
154
+ +ltr-property("margin", auto, false)
155
155
 
156
156
  .navbar-menu
157
157
  display: none
@@ -179,7 +179,6 @@ a.navbar-item,
179
179
  color: $navbar-item-hover-color
180
180
 
181
181
  .navbar-item
182
- display: block
183
182
  flex-grow: 0
184
183
  flex-shrink: 0
185
184
  img
@@ -210,12 +209,12 @@ a.navbar-item,
210
209
  flex-shrink: 1
211
210
 
212
211
  .navbar-link:not(.is-arrowless)
213
- padding-right: 2.5em
212
+ +ltr-property("padding", 2.5em)
214
213
  &::after
215
214
  @extend %arrow
216
215
  border-color: $navbar-dropdown-arrow
217
216
  margin-top: -0.375em
218
- right: 1.125em
217
+ +ltr-position(1.125em)
219
218
 
220
219
  .navbar-dropdown
221
220
  font-size: 0.875rem
@@ -245,7 +244,7 @@ a.navbar-item,
245
244
  display: none
246
245
  .navbar-menu
247
246
  background-color: $navbar-background-color
248
- box-shadow: 0 8px 16px rgba($black, 0.1)
247
+ box-shadow: 0 8px 16px bulmaRgba($scheme-invert, 0.1)
249
248
  padding: 0.5rem 0
250
249
  &.is-active
251
250
  display: block
@@ -257,7 +256,7 @@ a.navbar-item,
257
256
  &.is-fixed-bottom-touch
258
257
  bottom: 0
259
258
  &.has-shadow
260
- box-shadow: 0 -2px 3px rgba($black, 0.1)
259
+ box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
261
260
  &.is-fixed-top-touch
262
261
  top: 0
263
262
  &.is-fixed-top,
@@ -320,7 +319,6 @@ a.navbar-item,
320
319
  align-items: center
321
320
  display: flex
322
321
  .navbar-item
323
- display: flex
324
322
  &.has-dropdown
325
323
  align-items: stretch
326
324
  &.has-dropdown-up
@@ -331,7 +329,7 @@ a.navbar-item,
331
329
  border-radius: $navbar-dropdown-radius $navbar-dropdown-radius 0 0
332
330
  border-top: none
333
331
  bottom: 100%
334
- box-shadow: 0 -8px 8px rgba($black, 0.1)
332
+ box-shadow: 0 -8px 8px bulmaRgba($scheme-invert, 0.1)
335
333
  top: auto
336
334
  &.is-active,
337
335
  &.is-hoverable:focus,
@@ -349,19 +347,19 @@ a.navbar-item,
349
347
  flex-shrink: 0
350
348
  .navbar-start
351
349
  justify-content: flex-start
352
- margin-right: auto
350
+ +ltr-property("margin", auto)
353
351
  .navbar-end
354
352
  justify-content: flex-end
355
- margin-left: auto
353
+ +ltr-property("margin", auto, false)
356
354
  .navbar-dropdown
357
355
  background-color: $navbar-dropdown-background-color
358
356
  border-bottom-left-radius: $navbar-dropdown-radius
359
357
  border-bottom-right-radius: $navbar-dropdown-radius
360
358
  border-top: $navbar-dropdown-border-top
361
- box-shadow: 0 8px 8px rgba($black, 0.1)
359
+ box-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1)
362
360
  display: none
363
361
  font-size: 0.875rem
364
- left: 0
362
+ +ltr-position(0, false)
365
363
  min-width: 100%
366
364
  position: absolute
367
365
  top: 100%
@@ -370,7 +368,7 @@ a.navbar-item,
370
368
  padding: 0.375rem 1rem
371
369
  white-space: nowrap
372
370
  a.navbar-item
373
- padding-right: 3rem
371
+ +ltr-property("padding", 3rem)
374
372
  &:focus,
375
373
  &:hover
376
374
  background-color: $navbar-dropdown-item-hover-background-color
@@ -398,9 +396,9 @@ a.navbar-item,
398
396
  .navbar > .container,
399
397
  .container > .navbar
400
398
  .navbar-brand
401
- margin-left: -.75rem
399
+ +ltr-property("margin", -.75rem, false)
402
400
  .navbar-menu
403
- margin-right: -.75rem
401
+ +ltr-property("margin", -.75rem)
404
402
  // Fixed navbar
405
403
  .navbar
406
404
  &.is-fixed-bottom-desktop,
@@ -409,7 +407,7 @@ a.navbar-item,
409
407
  &.is-fixed-bottom-desktop
410
408
  bottom: 0
411
409
  &.has-shadow
412
- box-shadow: 0 -2px 3px rgba($black, 0.1)
410
+ box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
413
411
  &.is-fixed-top-desktop
414
412
  top: 0
415
413
  html,
@@ -1,5 +1,5 @@
1
- $pagination-color: $grey-darker !default
2
- $pagination-border-color: $grey-lighter !default
1
+ $pagination-color: $text-strong !default
2
+ $pagination-border-color: $border !default
3
3
  $pagination-margin: -0.25rem !default
4
4
  $pagination-min-width: $control-height !default
5
5
 
@@ -17,9 +17,9 @@ $pagination-focus-border-color: $link-focus-border !default
17
17
  $pagination-active-color: $link-active !default
18
18
  $pagination-active-border-color: $link-active-border !default
19
19
 
20
- $pagination-disabled-color: $grey !default
21
- $pagination-disabled-background-color: $grey-lighter !default
22
- $pagination-disabled-border-color: $grey-lighter !default
20
+ $pagination-disabled-color: $text-light !default
21
+ $pagination-disabled-background-color: $border !default
22
+ $pagination-disabled-border-color: $border !default
23
23
 
24
24
  $pagination-current-color: $link-invert !default
25
25
  $pagination-current-background-color: $link !default
@@ -27,9 +27,10 @@ $pagination-current-border-color: $link !default
27
27
 
28
28
  $pagination-ellipsis-color: $grey-light !default
29
29
 
30
- $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
30
+ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2)
31
31
 
32
32
  .pagination
33
+ @extend %block
33
34
  font-size: $size-normal
34
35
  margin: $pagination-margin
35
36
  // Sizes
@@ -1,13 +1,15 @@
1
1
  $panel-margin: $block-spacing !default
2
- $panel-item-border: 1px solid $border !default
2
+ $panel-item-border: 1px solid $border-light !default
3
+ $panel-radius: $radius-large !default
4
+ $panel-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
3
5
 
4
- $panel-heading-background-color: $background !default
6
+ $panel-heading-background-color: $border-light !default
5
7
  $panel-heading-color: $text-strong !default
6
8
  $panel-heading-line-height: 1.25 !default
7
- $panel-heading-padding: 0.5em 0.75em !default
9
+ $panel-heading-padding: 0.75em 1em !default
8
10
  $panel-heading-radius: $radius !default
9
11
  $panel-heading-size: 1.25em !default
10
- $panel-heading-weight: $weight-light !default
12
+ $panel-heading-weight: $weight-bold !default
11
13
 
12
14
  $panel-tabs-font-size: 0.875em !default
13
15
  $panel-tab-border-bottom: 1px solid $border !default
@@ -24,24 +26,35 @@ $panel-block-active-color: $link-active !default
24
26
  $panel-block-active-icon-color: $link !default
25
27
 
26
28
  $panel-icon-color: $text-light !default
29
+ $panel-colors: $colors !default
27
30
 
28
31
  .panel
32
+ border-radius: $panel-radius
33
+ box-shadow: $panel-shadow
29
34
  font-size: $size-normal
30
35
  &:not(:last-child)
31
36
  margin-bottom: $panel-margin
37
+ // Colors
38
+ @each $name, $components in $panel-colors
39
+ $color: nth($components, 1)
40
+ $color-invert: nth($components, 2)
41
+ &.is-#{$name}
42
+ .panel-heading
43
+ background-color: $color
44
+ color: $color-invert
45
+ .panel-tabs a.is-active
46
+ border-bottom-color: $color
47
+ .panel-block.is-active .panel-icon
48
+ color: $color
32
49
 
33
- .panel-heading,
34
50
  .panel-tabs,
35
51
  .panel-block
36
- border-bottom: $panel-item-border
37
- border-left: $panel-item-border
38
- border-right: $panel-item-border
39
- &:first-child
40
- border-top: $panel-item-border
52
+ &:not(:last-child)
53
+ border-bottom: $panel-item-border
41
54
 
42
55
  .panel-heading
43
56
  background-color: $panel-heading-background-color
44
- border-radius: $panel-heading-radius $panel-heading-radius 0 0
57
+ border-radius: $panel-radius $panel-radius 0 0
45
58
  color: $panel-heading-color
46
59
  font-size: $panel-heading-size
47
60
  font-weight: $panel-heading-weight
@@ -75,7 +88,7 @@ $panel-icon-color: $text-light !default
75
88
  justify-content: flex-start
76
89
  padding: 0.5em 0.75em
77
90
  input[type="checkbox"]
78
- margin-right: 0.75em
91
+ +ltr-property("margin", 0.75em)
79
92
  & > .control
80
93
  flex-grow: 1
81
94
  flex-shrink: 1
@@ -87,6 +100,9 @@ $panel-icon-color: $text-light !default
87
100
  color: $panel-block-active-color
88
101
  .panel-icon
89
102
  color: $panel-block-active-icon-color
103
+ &:last-child
104
+ border-bottom-left-radius: $panel-radius
105
+ border-bottom-right-radius: $panel-radius
90
106
 
91
107
  a.panel-block,
92
108
  label.panel-block
@@ -97,7 +113,7 @@ label.panel-block
97
113
  .panel-icon
98
114
  +fa(14px, 1em)
99
115
  color: $panel-icon-color
100
- margin-right: 0.75em
116
+ +ltr-property("margin", 0.75em)
101
117
  .fa
102
118
  font-size: inherit
103
119
  line-height: inherit