Skip to main content

Посилання

Навігація

Посилання

Елемент посилання використовується для виклику дій застосунку та для навігації між сторінками (маршрути)

Макет посилання 

<a class="link" href="path/to/somewhere">Текст посилання</a>
Якщо ви використовуєте посилання з піктограмою та текстом, то рекомендований такий макет: 
<a class="link" href="path/to/somewhere">
  <i class="icon"></i>
  <span>Текст посилання</span>
</a>
Якщо ви використовуєте посилання лише з піктограмою, тоді:
<a class="link icon-only" href="path/to/somewhere">
  <i class="icon"></i>
</a>

Обійти обробник посилань

Можна обійти обробник посилань T4 (якщо ви хочете додати спеціальну логіку до посилання або хочете, щоб воно спрямовувало на зовнішній вебсайт). У цьому випадку нам потрібен додатковий зовнішній клас: 
<a class="link external" href="http://google.com">відкрити Google</a>

Змінні CSS

Нижче наведено список пов’язаних змінних CSS (спеціальні властивості CSS). 
:root {
  --t4-link-highlight-black: rgba(0, 0, 0, 0.1);
  --t4-link-highlight-white: rgba(255, 255, 255, 0.15);
  --t4-link-highlight-color: rgba(var(--t4-theme-color-rgb), 0.15);
}
.ios {
  --t4-link-pressed-opacity: 0.3;
}
.aurora {
  --t4-link-pressed-opacity: 0.3;
  --t4-link-hover-opacity: 0.65;
}

Techno4 Framework