Время для прочтения: 1 мин. 35 сек.

Graaf — направляющие для CSS сеток

Graaf - это сборник направляющих для 9 популярных CSS сеток: BBC, Bootstrap, CNN, Dribbble, GitHub, Medium, Twitter и других. Проект с открытым исходным кодом, поддерживаемый товарищем по-имени Angel

Поддерживаемые сетки

 ШиринаКолонкиОтступы 
BBC News976px1216pxbbc.css
Bootstrap1170px1216pxbootstrap.css
CNN Inter.1100px720pxcnn.css
Dribbble970px430pxdribbble.css
Github980px1220pxgithub.css
Graaf793px1016pxgraaf.css
Medium1000px318pxmedium.css
NY Times970px516pxnytimes.css
Twitter1190px410pxtwitter.css

Как использовать

Внутри своего проекта

Graaf не имеет никаких зависимостей. Поэтому для использования сеток в вашем проекте достаточно добавить в раздел <head> вашего сайта ссылку на соответствующую сетку из таблицы выше:

<link rel="stylesheet" href="//s3-eu-west-1.amazonaws.com/graaf/graaf.css">

На Codepen

Если вы хотите вставить одну из сеток в ваш сниппет на Codepen, просто добавьте ссылку на сетку в настройках проекта как показано на этой картинке:

Живой пример

0

Ссылки

Поделиться
Плюсануть
Телеграмнуть

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

Нажимая на кнопку "Отправить", я даю согласие на обработку персональных данных.