wavelovers/docs/css/app.f87473b2.css

1 line
1.6 KiB
CSS

.pattern-item{width:100%;height:48px;padding:8px;border-radius:var(--number-border-radius);background:var(--color-pattern-button);display:flex;flex-direction:row;justify-content:flex-start;gap:16px;align-items:center;text-align:center;overflow:hidden;cursor:default}@media only screen and (min-width:540px){.pattern-item{width:200px}}.pattern-item ::-moz-selection{background-color:transparent}.pattern-item ::selection{background-color:transparent}.pattern-item_selected{background:var(--color-b)}.pattern-item__icon{font-size:24px}.pattern-item__name{font-size:14px;white-space:nowrap;overflow:hidden;color:var(--color-pattern-text)}.pattern-list{margin-bottom:16px;padding:32px;border-radius:var(--number-border-radius);background:var(--color-content-item-background);display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;gap:32px}.list-item{max-width:100%;padding:16px;border:4px solid var(--color-b);border-radius:4px;justify-content:space-between}.list-item,.list-item__info{display:flex;flex-direction:column}.list-item__info{gap:16px}.list-item_selected .list-item__info span{color:var(--color-white)}.device-list{flex-direction:row;justify-content:space-around;gap:16px}.device-list,.message{margin-bottom:16px;padding:32px;border-radius:var(--number-border-radius);background:var(--color-content-item-background);display:flex}.message{width:100%;flex-direction:column;justify-content:center;text-align:center;font-size:16px}@media only screen and (min-width:540px){.message{font-size:24px}}.wavelovers{display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:16px}@media only screen and (min-width:540px){.wavelovers{flex-direction:column}}