UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

480 lines 10 kB
/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._list_4d2c7_123 { max-width: 100px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } ._container_4d2c7_131 { position: relative; display: block; } ._sm_4d2c7_136 { margin-left: var(--spacing--2xs); } ._md_4d2c7_140 { margin-left: var(--spacing--xs); } ._button_4d2c7_144 { top: 0; position: relative; display: flex; justify-content: center; align-items: center; background: var(--color--background--light-2); border: 1px var(--color--foreground) solid; border-radius: var(--radius); font-size: 10px; font-weight: var(--font-weight--bold); color: var(--color--text); } ._buttonSm_4d2c7_158 { margin-left: var(--spacing--2xs); width: 20px; min-width: 20px; height: 20px; } ._buttonMd_4d2c7_165 { margin-left: var(--spacing--xs); width: 24px; min-width: 24px; height: 24px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._nodes_9we9y_123 { display: flex; justify-content: center; align-content: center; flex-direction: row; } ._icon_9we9y_130 { margin-left: var(--spacing--xs); } ._card_9we9y_134 { position: relative; border-left: var(--border); border-right: var(--border); border-bottom: var(--border); background-color: var(--color--background--light-3); display: flex; align-items: center; padding: 0 var(--spacing--sm) var(--spacing--sm) var(--spacing--sm); background-color: var(--color--background--light-3); cursor: pointer; } ._card_9we9y_134:hover ._hideOnHover_9we9y_146 { visibility: hidden; } ._card_9we9y_134:hover ._buttonContainer_9we9y_149 { display: block; } ._buttonContainer_9we9y_149 { display: none; position: absolute; right: 10px; top: 30%; } ._loaded_9we9y_160 { padding-top: var(--spacing--sm); } ._first_9we9y_164 { border-top: var(--border); border-top-right-radius: var(--radius--lg); border-top-left-radius: var(--radius--lg); } ._last_9we9y_170 { border-bottom-right-radius: var(--radius--lg); border-bottom-left-radius: var(--radius--lg); } ._content_9we9y_175 { display: flex; align-items: center; } ._line_9we9y_180 { padding: 0 6px; color: var(--color--foreground); font-size: var(--font-size--2xs); } ._loading_9we9y_186 { width: 100%; background-color: var(--color--background--light-3); } ._nodesContainer_9we9y_191 { min-width: 175px; display: flex; justify-content: flex-end; align-items: center; flex-grow: 1; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._header_ff02l_123 { padding-bottom: var(--spacing--2xs); } ._workflowButton_ff02l_127:hover ._button_ff02l_127 { display: block; } ._workflowButton_ff02l_127:hover ._nodes_ff02l_130 { display: none; }