Changeset View
Changeset View
Standalone View
Standalone View
web/components/enum-settings-option.css
div.optionContainer { | div.optionContainer { | ||||
display: flex; | display: flex; | ||||
padding: 16px 32px 16px 16px; | padding: 16px 32px 16px 16px; | ||||
align-items: center; | align-items: center; | ||||
border-radius: 8px; | border-radius: 8px; | ||||
cursor: pointer; | |||||
} | } | ||||
div.optionContainerSelected { | div.optionContainerSelected { | ||||
background: var(--notification-settings-option-selected-bg); | background: var(--notification-settings-option-selected-bg); | ||||
} | } | ||||
div.optionIcon { | div.optionIcon { | ||||
margin-right: 24px; | margin-right: 24px; | ||||
} | } | ||||
div.optionIconTop { | |||||
align-self: flex-start; | |||||
} | |||||
div.optionIconCenter { | |||||
align-self: center; | |||||
} | |||||
div.optionIconBottom { | |||||
align-self: flex-end; | |||||
} | |||||
div.optionContent { | div.optionContent { | ||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
flex: 1; | flex: 1; | ||||
line-height: var(--line-height-text); | line-height: var(--line-height-text); | ||||
} | } | ||||
div.optionTitle { | div.optionTitle { | ||||
Show All 13 Lines |