[Из песочницы] Организация кнопок на сайте с помощью Sass

Скрипты и советы | 27 ноября 2015

Уроки CSS на Хабрахабре

Довольно часто наши любимые дизайнеры делают в макетах кнопки разных размеров и величин, некоторые из которых повторяются, некоторые нет. Неплохо было бы организовать систему для быстрого добавления и редактирования этих самых кнопок, в чем на могут помочь sass @extends. Приведу небольшую иллюстрацию кнопок в типичном проекте.

[Из песочницы] Организация кнопок на сайте с помощью Sass

 Источник: Уроки CSS на Хабрахабре
Каскадные Таблицы Стилей / Вкусный CSS: Sass + Compass

Что такое Haml/Sass? Haml (xHTML Abstraction Markup Language) это язык разметки для упрощённой генерации xHTML. В свою...

Подробнее
Web-разработка / Пунктирная рамка вокруг ссылок и навигация с клавиатуры

Думаю, все знают, что это такое. Некоторые браузеры, в частности, Фаерфокс и Интернет Эксплорер 8 рисуют однопиксельную...

Подробнее
как создавать очень красивые и удобные текстовые кнопки

Эта инструкция научит Вас, как создавать очень красивые и удобные текстовые кнопки (с эффектом нажатия), используя CSS....

Подробнее
Веб-дизайн / CSS для начинающих. CSS кнопки это просто

Решил я начать новую серию статей — «CSS для начинающих», надеюсь, будет полезно многим. Первый урок будет посвящен...

Подробнее
[Перевод] Вышел Bootstrap 3.1

Сегодня мы выпустили Bootstrap версии 3.1.0. В нее добавлены несколько новых возможностей, множество фиксов и...

Подробнее
Новые исследования: как ещё связано SEO и социальные сигналы?

Компания SearchMetrics, разрабатывающая аналитические программы для SEO, ежегодно исследует тысячи сайтов на первых...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями