Untitled
plain_text
a month ago
4.0 kB
1
Indexable
Never
.editor-wrapper { max-width: 1024px; position: relative; } :root { --primary-color: #3d54ad; } .whiteboard { min-width: 760px; } .container { width: 100%; } .section { display: flex; flex-wrap: wrap; } .section__settings { display: flex; flex-wrap: wrap; gap: 1rem; margin: 0.75rem 0.75rem 0; } .section-setting { display: flex; align-items: flex-end; gap: 1rem; } .tabs-wrapper { position: relative; } .tabs { padding: 0.5rem 0; margin: 0.5rem 0; border-bottom: 1px solid gray; text-transform: uppercase; } .tab { padding: 0 1rem 0.5rem 1rem; color: gray; } .tab-buttons { position: absolute; top: 0.5rem; right: 0; } .tab-button { padding: 0 1rem; } .activetab { color: var(--primary-color); font-weight: bold; border-bottom: 3px solid var(--primary-color); } .positioned { position: relative; } .toggle-picker { height: fit-content; width: fit-content; display: flex; align-items: center; min-width: 9.5rem; margin-bottom: 0.5rem; } .toggle-picker__wrapper.textField { width: 100%; } .toggle-picker__label { padding-left: 0.75rem; } .toggle-picker__icon { padding-left: 0.5rem; color: var(--primary-color); cursor: pointer; } .toggle-picker__tooltip { position: absolute; left: 50% !important; top: 0.5rem !important; transform: translate(-50%, 0); width: fit-content; min-width: 6rem; } .dropdown-picker { position: relative; display: flex; flex-direction: column; } .dropdown-picker .dropdown-menu { min-width: 9.5rem; max-height: 200px; overflow: auto; } .dropdown-label { margin-bottom: 0.5rem; width: fit-content; } .dropdown-button { width: fit-content; } .dropdown-button .umb-button { margin-left: 0; } .dropdown-button .umb-button__button { min-width: 9.5rem; background-color: white; border: 1px solid #aaa; padding: 0.4rem 0.8rem; } .dropdown-button:hover .umb-button__button:hover { border-top: 1px solid black; } .dropdown-button .umb-button__content { flex-direction: row-reverse; justify-content: space-between; } .dropdown-button .umb-button__icon { margin-left: 0.5rem; margin-right: 0; } .textfield-picker { display: flex; flex-direction: column; margin: 0.75rem; } .textfield-picker .textfield-picker__input { width: 100%; background-color: white; border: 1px solid #aaa; padding: 1rem 0.8rem; border-radius: 3px; } .textfield-picker:hover .textfield-picker__input:hover { border: 1px solid black; } .color-picker { display: flex; flex-direction: column; } .color-picker__label { padding-bottom: 0.5rem; } .divider { border-top: 2px solid #aaa; width: 100%; } .title-settings { display: flex; flex-wrap: wrap; width: 100%; } .subtitle-settings { display: flex; flex-direction: column; } /* Additional styling ----------------- */ .styled-sections { width: 100%; } .styled-sections__wrapper { margin: 0.75rem; } .styled-sections__title { font-size: 20px; font-weight: 600; } .variants { display: flex; gap: 1rem; } .variant__wrapper { display: flex; align-items: flex-end; gap: 1rem; } .subsection__settings { display: flex; flex-wrap: wrap; gap: 1rem; margin: 0 0.75rem 2rem; } .subsection__setting { display: flex; align-items: flex-end; } .subsection__setting--full { flex: 0 0 100%; align-items: baseline; flex-direction: column; flex-wrap: wrap; gap: 1rem; } .subsection__title { font-size: 16px; font-weight: 600; margin: 1.25rem 0; }