bulma-rails 0.0.4.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 0e0cbbe8c1c8c47635888d2b82edffac42193fa5
+  data.tar.gz: 65dea609ba253e7156c7fdfdae5cf40f8a834b0c
+SHA512:
+  metadata.gz: d2255241567041ee73fe6486b74904c237560bae3e012aa70e2f2ee0c197a2f0759486e6f76625c3a1ff24ba0f22df1fd5a258fe698e34c4c35e212010d82bd5
+  data.tar.gz: 4a2ad8a5c2191b499149c57056cf028029d3354aa3271b91f8b6e75f30b9b267b8920c48090eeba6b9f09fc0bad74c908dae9a1a98eb1240b64877c8cfc4036f

data/.gitignore

@@ -0,0 +1,2 @@
+
+*.gem

data/README.md

@@ -0,0 +1,44 @@
+# bulma-rails
+
+Integrates [Bulma](http://bulma.io/) with the rails asset pipeline.
+
+A modern CSS framework based on Flexbox.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem "bulma-rails", "~> 0.0.4"
+
+And then execute:
+
+    $ bundle
+
+## Usage
+
+To import all assets in your Rails project, add the following line to your application.scss:
+``` ruby
+@import "bulma";
+```
+
+If you want to customize Bulma, you can import all folders manually in your application.scss:
+
+``` ruby
+@import "bulma/utilities/utilities";
+@import "bulma/config/variables";
+@import "bulma/config/generated-variables";
+@import "bulma/base/base";
+@import "bulma/elements/elements";
+@import "bulma/components/components";
+@import "bulma/layout/layout";
+```
+
+For more information about customizing Bulma, see: [http://bulma.io/documentation/overview/](http://bulma.io/documentation/overview/)
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/app/assets/stylesheets/bulma.sass

@@ -0,0 +1,9 @@
+@charset "utf-8"
+
+@import bulma/utilities/utilities
+@import bulma/config/variables
+@import bulma/config/generated-variables
+@import bulma/base/base
+@import bulma/elements/elements
+@import bulma/components/components
+@import bulma/layout/layout

data/app/assets/stylesheets/bulma/base/base.sass

@@ -0,0 +1,6 @@
+@charset "utf-8"
+
+@import generic
+@import content
+@import highlight
+@import helpers

data/app/assets/stylesheets/bulma/base/content.sass

@@ -0,0 +1,51 @@
+.content
+  &:not(:last-child)
+    margin-bottom: 20px
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6
+    color: $text-strong
+    font-weight: 300
+    line-height: 1.125
+    margin-bottom: 20px
+  h1,
+  h2,
+  h3
+    &:not(:first-child)
+      margin-top: 40px
+  h1
+    font-size: 2em
+  h2
+    font-size: 1.75em
+  h3
+    font-size: 1.5em
+  h4
+    font-size: 1.25em
+  h5
+    font-size: 1.125em
+  h6
+    font-size: 1em
+  p:not(:last-child)
+    margin-bottom: 1em
+  li + li
+    margin-top: 0.25em
+  ol
+    list-style: decimal outside
+    margin: 1em 2em
+  ul
+    list-style: disc outside
+    margin: 1em 2em
+    ul
+      list-style-type: circle
+      margin-top: 0.5em
+      ul
+        list-style-type: square
+  blockquote
+    background: $background
+    border-left: 5px solid $border
+    padding: 1.5em
+    &:not(:last-child)
+      margin-bottom: 1em

data/app/assets/stylesheets/bulma/base/generic.sass

@@ -0,0 +1,101 @@
+html
+  background: $body-background
+  font-size: $size-normal
+  -moz-osx-font-smoothing: grayscale
+  -webkit-font-smoothing: antialiased
+  min-width: 300px
+  overflow-x: hidden
+  overflow-y: scroll
+  text-rendering: optimizeLegibility
+
+body,
+button,
+input,
+select,
+textarea
+  font-family: $family-primary
+
+code,
+pre
+  -moz-osx-font-smoothing: auto
+  -webkit-font-smoothing: auto
+  font-family: monospace
+  line-height: 1.25
+
+body
+  color: $text
+  font-size: 1rem
+  line-height: 1.428571428571429
+
+a
+  color: $link
+  cursor: pointer
+  text-decoration: none
+  transition: none $speed $easing
+  &:hover
+    color: $link-hover
+
+code
+  background: $code-background
+  color: $code
+  font-size: 12px
+  font-weight: normal
+  padding: 1px 2px 2px
+
+hr
+  border-top-color: $border
+  margin: 20px 0
+
+img
+  max-height: 100%
+  max-width: 100%
+
+input[type="checkbox"],
+input[type="radio"]
+  vertical-align: baseline
+
+small
+  font-size: $size-small
+
+strong
+  color: $text-strong
+
+article,
+aside,
+figure,
+footer,
+header,
+hgroup,
+section
+  display: block
+
+pre
+  background: $pre-background
+  color: $pre
+  white-space: pre
+  word-wrap: normal
+  code
+    background: $pre-background
+    color: $pre
+    display: block
+    overflow-x: auto
+    padding: 16px 20px
+
+table
+  width: 100%
+  th,
+  td
+    text-align: left
+    vertical-align: top
+  th
+    color: $text-strong
+
+.container
+  margin: 0 auto
+  max-width: 960px
+  position: relative
+
+.fa
+  font-size: 21px
+  text-align: center
+  vertical-align: top

data/app/assets/stylesheets/bulma/base/helpers.sass

@@ -0,0 +1,27 @@
+.is-centered
+  text-align: center
+
+.is-left
+  text-align: left
+
+.is-right
+  text-align: right
+
+.is-block
+  display: block
+
+.is-disabled
+  pointer-events: none
+
+.is-inline
+  display: inline
+
+.is-marginless
+  margin: 0 !important
+
+.is-unselectable
+  -webkit-touch-callout: none
+  -webkit-user-select: none
+  -moz-user-select: none
+  -ms-user-select: none
+  user-select: none

data/app/assets/stylesheets/bulma/base/highlight.sass

@@ -0,0 +1,123 @@
+.highlight
+  background-color: #fdf6e3
+  color: #586e75
+  .c
+    color: #93a1a1
+  .err,
+  .g
+    color: #586e75
+  .k
+    color: #859900
+  .l,
+  .n
+    color: #586e75
+  .o
+    color: #859900
+  .x
+    color: #cb4b16
+  .p
+    color: #586e75
+  .cm
+    color: #93a1a1
+  .cp
+    color: #859900
+  .c1
+    color: #93a1a1
+  .cs
+    color: #859900
+  .gd
+    color: #2aa198
+  .ge
+    color: #586e75
+    font-style: italic
+  .gr
+    color: #dc322f
+  .gh
+    color: #cb4b16
+  .gi
+    color: #859900
+  .go,
+  .gp
+    color: #586e75
+  .gs
+    color: #586e75
+    font-weight: bold
+  .gu
+    color: #cb4b16
+  .gt
+    color: #586e75
+  .kc
+    color: #cb4b16
+  .kd
+    color: #268bd2
+  .kn,
+  .kp
+    color: #859900
+  .kr
+    color: #268bd2
+  .kt
+    color: #dc322f
+  .ld
+    color: #586e75
+  .m,
+  .s
+    color: #2aa198
+  .na
+    color: #B58900
+  .nb
+    color: #586e75
+  .nc
+    color: #268bd2
+  .no
+    color: #cb4b16
+  .nd
+    color: #268bd2
+  .ni,
+  .ne
+    color: #cb4b16
+  .nf
+    color: #268bd2
+  .nl,
+  .nn,
+  .nx,
+  .py
+    color: #586e75
+  .nt,
+  .nv
+    color: #268bd2
+  .ow
+    color: #859900
+  .w
+    color: #586e75
+  .mf,
+  .mh,
+  .mi,
+  .mo
+    color: #2aa198
+  .sb
+    color: #93a1a1
+  .sc
+    color: #2aa198
+  .sd
+    color: #586e75
+  .s2
+    color: #2aa198
+  .se
+    color: #cb4b16
+  .sh
+    color: #586e75
+  .si,
+  .sx
+    color: #2aa198
+  .sr
+    color: #dc322f
+  .s1,
+  .ss
+    color: #2aa198
+  .bp,
+  .vc,
+  .vg,
+  .vi
+    color: #268bd2
+  .il
+    color: #2aa198

data/app/assets/stylesheets/bulma/components/card.sass

@@ -0,0 +1,39 @@
+.card-image
+  display: block
+  position: relative
+  img
+    display: block
+  &.is-square,
+  &.is-4x3,
+  &.is-3x2
+    img
+      +overlay
+      height: 100%
+      width: 100%
+  &.is-square
+    padding-top: 100%
+  &.is-4x3
+    padding-top: 75%
+  &.is-3x2
+    padding-top: 66.6666%
+
+.card-content
+  padding: 20px
+  .title + .subtitle
+    margin-top: -20px
+
+.card-footer
+  background: $background
+  display: block
+  padding: 10px
+
+.card
+  background: white
+  box-shadow: 0 2px 3px rgba(black, 0.1), 0 0 0 1px rgba(black, 0.1)
+  max-width: 100%
+  position: relative
+  width: 300px
+  .media:not(:last-child)
+    margin-bottom: 10px
+  &.is-rounded
+    border-radius: 5px

data/app/assets/stylesheets/bulma/components/components.sass

@@ -0,0 +1,11 @@
+@charset "utf-8"
+
+@import grid
+@import navbar
+@import card
+@import table
+@import tabs
+@import media
+
+.block:not(:last-child)
+  margin-bottom: 20px

data/app/assets/stylesheets/bulma/components/grid.sass

@@ -0,0 +1,48 @@
+.column
+  +mobile
+    & + .column
+      margin-top: 20px
+  +tablet
+    flex: 1
+    & + .column
+      margin-left: 20px
+    &.is-double
+      flex: 2
+    &.is-triple
+      flex: 3
+    &.is-quadruple
+      flex: 4
+    &.is-half
+      flex: none
+      width: 50%
+    &.is-third
+      flex: none
+      width: 33.3333%
+    &.is-quarter
+      flex: none
+      width: 25%
+    @for $i from 1 through 11
+      &.is-#{$i}
+        flex: none
+        width: ($i / 12) * 100%
+
+.columns
+  &:not(:last-child)
+    margin-bottom: 20px
+  +tablet
+    display: flex
+  &.is-gapless
+    & > .column + .column
+      margin-left: 0
+  &.is-vcentered
+    align-items: center
+  &.is-grid
+    +tablet
+      flex-wrap: wrap
+      & > .column
+        flex-basis: 33.3333%
+        max-width: 33.3333%
+        padding: 10px
+        width: 33.3333%
+        & + .column
+          margin-left: 0