bulma-rails 0.7.3 → 0.9.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +2 -0
- data/README.md +1 -1
- data/app/assets/stylesheets/bulma.sass +3 -1
- data/app/assets/stylesheets/sass/base/_all.sass +0 -1
- data/app/assets/stylesheets/sass/base/generic.sass +22 -10
- data/app/assets/stylesheets/sass/base/helpers.sass +1 -276
- data/app/assets/stylesheets/sass/base/minireset.sass +3 -3
- data/app/assets/stylesheets/sass/components/_all.sass +0 -1
- data/app/assets/stylesheets/sass/components/breadcrumb.sass +4 -4
- data/app/assets/stylesheets/sass/components/card.sass +15 -10
- data/app/assets/stylesheets/sass/components/dropdown.sass +15 -11
- data/app/assets/stylesheets/sass/components/level.sass +5 -3
- data/app/assets/stylesheets/sass/components/media.sass +14 -10
- data/app/assets/stylesheets/sass/components/menu.sass +16 -9
- data/app/assets/stylesheets/sass/components/message.sass +24 -11
- data/app/assets/stylesheets/sass/components/modal.sass +4 -4
- data/app/assets/stylesheets/sass/components/navbar.sass +40 -27
- data/app/assets/stylesheets/sass/components/pagination.sass +16 -10
- data/app/assets/stylesheets/sass/components/panel.sass +33 -15
- data/app/assets/stylesheets/sass/components/tabs.sass +36 -13
- data/app/assets/stylesheets/sass/elements/_all.sass +0 -1
- data/app/assets/stylesheets/sass/elements/box.sass +4 -4
- data/app/assets/stylesheets/sass/elements/button.sass +79 -31
- data/app/assets/stylesheets/sass/elements/container.sass +14 -15
- data/app/assets/stylesheets/sass/elements/content.sass +9 -5
- data/app/assets/stylesheets/sass/elements/form.sass +1 -602
- data/app/assets/stylesheets/sass/elements/image.sass +2 -0
- data/app/assets/stylesheets/sass/elements/notification.sass +16 -3
- data/app/assets/stylesheets/sass/elements/progress.sass +16 -14
- data/app/assets/stylesheets/sass/elements/table.sass +10 -7
- data/app/assets/stylesheets/sass/elements/tag.sass +31 -25
- data/app/assets/stylesheets/sass/elements/title.sass +9 -3
- data/app/assets/stylesheets/sass/form/_all.sass +8 -0
- data/app/assets/stylesheets/sass/form/checkbox-radio.sass +21 -0
- data/app/assets/stylesheets/sass/form/file.sass +180 -0
- data/app/assets/stylesheets/sass/form/input-textarea.sass +64 -0
- data/app/assets/stylesheets/sass/form/select.sass +85 -0
- data/app/assets/stylesheets/sass/form/shared.sass +55 -0
- data/app/assets/stylesheets/sass/form/tools.sass +213 -0
- data/app/assets/stylesheets/sass/grid/columns.sass +7 -7
- data/app/assets/stylesheets/sass/grid/tiles.sass +8 -6
- data/app/assets/stylesheets/sass/helpers/_all.sass +10 -0
- data/app/assets/stylesheets/sass/helpers/color.sass +37 -0
- data/app/assets/stylesheets/sass/helpers/float.sass +8 -0
- data/app/assets/stylesheets/sass/helpers/other.sass +8 -0
- data/app/assets/stylesheets/sass/helpers/overflow.sass +2 -0
- data/app/assets/stylesheets/sass/helpers/position.sass +5 -0
- data/app/assets/stylesheets/sass/helpers/spacing.sass +28 -0
- data/app/assets/stylesheets/sass/helpers/typography.sass +98 -0
- data/app/assets/stylesheets/sass/helpers/visibility.sass +122 -0
- data/app/assets/stylesheets/sass/layout/footer.sass +4 -1
- data/app/assets/stylesheets/sass/layout/hero.sass +23 -34
- data/app/assets/stylesheets/sass/utilities/_all.sass +1 -1
- data/app/assets/stylesheets/sass/utilities/controls.sass +3 -3
- data/app/assets/stylesheets/sass/utilities/derived-variables.scss +132 -0
- data/app/assets/stylesheets/sass/utilities/functions.sass +68 -15
- data/app/assets/stylesheets/sass/utilities/initial-variables.sass +10 -4
- data/app/assets/stylesheets/sass/utilities/mixins.sass +31 -7
- data/bulma-rails.gemspec +2 -2
- metadata +23 -8
- data/app/assets/stylesheets/sass/components/list.sass +0 -39
- 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
|