bulma-rails 0.9.0 → 0.9.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (66) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/app/assets/stylesheets/bulma.sass +1 -1
  4. data/app/assets/stylesheets/sass/base/_all.sass +4 -2
  5. data/app/assets/stylesheets/sass/base/animations.sass +5 -0
  6. data/app/assets/stylesheets/sass/base/generic.sass +3 -0
  7. data/app/assets/stylesheets/sass/components/_all.sass +13 -12
  8. data/app/assets/stylesheets/sass/components/breadcrumb.sass +2 -0
  9. data/app/assets/stylesheets/sass/components/card.sass +25 -1
  10. data/app/assets/stylesheets/sass/components/dropdown.sass +3 -1
  11. data/app/assets/stylesheets/sass/components/level.sass +3 -1
  12. data/app/assets/stylesheets/sass/components/media.sass +16 -9
  13. data/app/assets/stylesheets/sass/components/menu.sass +2 -0
  14. data/app/assets/stylesheets/sass/components/message.sass +2 -0
  15. data/app/assets/stylesheets/sass/components/modal.sass +5 -1
  16. data/app/assets/stylesheets/sass/components/navbar.sass +6 -1
  17. data/app/assets/stylesheets/sass/components/pagination.sass +19 -3
  18. data/app/assets/stylesheets/sass/components/panel.sass +3 -1
  19. data/app/assets/stylesheets/sass/components/tabs.sass +2 -0
  20. data/app/assets/stylesheets/sass/elements/_all.sass +13 -12
  21. data/app/assets/stylesheets/sass/elements/box.sass +3 -1
  22. data/app/assets/stylesheets/sass/elements/button.sass +30 -8
  23. data/app/assets/stylesheets/sass/elements/container.sass +12 -7
  24. data/app/assets/stylesheets/sass/elements/content.sass +4 -0
  25. data/app/assets/stylesheets/sass/elements/icon.sass +25 -0
  26. data/app/assets/stylesheets/sass/elements/image.sass +2 -0
  27. data/app/assets/stylesheets/sass/elements/notification.sass +5 -1
  28. data/app/assets/stylesheets/sass/elements/other.sass +2 -10
  29. data/app/assets/stylesheets/sass/elements/progress.sass +7 -1
  30. data/app/assets/stylesheets/sass/elements/table.sass +5 -1
  31. data/app/assets/stylesheets/sass/elements/tag.sass +5 -1
  32. data/app/assets/stylesheets/sass/elements/title.sass +2 -2
  33. data/app/assets/stylesheets/sass/form/_all.sass +7 -6
  34. data/app/assets/stylesheets/sass/form/checkbox-radio.sass +2 -1
  35. data/app/assets/stylesheets/sass/form/file.sass +5 -1
  36. data/app/assets/stylesheets/sass/form/input-textarea.sass +3 -1
  37. data/app/assets/stylesheets/sass/form/select.sass +3 -1
  38. data/app/assets/stylesheets/sass/form/shared.sass +5 -0
  39. data/app/assets/stylesheets/sass/form/tools.sass +3 -1
  40. data/app/assets/stylesheets/sass/grid/_all.sass +3 -2
  41. data/app/assets/stylesheets/sass/grid/columns.sass +93 -84
  42. data/app/assets/stylesheets/sass/grid/tiles.sass +3 -1
  43. data/app/assets/stylesheets/sass/helpers/_all.sass +10 -8
  44. data/app/assets/stylesheets/sass/helpers/color.sass +2 -0
  45. data/app/assets/stylesheets/sass/helpers/flexbox.sass +35 -0
  46. data/app/assets/stylesheets/sass/helpers/float.sass +2 -0
  47. data/app/assets/stylesheets/sass/helpers/other.sass +6 -0
  48. data/app/assets/stylesheets/sass/helpers/position.sass +2 -0
  49. data/app/assets/stylesheets/sass/helpers/spacing.sass +4 -1
  50. data/app/assets/stylesheets/sass/helpers/typography.sass +5 -0
  51. data/app/assets/stylesheets/sass/helpers/visibility.sass +1 -1
  52. data/app/assets/stylesheets/sass/layout/_all.sass +4 -3
  53. data/app/assets/stylesheets/sass/layout/footer.sass +2 -0
  54. data/app/assets/stylesheets/sass/layout/hero.sass +11 -3
  55. data/app/assets/stylesheets/sass/layout/section.sass +6 -2
  56. data/app/assets/stylesheets/sass/utilities/_all.sass +7 -6
  57. data/app/assets/stylesheets/sass/utilities/animations.sass +1 -5
  58. data/app/assets/stylesheets/sass/utilities/controls.sass +2 -3
  59. data/app/assets/stylesheets/sass/utilities/derived-variables.sass +114 -0
  60. data/app/assets/stylesheets/sass/utilities/extends.sass +25 -0
  61. data/app/assets/stylesheets/sass/utilities/functions.sass +25 -4
  62. data/app/assets/stylesheets/sass/utilities/initial-variables.sass +5 -5
  63. data/app/assets/stylesheets/sass/utilities/mixins.sass +18 -23
  64. data/bulma-rails.gemspec +1 -1
  65. metadata +10 -7
  66. data/app/assets/stylesheets/sass/utilities/derived-variables.scss +0 -132
