2009-07-26 6 views
0

Говорят об этом сценарии компрессора для чертежа css, где вы можете изменить общее количество пикселей или включить причудливый тип и т. Д., Но я никогда не выяснял, как его использовать. Все, что я могу использовать, это ванильная версия Blueprint, и в этом случае мой сайт имеет ширину всего 900 пикселей, поэтому я не могу использовать Blueprint, пока не переделаю его для формата 900 пикселей.Сценарий сценария сценария Blueprint, как его использовать?

ответ

0

Compass позволяет использовать Blueprint, YUI или 960 GS вместе с Sass. Он также поддерживает пользовательские макеты Blueprint. Пожалуйста, просмотрите screencast, чтобы лучше понять, что такое Compass.

+0

нет, видите, я не хочу использовать другую программу, есть лин е в сетке .css \t \t Если вам нужно больше или меньше столбцов, пространства имен или семантическую \t, используйте сценарий компрессора (lib/compress.rb) \t Который бы я использовал, но я не знаю, что такое .rb, или как его использовать, или бросать в него переменные. –

+1

Файл .rb (в основном) - файл, содержащий программу Ruby. Вы должны иметь возможность выполнить файл 'lib/compress.rb': ruby ​​lib/compress.rb', а затем передать ему аргументы командной строки. –

0

Хорошо, я понял. Я хотел изменить Grid.css, чтобы отобразить мой сайт шириной 850 пикселей вместо 950px, а также включить плагин fancy type. Вы можете вывести пользовательские файлы css из командной строки, набрав ruby ​​lib/compress.rb, как указано выше, и передав ему переменные. однако, если вы хотите включить плагины, вам нужно создать файл YAML с новыми настройками. Джош Клейтон был достаточно хорош, чтобы включить файл YAML образец конфигурации, так что я изменилась, что этого нужно просто от:

project1: 
    path: /path/to/my/project/stylesheets 
    namespace: custom-namespace-1- 
    custom_css: 
    ie.css: 
     - custom-ie.css 
    print.css: 
     - docs.css 
     - my-print-styles.css 
    screen.css: 
     - subfolder-of-stylesheets/sub_css.css 
    custom_layout: 
    column_count: 12 
    column_width: 70 
    gutter_width: 10 
    plugins: 
    - fancy-type 
    - buttons 
project2: 
    path: /path/to/different/stylesheets 
    namespace: different-namespace- 
    custom_css: 
    screen.css: 
     - custom_screen.css 
    semantic_classes: 
    "#footer, #header": ".span-24, div.span-24" 
    "#content": ".span-17, div.span-17, div.colborder" 
    "#extra-content": ".span-6, div.span-6" 
    "div#navigation": "div.span_24, .span-24" 
    "div.section, div.entry, .feeds": ".span-6 div.span-6" 
project3: 
    path: /path/to/another/projects/styles 

к чему-то гораздо проще, это:

MySite: 
    path: /Applications/MAMP/htdocs/MySite/ 
    custom_layout: 
    column_count: 12 
    column_width: 60 
    gutter_width: 10 
    plugins: 
    - fancy-type 
    - buttons 

А потом я бегу compress.rb -p MySite