Css

brixioapp edited this page Feb 11, 2015 · 1 revision

Brick and CSS

You can add css to brick just by editing css properties.What happened then? Brixio will add additional parameter data-brix_class to the brick and save all css properties inside /style-auto.css. We are not using class attribute. If you would like to style elements inside a brick (tags), click Open Style and add new selector below the main brick rule. Example: [...] {...} [...] div {...} <-new for div inside a brick

Copy You can copy a brick with css across project and as you will see, all copies are connected with the same style. To set another style for a copy, click Unbind Style and set new values.

Add to Sections Brixio will check for connected css and save css rules for all bricks inside. Brixio also save all rules for element inside saved brick - example above. What's important, brixio will change all data-brix_class parameters to unique values so you can change the brick after this and then save with new parameters as a new section.

What can I do with auto par in html code view In a code view:

  • removing data-brix_class parameter: brixio unbinds style from the element.
  • copying data-brix_class par from another brick: binds other brick style.

Info: Data-brix_class parameters are 100% legal and can be used as css selector (same as class parameter). If you like, you can change auto link position before your own css style and use your own class attribute for additional styling.

Reset style You can manually add style-auto-reset.css before auto.css link with a list of brick selectors: [...], [...] {Reset properties}