peasy-css 0.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 6e14a971444073e466989d6ef8aa320c13eafa95d062d747c6a05da64c88a5cf
+  data.tar.gz: e0f29e6d09e48c3d450333a54c2beab5a7381dff7f79e77e77d5c17103db72f6
+SHA512:
+  metadata.gz: f24927929056fd17176d3262fc98d857e0cdffb67d0152f8f4e64d56e0c83c114599ec8fc0a01e60f2586361e9b94208572b7028cdfa72c1fda1f56f9f4383d1
+  data.tar.gz: 6243788b4a21af02a8c365cc473c24406f9b2b67244eaf8991bf2699bfcc1e08c788a52a31407eb66fb4ee43690e763c8d158e36d76e08a2b32529ad34430071

data/lib/peasy_css/engine.rb

@@ -0,0 +1,62 @@
+# frozen_string_literal: true
+
+module PeasyCSS
+  module_function
+
+  def linear_gradient(colors, direction: "to right")
+    "background: linear-gradient(#{direction}, #{colors.join(', ')});"
+  end
+
+  def radial_gradient(colors, shape: "circle")
+    "background: radial-gradient(#{shape}, #{colors.join(', ')});"
+  end
+
+  def conic_gradient(colors, angle: 0)
+    "background: conic-gradient(from #{angle}deg, #{colors.join(', ')});"
+  end
+
+  def box_shadow(x: 0, y: 4, blur: 6, spread: 0, color: "rgba(0,0,0,0.1)")
+    "box-shadow: #{x}px #{y}px #{blur}px #{spread}px #{color};"
+  end
+
+  def text_shadow(x: 1, y: 1, blur: 2, color: "rgba(0,0,0,0.3)")
+    "text-shadow: #{x}px #{y}px #{blur}px #{color};"
+  end
+
+  def border_radius(*radii)
+    vals = radii.map { |r| r.is_a?(Numeric) ? "#{r}px" : r.to_s }
+    "border-radius: #{vals.join(' ')};"
+  end
+
+  def flexbox(direction: "row", justify: "flex-start", align: "stretch", wrap: "nowrap", gap: nil)
+    lines = [
+      "display: flex",
+      "flex-direction: #{direction}",
+      "justify-content: #{justify}",
+      "align-items: #{align}",
+      "flex-wrap: #{wrap}",
+    ]
+    lines << "gap: #{gap}" if gap
+    lines.join(";\n") + ";"
+  end
+
+  def grid(columns: 3, gap: "1rem", min_width: nil)
+    col = min_width ? "repeat(auto-fit, minmax(#{min_width}, 1fr))" : "repeat(#{columns}, 1fr)"
+    "display: grid;\ngrid-template-columns: #{col};\ngap: #{gap};"
+  end
+
+  def transform(rotate: nil, scale: nil, translate_x: nil, translate_y: nil)
+    parts = []
+    parts << "rotate(#{rotate}deg)" if rotate
+    parts << "scale(#{scale})" if scale
+    parts << "translateX(#{translate_x}px)" if translate_x
+    parts << "translateY(#{translate_y}px)" if translate_y
+    "transform: #{parts.join(' ')};"
+  end
+
+  def transition(property: "all", duration: "0.3s", easing: "ease", delay: nil)
+    val = "#{property} #{duration} #{easing}"
+    val += " #{delay}" if delay
+    "transition: #{val};"
+  end
+end

data/lib/peasy_css/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module PeasyCSS
+  VERSION = "0.1.1"
+end

data/lib/peasy_css.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+require_relative "peasy_css/version"
+require_relative "peasy_css/engine"

metadata

@@ -0,0 +1,50 @@
+--- !ruby/object:Gem::Specification
+name: peasy-css
+version: !ruby/object:Gem::Version
+  version: 0.1.1
+platform: ruby
+authors:
+- PeasyTools
+bindir: bin
+cert_chain: []
+date: 1980-01-02 00:00:00.000000000 Z
+dependencies: []
+description: CSS code generator for Ruby — create linear/radial gradients, box/text
+  shadows, border-radius, flexbox layouts, and CSS grid. Zero dependencies, outputs
+  copy-paste CSS.
+email:
+- hello@peasytools.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/peasy_css.rb
+- lib/peasy_css/engine.rb
+- lib/peasy_css/version.rb
+homepage: https://peasycss.com
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://peasycss.com
+  source_code_uri: https://github.com/peasytools/peasy-css-rb
+  changelog_uri: https://github.com/peasytools/peasy-css-rb/blob/main/CHANGELOG.md
+  documentation_uri: https://peasycss.com
+  bug_tracker_uri: https://github.com/peasytools/peasy-css-rb/issues
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '3.0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 4.0.3
+specification_version: 4
+summary: CSS generators — gradients, shadows, flexbox, grid
+test_files: []