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

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

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

 ШиринаКолонкиОтступы 
BBC News976px1216px bbc.css
Bootstrap1170px1216px bootstrap.css
CNN Inter.1100px720px cnn.css
Dribbble970px430px dribbble.css
Github980px1220px github.css
Graaf793px1016px graaf.css
Medium1000px318px medium.css
NY Times970px516px nytimes.css
Twitter1190px410px twitter.css

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

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

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

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

На Codepen

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

Живой пример

0

Ссылки

Источник: https://www.kobzarev.com/makeup/graaf/

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

%d такие блоггеры, как: