bulma-rails 0.7.3 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +2 -0
  3. data/README.md +1 -1
  4. data/app/assets/stylesheets/bulma.sass +3 -1
  5. data/app/assets/stylesheets/sass/base/_all.sass +0 -1
  6. data/app/assets/stylesheets/sass/base/generic.sass +22 -10
  7. data/app/assets/stylesheets/sass/base/helpers.sass +1 -276
  8. data/app/assets/stylesheets/sass/base/minireset.sass +3 -3
  9. data/app/assets/stylesheets/sass/components/_all.sass +0 -1
  10. data/app/assets/stylesheets/sass/components/breadcrumb.sass +4 -4
  11. data/app/assets/stylesheets/sass/components/card.sass +15 -10
  12. data/app/assets/stylesheets/sass/components/dropdown.sass +15 -11
  13. data/app/assets/stylesheets/sass/components/level.sass +5 -3
  14. data/app/assets/stylesheets/sass/components/media.sass +14 -10
  15. data/app/assets/stylesheets/sass/components/menu.sass +16 -9
  16. data/app/assets/stylesheets/sass/components/message.sass +24 -11
  17. data/app/assets/stylesheets/sass/components/modal.sass +4 -4
  18. data/app/assets/stylesheets/sass/components/navbar.sass +40 -27
  19. data/app/assets/stylesheets/sass/components/pagination.sass +16 -10
  20. data/app/assets/stylesheets/sass/components/panel.sass +33 -15
  21. data/app/assets/stylesheets/sass/components/tabs.sass +36 -13
  22. data/app/assets/stylesheets/sass/elements/_all.sass +0 -1
  23. data/app/assets/stylesheets/sass/elements/box.sass +4 -4
  24. data/app/assets/stylesheets/sass/elements/button.sass +79 -31
  25. data/app/assets/stylesheets/sass/elements/container.sass +14 -15
  26. data/app/assets/stylesheets/sass/elements/content.sass +9 -5
  27. data/app/assets/stylesheets/sass/elements/form.sass +1 -602
  28. data/app/assets/stylesheets/sass/elements/image.sass +2 -0
  29. data/app/assets/stylesheets/sass/elements/notification.sass +16 -3
  30. data/app/assets/stylesheets/sass/elements/progress.sass +16 -14
  31. data/app/assets/stylesheets/sass/elements/table.sass +10 -7
  32. data/app/assets/stylesheets/sass/elements/tag.sass +31 -25
  33. data/app/assets/stylesheets/sass/elements/title.sass +9 -3
  34. data/app/assets/stylesheets/sass/form/_all.sass +8 -0
  35. data/app/assets/stylesheets/sass/form/checkbox-radio.sass +21 -0
  36. data/app/assets/stylesheets/sass/form/file.sass +180 -0
  37. data/app/assets/stylesheets/sass/form/input-textarea.sass +64 -0
  38. data/app/assets/stylesheets/sass/form/select.sass +85 -0
  39. data/app/assets/stylesheets/sass/form/shared.sass +55 -0
  40. data/app/assets/stylesheets/sass/form/tools.sass +213 -0
  41. data/app/assets/stylesheets/sass/grid/columns.sass +7 -7
  42. data/app/assets/stylesheets/sass/grid/tiles.sass +8 -6
  43. data/app/assets/stylesheets/sass/helpers/_all.sass +10 -0
  44. data/app/assets/stylesheets/sass/helpers/color.sass +37 -0
  45. data/app/assets/stylesheets/sass/helpers/float.sass +8 -0
  46. data/app/assets/stylesheets/sass/helpers/other.sass +8 -0
  47. data/app/assets/stylesheets/sass/helpers/overflow.sass +2 -0
  48. data/app/assets/stylesheets/sass/helpers/position.sass +5 -0
  49. data/app/assets/stylesheets/sass/helpers/spacing.sass +28 -0
  50. data/app/assets/stylesheets/sass/helpers/typography.sass +98 -0
  51. data/app/assets/stylesheets/sass/helpers/visibility.sass +122 -0
  52. data/app/assets/stylesheets/sass/layout/footer.sass +4 -1
  53. data/app/assets/stylesheets/sass/layout/hero.sass +23 -34
  54. data/app/assets/stylesheets/sass/utilities/_all.sass +1 -1
  55. data/app/assets/stylesheets/sass/utilities/controls.sass +3 -3
  56. data/app/assets/stylesheets/sass/utilities/derived-variables.scss +132 -0
  57. data/app/assets/stylesheets/sass/utilities/functions.sass +68 -15
  58. data/app/assets/stylesheets/sass/utilities/initial-variables.sass +10 -4
  59. data/app/assets/stylesheets/sass/utilities/mixins.sass +31 -7
  60. data/bulma-rails.gemspec +2 -2
  61. metadata +23 -8
  62. data/app/assets/stylesheets/sass/components/list.sass +0 -39
  63. data/app/assets/stylesheets/sass/utilities/derived-variables.sass +0 -85
@@ -1,39 +0,0 @@
1
- $list-background-color: $white !default
2
- $list-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
3
- $list-radius: $radius !default
4
-
5
- $list-item-border: 1px solid $border !default
6
- $list-item-color: $text !default
7
- $list-item-active-background-color: $link !default
8
- $list-item-active-color: $link-invert !default
9
- $list-item-hover-background-color: $background !default
10
-
11
- .list
12
- @extend %block
13
- background-color: $list-background-color
14
- border-radius: $list-radius
15
- box-shadow: $list-shadow
16
- // &.is-hoverable > .list-item:hover:not(.is-active)
17
- // background-color: $list-item-hover-background-color
18
- // cursor: pointer
19
-
20
- .list-item
21
- display: block
22
- padding: 0.5em 1em
23
- &:not(a)
24
- color: $list-item-color
25
- &:first-child
26
- border-top-left-radius: $list-radius
27
- border-top-right-radius: $list-radius
28
- &:last-child
29
- border-top-left-radius: $list-radius
30
- border-top-right-radius: $list-radius
31
- &:not(:last-child)
32
- border-bottom: $list-item-border
33
- &.is-active
34
- background-color: $list-item-active-background-color
35
- color: $list-item-active-color
36
-
37
- a.list-item
38
- background-color: $list-item-hover-background-color
39
- cursor: pointer
@@ -1,85 +0,0 @@
1
- $primary: $turquoise !default
2
-
3
- $info: $cyan !default
4
- $success: $green !default
5
- $warning: $yellow !default
6
- $danger: $red !default
7
-
8
- $light: $white-ter !default
9
- $dark: $grey-darker !default
10
-
11
- // Invert colors
12
-
13
- $orange-invert: findColorInvert($orange) !default
14
- $yellow-invert: findColorInvert($yellow) !default
15
- $green-invert: findColorInvert($green) !default
16
- $turquoise-invert: findColorInvert($turquoise) !default
17
- $cyan-invert: findColorInvert($cyan) !default
18
- $blue-invert: findColorInvert($blue) !default
19
- $purple-invert: findColorInvert($purple) !default
20
- $red-invert: findColorInvert($red) !default
21
-
22
- $primary-invert: $turquoise-invert !default
23
- $info-invert: $cyan-invert !default
24
- $success-invert: $green-invert !default
25
- $warning-invert: $yellow-invert !default
26
- $danger-invert: $red-invert !default
27
- $light-invert: $dark !default
28
- $dark-invert: $light !default
29
-
30
- // General colors
31
-
32
- $background: $white-ter !default
33
-
34
- $border: $grey-lighter !default
35
- $border-hover: $grey-light !default
36
-
37
- // Text colors
38
-
39
- $text: $grey-dark !default
40
- $text-invert: findColorInvert($text) !default
41
- $text-light: $grey !default
42
- $text-strong: $grey-darker !default
43
-
44
- // Code colors
45
-
46
- $code: $red !default
47
- $code-background: $background !default
48
-
49
- $pre: $text !default
50
- $pre-background: $background !default
51
-
52
- // Link colors
53
-
54
- $link: $blue !default
55
- $link-invert: $blue-invert !default
56
- $link-visited: $purple !default
57
-
58
- $link-hover: $grey-darker !default
59
- $link-hover-border: $grey-light !default
60
-
61
- $link-focus: $grey-darker !default
62
- $link-focus-border: $blue !default
63
-
64
- $link-active: $grey-darker !default
65
- $link-active-border: $grey-dark !default
66
-
67
- // Typography
68
-
69
- $family-primary: $family-sans-serif !default
70
- $family-secondary: $family-sans-serif !default
71
- $family-code: $family-monospace !default
72
-
73
- $size-small: $size-7 !default
74
- $size-normal: $size-6 !default
75
- $size-medium: $size-5 !default
76
- $size-large: $size-4 !default
77
-
78
- // Lists and maps
79
- $custom-colors: null !default
80
- $custom-shades: null !default
81
-
82
- $colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert), "link": ($link, $link-invert), "info": ($info, $info-invert), "success": ($success, $success-invert), "warning": ($warning, $warning-invert), "danger": ($danger, $danger-invert)), $custom-colors) !default
83
- $shades: mergeColorMaps(("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis), $custom-shades) !default
84
-
85
- $sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default