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/

Михаил Кобзарёв

Суровый русский тимлид. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все. Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса. Ведет блог о разработке, дайджест в телеграмме и в ВК. Любит сиськи, баню и радиоэлектронику. 100% патриот (но это не точно). Тролль 542 уровня. Ездит в отпуск раз в 5 лет.

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

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