ruby2sass 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 4f6519722922ec9885f511090e1a96d53d16366bd8d4661700a2bb3981dafdb5
+  data.tar.gz: 6b556ef775589059171cc2f1d7f3e8702aabfdf4ad4ae07332d97100b91a21f6
+SHA512:
+  metadata.gz: 813f8522d3fd9f93af4577a6eeada174c947b2dccfb63b12a193f6bbc310fea6a877d093cbdbd069efb8473a2d2f5d2a4215358d04f0a17e6caabbbae4e8b83e
+  data.tar.gz: e69ad4657aeb5de80ee28855289802494cd4fceb2478a68c46db9bb577a60c8c527b2a2a01dc76a6ffcf011c82f8b8e409fb2dcb6d22ad7c36782862ad7f4e7c

data/.rspec

@@ -0,0 +1,3 @@
+--format progress
+--color
+--require spec_helper

data/.rubocop.yml

@@ -0,0 +1,13 @@
+inherit_gem:
+  rubocop-rails_config:
+    - config/rails.yml
+
+Style/ClassAndModuleChildren:
+  EnforcedStyle: nested
+
+Lint/Debugger:
+  Enabled: true
+
+Style/StringLiterals:
+  Enabled: true
+  EnforcedStyle: single_quotes

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2024 sebi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,478 @@
+# Ruby2sass 🎨
+
+Ruby2sass is a powerful and flexible Ruby DSL for generating SASS and CSS. It allows you to write your stylesheets using Ruby syntax, providing a more programmatic and dynamic approach to stylesheet generation. 🚀
+
+## Installation 💻
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'ruby2sass'
+```
+
+And then execute:
+
+```
+$ bundle install
+```
+
+Or install it yourself as:
+
+```
+$ gem install ruby2sass
+```
+
+## Usage 🔨
+
+Here's a comprehensive example showcasing various features of Ruby2sass, along with the generated SASS output for each block:
+
+```ruby
+require 'ruby2sass'
+
+renderer = Ruby2sass::Renderer.new do
+  # Variables
+  primary_color = v('primary-color', '#007bff')
+  secondary_color = v('secondary-color', '#6c757d')
+  grid_columns = v('grid-columns', 12)
+
+  s('body') do
+    background_color primary_color
+  end
+end
+
+puts renderer.to_sass
+```
+
+Output:
+
+```sass
+$primary-color: #007bff;
+$secondary-color: #6c757d;
+$grid-columns: 12;
+
+body {
+  background-color: #007bff;
+}
+```
+
+```ruby
+renderer = Ruby2sass::Renderer.new do
+  # Mixins
+  mixin 'button-styles', '$bg-color' do
+    background_color '$bg-color'
+    padding '10px 15px'
+    border_radius '5px'
+    transition 'background-color 0.3s ease'
+  end
+
+  # Functions
+  function 'darken', '$color, $amount' do
+    raw '@return darken($color, $amount);'
+  end
+end
+
+puts renderer.to_sass
+```
+
+Output:
+
+```sass
+@mixin button-styles($bg-color) {
+  background-color: $bg-color;
+  padding: 10px 15px;
+  border-radius: 5px;
+  transition: background-color 0.3s ease;
+}
+
+@function darken($color, $amount) {
+  @return darken($color, $amount);
+}
+```
+
+```ruby
+renderer = Ruby2sass::Renderer.new do
+  # Base styles
+  s('body') do
+    font_family "'Arial', sans-serif"
+    line_height '1.6'
+    color '#333'
+  end
+
+  # Container
+  s('.container') do
+    max_width '1200px'
+    margin '0 auto'
+    padding '0 15px'
+  end
+end
+
+puts renderer.to_sass
+```
+
+Output:
+
+```sass
+body {
+  font-family: 'Arial', sans-serif;
+  line-height: 1.6;
+  color: #333;
+}
+
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 15px;
+}
+```
+
+```ruby
+renderer = Ruby2sass::Renderer.new do
+  primary_color = v('primary-color', '#007bff')
+  secondary_color = v('secondary-color', '#6c757d')
+
+  # Buttons
+  s('.button') do |btn|
+    include 'button-styles', primary_color
+
+    btn.hover do
+      background_color "darken(#{primary_color}, 10%)"
+    end
+  end
+
+  s('.button-secondary') do |btn|
+    include 'button-styles', secondary_color
+
+    btn.hover do
+      background_color "darken(#{secondary_color}, 10%)"
+    end
+  end
+end
+
+puts renderer.to_sass
+```
+
+Output:
+
+```sass
+$primary-color: #007bff;
+$secondary-color: #6c757d;
+
+.button {
+  @include button-styles(#007bff);
+  &:hover {
+    background-color: darken(#007bff, 10%);
+  }
+}
+
+.button-secondary {
+  @include button-styles(#6c757d);
+  &:hover {
+    background-color: darken(#6c757d, 10%);
+  }
+}
+```
+
+```ruby
+renderer = Ruby2sass::Renderer.new do
+  grid_columns = v('grid-columns', 12)
+
+  # Grid system using for loop
+  for_loop 'i', from: 1, to: grid_columns do
+    s(".col-\#{$i}") do
+      width "calc(100% / #{grid_columns} * \#{$i})"
+      float 'left'
+      padding '0 15px'
+    end
+  end
+end
+
+puts renderer.to_sass
+```
+
+Output:
+
+```sass
+$grid-columns: 12;
+
+@for $i from 1 through 12 {
+  .col-#{$i} {
+    width: calc(100% / 12 * #{$i});
+    float: left;
+    padding: 0 15px;
+  }
+}
+```
+
+```ruby
+renderer = Ruby2sass::Renderer.new do
+  # Color palette using each loop
+  colors = v('colors', '("primary": #007bff, "secondary": #6c757d, "success": #28a745, "danger": #dc3545)')
+  each_loop 'name, color', colors do
+    s(".\#{$name}-bg") do
+      background_color '$color'
+    end
+    s(".\#{$name}-text") do
+      color '$color'
+    end
+  end
+end
+
+puts renderer.to_sass
+```
+
+Output:
+
+```sass
+$colors: ("primary": #007bff, "secondary": #6c757d, "success": #28a745, "danger": #dc3545);
+
+@each $name, $color in $colors {
+  .#{$name}-bg {
+    background-color: $color;
+  }
+  .#{$name}-text {
+    color: $color;
+  }
+}
+```
+
+```ruby
+renderer = Ruby2sass::Renderer.new do
+  # Responsive font sizes using while loop
+  base_font = v('base-font-size', 16)
+  i = v('i', 6)
+  while_loop "#{i} > 0" do
+    s("h\#{$i}") do
+      font_size "#{base_font} + \#{$i}px"
+    end
+    raw "#{i} = #{i} - 1;"
+  end
+end
+
+puts renderer.to_sass
+```
+
+Output:
+
+```sass
+$base-font-size: 16;
+$i: 6;
+
+@while $i > 0 {
+  h#{$i} {
+    font-size: 16 + #{$i}px;
+  }
+$i: $i - 1;
+}
+```
+
+```ruby
+renderer = Ruby2sass::Renderer.new do
+  # Media queries
+  breakpoints = v('breakpoints', '("sm": 576px, "md": 768px, "lg": 992px, "xl": 1200px)')
+  each_loop 'name, width', breakpoints do
+    media "screen and (min-width: \#{$width})" do
+      s('.container') do
+        max_width '$width'
+      end
+    end
+  end
+end
+
+puts renderer.to_sass
+```
+
+Output:
+
+```sass
+$breakpoints: ("sm": 576px, "md": 768px, "lg": 992px, "xl": 1200px);
+
+@each $name, $width in $breakpoints {
+  @media screen and (min-width: #{$width}) {
+    .container {
+      max-width: $width;
+    }
+  }
+}
+```
+
+```ruby
+renderer = Ruby2sass::Renderer.new do
+  # Theme switching with if-else
+  theme = v('theme', 'light')
+  if_statement "#{theme} == 'light'" do
+    s('body') do
+      background_color '#fff'
+      color '#333'
+    end
+  end
+  else_statement do
+    s('body') do
+      background_color '#333'
+      color '#fff'
+    end
+  end
+end
+
+puts renderer.to_sass
+```
+
+Output:
+
+```sass
+$theme: light;
+
+@if $theme == 'light' {
+  body {
+    background-color: #fff;
+    color: #333;
+  }
+}
+@else {
+  body {
+    background-color: #333;
+    color: #fff;
+  }
+}
+```
+
+```ruby
+renderer = Ruby2sass::Renderer.new do
+  # Using raw SASS for complex selectors
+  raw <<~SCSS
+    nav {
+      ul {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+
+        li { display: inline-block; }
+
+        a {
+          display: block;
+          padding: 6px 12px;
+          text-decoration: none;
+        }
+      }
+    }
+  SCSS
+end
+
+puts renderer.to_sass
+```
+
+Output:
+
+```sass
+nav {
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    li { display: inline-block; }
+
+    a {
+      display: block;
+      padding: 6px 12px;
+      text-decoration: none;
+    }
+  }
+}
+```
+
+This example demonstrates:
+- Variable declaration using `v()` and usage
+- Mixins and includes
+- Custom functions
+- Nested selectors with yield
+- Various types of loops (for, each, while) for generating classes and styles
+- Media queries with dynamic breakpoints
+- Conditional statements for theming
+- Raw SASS input for complex nesting
+
+### `to_sass` Method 📝
+
+The `to_sass` method generates SASS output from your Ruby2sass DSL:
+
+```ruby
+sass_output = renderer.to_sass
+```
+
+### `to_css` Method 🎭
+
+The `to_css` method compiles your Ruby2sass DSL directly to CSS:
+
+```ruby
+css_output = renderer.to_css(include: nil, compress: false)
+```
+
+Parameters:
+- `include`: An array of file paths, strings, or IO objects to be included before the main SASS content.
+- `compress`: A boolean indicating whether the output CSS should be compressed (default is false).
+
+Example with options:
+
+```ruby
+css_output = renderer.to_css(
+  include: ['path/to/variables.sass', '$primary-color: #007bff;'],
+  compress: true
+)
+```
+
+## Features 🌟
+
+Ruby2sass supports:
+- Variables with `v()` method
+- Mixins and includes
+- Custom functions
+- Nested selectors with yield for pseudo-classes and pseudo-elements
+- Loops (for, each, while) with various use cases
+- Conditionals (if-else)
+- Media queries with dynamic breakpoints
+- Keyframe animations
+- Raw SASS input for complex scenarios
+- CSS property method missing for easy property setting
+
+## Performance 🏎️
+
+Ruby2sass is designed to handle various sizes of SASS structures efficiently. Here are some benchmark results:
+
+```
+Structure Details:
+Small (Depth: 3, Breadth: 3):
+  Total Selectors: 39
+  Total Properties: 117
+  SASS Size: 3.74 KB
+  CSS Size: 3.96 KB
+Medium (Depth: 4, Breadth: 4):
+  Total Selectors: 340
+  Total Properties: 1020
+  SASS Size: 36.13 KB
+  CSS Size: 39.14 KB
+Large (Depth: 5, Breadth: 5):
+  Total Selectors: 3905
+  Total Properties: 11715
+  SASS Size: 455.77 KB
+  CSS Size: 502.50 KB
+
+Benchmark Results:
+     Ruby2sass small:    145.5 i/s
+    Ruby2sass medium:     20.0 i/s - 7.29x  slower
+     Ruby2sass large:      1.7 i/s - 84.77x  slower
+```
+
+These results show that Ruby2sass can handle small to medium-sized stylesheets very efficiently, while still being capable of processing larger stylesheets. 📊
+
+## Development 🛠️
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`.
+
+## Contributing 🤝
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/sebyx07/ruby2sass.
+
+## License 📄
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+require 'bundler/gem_tasks'
+require 'rspec/core/rake_task'
+
+RSpec::Core::RakeTask.new(:spec)
+
+task default: :spec

data/lefthook.yml

@@ -0,0 +1,7 @@
+pre-commit:
+  commands:
+    rubocop:
+      run: bundle exec rubocop -A
+      skip:
+        - merge
+        - rebase

data/lib/ruby2sass/css_properties.rb

@@ -0,0 +1,64 @@
+# frozen_string_literal: true
+
+module Ruby2sass
+  CSS_PROPERTIES = ['accent-color', 'align-content', 'align-items', 'align-self', 'all', 'animation', 'animation-delay',
+                    'animation-direction', 'animation-duration', 'animation-fill-mode', 'animation-iteration-count',
+                    'animation-name', 'animation-play-state', 'animation-timing-function', 'aspect-ratio',
+                    'backdrop-filter', 'backface-visibility', 'background', 'background-attachment', 'background-blend-mode',
+                    'background-clip', 'background-color', 'background-image', 'background-origin', 'background-position',
+                    'background-position-x', 'background-position-y', 'background-repeat', 'background-size',
+                    'block-size', 'border', 'border-block', 'border-block-color', 'border-block-end', 'border-block-end-color',
+                    'border-block-end-style', 'border-block-end-width', 'border-block-start', 'border-block-start-color',
+                    'border-block-start-style', 'border-block-start-width', 'border-block-style', 'border-block-width',
+                    'border-bottom', 'border-bottom-color', 'border-bottom-left-radius', 'border-bottom-right-radius',
+                    'border-bottom-style', 'border-bottom-width', 'border-collapse', 'border-color', 'border-end-end-radius',
+                    'border-end-start-radius', 'border-image', 'border-image-outset', 'border-image-repeat', 'border-image-slice',
+                    'border-image-source', 'border-image-width', 'border-inline', 'border-inline-color', 'border-inline-end',
+                    'border-inline-end-color', 'border-inline-end-style', 'border-inline-end-width', 'border-inline-start',
+                    'border-inline-start-color', 'border-inline-start-style', 'border-inline-start-width', 'border-inline-style',
+                    'border-inline-width', 'border-left', 'border-left-color', 'border-left-style', 'border-left-width',
+                    'border-radius', 'border-right', 'border-right-color', 'border-right-style', 'border-right-width',
+                    'border-spacing', 'border-start-end-radius', 'border-start-start-radius', 'border-style', 'border-top',
+                    'border-top-color', 'border-top-left-radius', 'border-top-right-radius', 'border-top-style', 'border-top-width',
+                    'border-width', 'bottom', 'box-decoration-break', 'box-reflect', 'box-shadow', 'box-sizing', 'break-after',
+                    'break-before', 'break-inside', 'caption-side', 'caret-color', '@charset', 'clear', 'clip', 'clip-path',
+                    'color', 'color-scheme', 'column-count', 'column-fill', 'column-gap', 'column-rule', 'column-rule-color',
+                    'column-rule-style', 'column-rule-width', 'column-span', 'column-width', 'columns', 'content', 'counter-increment',
+                    'counter-reset', 'counter-set', 'cursor', 'direction', 'display', 'empty-cells', 'filter', 'flex', 'flex-basis',
+                    'flex-direction', 'flex-flow', 'flex-grow', 'flex-shrink', 'flex-wrap', 'float', 'font', '@font-face', 'font-family',
+                    'font-feature-settings', 'font-kerning', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style',
+                    'font-variant', 'font-variant-caps', 'font-weight', 'gap', 'grid', 'grid-area', 'grid-auto-columns',
+                    'grid-auto-flow', 'grid-auto-rows', 'grid-column', 'grid-column-end', 'grid-column-gap', 'grid-column-start',
+                    'grid-gap', 'grid-row', 'grid-row-end', 'grid-row-gap', 'grid-row-start', 'grid-template', 'grid-template-areas',
+                    'grid-template-columns', 'grid-template-rows', 'hanging-punctuation', 'height', 'hyphens', 'hypenate-character',
+                    'image-rendering', '@import', 'inline-size', 'inset', 'inset-block', 'inset-block-end', 'inset-block-start',
+                    'inset-inline', 'inset-inline-end', 'inset-inline-start', 'isolation', 'justify-content', 'justify-items',
+                    'justify-self', '@keyframes', 'left', 'letter-spacing', 'line-height', 'list-style', 'list-style-image',
+                    'list-style-position', 'list-style-type', 'margin', 'margin-block', 'margin-block-end', 'margin-block-start',
+                    'margin-bottom', 'margin-inline', 'margin-inline-end', 'margin-inline-start', 'margin-left', 'margin-right',
+                    'margin-top', 'mask-image', 'mask-mode', 'mask-origin', 'mask-position', 'mask-repeat', 'mask-size', 'max-height',
+                    'max-width', '@media', 'max-block-size', 'max-inline-size', 'min-block-size', 'min-inline-size', 'min-height',
+                    'min-width', 'mix-blend-mode', 'object-fit', 'object-position', 'offset', 'offset-anchor', 'offset-distance',
+                    'offset-path', 'offset-rotate', 'opacity', 'order', 'orphans', 'outline', 'outline-color', 'outline-offset',
+                    'outline-style', 'outline-width', 'overflow', 'overflow-anchor', 'overflow-wrap', 'overflow-x', 'overflow-y',
+                    'overscroll-behavior', 'overscroll-behavior-block', 'overscroll-behavior-inline', 'overscroll-behavior-x',
+                    'overscroll-behavior-y', 'padding', 'padding-block', 'padding-block-end', 'padding-block-start', 'padding-bottom',
+                    'padding-inline', 'padding-inline-end', 'padding-inline-start', 'padding-left', 'padding-right', 'padding-top',
+                    'page-break-after', 'page-break-before', 'page-break-inside', 'paint-order', 'perspective', 'perspective-origin',
+                    'place-content', 'place-items', 'place-self', 'pointer-events', 'position', 'quotes', 'resize', 'right', 'rotate',
+                    'row-gap', 'scale', 'scroll-behavior', 'scroll-margin', 'scroll-margin-block', 'scroll-margin-block-end',
+                    'scroll-margin-block-start', 'scroll-margin-bottom', 'scroll-margin-inline', 'scroll-margin-inline-end',
+                    'scroll-margin-inline-start', 'scroll-margin-left', 'scroll-margin-right', 'scroll-margin-top', 'scroll-padding',
+                    'scroll-padding-block', 'scroll-padding-block-end', 'scroll-padding-block-start', 'scroll-padding-bottom',
+                    'scroll-padding-inline', 'scroll-padding-inline-end', 'scroll-padding-inline-start', 'scroll-padding-left',
+                    'scroll-padding-right', 'scroll-padding-top', 'scroll-snap-align', 'scroll-snap-stop', 'scroll-snap-type',
+                    'scrollbar-color', 'tab-size', 'table-layout', 'text-align', 'text-align-last', 'text-decoration',
+                    'text-decoration-color', 'text-decoration-line', 'text-decoration-style', 'text-decoration-thickness',
+                    'text-emphasis', 'text-emphasis-color', 'text-emphasis-position', 'text-emphasis-style', 'text-indent',
+                    'text-justify', 'text-orientation', 'text-overflow', 'text-shadow', 'text-transform', 'text-underline-offset',
+                    'text-underline-position', 'top', 'transform', 'transform-origin', 'transform-style', 'transition',
+                    'transition-delay', 'transition-duration', 'transition-property', 'transition-timing-function', 'translate',
+                    'unicode-bidi', 'direction', 'user-select', 'vertical-align', 'visibility', 'white-space', 'widows',
+                    'width', 'word-break', 'word-spacing', 'word-wrap', 'writing-mode', 'z-index'
+  ]
+end

data/lib/ruby2sass/css_renderer.rb

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+module Ruby2sass
+  class CssRender
+    def initialize(sass, include, compress)
+      @sass = sass
+      @included_files = include
+      @compress = compress
+    end
+
+    def render
+      combined_sass = process_includes + @sass
+      options = {
+        style: @compress ? :compressed : :expanded
+      }
+
+      SassC::Engine.new(combined_sass, **options).render
+    end
+
+    private
+      def process_includes
+        return '' unless @included_files
+
+        Array(@included_files).map do |include_item|
+          content = case include_item
+                    when String
+                      if File.exist?(include_item)
+                        File.read(include_item)
+                      else
+                        include_item
+                      end
+                    when IO, StringIO
+                      include_item.read
+                    else
+                      raise ArgumentError, "Unsupported include type: #{include_item.class}"
+          end
+          content + "\n"
+        end.join
+      end
+  end
+end

data/lib/ruby2sass/renderer.rb

@@ -0,0 +1,184 @@
+# frozen_string_literal: true
+
+module Ruby2sass
+  class Renderer
+    def initialize(&block)
+      @output = StringIO.new
+      @indentation = 0
+      @input_block = block
+      @variables = {}
+    end
+
+    CSS_PROPERTIES.each do |property|
+      method_name = property.tr('-', '_').delete('@')
+
+      if property.start_with?('@')
+        define_method(method_name) do |*args, &block|
+          write_line("#{property} #{args.join(' ')} {")
+          indent
+          instance_eval(&block) if block_given?
+          dedent
+          write_line('}')
+        end
+      else
+        define_method(method_name) do |value|
+          write_line("#{property}: #{value};")
+        end
+      end
+    end
+
+    def s(selector, &block)
+      write_line("#{selector} {")
+      indent
+      if block.arity == 1
+        block.call(SelectorContext.new(self))
+      else
+        instance_eval(&block)
+      end
+      dedent
+      write_line('}')
+    end
+
+    def media(*args, &block)
+      write_line("@media #{args.join(' ')} {")
+      indent
+      instance_eval(&block) if block_given?
+      dedent
+      write_line('}')
+    end
+
+    def keyframes(name, &block)
+      write_line("@keyframes #{name} {")
+      indent
+      instance_eval(&block) if block_given?
+      dedent
+      write_line('}')
+    end
+
+    def mixin(name, *args, &block)
+      args_str = args.empty? ? '' : "(#{args.join(', ')})"
+      write_line("@mixin #{name}#{args_str} {")
+      indent
+      instance_eval(&block) if block_given?
+      dedent
+      write_line('}')
+    end
+
+    def include(name, *args)
+      args_str = args.empty? ? '' : "(#{args.join(', ')})"
+      write_line("@include #{name}#{args_str};")
+    end
+
+    def v(name, value)
+      @variables[name] = "$#{name}"
+      write_line("$#{name}: #{value};")
+      @variables[name]
+    end
+
+    def import(path)
+      write_line("@import '#{path}';")
+    end
+
+    def extend(selector)
+      write_line("@extend #{selector};")
+    end
+
+    def if_statement(condition, &block)
+      write_line("@if #{condition} {")
+      indent
+      instance_eval(&block) if block_given?
+      dedent
+      write_line('}')
+    end
+
+    def else_statement(&block)
+      write_line('@else {')
+      indent
+      instance_eval(&block) if block_given?
+      dedent
+      write_line('}')
+    end
+
+    def for_loop(variable, from:, to:, &block)
+      write_line("@for $#{variable} from #{from} through #{to} {")
+      indent
+      instance_eval(&block) if block_given?
+      dedent
+      write_line('}')
+    end
+
+    def each_loop(variable, list, &block)
+      write_line("@each $#{variable} in #{list} {")
+      indent
+      instance_eval(&block) if block_given?
+      dedent
+      write_line('}')
+    end
+
+    def while_loop(condition, &block)
+      write_line("@while #{condition} {")
+      indent
+      instance_eval(&block) if block_given?
+      dedent
+      write_line('}')
+    end
+
+    def function(name, *args, &block)
+      args_str = args.empty? ? '' : "(#{args.join(', ')})"
+      write_line("@function #{name}#{args_str} {")
+      indent
+      instance_eval(&block) if block_given?
+      dedent
+      write_line('}')
+    end
+
+    def return(value)
+      write_line("@return #{value};")
+    end
+
+    def raw(sass_content)
+      @output << sass_content
+    end
+
+    def to_sass
+      return @sass_output if @sass_output
+      instance_eval(&@input_block) if @input_block
+
+      @sass_output = @output.string
+    end
+
+    def to_css(include: nil, compress: false)
+      Ruby2sass::CssRender.new(to_sass, include, compress).render
+    end
+
+    def method_missing(method_name, *args)
+      property = method_name.to_s.tr('_', '-')
+      value = args.first
+      write_line("#{property}: #{value};")
+    end
+
+    private
+      def write_line(line)
+        @output.puts('  ' * @indentation + line)
+      end
+
+      def indent
+        @indentation += 1
+      end
+
+      def dedent
+        @indentation -= 1
+      end
+  end
+
+  class SelectorContext
+    def initialize(renderer)
+      @renderer = renderer
+    end
+
+    def method_missing(method_name, *args, &block)
+      selector = "&:#{method_name}"
+      @renderer.s(selector, &block)
+    end
+  end
+end

data/lib/ruby2sass/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module Ruby2sass
+  VERSION = '1.0.0'
+end

data/lib/ruby2sass.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+require 'stringio'
+require 'sassc'
+
+require_relative 'ruby2sass/version'
+require_relative 'ruby2sass/css_properties'
+Dir.glob(File.join(__dir__, 'ruby2sass', '**', '*.rb')).each do |file|
+  require file
+end
+
+module Ruby2sass
+  class Error < StandardError; end
+  # Your code goes here...
+end

data/sig/ruby2sass.rbs

@@ -0,0 +1,4 @@
+module Ruby2sass
+  VERSION: String
+  # See the writing guide of rbs: https://github.com/ruby/rbs#guides
+end

metadata

@@ -0,0 +1,75 @@
+--- !ruby/object:Gem::Specification
+name: ruby2sass
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- sebi
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2024-08-20 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sassc
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.4'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.4'
+description: Ruby2sass provides a flexible and intuitive way to write SASS stylesheets
+  using Ruby syntax. It supports all CSS properties, nested selectors, and special
+  at-rules.
+email:
+- gore.sebyx@yahoo.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".rspec"
+- ".rubocop.yml"
+- LICENSE.txt
+- README.md
+- Rakefile
+- lefthook.yml
+- lib/ruby2sass.rb
+- lib/ruby2sass/css_properties.rb
+- lib/ruby2sass/css_renderer.rb
+- lib/ruby2sass/renderer.rb
+- lib/ruby2sass/version.rb
+- sig/ruby2sass.rbs
+homepage: https://github.com/sebyx07/ruby2sass
+licenses:
+- MIT
+metadata:
+  allowed_push_host: https://rubygems.org
+  homepage_uri: https://github.com/sebyx07/ruby2sass
+  source_code_uri: https://github.com/sebyx07/ruby2sass
+  changelog_uri: https://github.com/sebyx07/ruby2sass/blob/main/CHANGELOG.md
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 3.0.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.5.11
+signing_key: 
+specification_version: 4
+summary: A Ruby DSL for generating SASS stylesheets
+test_files: []