15 lines
860 B
CSS
15 lines
860 B
CSS
.cards {display: flex; flex-direction: column; gap: 10px;}
|
|
.cards > * {background-color: var(--alt-bg); border-radius: 8px; box-shadow: 0 2px 10px 0 #0005; border: 1px solid var(--border-color); overflow: hidden;}
|
|
|
|
.cards .header {padding: 15px; display: grid; grid-template-columns: 1fr max-content; user-select: none;}
|
|
.cards .first {font-weight: 700;}
|
|
.cards .settings {padding: 15px; border-top: 1px solid var(--border-color2); background: var(--alt-bg2); display: none;}
|
|
.cards .settings.visible {display: block;}
|
|
|
|
.cards .actions {display: flex; gap: 10px; flex-wrap: wrap; align-items: center;}
|
|
.cards .actions::before {content: "Akce:"; font-weight: 500; font-size: 90%; opacity: .5; text-transform: uppercase;}
|
|
@media screen and (max-width: 500px) {
|
|
.cards .actions::before {display: none;}
|
|
}
|
|
|
|
.login form input {margin-bottom: 15px; display: block;} |