|
|
| Строка 1: |
Строка 1: |
| .block-row { | | .no-css pre { |
| display: flex;
| | display: none; |
| flex-wrap: wrap; /* чтобы блоки переносились, если не помещаются */
| |
| gap: 0.4em; /* расстояние между блоками */
| |
| margin: 1em 0;
| |
| }
| |
| | |
| /* База для карточки */
| |
| .custom-card {
| |
| border: 1px solid #2e6da4;
| |
| border-radius: 6px;
| |
| margin: 0.5em 0;
| |
| background-color: #f9f9f9;
| |
| box-shadow: 0 2px 4px rgba(0,0,0,0.1);
| |
| overflow: hidden;
| |
| display: flex;
| |
| flex-direction: column;
| |
| }
| |
| | |
| .custom-card-header {
| |
| background-color: #2e6da4;
| |
| color: white;
| |
| padding: 0.5em 1em;
| |
| font-weight: bold;
| |
| font-size: 1.1em;
| |
| }
| |
| | |
| .custom-card-content {
| |
| padding: 1em;
| |
| }
| |
| | |
| /* Горизонтальное размещение – используйте класс-обёртку */
| |
| .card-row {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 1em;
| |
| margin: 1em 0;
| |
| }
| |
| | |
| /* Чтобы карточки в ряду занимали равную ширину (по желанию) */
| |
| .card-row .custom-card {
| |
| flex: 1 1 250px; /* базовая ширина 250px, могут растягиваться */
| |
| min-width: 200px;
| |
| }
| |
| | |
| /* Если нужна фиксированная ширина для всех карточек в ряду */
| |
| .card-row.fixed-width .custom-card {
| |
| width: 300px;
| |
| flex: none;
| |
| } | | } |
Версия от 23:48, 19 февраля 2026
.no-css pre {
display: none;
}