bulma-sass 0.0.2 → 0.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (80) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -0
  3. data/README.md +2 -0
  4. data/app/assets/stylesheets/bulma.sass +7 -8
  5. data/app/assets/stylesheets/sass/base/_all.sass +5 -0
  6. data/app/assets/stylesheets/sass/base/generic.sass +127 -0
  7. data/app/assets/stylesheets/sass/base/helpers.sass +203 -0
  8. data/app/assets/stylesheets/sass/base/minireset.sass +80 -0
  9. data/app/assets/stylesheets/sass/components/_all.sass +14 -0
  10. data/app/assets/stylesheets/sass/components/breadcrumb.sass +74 -0
  11. data/app/assets/stylesheets/sass/components/card.sass +67 -0
  12. data/app/assets/stylesheets/sass/components/dropdown.sass +74 -0
  13. data/app/assets/stylesheets/sass/components/level.sass +75 -0
  14. data/app/assets/stylesheets/sass/components/media.sass +44 -0
  15. data/app/assets/stylesheets/sass/components/menu.sass +50 -0
  16. data/app/assets/stylesheets/sass/components/message.sass +79 -0
  17. data/app/assets/stylesheets/sass/components/modal.sass +111 -0
  18. data/app/assets/stylesheets/sass/components/navbar.sass +301 -0
  19. data/app/assets/stylesheets/sass/components/pagination.sass +134 -0
  20. data/app/assets/stylesheets/sass/components/panel.sass +101 -0
  21. data/app/assets/stylesheets/sass/components/tabs.sass +141 -0
  22. data/app/assets/stylesheets/sass/elements/_all.sass +16 -0
  23. data/app/assets/stylesheets/sass/elements/box.sass +24 -0
  24. data/app/assets/stylesheets/sass/elements/button.sass +201 -0
  25. data/app/assets/stylesheets/sass/elements/container.sass +25 -0
  26. data/app/assets/stylesheets/sass/elements/content.sass +145 -0
  27. data/app/assets/stylesheets/sass/elements/form.sass +605 -0
  28. data/app/assets/stylesheets/sass/elements/icon.sass +21 -0
  29. data/app/assets/stylesheets/sass/elements/image.sass +36 -0
  30. data/app/assets/stylesheets/sass/elements/notification.sass +35 -0
  31. data/app/assets/stylesheets/sass/elements/other.sass +39 -0
  32. data/app/assets/stylesheets/sass/elements/progress.sass +35 -0
  33. data/app/assets/stylesheets/sass/elements/table.sass +104 -0
  34. data/app/assets/stylesheets/sass/elements/tag.sass +89 -0
  35. data/app/assets/stylesheets/sass/elements/title.sass +55 -0
  36. data/app/assets/stylesheets/sass/grid/_all.sass +4 -0
  37. data/app/assets/stylesheets/sass/grid/columns.sass +328 -0
  38. data/app/assets/stylesheets/sass/grid/tiles.sass +32 -0
  39. data/app/assets/stylesheets/sass/layout/_all.sass +5 -0
  40. data/app/assets/stylesheets/sass/layout/footer.sass +5 -0
  41. data/app/assets/stylesheets/sass/layout/hero.sass +155 -0
  42. data/app/assets/stylesheets/sass/layout/section.sass +13 -0
  43. data/app/assets/stylesheets/sass/utilities/_all.sass +8 -0
  44. data/app/assets/stylesheets/{bulma → sass}/utilities/animations.sass +1 -1
  45. data/app/assets/stylesheets/sass/utilities/controls.sass +41 -0
  46. data/app/assets/stylesheets/sass/utilities/derived-variables.sass +82 -0
  47. data/app/assets/stylesheets/{bulma → sass}/utilities/functions.sass +7 -13
  48. data/app/assets/stylesheets/sass/utilities/initial-variables.sass +65 -0
  49. data/app/assets/stylesheets/sass/utilities/mixins.sass +226 -0
  50. data/lib/bulma/sass/version.rb +1 -1
  51. metadata +46 -32
  52. data/app/assets/stylesheets/bulma/base/base.sass +0 -6
  53. data/app/assets/stylesheets/bulma/base/content.sass +0 -51
  54. data/app/assets/stylesheets/bulma/base/generic.sass +0 -101
  55. data/app/assets/stylesheets/bulma/base/helpers.sass +0 -27
  56. data/app/assets/stylesheets/bulma/base/highlight.sass +0 -123
  57. data/app/assets/stylesheets/bulma/components/card.sass +0 -36
  58. data/app/assets/stylesheets/bulma/components/components.sass +0 -11
  59. data/app/assets/stylesheets/bulma/components/grid.sass +0 -48
  60. data/app/assets/stylesheets/bulma/components/media.sass +0 -69
  61. data/app/assets/stylesheets/bulma/components/menu.sass +0 -25
  62. data/app/assets/stylesheets/bulma/components/navbar.sass +0 -45
  63. data/app/assets/stylesheets/bulma/components/table.sass +0 -73
  64. data/app/assets/stylesheets/bulma/components/tabs.sass +0 -84
  65. data/app/assets/stylesheets/bulma/config/generated-variables.sass +0 -74
  66. data/app/assets/stylesheets/bulma/config/variables.sass +0 -41
  67. data/app/assets/stylesheets/bulma/elements/buttons.sass +0 -96
  68. data/app/assets/stylesheets/bulma/elements/controls.sass +0 -213
  69. data/app/assets/stylesheets/bulma/elements/elements.sass +0 -172
  70. data/app/assets/stylesheets/bulma/elements/messages.sass +0 -41
  71. data/app/assets/stylesheets/bulma/elements/notifications.sass +0 -20
  72. data/app/assets/stylesheets/bulma/elements/titles.sass +0 -57
  73. data/app/assets/stylesheets/bulma/layout/footer.sass +0 -11
  74. data/app/assets/stylesheets/bulma/layout/header.sass +0 -149
  75. data/app/assets/stylesheets/bulma/layout/hero.sass +0 -148
  76. data/app/assets/stylesheets/bulma/layout/layout.sass +0 -6
  77. data/app/assets/stylesheets/bulma/layout/section.sass +0 -11
  78. data/app/assets/stylesheets/bulma/utilities/mixins.sass +0 -83
  79. data/app/assets/stylesheets/bulma/utilities/reset.sass +0 -174
  80. data/app/assets/stylesheets/bulma/utilities/utilities.sass +0 -6
@@ -1,148 +0,0 @@
1
- .hero-content
2
- padding: 40px 20px
3
- +desktop
4
- padding: 40px 0
5
-
6
- .hero-buttons
7
- margin-top: 20px
8
- +mobile
9
- .button
10
- display: block
11
- &:not(:last-child)
12
- margin-bottom: 10px
13
- +tablet
14
- display: flex
15
- justify-content: center
16
- .button:not(:last-child)
17
- margin-right: 20px
18
-
19
- .hero
20
- background: white
21
- text-align: center
22
- a
23
- color: inherit
24
- .header
25
- background: none
26
- box-shadow: none
27
- .tabs
28
- ul
29
- border-bottom: none
30
- a
31
- border: none
32
- margin-bottom: 0
33
- padding: 0 0 10px
34
- &.is-boxed
35
- a
36
- border: none
37
- padding: 6px 12px
38
- &.is-alt
39
- background: $background
40
- color: $text-light
41
- @each $name, $pair in $colors
42
- $color: nth($pair, 1)
43
- $color-invert: nth($pair, 2)
44
- &.is-#{$name}
45
- background: $color
46
- color: $color-invert
47
- .title
48
- color: $color-invert
49
- strong
50
- color: inherit
51
- .subtitle
52
- color: rgba($color-invert, 0.7)
53
- strong
54
- color: $color-invert
55
- .header .container
56
- box-shadow: 0 1px 0 rgba($color-invert, 0.2)
57
- .header-icon,
58
- .header-item > a:not(.button)
59
- color: $color-invert
60
- opacity: 0.5
61
- &:hover,
62
- &.is-active
63
- opacity: 1
64
- .tabs
65
- a
66
- color: $color-invert
67
- opacity: 0.5
68
- &:hover
69
- opacity: 1
70
- li.is-active a
71
- opacity: 1
72
- &.is-boxed
73
- a
74
- color: $color-invert
75
- &:hover
76
- background: rgba(black, 0.1)
77
- li.is-active a
78
- &,
79
- &:hover
80
- background: $color-invert
81
- color: $color
82
- &.is-bold
83
- $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
84
- $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
85
- background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
86
- +mobile
87
- .header-toggle
88
- span
89
- background: $color-invert
90
- &:hover
91
- background: rgba(black, 0.1)
92
- &.is-active
93
- span
94
- background: $color-invert
95
- .header-menu
96
- background: $color
97
- .header-item
98
- border-top-color: rgba($color-invert, 0.2)
99
- &.is-fullheight,
100
- &.is-medium,
101
- &.is-large
102
- +tablet
103
- .title
104
- font-size: $size-huge
105
- .subtitle
106
- font-size: $size-large
107
- .tabs
108
- font-size: $size-medium
109
- a
110
- padding-bottom: 15px
111
- &.is-boxed
112
- a
113
- padding: 12px 16px
114
- &.is-medium
115
- +tablet
116
- .hero-content
117
- padding: 120px 20px
118
- .title
119
- font-size: 40px
120
- .subtitle
121
- font-size: 24px
122
- .tabs
123
- font-size: 16px
124
- +desktop
125
- .hero-content
126
- padding: 120px 0
127
- &.is-large
128
- +tablet
129
- .hero-content
130
- padding: 240px 20px
131
- +desktop
132
- .hero-content
133
- padding: 240px 0
134
- &.is-fullheight
135
- align-items: stretch
136
- display: flex
137
- flex-direction: column
138
- height: 100vh
139
- justify-content: space-between
140
- .hero-content
141
- display: flex
142
- flex: 1
143
- flex-direction: column
144
- justify-content: center
145
- &.is-left
146
- text-align: left
147
- &.is-right
148
- text-align: right
@@ -1,6 +0,0 @@
1
- @charset "utf-8"
2
-
3
- @import header
4
- @import hero
5
- @import section
6
- @import footer
@@ -1,11 +0,0 @@
1
- .section
2
- background: white
3
- padding: 40px 20px
4
- & + .section
5
- border-top: 1px solid rgba($border, 0.5)
6
- +desktop
7
- padding: 40px 0
8
- &.is-medium
9
- padding: 120px 0
10
- &.is-large
11
- padding: 240px 0
@@ -1,83 +0,0 @@
1
- =arrow($color)
2
- border: 1px solid $color
3
- border-right: 0
4
- border-top: 0
5
- content: " "
6
- display: block
7
- height: 7px
8
- pointer-events: none
9
- position: absolute
10
- transform: rotate(-45deg)
11
- width: 7px
12
-
13
- =clearfix
14
- &:after
15
- clear: both
16
- content: " "
17
- display: table
18
-
19
- =center($size)
20
- left: 50%
21
- margin-left: -($size / 2)
22
- margin-top: -($size / 2)
23
- position: absolute
24
- top: 50%
25
-
26
- =fa($size, $dimensions)
27
- display: inline-block
28
- font-size: $size
29
- height: $dimensions
30
- line-height: $dimensions
31
- text-align: center
32
- vertical-align: top
33
- width: $dimensions
34
-
35
- =overlay($offset: 0)
36
- bottom: $offset
37
- left: $offset
38
- position: absolute
39
- right: $offset
40
- top: $offset
41
-
42
- =placeholder
43
- $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input'
44
- @each $placeholder in $placeholders
45
- &:#{$placeholder}-placeholder
46
- @content
47
-
48
- =replace($background, $width, $height)
49
- background: $background center center no-repeat
50
- background-size: $width $height
51
- display: block
52
- height: $height
53
- outline: none
54
- overflow: hidden
55
- text-indent: -290486px
56
- width: $width
57
-
58
- $tablet: 769px
59
- $desktop: 980px
60
-
61
- =from($device)
62
- @media screen and (min-width: $device)
63
- @content
64
-
65
- =until($device)
66
- @media screen and (max-width: $device - 1px)
67
- @content
68
-
69
- =mobile
70
- @media screen and (max-width: $tablet - 1px)
71
- @content
72
-
73
- =tablet
74
- @media screen and (min-width: $tablet)
75
- @content
76
-
77
- =touch
78
- @media screen and (max-width: $desktop - 1px)
79
- @content
80
-
81
- =desktop
82
- @media screen and (min-width: $desktop)
83
- @content
@@ -1,174 +0,0 @@
1
- //
2
- // HTML5 Reset :: style.css
3
- // ----------------------------------------------------------
4
- // We have learned much from/been inspired by/taken code where offered from:
5
- //
6
- // Eric Meyer :: http://meyerweb.com
7
- // HTML5 Doctor :: http://html5doctor.com
8
- // and the HTML5 Boilerplate :: http://html5boilerplate.com
9
- //
10
- //-------------------------------------------------------------------------------
11
-
12
- // Let's default this puppy out
13
-
14
- html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary
15
- margin: 0
16
- padding: 0
17
- border: 0
18
- font-size: 100%
19
- font-weight: normal
20
- vertical-align: baseline
21
- background: transparent
22
-
23
- article, aside, figure, footer, header, nav, section, details, summary
24
- display: block
25
-
26
- // Handle box-sizing while better addressing child elements:
27
- // http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
28
- html
29
- box-sizing: border-box
30
-
31
- *,
32
- *:before,
33
- *:after
34
- box-sizing: inherit
35
-
36
- // consider resetting the default cursor: https://gist.github.com/murtaugh/5247154
37
-
38
- // Responsive images and other embedded objects
39
- img,
40
- object,
41
- embed
42
- max-width: 100%
43
-
44
- //
45
- // Note: keeping IMG here will cause problems if you're using foreground images as sprites.
46
- // In fact, it *will* cause problems with Google Maps' controls at small size.
47
- // If this is the case for you, try uncommenting the following:
48
- //
49
- //#map img {
50
- // max-width: none;
51
- //}
52
-
53
- // force a vertical scrollbar to prevent a jumpy page
54
- html
55
- overflow-y: scroll
56
-
57
- // we use a lot of ULs that aren't bulleted.
58
- // don't forget to restore the bullets within content.
59
- ul
60
- list-style: none
61
-
62
- blockquote, q
63
- quotes: none
64
-
65
- blockquote:before,
66
- blockquote:after,
67
- q:before,
68
- q:after
69
- content: ''
70
- content: none
71
-
72
- a
73
- margin: 0
74
- padding: 0
75
- font-size: 100%
76
- vertical-align: baseline
77
- background: transparent
78
-
79
- del
80
- text-decoration: line-through
81
-
82
- abbr[title], dfn[title]
83
- border-bottom: 1px dotted #000
84
- cursor: help
85
-
86
- // tables still need cellspacing="0" in the markup
87
- table
88
- border-collapse: collapse
89
- border-spacing: 0
90
-
91
- th
92
- font-weight: bold
93
- vertical-align: bottom
94
-
95
- td
96
- font-weight: normal
97
- vertical-align: top
98
-
99
- hr
100
- display: block
101
- height: 1px
102
- border: 0
103
- border-top: 1px solid #ccc
104
- margin: 1em 0
105
- padding: 0
106
-
107
- input, select
108
- vertical-align: middle
109
-
110
- pre
111
- white-space: pre
112
- // CSS2
113
- white-space: pre-wrap
114
- // CSS 2.1
115
- white-space: pre-line
116
- // CSS 3 (and 2.1 as well, actually)
117
- word-wrap: break-word
118
- // IE
119
-
120
- input[type="radio"]
121
- vertical-align: text-bottom
122
-
123
- input[type="checkbox"]
124
- vertical-align: bottom
125
-
126
- select, input, textarea
127
- font: 99% sans-serif
128
-
129
- table
130
- font-size: inherit
131
- font: 100%
132
-
133
- small
134
- font-size: 85%
135
-
136
- strong
137
- font-weight: bold
138
-
139
- td, td img
140
- vertical-align: top
141
-
142
- // Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930
143
- sub, sup
144
- font-size: 75%
145
- line-height: 0
146
- position: relative
147
-
148
- sup
149
- top: -0.5em
150
-
151
- sub
152
- bottom: -0.25em
153
-
154
- // standardize any monospaced elements
155
- pre, code, kbd, samp
156
- font-family: monospace, sans-serif
157
-
158
- // hand cursor on clickable elements
159
- label,
160
- input[type=button],
161
- input[type=submit],
162
- input[type=file],
163
- button
164
- cursor: pointer
165
-
166
- // Webkit browsers add a 2px margin outside the chrome of form elements
167
- button, input, select, textarea
168
- margin: 0
169
-
170
- // make buttons play nice in IE
171
- button,
172
- input[type=button]
173
- width: auto
174
- overflow: visible
@@ -1,6 +0,0 @@
1
- @charset "utf-8"
2
-
3
- @import reset
4
- @import functions
5
- @import mixins
6
- @import animations