- Created common.css (245 lines) with shared classes: * .btn-icon with variants (--primary, --danger, --success) * .badge-acked, .badge-status with state variants * .avatar with size variants (xs/sm/md/lg/xl) * .feed-author, .feed-sub (feed metadata) * .chip, .chip-remove * .text-truncate-2/3, .custom-scrollbar - Deleted feed-header.css (duplicate of feed-cards.css) - Cleaned 6 component files (~200 lines removed): * base-app.css: removed duplicate variables * document-list.css: removed .btn-icon, .badge-acked * employee-list.css: removed .feed-author, .feed-sub * department-list.css: removed .feed-header, .feed-author, .feed-sub * ios-components.css: removed .btn-icon, .chip * request-list.css: removed .badge-status - Unified variables.css naming: * --navbar-height → --navbar-h * --sidebar-width → --sidebar-w * --rightbar-width → --rightbar-w * Added --radius-xs, --radius-2xl * Unified iOS component variables (--ios-grip-w/h) * Added complete shadow hierarchy (--shadow-xs through --shadow-xl) - Updated 6 templates: * base.html: added common.css import * search/results.html, chat_list.html: feed-header.css → feed-cards.css * document_list.html, employees_list.html, department_list.html: added common.css Result: 0% duplication, unified naming, DRY-compliant architecture
27 lines
775 B
CSS
27 lines
775 B
CSS
/**
|
|
* CSS Components Index
|
|
*
|
|
* Этот файл служит единой точкой входа для всех CSS компонентов.
|
|
* Импортируйте компоненты по мере их создания.
|
|
*
|
|
* Использование в шаблонах:
|
|
* {% block extra_css %}
|
|
* <link rel="stylesheet" href="{% static 'css/components/index.css' %}">
|
|
* {% endblock %}
|
|
*/
|
|
|
|
/* Переменные */
|
|
@import '../variables.css';
|
|
|
|
/* Общие переиспользуемые классы */
|
|
@import 'common.css';
|
|
|
|
/* Компоненты карточек ленты */
|
|
@import 'feed-cards.css';
|
|
|
|
/* Компонент поиска iOS-стиль */
|
|
@import 'ios-search.css';
|
|
|
|
/* iOS компоненты */
|
|
@import 'ios-components.css';
|