Dla developera

Na tej stronie gromadzimy informacje techniczne dotyczące edycji i wykorzystania funkcji motywu Neura.pro.

Lista klas dla custom css

Oto lista wszystkich klas, które aktualnie są dodane do motywu wraz z informacją do jakiego bloku można je dodawać i krótkim opisem jakie mają funkcjonalności:

All blocks

  • –hidden-on-phone – ukrywa blok na mobile (poniżej 768px)
  • –hidden-on-tablet – ukrywa blok na tablecie (między 768, a 1199px)
  • –hidden-on-desktop` – ukrywa na desktopie – powyżej 1199px
  • –disable-margin-top – usuwa domyślny margines górny dla bloku
  • –disable-margin-bottom – usuwa domyślny margines dolny dla bloku
  • –disable-vertical-margins – usuwa domyślne pionowe marginesy dla bloku (górny i dolny jednocześnie)

Block columns

  • –cols-disable-horizontal-margins – wyłącza poziome marginesy między kolumnami, klasę dodajemy do bloku columns
  • –cols-disable-horizontal-margins – wyłącza pionowe marginesy między kolumnami na mobile, klasę dodajemy do bloku columns
  • –col-height-100 – ustawia wysokość danego elementu, np. grupy na 100% wysokości bloku kolumny, dodawane do danego bloku w kolumnie, przydatne dla np. grupy z tłem w jednej kolumnie i zdjęciem w drugiej kolumnie, dzięki temu obie kolumny będą tej samej wysokości

Block group

  • –vertical-align-center – wyśrodkowuje zawartość bloku grupy w pionie, przydatne gdy grupa ma ustaloną większą wysokość niż jej kontent

Block cover

  • –linked – jeśli w bloku cover dodamy link to cały obszar bloku będzie podlinkowany, link musi być wstawiony bezpośrednio w bloku jako pierwszy element
  • –linked-text-on-hover – jeśli w bloku cover dodamy link to cały obszar bloku będzie podlinkowany, tekst linku w normalnym stanie jest ukryty i pokazywany na hover

Menu

  • –label – klasa dodana dla pozycji menu zmienia jej wygląd na mobile, przydatne przy grupowaniu pozycji w menu mobilnym, na desktopie pozycja z tą klasą nie jest wyświetlana (w aktualnej wersji motywu jeszcze jest wyświetlana na desktopie, ale przy kolejnej będzie to poprawione)
  • –button – element menu z tą klasą przyjmuje wygląd przycisku