CLASSroom 2.0 – RafRent

WEEBSKY CLASSroom

RAFRENT Utility System

Live preview, gotowe kombinacje i kopiowanie klas jednym kliknięciem.

Padding

Globalny responsywny spacing.

u-pad-s

Wszystkie strony - S.

u-pad-m

Wszystkie strony - M.

u-pad-l

Wszystkie strony - L.

u-pad-tb-s

Góra + dół - S.

u-pad-tb-m

Góra + dół - M.

u-pad-tb-l

Góra + dół - L.

u-pad-t-s

Tylko góra - S.

u-pad-t-m

Tylko góra - M.

u-pad-t-l

Tylko góra - L.

u-pad-b-s

Tylko dół - S.

u-pad-b-m

Tylko dół - M.

u-pad-b-l

Tylko dół - L.

Buttons

Każda klasa kolorystyczna działa samodzielnie.

btn-accent

btn-accent-2

btn-dark

btn-light

btn-outline-dark

btn-outline-light

btn-outline-accent

Kształty: default 6px · soft 14px · pill kapsuła · square 0px

btn-soft

btn-pill

btn-square

Button Mixes

Gotowe kombinacje do kopiowania.

btn-accent btn-soft

btn-accent btn-pill

btn-accent btn-square

btn-dark btn-soft

btn-dark btn-pill

btn-light btn-soft

btn-outline-dark btn-soft

btn-outline-light btn-soft

btn-outline-accent btn-soft

Radius

radius-s

radius-m

radius-l

radius-xl

radius-pill

u-pad-s radius-nested

Shadows

shadow-1

Shadow 1

shadow-2

Shadow 2

shadow-3

Shadow 3

shadow-4

Shadow 4

Glass

glass-1

glass-2

glass-3

glass-4

glass-5

glass-6

Max Width

max-w-s

max-w-m

max-w-l

max-w-xl

max-w-text

Maksymalnie 68ch.

Typography

text-balance

Sprzęt, którego potrzebujesz dokładnie wtedy, kiedy trzeba.

text-pretty

Dłuższy tekst łamie się naturalniej i wygląda czytelniej.

Line Clamp

line-1

Minikoparka do prac ziemnych, wykopów, ogrodu i prac specjalistycznych.

line-2

Minikoparka do prac ziemnych, wykopów, ogrodu i prac specjalistycznych. Kompaktowa i wygodna w użytkowaniu.

line-3

Minikoparka do prac ziemnych, wykopów, ogrodu i prac specjalistycznych. Kompaktowa i wygodna w użytkowaniu. Kolejna linia przykładowego opisu produktu.

Images

img-cover

Wypełnia cały box i przycina nadmiar.

img-contain

Pokazuje cały obraz bez przycinania.

Ratios

ratio-square

1:1

ratio-4-3

4:3

ratio-3-2

3:2

ratio-16-9

16:9

ratio-portrait

4:5

Overflow

overflow-hidden

overflow-visible

Hover Effects

hover-lift

Najedź tutaj

hover-scale

Najedź tutaj

hover-glow

Najedź tutaj

hover-image

Zoomuje obraz wewnątrz elementu.

FAQ

faq-rr

Jak działa wynajem?

Wybierasz sprzęt i kontaktujesz się z RAFRENT.

Czy możliwy jest transport?

Warunki transportu ustalane są indywidualnie.

Ultimate Mixes

Gotowe zestawy do realnego użycia.

radius-l shadow-1 hover-lift

Karta interaktywna

Minikoparka 1.8 t

Kompaktowa maszyna do prac ziemnych.

radius-l shadow-1

Karta statyczna

Standard Card

Radius i delikatny cień.

glass-4 radius-l shadow-2

Dark Glass

glass-2 radius-l shadow-1

Light Glass

line-3 text-pretty

Opis produktu

text-balance max-w-m

Heading sekcji

u-pad-s radius-nested

Nested Wrapper

ratio-4-3 img-cover radius-l overflow-hidden

Zdjęcie produktowe

ratio-4-3 img-cover radius-l hover-image

Zdjęcie z zoomem

radius-xl shadow-4 hover-glow

Featured / Promo