Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
core
navigation
patches
print
screen
README
reset.css

README

YamlMod is a modification of YAML CSS Framework, which uses @import in their CSS. It's made to cover specifics and personal requeriments.

Previous remarks

* Nowadays, YamlMod has been released with Yaml 3.2.1 (revisión 392)
* YAML's addons has been deleted
* forms.css ha been deleted: I usually use Formtastic, so I use their CSS styles.
* Division 'admin' and 'application': I usually use two layouts named 'admin' and 'application' and I use 'Ruby on Rails' to development. I try to keep this division in YamlMod.
* I use Haml: why do I say this? In next lines you find out the explanation.

How to import our YamlMod?

You can edit and delete as lines as you want, depending your needs

application.html.haml:

/Stylesheets
= stylesheet_link_tag 'reset','core/base_all', :media => "all"
= stylesheet_link_tag 'core/base_screen', :media => "screen,projection"
/= stylesheet_link_tag 'core/base_print', :media => "print"

= stylesheet_link_tag 'screen/application/basemod', :media => "screen,projection"
= stylesheet_link_tag 'screen/application/content', :media => "all"

/If you want to use tab navigation from YAML uncomment the next line
/= stylesheet_link_tag 'navigation/nav_shinybuttons', :media => "all"

/ If you want to use some print.css, uncomment next lines
/ Más info: http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
/= stylesheet_link_tag 'print/print_123', :media => "print"

/[if lte IE 7]
  = stylesheet_link_tag 'patches/iehacks_all', :media => "all"
  = stylesheet_link_tag 'patches/iehacks_screen', :media => "screen,projection"
  /= stylesheet_link_tag 'patches/iehacks_print', :media => "print"
  / If you have used YAML navigation tabs, uncomment the next line
  /= stylesheet_link_tag 'patches/patch_nav_vlist',  :media => "screen,projection"
  / If you use private patches, uncomment the next lines
  /= stylesheet_link_tag 'patches/application_patches', :media => "all"


admin.html.haml layout:

/Stylesheets
= stylesheet_link_tag 'reset','core/base_all', :media => "all"
= stylesheet_link_tag 'core/base_screen', :media => "screen,projection"
/= stylesheet_link_tag 'core/base_print', :media => "print"

= stylesheet_link_tag 'screen/admin/basemod', :media => "screen,projection"
= stylesheet_link_tag 'screen/admin/content', :media => "all"

/If you want to use tab navigation from YAML uncomment the next line
/= stylesheet_link_tag 'navigation/nav_shinybuttons', :media => "all"

/ If you want to use some print.css, uncomment next lines
/ Más info: http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
/= stylesheet_link_tag 'print/print_123', :media => "print"

/[if lte IE 7]
  = stylesheet_link_tag 'patches/iehacks_all', :media => "all"
  = stylesheet_link_tag 'patches/iehacks_screen', :media => "screen,projection"
  /= stylesheet_link_tag 'patches/iehacks_print', :media => "print"
  / If you have used YAML navigation tabs, uncomment the next line
  /= stylesheet_link_tag 'patches/patch_nav_vlist',  :media => "screen,projection"
  / If you use private patches, uncomment the next lines
  /= stylesheet_link_tag 'patches/admin_patches', :media => "all"
  

YamlMod is based on Yaml CSS Framework (http://www.yaml.de/en/)

Thanks to Dirk Jesse
Something went wrong with that request. Please try again.