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,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