bulma-sass 0.0.2 → 0.6.0

data/app/assets/stylesheets/sass/utilities/mixins.sass

@@ -0,0 +1,226 @@
+@import "initial-variables"
+
+=arrow($color)
+  border: 1px solid $color
+  border-right: 0
+  border-top: 0
+  content: " "
+  display: block
+  height: 0.5em
+  pointer-events: none
+  position: absolute
+  transform: rotate(-45deg)
+  width: 0.5em
+
+=block
+  &:not(:last-child)
+    margin-bottom: 1.5rem
+
+=clearfix
+  &:after
+    clear: both
+    content: " "
+    display: table
+
+=center($width, $height: 0)
+  position: absolute
+  @if $height != 0
+    left: calc(50% - (#{$width} / 2))
+    top: calc(50% - (#{$height} / 2))
+  @else
+    left: calc(50% - (#{$width} / 2))
+    top: calc(50% - (#{$width} / 2))
+
+=delete
+  +unselectable
+  -moz-appearance: none
+  -webkit-appearance: none
+  background-color: rgba($black, 0.2)
+  border: none
+  border-radius: 290486px
+  cursor: pointer
+  display: inline-block
+  flex-grow: 0
+  flex-shrink: 0
+  font-size: $size-normal
+  height: 20px
+  max-height: 20px
+  max-width: 20px
+  min-height: 20px
+  min-width: 20px
+  outline: none
+  position: relative
+  vertical-align: top
+  width: 20px
+  &:before,
+  &:after
+    background-color: $white
+    content: ""
+    display: block
+    left: 50%
+    position: absolute
+    top: 50%
+    transform: translateX(-50%) translateY(-50%) rotate(45deg)
+    transform-origin: center center
+  &:before
+    height: 2px
+    width: 50%
+  &:after
+    height: 50%
+    width: 2px
+  &:hover,
+  &:focus
+    background-color: rgba($black, 0.3)
+  &:active
+    background-color: rgba($black, 0.4)
+  // Sizes
+  &.is-small
+    height: 16px
+    max-height: 16px
+    max-width: 16px
+    min-height: 16px
+    min-width: 16px
+    width: 16px
+  &.is-medium
+    height: 24px
+    max-height: 24px
+    max-width: 24px
+    min-height: 24px
+    min-width: 24px
+    width: 24px
+  &.is-large
+    height: 32px
+    max-height: 32px
+    max-width: 32px
+    min-height: 32px
+    min-width: 32px
+    width: 32px
+
+=fa($size, $dimensions)
+  display: inline-block
+  font-size: $size
+  height: $dimensions
+  line-height: $dimensions
+  text-align: center
+  vertical-align: top
+  width: $dimensions
+
+=hamburger($dimensions)
+  cursor: pointer
+  display: block
+  height: $dimensions
+  position: relative
+  width: $dimensions
+  span
+    background-color: currentColor
+    display: block
+    height: 1px
+    left: 50%
+    margin-left: -7px
+    position: absolute
+    top: 50%
+    transition: none $speed $easing
+    transition-property: background, left, opacity, transform
+    width: 15px
+    &:nth-child(1)
+      margin-top: -6px
+    &:nth-child(2)
+      margin-top: -1px
+    &:nth-child(3)
+      margin-top: 4px
+  &:hover
+    background-color: rgba(black, 0.05)
+  // Modifers
+  &.is-active
+    span
+      &:nth-child(1)
+        margin-left: -5px
+        transform: rotate(45deg)
+        transform-origin: left top
+      &:nth-child(2)
+        opacity: 0
+      &:nth-child(3)
+        margin-left: -5px
+        transform: rotate(-45deg)
+        transform-origin: left bottom
+
+=loader
+  animation: spinAround 500ms infinite linear
+  border: 2px solid $border
+  border-radius: 290486px
+  border-right-color: transparent
+  border-top-color: transparent
+  content: ""
+  display: block
+  height: 1em
+  position: relative
+  width: 1em
+
+=overflow-touch
+  -webkit-overflow-scrolling: touch
+
+=overlay($offset: 0)
+  bottom: $offset
+  left: $offset
+  position: absolute
+  right: $offset
+  top: $offset
+
+=placeholder
+  $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input'
+  @each $placeholder in $placeholders
+    &:#{$placeholder}-placeholder
+      @content
+
+=unselectable
+  -webkit-touch-callout: none
+  -webkit-user-select: none
+  -moz-user-select: none
+  -ms-user-select: none
+  user-select: none
+
+// Responsiveness
+
+=from($device)
+  @media screen and (min-width: $device)
+    @content
+
+=until($device)
+  @media screen and (max-width: $device - 1px)
+    @content
+
+=mobile
+  @media screen and (max-width: $tablet - 1px)
+    @content
+
+=tablet
+  @media screen and (min-width: $tablet), print
+    @content
+
+=tablet-only
+  @media screen and (min-width: $tablet) and (max-width: $desktop - 1px)
+    @content
+
+=touch
+  @media screen and (max-width: $desktop - 1px)
+    @content
+
+=desktop
+  @media screen and (min-width: $desktop)
+    @content
+
+=desktop-only
+  @media screen and (min-width: $desktop) and (max-width: $widescreen - 1px)
+    @content
+
+=widescreen
+  @media screen and (min-width: $widescreen)
+    @content
+
+=widescreen-only
+  @media screen and (min-width: $widescreen) and (max-width: $fullhd - 1px)
+    @content
+
+=fullhd
+  @media screen and (min-width: $fullhd)
+    @content

data/lib/bulma/sass/version.rb

@@ -1,5 +1,5 @@
 module Bulma
   module Sass
-    VERSION = "0.0.2"
+    VERSION = "0.6.0"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: bulma-sass
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.6.0
 platform: ruby
 authors:
 - bananaappletw
@@ -65,37 +65,51 @@ files:
 - README.md
 - Rakefile
 - app/assets/stylesheets/bulma.sass
-- app/assets/stylesheets/bulma/base/base.sass
-- app/assets/stylesheets/bulma/base/content.sass
-- app/assets/stylesheets/bulma/base/generic.sass
-- app/assets/stylesheets/bulma/base/helpers.sass
-- app/assets/stylesheets/bulma/base/highlight.sass
-- app/assets/stylesheets/bulma/components/card.sass
-- app/assets/stylesheets/bulma/components/components.sass
-- app/assets/stylesheets/bulma/components/grid.sass
-- app/assets/stylesheets/bulma/components/media.sass
-- app/assets/stylesheets/bulma/components/menu.sass
-- app/assets/stylesheets/bulma/components/navbar.sass
-- app/assets/stylesheets/bulma/components/table.sass
-- app/assets/stylesheets/bulma/components/tabs.sass
-- app/assets/stylesheets/bulma/config/generated-variables.sass
-- app/assets/stylesheets/bulma/config/variables.sass
-- app/assets/stylesheets/bulma/elements/buttons.sass
-- app/assets/stylesheets/bulma/elements/controls.sass
-- app/assets/stylesheets/bulma/elements/elements.sass
-- app/assets/stylesheets/bulma/elements/messages.sass
-- app/assets/stylesheets/bulma/elements/notifications.sass
-- app/assets/stylesheets/bulma/elements/titles.sass
-- app/assets/stylesheets/bulma/layout/footer.sass
-- app/assets/stylesheets/bulma/layout/header.sass
-- app/assets/stylesheets/bulma/layout/hero.sass
-- app/assets/stylesheets/bulma/layout/layout.sass
-- app/assets/stylesheets/bulma/layout/section.sass
-- app/assets/stylesheets/bulma/utilities/animations.sass
-- app/assets/stylesheets/bulma/utilities/functions.sass
-- app/assets/stylesheets/bulma/utilities/mixins.sass
-- app/assets/stylesheets/bulma/utilities/reset.sass
-- app/assets/stylesheets/bulma/utilities/utilities.sass
+- app/assets/stylesheets/sass/base/_all.sass
+- app/assets/stylesheets/sass/base/generic.sass
+- app/assets/stylesheets/sass/base/helpers.sass
+- app/assets/stylesheets/sass/base/minireset.sass
+- app/assets/stylesheets/sass/components/_all.sass
+- app/assets/stylesheets/sass/components/breadcrumb.sass
+- app/assets/stylesheets/sass/components/card.sass
+- app/assets/stylesheets/sass/components/dropdown.sass
+- app/assets/stylesheets/sass/components/level.sass
+- app/assets/stylesheets/sass/components/media.sass
+- app/assets/stylesheets/sass/components/menu.sass
+- app/assets/stylesheets/sass/components/message.sass
+- app/assets/stylesheets/sass/components/modal.sass
+- app/assets/stylesheets/sass/components/navbar.sass
+- app/assets/stylesheets/sass/components/pagination.sass
+- app/assets/stylesheets/sass/components/panel.sass
+- app/assets/stylesheets/sass/components/tabs.sass
+- app/assets/stylesheets/sass/elements/_all.sass
+- app/assets/stylesheets/sass/elements/box.sass
+- app/assets/stylesheets/sass/elements/button.sass
+- app/assets/stylesheets/sass/elements/container.sass
+- app/assets/stylesheets/sass/elements/content.sass
+- app/assets/stylesheets/sass/elements/form.sass
+- app/assets/stylesheets/sass/elements/icon.sass
+- app/assets/stylesheets/sass/elements/image.sass
+- app/assets/stylesheets/sass/elements/notification.sass
+- app/assets/stylesheets/sass/elements/other.sass
+- app/assets/stylesheets/sass/elements/progress.sass
+- app/assets/stylesheets/sass/elements/table.sass
+- app/assets/stylesheets/sass/elements/tag.sass
+- app/assets/stylesheets/sass/elements/title.sass
+- app/assets/stylesheets/sass/grid/_all.sass
+- app/assets/stylesheets/sass/grid/columns.sass
+- app/assets/stylesheets/sass/grid/tiles.sass
+- app/assets/stylesheets/sass/layout/_all.sass
+- app/assets/stylesheets/sass/layout/footer.sass
+- app/assets/stylesheets/sass/layout/hero.sass
+- app/assets/stylesheets/sass/layout/section.sass
+- app/assets/stylesheets/sass/utilities/_all.sass
+- app/assets/stylesheets/sass/utilities/animations.sass
+- app/assets/stylesheets/sass/utilities/controls.sass
+- app/assets/stylesheets/sass/utilities/derived-variables.sass
+- app/assets/stylesheets/sass/utilities/functions.sass
+- app/assets/stylesheets/sass/utilities/initial-variables.sass
+- app/assets/stylesheets/sass/utilities/mixins.sass
 - bulma-sass.gemspec
 - lib/bulma-sass.rb
 - lib/bulma/sass/engine.rb

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

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

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

@@ -1,51 +0,0 @@
-.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

@@ -1,101 +0,0 @@
-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