bulma-sass 0.0.1

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 (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,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 2b0628d3f1d21593830f8e12bda8889983634b75
4
+ data.tar.gz: 9f0aebeffdc0eecdd3291fd9d7abd8a46ed9d26e
5
+ SHA512:
6
+ metadata.gz: e7ed5a84912aacc62e94918dbca72d10368809d342fc6dd67fbf52bbbd47ae98b6986664c65f96fa431b66ef049f6e8e8d4de17e25527a1665f14e2f119d64d7
7
+ data.tar.gz: 3c9f78f796ec70b591c6f5107007ad32736744b5eb05cdb58ee69e7f41c35eadda5490133637f9707fa0bffbacc9e5ae70114f55ee27c3cfdb4b926de88668f1
@@ -0,0 +1,9 @@
1
+ /.bundle/
2
+ /.yardoc
3
+ /_yardoc/
4
+ /coverage/
5
+ /doc/
6
+ /pkg/
7
+ /spec/reports/
8
+ /tmp/
9
+ Gemfile.lock
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source "https://rubygems.org"
2
+
3
+ # Specify your gem's dependencies in bulma-sass.gemspec
4
+ gemspec
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2017 bananaappletw
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
@@ -0,0 +1,29 @@
1
+ # Bulma-sass
2
+
3
+ Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/bulma/sass`. To experiment with that code, run `bin/console` for an interactive prompt.
4
+
5
+ TODO: Delete this and the text above, and describe your gem
6
+
7
+ ## Installation
8
+
9
+ Add this line to your application's Gemfile:
10
+
11
+ ```ruby
12
+ gem 'bulma-sass'
13
+ ```
14
+
15
+ And then execute:
16
+
17
+ $ bundle
18
+
19
+ Or install it yourself as:
20
+
21
+ $ gem install bulma-sass
22
+
23
+ ## Usage
24
+
25
+ Import Bulma styles in `app/assets/stylesheets/application.scss`
26
+
27
+ ```css
28
+ @import "bulma";
29
+ ```
@@ -0,0 +1,2 @@
1
+ require "bundler/gem_tasks"
2
+ task :default => :spec
@@ -0,0 +1,9 @@
1
+ @charset "utf-8"
2
+
3
+ @import bulma/utilities/utilities
4
+ @import bulma/config/variables
5
+ @import bulma/config/generated-variables
6
+ @import bulma/base/base
7
+ @import bulma/elements/elements
8
+ @import bulma/components/components
9
+ @import bulma/layout/layout
@@ -0,0 +1,6 @@
1
+ @charset "utf-8"
2
+
3
+ @import generic
4
+ @import content
5
+ @import highlight
6
+ @import helpers
@@ -0,0 +1,51 @@
1
+ .content
2
+ &:not(:last-child)
3
+ margin-bottom: 20px
4
+ h1,
5
+ h2,
6
+ h3,
7
+ h4,
8
+ h5,
9
+ h6
10
+ color: $text-strong
11
+ font-weight: 300
12
+ line-height: 1.125
13
+ margin-bottom: 20px
14
+ h1,
15
+ h2,
16
+ h3
17
+ &:not(:first-child)
18
+ margin-top: 40px
19
+ h1
20
+ font-size: 2em
21
+ h2
22
+ font-size: 1.75em
23
+ h3
24
+ font-size: 1.5em
25
+ h4
26
+ font-size: 1.25em
27
+ h5
28
+ font-size: 1.125em
29
+ h6
30
+ font-size: 1em
31
+ p:not(:last-child)
32
+ margin-bottom: 1em
33
+ li + li
34
+ margin-top: 0.25em
35
+ ol
36
+ list-style: decimal outside
37
+ margin: 1em 2em
38
+ ul
39
+ list-style: disc outside
40
+ margin: 1em 2em
41
+ ul
42
+ list-style-type: circle
43
+ margin-top: 0.5em
44
+ ul
45
+ list-style-type: square
46
+ blockquote
47
+ background: $background
48
+ border-left: 5px solid $border
49
+ padding: 1.5em
50
+ &:not(:last-child)
51
+ margin-bottom: 1em
@@ -0,0 +1,101 @@
1
+ html
2
+ background: $body-background
3
+ font-size: $size-normal
4
+ -moz-osx-font-smoothing: grayscale
5
+ -webkit-font-smoothing: antialiased
6
+ min-width: 300px
7
+ overflow-x: hidden
8
+ overflow-y: scroll
9
+ text-rendering: optimizeLegibility
10
+
11
+ body,
12
+ button,
13
+ input,
14
+ select,
15
+ textarea
16
+ font-family: $family-primary
17
+
18
+ code,
19
+ pre
20
+ -moz-osx-font-smoothing: auto
21
+ -webkit-font-smoothing: auto
22
+ font-family: monospace
23
+ line-height: 1.25
24
+
25
+ body
26
+ color: $text
27
+ font-size: 1rem
28
+ line-height: 1.428571428571429
29
+
30
+ a
31
+ color: $link
32
+ cursor: pointer
33
+ text-decoration: none
34
+ transition: none $speed $easing
35
+ &:hover
36
+ color: $link-hover
37
+
38
+ code
39
+ background: $code-background
40
+ color: $code
41
+ font-size: 12px
42
+ font-weight: normal
43
+ padding: 1px 2px 2px
44
+
45
+ hr
46
+ border-top-color: $border
47
+ margin: 20px 0
48
+
49
+ img
50
+ max-height: 100%
51
+ max-width: 100%
52
+
53
+ input[type="checkbox"],
54
+ input[type="radio"]
55
+ vertical-align: baseline
56
+
57
+ small
58
+ font-size: $size-small
59
+
60
+ strong
61
+ color: $text-strong
62
+
63
+ article,
64
+ aside,
65
+ figure,
66
+ footer,
67
+ header,
68
+ hgroup,
69
+ section
70
+ display: block
71
+
72
+ pre
73
+ background: $pre-background
74
+ color: $pre
75
+ white-space: pre
76
+ word-wrap: normal
77
+ code
78
+ background: $pre-background
79
+ color: $pre
80
+ display: block
81
+ overflow-x: auto
82
+ padding: 16px 20px
83
+
84
+ table
85
+ width: 100%
86
+ th,
87
+ td
88
+ text-align: left
89
+ vertical-align: top
90
+ th
91
+ color: $text-strong
92
+
93
+ .container
94
+ margin: 0 auto
95
+ max-width: 960px
96
+ position: relative
97
+
98
+ .fa
99
+ font-size: 21px
100
+ text-align: center
101
+ vertical-align: top
@@ -0,0 +1,27 @@
1
+ .is-centered
2
+ text-align: center
3
+
4
+ .is-left
5
+ text-align: left
6
+
7
+ .is-right
8
+ text-align: right
9
+
10
+ .is-block
11
+ display: block
12
+
13
+ .is-disabled
14
+ pointer-events: none
15
+
16
+ .is-inline
17
+ display: inline
18
+
19
+ .is-marginless
20
+ margin: 0 !important
21
+
22
+ .is-unselectable
23
+ -webkit-touch-callout: none
24
+ -webkit-user-select: none
25
+ -moz-user-select: none
26
+ -ms-user-select: none
27
+ user-select: none
@@ -0,0 +1,123 @@
1
+ .highlight
2
+ background-color: #fdf6e3
3
+ color: #586e75
4
+ .c
5
+ color: #93a1a1
6
+ .err,
7
+ .g
8
+ color: #586e75
9
+ .k
10
+ color: #859900
11
+ .l,
12
+ .n
13
+ color: #586e75
14
+ .o
15
+ color: #859900
16
+ .x
17
+ color: #cb4b16
18
+ .p
19
+ color: #586e75
20
+ .cm
21
+ color: #93a1a1
22
+ .cp
23
+ color: #859900
24
+ .c1
25
+ color: #93a1a1
26
+ .cs
27
+ color: #859900
28
+ .gd
29
+ color: #2aa198
30
+ .ge
31
+ color: #586e75
32
+ font-style: italic
33
+ .gr
34
+ color: #dc322f
35
+ .gh
36
+ color: #cb4b16
37
+ .gi
38
+ color: #859900
39
+ .go,
40
+ .gp
41
+ color: #586e75
42
+ .gs
43
+ color: #586e75
44
+ font-weight: bold
45
+ .gu
46
+ color: #cb4b16
47
+ .gt
48
+ color: #586e75
49
+ .kc
50
+ color: #cb4b16
51
+ .kd
52
+ color: #268bd2
53
+ .kn,
54
+ .kp
55
+ color: #859900
56
+ .kr
57
+ color: #268bd2
58
+ .kt
59
+ color: #dc322f
60
+ .ld
61
+ color: #586e75
62
+ .m,
63
+ .s
64
+ color: #2aa198
65
+ .na
66
+ color: #B58900
67
+ .nb
68
+ color: #586e75
69
+ .nc
70
+ color: #268bd2
71
+ .no
72
+ color: #cb4b16
73
+ .nd
74
+ color: #268bd2
75
+ .ni,
76
+ .ne
77
+ color: #cb4b16
78
+ .nf
79
+ color: #268bd2
80
+ .nl,
81
+ .nn,
82
+ .nx,
83
+ .py
84
+ color: #586e75
85
+ .nt,
86
+ .nv
87
+ color: #268bd2
88
+ .ow
89
+ color: #859900
90
+ .w
91
+ color: #586e75
92
+ .mf,
93
+ .mh,
94
+ .mi,
95
+ .mo
96
+ color: #2aa198
97
+ .sb
98
+ color: #93a1a1
99
+ .sc
100
+ color: #2aa198
101
+ .sd
102
+ color: #586e75
103
+ .s2
104
+ color: #2aa198
105
+ .se
106
+ color: #cb4b16
107
+ .sh
108
+ color: #586e75
109
+ .si,
110
+ .sx
111
+ color: #2aa198
112
+ .sr
113
+ color: #dc322f
114
+ .s1,
115
+ .ss
116
+ color: #2aa198
117
+ .bp,
118
+ .vc,
119
+ .vg,
120
+ .vi
121
+ color: #268bd2
122
+ .il
123
+ color: #2aa198
@@ -0,0 +1,36 @@
1
+ .card
2
+ background: white
3
+ box-shadow: 0 2px 3px rgba(black, 0.1), 0 0 0 1px rgba(black, 0.1)
4
+ max-width: 300px
5
+ position: relative
6
+ .media:not(:last-child)
7
+ margin-bottom: 10px
8
+
9
+ .card-image
10
+ display: block
11
+ position: relative
12
+ img
13
+ display: block
14
+ &.is-square,
15
+ &.is-4x3,
16
+ &.is-3x2
17
+ img
18
+ +overlay
19
+ height: 100%
20
+ width: 100%
21
+ &.is-square
22
+ padding-top: 100%
23
+ &.is-4x3
24
+ padding-top: 75%
25
+ &.is-3x2
26
+ padding-top: 66.6666%
27
+
28
+ .card-content
29
+ padding: 20px
30
+ .title + .subtitle
31
+ margin-top: -20px
32
+
33
+ .card-footer
34
+ background: $background
35
+ display: block
36
+ padding: 10px
@@ -0,0 +1,11 @@
1
+ @charset "utf-8"
2
+
3
+ @import grid
4
+ @import navbar
5
+ @import card
6
+ @import table
7
+ @import tabs
8
+ @import media
9
+
10
+ .block:not(:last-child)
11
+ margin-bottom: 20px