Version: 1.1
hypetech.pl
Układ treści

Wyświetlanie elementów

Klasy ustawiające sposób wyświetlania i układ elementów na stronie.

display

Kontrolowanie sposobu wyświetlania elementu (box type) odbywa się klasą d-

Klasa Styl CSS
d-none 
display: none;
d-block 
display: block;
d-flex 
display: flex;
d-inline 
display: inline;
d-inline-block 
display: inline-block;
d-inline-flex 
display: inline-flex;
d-grid 
display: grid;
d-inline-grid 
display: inline-grid;

position

Ustawienie pozycjonowania elementu

Klasa Styl CSS
pos-abs 
position: absolute;
pos-rel 
position: relative;
pos-fixed 
position: fixed;

position:sticky

Przypięcie elementu do góry obszaru przewijania.

Klasa Styl CSS
stick-<dim> 
position: sticky;
top: <dim>;
stick--<var> 
position: sticky;
top: var(--<var>);

inset

Ustawienie pozycji

Klasa Styl CSS
inset-fill 
inset: 0;
inset-at-bottom 
inset: 100% auto auto auto;
inset-at-right 
inset: auto auto auto 100%;
inset-bottom 
inset: auto auto 0 auto;
inset-top 
inset: 0 auto auto auto;

top

Ustawienie pozycji top

Klasa Styl CSS
top--<var> 
top: var(--<var>);
top-<dim> 
top: <dim>;

bottom

Ustawienie pozycji bottom

Klasa Styl CSS
bottom--<var> 
bottom: var(--<var>);
bottom-<dim> 
bottom: <dim>;

left

Ustawienie pozycji left

Klasa Styl CSS
left--<var> 
left: var(--<var>);
left-<dim> 
left: <dim>;

right

Ustawienie pozycji right

Klasa Styl CSS
right--<var> 
right: var(--<var>);
right-<dim> 
right: <dim>;

z-index

Ustawienie z-index

Klasa Styl CSS
z-auto 
z-index: auto;
z--<var> 
z-index: var(--<var>);
z-<int> 
z-index: <int>;