Разбор, редактирование и вывод CSS в Ruby - PullRequest
4 голосов
/ 20 сентября 2010

Есть ли гем для редактирования и анализа CSS в Ruby?Что мне нужно, это открыть css файл, выполнить find с помощью селектора, изменить его и сохранить вывод.Лучший способ будет выглядеть следующим образом:

draft = CSSParser.load('structure.css')
draft.find('#header a').style('color', '#333')
draft.render

Какой самый подходящий способ сделать это?

Ответы [ 4 ]

1 голос
/ 26 сентября 2010

Я сделал несколько шагов к решению моей проблемы.В настоящее время следующий код может изменить CSS, хотя ему не хватает красивой строки поиска draft.find('#header a').style('color', '#333'):

CSS:

$red: #900;

#hello_world a{
  font-size: 1pt + 3pt;

  &:hover{ color: $red + #333 }

  color: #444333;
}

Код:

require 'rubygems'
require 'haml'
require 'sass'

def get_file_as_string(filename)
  data = ''
  File.open(filename, "r").each_line {|line| data += line}
  data
end

engine = Sass::Engine.new(template, :syntax => :scss)
result, extends = engine.to_tree.perform(Sass::Environment.new).cssize

@x = result.children[1] # nice search method should be here

class Sass::Tree::RuleNode
  def set_property(property, value)
    prop = self.children.first{|child| child.class == 'Sass::Tree::PropNode' && child.instance_variable_get(:@resolved_name) == property }
    prop.instance_variable_set(:@resolved_value, value)
  end
end

@x.set_property('color', '#362')

puts result.to_s
0 голосов
/ 20 сентября 2010

Попробуйте Sass (Sintactically Awesome StyleSheets).

Я использую его, и это круто!

0 голосов
/ 24 сентября 2010

Sass включает конвертер CSS-> Sass, и вы можете создавать «миксины» и переменные для использования в ваших таблицах стилей. Я знаю, что это не совсем то, что вы просили, но в зависимости от того, что вы пытаетесь сделать, это может быть лучшим решением.

В противном случае, похоже, что ruby-css-parser настолько близок, насколько вы собираетесь, не написав что-то самостоятельно.

0 голосов
/ 20 сентября 2010

ruby-css-parser в Google Code выглядит многообещающе.

На их странице примеров показан синтаксический анализ и манипулирование селекторами CSS.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...