ation when the mouse is over a component
=== Advanced ===
Every component is a [[docs:marki|html superset]] and you can therefore use the [[class|class]] for advanced styling.
"0qtqv8lgs1ygj9rax9vck"
}
---
====== ComboStrap Styling - Spacing (Margin, Padding) ======
===== About ... nt space outside the box (not filled with [[docs:styling:background#color|the background color]])
* ''pa... is the space inside the box (filled with [[docs:styling:background#color|the background color]])
<note>... ] with:
* ''p-3'': a ''padding'' with a [[docs:styling:scale|scale value of 3]] (blue color)
* ''m-5''
"vz4upjyihwsqne30iv31e",
"title": "Background styling - Add any background to your ComboStrap component"
}
---
====== ComboStrap Styling - Background ======
===== About =====
The ''bac... ' is defined as being the content plus the [[docs:styling:spacing|padding]]
===== Syntax =====
<code dw... 'background'' area is the content plus the [[docs:styling:spacing|padding]] but not the margin.
</note>
=====
===== About =====
''align'' is an [[docs:styling:styling|styling attribute]] of the [[docs:marki|HTML superset component]]
It permits to align:
* th... RTL language
* ''breakpoint'' defines a [[:docs:styling:conditional|conditional value]].
<note>
''justif... ou want this behavior, you need to use the [[docs:styling:float|float attribute]]
</note>
==== Children ==... 'y-bottom''
* ''breakpoint'' defines a [[:docs:styling:conditional|conditional value]].
<note warning>
w, giving more emphasis"
}
---
====== ComboStrap Styling - Shadow attribute (Elevation) ======
===== Ab... hadow'' (known also as ''elevation'') is a [[docs:styling:styling|styling attribute]] that elevates a [[docs:block:block|block]].
It adds a ''shadow'' and gives the block
tractive Color generator"
}
---
====== ComboStrap Styling - Color Generator ======
===== About =====
While styling your design, the choice of [[color|colors]] is al... sult name="ColorGenerator" height="1600px">
<code html>
<link rel="stylesheet"
href="https://c... alpha: alpha,
};
output.insertAdjacentHTML("beforeend",
`<p>The colors were generate
ion": "A breakpoint allows to created conditional styling \/ design",
"page_id": "mjusl3ym9vi3220izvowr... n screen size (and above).
By adding the [[docs:styling:breakpoint|breakpoint name]] as a suffix, you def... applied.
===== Example =====
The below [[:docs:styling:spacing|spacing value]] is conditional and applie... ' and above: a padding of 5 (ie ''p-5-md'')
<code html>
<component spacing="p-3-xs p-5-md" />
</code>
=
: "amwo76bu39giwykxgqz1d"
}
---
====== ComboStrap Styling - Class attribute ======
===== About =====
Beca... mponent]] are implemented as [[..:marki|super set HTML element]], you can apply the ''class attributes''... implements most of these utilities through the [[styling#standard attributes|standard attributes]] but in