Fulltext results:
- ComboStrap - Release 1.14 @release
- ubar:brand|brand]] is now a [[docs:marki|superset html component]] and allows all styling. ==== Grid ==== * New: The ''automatic'' [[do... tility:webcode|webcode]] is less than the default html element height of 150, the padding of the first d... element would end up in the margin of the iframe html element. * Webcode was deleting the first p an
- ComboStrap - 1.13 release @release
- ed after the update to set it back to your [[docs:styling:stylesheet|preferred stylesheet]] back. {{:stra... h alternated background * New: added the [[docs:styling:background|background component]] to manage the b... :layout:component:slide|slide]]) * New : [[docs:styling:clickable|clickable attribute]]: make a whole sur... oaded by the admin and by a group of users. ==== Styling / Theme ==== * New: [[docs:styling:shadow|Eleva
- ComboStrap Styling - Marki Language @docs
- ====== ComboStrap Styling - Marki Language ====== ===== About ===== ''ComboStrap'' implements in most of i... ki'' language. It's a simplified version of the ''HTML'' language and follows the same rules. Below, we... /component> </code> where: * ''type'' is the [[.styling:type|type of component]]. Not every component has... * specific to this component * the [[#styling|styling attributes]] * or the [[#html|html
- ComboStrap UI - Creating a card @docs:block
- card A ''card'': * is a [[docs:marki|superset HTML component]] and permits then all kind of [[docs:styling:styling|styling]] * can be laid out in tile with the [[docs:lay... header> === A styled card === You can style all [[styling:html|HTML superset component]] easily. A [[styling:align|centered box]] with a dark background [[styling:color|color]] and a white text. <btn light> [[styli
- ComboStrap UI - Link @docs:content
- is shown in ''red''. You can even use the [[docs:styling:styling|styling attributes]] * Example: <webcode name="Default" frameborder=0> <code dw> Links to [[#|existing ... y a ''wikiName'' (ie website name) Syntax: <code html> wikiName>path?query#fragment </code> For instan
- ComboStrap UI - Button @docs:content
- ton'' component is a fully [[docs:marki|super set HTML component]] and can therefore by [[docs:styling:styling|styled]] as you wish </note> A ''button'' can b... ==== Type ==== The type of the button defines its styling: <webcode name="ButtonType" frameborder=0 width=1... tton'' is a component that responds to the [[docs:styling:size|size attribute]] * small * medium (defau... more emphasis of your button by using the [[docs:styling:skin|skin attribute]] <webcode name="ButtonSize"
- ComboStrap UI - HR (Horizontal Rule) @docs:layout:component
- HTML ==== As ''hr'' is a [[docs:marki|superset HTML component]], you can use all [[docs:styling:styling|styling attributes]] such as [[docs:styling:spacing|spacing]] <webcode name="Default" > <code dw> Lorem ipsum dolo
- ComboStrap - Prism @docs:utility
- tation, they all follows the below syntax: <file html> <component language [file-path] line-numbers="tr... : * ''language'' is the language of the code (''html'', ''xml'', ...). Find all [[https://prismjs.com/... e ===== Example ===== ==== Line numbers ==== ''HTML'' code in a [[docs:block:code|code component]] with the following syntax, <file html> <code html line-numbers="true"> <p class="he
- ComboStrap UI - Styling @docs:styling
- ====== ComboStrap UI - Styling ====== ===== About ===== ''Styling'' in ''ComboStrap'' is the possibility to render every [[docs:compone... as you wish. ''ComboStrap'' has three levels of styling: * the [[#bootstrap stylesheet|bootstrap styles... vel]] - a stylesheet with custom rule to tune the styling precisely * the [[#attribute level]] - inline c
- How to use a SVG in ComboStrap @docs:content
- ng SVG: * [[docs:content:icon|icon]] * [[docs:styling:background#svg_cover|background svg cover]] * [[docs:styling:background#svg_tile|background svg tile]] </note>... =value[ ]}} </code> A ''svg'' accepts all [[docs:styling:styling|styling attributes]]. You can change the svg type with one of the below ''type'' attribute. ^ Ty
- Background styling - Add any background to your ComboStrap component @docs:styling
- "canonical":"background", "title":"Background styling - Add any background to your ComboStrap component... asy and declarative way." } --- ====== ComboStrap Styling - Background ====== ===== About ===== The ''bac... ' is defined as being the content plus the [[docs:styling:spacing|padding]] <badge>Since [[release:releas... 'background'' area is the content plus the [[docs:styling:spacing|padding]] but not the margin. </note>
- Hover animation @docs:animation
- adding onHover animation" } --- ====== ComboStrap Styling - Hover Animations ====== ===== About ===== ''h... ==== ==== Float ==== When you want to add [[docs:styling:shadow|dynamic elevation]], you can use the ''flo... name="Default" frameborder="0"> <code dw> {{:docs:styling:subway_card_tile.png?onHover=float|}} </code> </w... webcode> ==== Shadow==== You can use the [[docs:styling:shadow#syntax|shadow animation name]] to add a sh
- ComboStrap Heading @docs:content
- Set ==== ''heading'' is a [[docs:marki|Super set HTML component]] and therefore, you can then apply all [[docs:styling:styling|styling attributes]]. <code dw> <heading type> Heading <... ling:type|type]] is: * ''h1'' to ''h6'' for HTML heading styling * ''d1'' to ''d4'' for bigger heading displ... default to the number in the type) Example: * HTML Heading <webcode name="Type" iframe> <code dw> <h
- How to embed a tweet in your ComboStrap pages @docs:social
- ]] | | width | 250-550px | 550px | same as [[docs:styling:dimension|width]] (maximum width of the rendered ... tweet with the value true/false]]</note> ===== HTML ===== If you accepts [[doku>config:htmlok|HTML]] in your page, you can embedded them directly. <note>... not the recommended way because: * you allows ''html'' and opens the door to cross site attack (XSS)
- The ComboStrap 1.12 release @release:archive
- ng the code when there was whitespace. * [[docs:styling:shadow]]|elevation]] - a new elevation level was ... instance) * New [[docs:content:button|button]] HTML generation. If a button has a link in its description, the HTML generated is a link with a button role. This corr... ng|dynamic quality monitoring]] feature. * Link Styling breaking change: * the [[docs:menubar:dropd