Ответ
Да, писал. Например, создавал библиотеку компонентов на React с использованием CSS-in-JS (styled-components или Emotion) или SCSS. Вот пример структуры:
// Button.jsx
import styled from 'styled-components';
const Button = styled.button`
padding: 8px 16px;
background: ${props => props.primary ? '#007bff' : '#6c757d'};
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
&:hover {
opacity: 0.9;
}
`;
export default Button;
Использовал подход:
- Atomic/Utility-first (как Tailwind)
- БЭМ-методологию
- CSS-переменные для тем
- Миксины в SCSS для повторяющихся стилей
Библиотека включала кнопки, инпуты, модалки и базовую типографику. Главное преимущество — единообразие интерфейса и быстрое прототипирование.