bulma-sass 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (43) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +9 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +21 -0
  5. data/README.md +29 -0
  6. data/Rakefile +2 -0
  7. data/app/assets/stylesheets/bulma.sass +9 -0
  8. data/app/assets/stylesheets/bulma/base/base.sass +6 -0
  9. data/app/assets/stylesheets/bulma/base/content.sass +51 -0
  10. data/app/assets/stylesheets/bulma/base/generic.sass +101 -0
  11. data/app/assets/stylesheets/bulma/base/helpers.sass +27 -0
  12. data/app/assets/stylesheets/bulma/base/highlight.sass +123 -0
  13. data/app/assets/stylesheets/bulma/components/card.sass +36 -0
  14. data/app/assets/stylesheets/bulma/components/components.sass +11 -0
  15. data/app/assets/stylesheets/bulma/components/grid.sass +48 -0
  16. data/app/assets/stylesheets/bulma/components/media.sass +69 -0
  17. data/app/assets/stylesheets/bulma/components/menu.sass +25 -0
  18. data/app/assets/stylesheets/bulma/components/navbar.sass +45 -0
  19. data/app/assets/stylesheets/bulma/components/table.sass +73 -0
  20. data/app/assets/stylesheets/bulma/components/tabs.sass +84 -0
  21. data/app/assets/stylesheets/bulma/config/generated-variables.sass +74 -0
  22. data/app/assets/stylesheets/bulma/config/variables.sass +41 -0
  23. data/app/assets/stylesheets/bulma/elements/buttons.sass +96 -0
  24. data/app/assets/stylesheets/bulma/elements/controls.sass +213 -0
  25. data/app/assets/stylesheets/bulma/elements/elements.sass +172 -0
  26. data/app/assets/stylesheets/bulma/elements/messages.sass +41 -0
  27. data/app/assets/stylesheets/bulma/elements/notifications.sass +20 -0
  28. data/app/assets/stylesheets/bulma/elements/titles.sass +57 -0
  29. data/app/assets/stylesheets/bulma/layout/footer.sass +11 -0
  30. data/app/assets/stylesheets/bulma/layout/header.sass +149 -0
  31. data/app/assets/stylesheets/bulma/layout/hero.sass +143 -0
  32. data/app/assets/stylesheets/bulma/layout/layout.sass +6 -0
  33. data/app/assets/stylesheets/bulma/layout/section.sass +11 -0
  34. data/app/assets/stylesheets/bulma/utilities/animations.sass +5 -0
  35. data/app/assets/stylesheets/bulma/utilities/functions.sass +34 -0
  36. data/app/assets/stylesheets/bulma/utilities/mixins.sass +83 -0
  37. data/app/assets/stylesheets/bulma/utilities/reset.sass +174 -0
  38. data/app/assets/stylesheets/bulma/utilities/utilities.sass +6 -0
  39. data/bulma-sass.gemspec +25 -0
  40. data/lib/bulma-sass.rb +7 -0
  41. data/lib/bulma/sass/engine.rb +6 -0
  42. data/lib/bulma/sass/version.rb +5 -0
  43. metadata +113 -0
@@ -0,0 +1,5 @@
1
+ @keyframes spin-around
2
+ from
3
+ transform: rotate(0deg)
4
+ to
5
+ transform: rotate(359deg)
@@ -0,0 +1,34 @@
1
+ @function powerNumber($number, $exp)
2
+ $value: 1
3
+ @if $exp > 0
4
+ @for $i from 1 through $exp
5
+ $value: $value * $number
6
+ @else if $exp < 0
7
+ @for $i from 1 through -$exp
8
+ $value: $value / $number
9
+ @return $value
10
+
11
+ @function colorLuminance($color)
12
+ $colors: ('red': red($color),'green': green($color),'blue': blue($color))
13
+ @each $name, $value in $colors
14
+ $adjusted: 0
15
+ $value: $value / 255
16
+ @if $value < 0.03928
17
+ $value: $value / 12.92
18
+ @else
19
+ $value: ($value + .055) / 1.055
20
+ $value: powerNumber($value, 2)
21
+ $colors: map-merge($colors, ($name: $value))
22
+ @return (map-get($colors, 'red') * .2126) + (map-get($colors, 'green') * .7152) + (map-get($colors, 'blue') * .0722)
23
+
24
+ @function closestEvenNumber($number)
25
+ @if ($number % 2 == 0px)
26
+ @return $number
27
+ @else
28
+ @return ($number + 1px)
29
+
30
+ @function findColorInvert($color)
31
+ @if (colorLuminance($color) > 0.8)
32
+ @return rgba(black, 0.5)
33
+ @else
34
+ @return white
@@ -0,0 +1,83 @@
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
@@ -0,0 +1,174 @@
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
@@ -0,0 +1,6 @@
1
+ @charset "utf-8"
2
+
3
+ @import reset
4
+ @import functions
5
+ @import mixins
6
+ @import animations
@@ -0,0 +1,25 @@
1
+
2
+ lib = File.expand_path("../lib", __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require "bulma/sass/version"
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "bulma-sass"
8
+ spec.version = Bulma::Sass::VERSION
9
+ spec.authors = ["bananaappletw"]
10
+ spec.email = ["bananaappletw@gmail.com"]
11
+
12
+ spec.summary = %q{Bulma, modern CSS framework based on Flexbox.}
13
+ spec.description = %q{Bulma, modern CSS framework based on Flexbox.}
14
+ spec.homepage = "https://github.com/bananaappletw/bulma-sass"
15
+ spec.license = "MIT"
16
+ spec.files = `git ls-files -z`.split("\x0").reject do |f|
17
+ f.match(%r{^(test|spec|features)/})
18
+ end
19
+ spec.bindir = "exe"
20
+ spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
21
+ spec.require_paths = ["lib"]
22
+
23
+ spec.add_development_dependency "bundler", "~> 1.16.a"
24
+ spec.add_development_dependency "rake", "~> 10.0"
25
+ end
@@ -0,0 +1,7 @@
1
+ require "bulma/sass/version"
2
+ require "bulma/sass/engine"
3
+
4
+ module Bulma
5
+ module Sass
6
+ end
7
+ end
@@ -0,0 +1,6 @@
1
+ module Bulma
2
+ module Sass
3
+ class Engine < ::Rails::Engine
4
+ end
5
+ end
6
+ end
@@ -0,0 +1,5 @@
1
+ module Bulma
2
+ module Sass
3
+ VERSION = "0.0.1"
4
+ end
5
+ end
metadata ADDED
@@ -0,0 +1,113 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: bulma-sass
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.1
5
+ platform: ruby
6
+ authors:
7
+ - bananaappletw
8
+ autorequire:
9
+ bindir: exe
10
+ cert_chain: []
11
+ date: 2017-10-25 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: bundler
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: 1.16.a
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: 1.16.a
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '10.0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '10.0'
41
+ description: Bulma, modern CSS framework based on Flexbox.
42
+ email:
43
+ - bananaappletw@gmail.com
44
+ executables: []
45
+ extensions: []
46
+ extra_rdoc_files: []
47
+ files:
48
+ - ".gitignore"
49
+ - Gemfile
50
+ - LICENSE.txt
51
+ - README.md
52
+ - Rakefile
53
+ - app/assets/stylesheets/bulma.sass
54
+ - app/assets/stylesheets/bulma/base/base.sass
55
+ - app/assets/stylesheets/bulma/base/content.sass
56
+ - app/assets/stylesheets/bulma/base/generic.sass
57
+ - app/assets/stylesheets/bulma/base/helpers.sass
58
+ - app/assets/stylesheets/bulma/base/highlight.sass
59
+ - app/assets/stylesheets/bulma/components/card.sass
60
+ - app/assets/stylesheets/bulma/components/components.sass
61
+ - app/assets/stylesheets/bulma/components/grid.sass
62
+ - app/assets/stylesheets/bulma/components/media.sass
63
+ - app/assets/stylesheets/bulma/components/menu.sass
64
+ - app/assets/stylesheets/bulma/components/navbar.sass
65
+ - app/assets/stylesheets/bulma/components/table.sass
66
+ - app/assets/stylesheets/bulma/components/tabs.sass
67
+ - app/assets/stylesheets/bulma/config/generated-variables.sass
68
+ - app/assets/stylesheets/bulma/config/variables.sass
69
+ - app/assets/stylesheets/bulma/elements/buttons.sass
70
+ - app/assets/stylesheets/bulma/elements/controls.sass
71
+ - app/assets/stylesheets/bulma/elements/elements.sass
72
+ - app/assets/stylesheets/bulma/elements/messages.sass
73
+ - app/assets/stylesheets/bulma/elements/notifications.sass
74
+ - app/assets/stylesheets/bulma/elements/titles.sass
75
+ - app/assets/stylesheets/bulma/layout/footer.sass
76
+ - app/assets/stylesheets/bulma/layout/header.sass
77
+ - app/assets/stylesheets/bulma/layout/hero.sass
78
+ - app/assets/stylesheets/bulma/layout/layout.sass
79
+ - app/assets/stylesheets/bulma/layout/section.sass
80
+ - app/assets/stylesheets/bulma/utilities/animations.sass
81
+ - app/assets/stylesheets/bulma/utilities/functions.sass
82
+ - app/assets/stylesheets/bulma/utilities/mixins.sass
83
+ - app/assets/stylesheets/bulma/utilities/reset.sass
84
+ - app/assets/stylesheets/bulma/utilities/utilities.sass
85
+ - bulma-sass.gemspec
86
+ - lib/bulma-sass.rb
87
+ - lib/bulma/sass/engine.rb
88
+ - lib/bulma/sass/version.rb
89
+ homepage: https://github.com/bananaappletw/bulma-sass
90
+ licenses:
91
+ - MIT
92
+ metadata: {}
93
+ post_install_message:
94
+ rdoc_options: []
95
+ require_paths:
96
+ - lib
97
+ required_ruby_version: !ruby/object:Gem::Requirement
98
+ requirements:
99
+ - - ">="
100
+ - !ruby/object:Gem::Version
101
+ version: '0'
102
+ required_rubygems_version: !ruby/object:Gem::Requirement
103
+ requirements:
104
+ - - ">="
105
+ - !ruby/object:Gem::Version
106
+ version: '0'
107
+ requirements: []
108
+ rubyforge_project:
109
+ rubygems_version: 2.6.13
110
+ signing_key:
111
+ specification_version: 4
112
+ summary: Bulma, modern CSS framework based on Flexbox.
113
+ test_files: []