Як використовувати m.css

Процес підключення m.ss не займе багато часу навіть в початківців. Існує 2 способи використання: з нашого CDN та з локальної копії.

Як підключити CSS до сторінки? Немає нічого простішого, ніж тег в HEAD сторінки. Розглянемо приклад з використанням нашого CDN:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="https://cdn.m-framework.com/css/1.2.min/m.css" rel="stylesheet" type="text/css" media="all">
<link href="https://cdn.m-framework.com/css/1.2.min/app/modal.css" rel="stylesheet" type="text/css" media="all">

Альтернативно, Ви можете завантажити собі останню актуальну версію нашого CSS-фреймворку з GitHub та розмістити його, скажімо, в каталозі /css/ .

Тоді код для підключення CSS до сторінки набуде вигляду:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/css/m.css" rel="stylesheet" type="text/css" media="all">
<link href="/css/app/modal.css" rel="stylesheet" type="text/css" media="all">

Як бачите, в обох прикладах ми рекомендуємо використовувати META-тег `viewport` для реалізації адаптивності на сторінках за допомогою CSS.

Основні можливості m.css та його компонентів описано на окремих сторінках.