@@ -1,132 +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 : findColorInvert($primary) !default;
23
- $primary-light : findLightColor($primary) !default;
24
- $primary-dark : findDarkColor($primary) !default;
25
- $info-invert : findColorInvert($info) !default;
26
- $info-light : findLightColor($info) !default;
27
- $info-dark : findDarkColor($info) !default;
28
- $success-invert : findColorInvert($success) !default;
29
- $success-light : findLightColor($success) !default;
30
- $success-dark : findDarkColor($success) !default;
31
- $warning-invert : findColorInvert($warning) !default;
32
- $warning-light : findLightColor($warning) !default;
33
- $warning-dark : findDarkColor($warning) !default;
34
- $danger-invert : findColorInvert($danger) !default;
35
- $danger-light : findLightColor($danger) !default;
36
- $danger-dark : findDarkColor($danger) !default;
37
- $light-invert : findColorInvert($light) !default;
38
- $dark-invert : findColorInvert($dark) !default;
39
-
40
- // General colors
41
-
42
- $scheme-main : $white !default;
43
- $scheme-main-bis : $white-bis !default;
44
- $scheme-main-ter : $white-ter !default;
45
- $scheme-invert : $black !default;
46
- $scheme-invert-bis : $black-bis !default;
47
- $scheme-invert-ter : $black-ter !default;
48
-
49
- $background : $white-ter !default;
50
-
51
- $border : $grey-lighter !default;
52
- $border-hover : $grey-light !default;
53
- $border-light : $grey-lightest !default;
54
- $border-light-hover: $grey-light !default;
55
-
56
- // Text colors
57
-
58
- $text : $grey-dark !default;
59
- $text-invert: findColorInvert($text) !default;
60
- $text-light : $grey !default;
61
- $text-strong: $grey-darker !default;
62
-
63
- // Code colors
64
-
65
- $code : $red !default;
66
- $code-background: $background !default;
67
-
68
- $pre : $text !default;
69
- $pre-background : $background !default;
70
-
71
- // Link colors
72
-
73
- $link : $blue !default;
74
- $link-invert : findColorInvert($link) !default;
75
- $link-light : findLightColor($link) !default;
76
- $link-dark : findDarkColor($link) !default;
77
- $link-visited : $purple !default;
78
-
79
- $link-hover : $grey-darker !default;
80
- $link-hover-border : $grey-light !default;
81
-
82
- $link-focus : $grey-darker !default;
83
- $link-focus-border : $blue !default;
84
-
85
- $link-active : $grey-darker !default;
86
- $link-active-border: $grey-dark !default;
87
-
88
- // Typography
89
-
90
- $family-primary : $family-sans-serif !default;
91
- $family-secondary: $family-sans-serif !default;
92
- $family-code : $family-monospace !default;
93
-
94
- $size-small : $size-7 !default;
95
- $size-normal: $size-6 !default;
96
- $size-medium: $size-5 !default;
97
- $size-large : $size-4 !default;
98
-
99
- // Lists and maps
100
- $custom-colors: null !default;
101
- $custom-shades: null !default;
102
-
103
- $colors: mergeColorMaps(
104
- (
105
- "white" : ($white, $black),
106
- "black" : ($black, $white),
107
- "light" : ($light, $light-invert),
108
- "dark" : ($dark, $dark-invert),
109
- "primary": ($primary, $primary-invert, $primary-light, $primary-dark),
110
- "link" : ($link, $link-invert, $link-light, $link-dark),
111
- "info" : ($info, $info-invert, $info-light, $info-dark),
112
- "success": ($success, $success-invert, $success-light, $success-dark),
113
- "warning": ($warning, $warning-invert, $warning-light, $warning-dark),
114
- "danger" : ($danger, $danger-invert, $danger-light, $danger-dark)),
115
- $custom-colors
116
- ) !default;
117
-
118
- $shades: mergeColorMaps(
119
- (
120
- "black-bis" : $black-bis,
121
- "black-ter" : $black-ter,
122
- "grey-darker" : $grey-darker,
123
- "grey-dark" : $grey-dark,
124
- "grey" : $grey,
125
- "grey-light" : $grey-light,
126
- "grey-lighter": $grey-lighter,
127
- "white-ter" : $white-ter,
128
- "white-bis" : $white-bis),
129
- $custom-shades
130
- ) !default;
131
-
132
- $sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default;