@findnlink/ui
Version:
Findnlink design system
2 lines (1 loc) • 16.5 kB
CSS
._fontS_u66oq_1,._fontS_u66oq_1>*{font-size:var(--fontS)}._fontM_u66oq_6,._fontM_u66oq_6>*{font-size:var(--fontM)}._fontL_u66oq_11,._fontL_u66oq_11>*{font-size:var(--fontL)}._fontXL_u66oq_16,._fontXL_u66oq_16>*{font-size:var(--fontXL)}._weightLight_u66oq_21,._weightLight_u66oq_21>*{font-weight:var(--weightLight)}._weightNormal_u66oq_26,._weightNormal_u66oq_26>*{font-weight:var(--weightNormal)}._weightBold_u66oq_31,._weightBold_u66oq_31>*{font-weight:var(--weightBold)}._disabled_u66oq_36{opacity:.5;cursor:not-allowed!important}._errorMessage_u66oq_41{color:var(--error);padding-top:10px}._kanbanSkeleton_u66oq_46{display:flex;flex-direction:row}._button_u66oq_51{transition:var(--transition);color:var(--text200);background-color:var(--bg200);font-size:var(--fontM);border-radius:var(--borderRadius);padding:4px 12px;box-shadow:var(--dropShadow);cursor:pointer;border:var(--border) var(--text400);font-weight:var(--weightMedium)}._button_u66oq_51:enabled:hover{background-color:var(--bg300);transform:scale(1.05)}._button_u66oq_51:enabled:active{transition:none;box-shadow:var(--innerShadow);transform:scale(1)}._button_u66oq_51._primary_u66oq_72{color:var(--text100);border-color:var(--primary);background-color:var(--primary20)}._button_u66oq_51._primary_u66oq_72:enabled:hover{background-color:var(--primary70);border-color:var(--primary)}._buttonGroup_kjcg1_1 *{border-radius:0}._buttonGroup_kjcg1_1 :nth-child(1){border-radius:var(--borderRadius) 0px 0px var(--borderRadius)}._buttonGroup_kjcg1_1 :nth-last-child(1){border-radius:0px var(--borderRadius) var(--borderRadius) 0px}._card_9sl85_1{color:var(--text200);background-color:var(--bg300);box-shadow:var(--dropShadow);padding:25px;border-radius:var(--borderRadius)}._fontS_951v6_1,._fontS_951v6_1>*{font-size:var(--fontS)}._fontM_951v6_6,._fontM_951v6_6>*{font-size:var(--fontM)}._fontL_951v6_11,._fontL_951v6_11>*{font-size:var(--fontL)}._fontXL_951v6_16,._fontXL_951v6_16>*{font-size:var(--fontXL)}._weightLight_951v6_21,._weightLight_951v6_21>*{font-weight:var(--weightLight)}._weightNormal_951v6_26,._weightNormal_951v6_26>*{font-weight:var(--weightNormal)}._weightBold_951v6_31,._weightBold_951v6_31>*{font-weight:var(--weightBold)}._disabled_951v6_36{opacity:.5;cursor:not-allowed!important}._errorMessage_951v6_41{color:var(--error);padding-top:10px}._kanbanSkeleton_951v6_46{display:flex;flex-direction:row}._checkbox_951v6_51{color:var(--text200);font-size:var(--fontM);display:flex;align-items:center}._checkbox_951v6_51 input[type=checkbox]{transition:var(--transition);cursor:pointer;background-color:var(--bg200);box-shadow:var(--dropShadow);border:var(--border) var(--text400);font-size:100px;width:30px;height:30px;accent-color:var(--primary);border:none}._checkbox_951v6_51 input[type=checkbox]:hover{background-color:var(--bg300);border:green;scale:1.05}._checkbox_951v6_51 input[type=checkbox]:active{transition:none;box-shadow:var(--innerShadow);scale:1}._checkbox_951v6_51 label{cursor:pointer;padding-left:10px}._menu_kiun1_1{position:absolute;z-index:10000;background-color:var(--bg300);border-radius:var(--borderRadius);border:var(--border) var(--text400);box-shadow:var(--dropShadow)}._menu_kiun1_1>div{display:flex;flex-direction:column;color:var(--text200)}._menu_kiun1_1>div button{color:var(--text200);cursor:pointer;padding:5px 10px;width:100%;text-align:left;border-radius:var(--borderRadius);font-size:var(--fontM);transition:all .1s ease-in-out;display:flex;align-items:center}._menu_kiun1_1>div button:hover{background-color:var(--bg200)}._menu_kiun1_1>div button svg{margin-right:8px}._menu_kiun1_1>div hr{margin:5px 0 0;border-color:var(--text400)}._menu_kiun1_1>div>div{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;margin:9px 8px 5px}._menu_kiun1_1>div>div span{transition:all .2s ease-in-out;padding:12px;margin:1px 3px;cursor:pointer;border-radius:var(--borderRadius);opacity:.7}._menu_kiun1_1>div>div span:hover{transform:scale(1.1);opacity:1}._fontS_1yui9_1{width:var(--fontS);height:var(--fontS)}._fontM_1yui9_6{width:var(--fontM);height:var(--fontM)}._fontL_1yui9_11{width:var(--fontL);height:var(--fontL)}._fontXL_1yui9_16{width:var(--fontXL);height:var(--fontXL)}._fontS_1x9c1_1,._fontS_1x9c1_1>*{font-size:var(--fontS)}._fontM_1x9c1_6,._fontM_1x9c1_6>*{font-size:var(--fontM)}._fontL_1x9c1_11,._fontL_1x9c1_11>*{font-size:var(--fontL)}._fontXL_1x9c1_16,._fontXL_1x9c1_16>*{font-size:var(--fontXL)}._weightLight_1x9c1_21,._weightLight_1x9c1_21>*{font-weight:var(--weightLight)}._weightNormal_1x9c1_26,._weightNormal_1x9c1_26>*{font-weight:var(--weightNormal)}._weightBold_1x9c1_31,._weightBold_1x9c1_31>*{font-weight:var(--weightBold)}._disabled_1x9c1_36{opacity:.5;cursor:not-allowed!important}._errorMessage_1x9c1_41{color:var(--error);padding-top:10px}._kanbanSkeleton_1x9c1_46{display:flex;flex-direction:row}._input_1x9c1_51{display:flex;flex-direction:column}._input_1x9c1_51 div{display:flex;align-items:center;font-size:var(--fontL);font-weight:var(--weightNormal);position:relative}._input_1x9c1_51 div input{transition:var(--transition);color:var(--text200);background-color:var(--bg200);border-radius:var(--borderRadius);padding:6px 12px;box-shadow:var(--dropShadow);cursor:text;border:var(--border) var(--text400)}._input_1x9c1_51 div input::placeholder{color:var(--text300)}._input_1x9c1_51 div input._icon_1x9c1_75{padding-left:30px}._input_1x9c1_51 div input:focus{background-color:var(--bg300)}._input_1x9c1_51 div ._password_1x9c1_81{z-index:1;transform:translate(-30px);height:100%;cursor:pointer;display:flex}._input_1x9c1_51 div ._password_1x9c1_81 svg{z-index:1;position:unset;padding:5px}._input_1x9c1_51 div ._password_1x9c1_81._fontS_1x9c1_1 input{padding-right:25px}._input_1x9c1_51 div ._password_1x9c1_81._fontM_1x9c1_6 input,._input_1x9c1_51 div ._password_1x9c1_81._fontL_1x9c1_11 input{padding-right:30px}._input_1x9c1_51 div ._password_1x9c1_81._fontXL_1x9c1_16 input{padding-right:35px}._input_1x9c1_51._error_1x9c1_41 input{border:var(--border) var(--error)}._input_1x9c1_51._icon_1x9c1_75 svg{z-index:1;position:absolute;left:10px}._input_1x9c1_51._icon_1x9c1_75._fontS_1x9c1_1 input{padding-left:calc(var(--fontS) + 17px)}._input_1x9c1_51._icon_1x9c1_75._fontM_1x9c1_6 input{padding-left:calc(var(--fontM) + 17px)}._input_1x9c1_51._icon_1x9c1_75._fontL_1x9c1_11 input{padding-left:calc(var(--fontL) + 17px)}._input_1x9c1_51._icon_1x9c1_75._fontXL_1x9c1_16 input{padding-left:calc(var(--fontXL) + 17px)}._board_1y65x_1{display:flex;user-select:none}._title_1y65x_6{margin:20px 5px;font-size:var(--fontXL);color:var(--text100)}._skeletonWrapper_1y65x_12{display:flex;flex-direction:row;flex-grow:0;flex-shrink:0}._skeletonWrapper_1y65x_12 ._skeleton_1y65x_12{height:90vh;width:300px;margin-right:10px}._skeletonWrapper_1y65x_12 ._skeletonText_1y65x_23{margin:10px 10px 10px 0;width:200px;height:30px}._column_1jjlb_1{display:flex;flex-direction:column;align-items:flex-start;width:300px;min-width:100px;max-width:300px;margin:5px}._skeleton_1jjlb_11{width:300px;min-width:100px;max-width:300px;margin-bottom:5px}._add_13zh4_1{color:var(--text200);display:flex;align-items:center;cursor:pointer;font-size:var(--fontM);width:calc(100% - 24px);padding:10px;margin:3px 0;border-radius:var(--borderRadius);border:2px solid transparent;transition:all .2s ease}._add_13zh4_1._column_13zh4_14{min-width:276px;width:276px;height:28px;margin:8px 5px 0;padding-right:10px}._add_13zh4_1 svg{margin:5px 5px 5px 0}._add_13zh4_1:hover{background-color:var(--bg200)}._item_e949w_1{position:relative;font-size:var(--fontM);color:var(--text200);background-color:var(--bg200);width:calc(100% - 24px);padding:10px;border-radius:var(--borderRadius);border:2px solid transparent;margin:4px 0;display:flex;justify-content:space-between;line-height:1.2;min-height:15px;box-shadow:var(--dropShadow)}._item_e949w_1._locked_e949w_17{border:2px solid transparent;transition:all .2s ease-in-out;animation:_borderAnimation_e949w_1 1s alternate infinite;cursor:not-allowed}._item_e949w_1 ._icon_e949w_23{display:none;padding:5px 10px;margin:-5px;cursor:pointer;border-radius:var(--borderRadius);transition:all .1s ease-in-out;align-self:center}._item_e949w_1 ._icon_e949w_23._lock_e949w_17{display:flex}._item_e949w_1 ._icon_e949w_23:hover{background-color:var(--bg300)}._item_e949w_1 ._textWrapper_e949w_38{width:calc(100% - 20px)}._item_e949w_1 ._textWrapper_e949w_38 ._input_e949w_41{color:var(--text200);background-color:var(--bg200);font-size:var(--fontL);cursor:text;font-weight:var(--weightNormal);width:100%;border:none;resize:none;height:100%;min-height:50px;max-height:300px;outline:none}._item_e949w_1 ._textWrapper_e949w_38 ._text_e949w_38{overflow-wrap:break-word;white-space:pre-wrap}._item_e949w_1:hover{border:2px solid var(--text400)}._item_e949w_1:hover ._icon_e949w_23{display:flex;align-items:center;justify-content:center;height:15px}@keyframes _borderAnimation_e949w_1{to{border:2px solid var(--text400)}}@media screen and (max-width: 992px){._item_e949w_1 ._icon_e949w_23{display:flex;align-items:center;justify-content:center;height:15px}}._header_1jjvd_1{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg200);font-size:var(--fontM);padding:10px;margin:3px 0;width:calc(100% - 24px);border:2px solid transparent;border-radius:var(--borderRadius);font-weight:bold;box-shadow:var(--dropShadow)}._header_1jjvd_1._locked_1jjvd_15{border:2px solid transparent;transition:all .2s ease-in-out;animation:_borderAnimation_1jjvd_1 1s alternate infinite;cursor:not-allowed}._header_1jjvd_1 ._icon_1jjvd_21{display:none;padding:5px 10px;margin:-5px;cursor:pointer;border-radius:var(--borderRadius);transition:all .1s ease-in-out}._header_1jjvd_1 ._icon_1jjvd_21._lock_1jjvd_15{display:flex}._header_1jjvd_1 ._icon_1jjvd_21:hover{background-color:var(--bg300)}._header_1jjvd_1 ._textWrapper_1jjvd_35{display:flex;align-items:center;justify-content:flex-start;overflow:hidden}._header_1jjvd_1 ._textWrapper_1jjvd_35 ._itemCount_1jjvd_41{display:flex;align-items:center;justify-content:center;padding:7px;border-radius:5px;background-color:var(--bg100);margin-right:5px}._header_1jjvd_1 ._textWrapper_1jjvd_35 ._text_1jjvd_35{text-overflow:ellipsis;white-space:nowrap}._header_1jjvd_1 ._textWrapper_1jjvd_35 ._input_1jjvd_54{background-color:var(--bg200);font-size:var(--fontL);cursor:text;font-weight:var(--weightNormal);width:100%;border:none;outline:none}._header_1jjvd_1 ._right_1jjvd_63{cursor:pointer;width:5px}._header_1jjvd_1:hover{border:2px solid var(--text400)}._header_1jjvd_1:hover ._icon_1jjvd_21{display:flex;align-items:center;justify-content:center;height:15px}@keyframes _borderAnimation_1jjvd_1{to{border:2px solid var(--text400)}}@media screen and (max-width: 992px){._header_1jjvd_1 ._icon_1jjvd_21{display:flex;align-items:center;justify-content:center;height:15px}}._modal_9yghs_1{z-index:1000;display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:0;width:100vw;height:100vh;backdrop-filter:blur(15px);background-color:rgba(var(--modal));color:var(--text200);transition:opacity .2s ease-in-out}._modal_9yghs_1._open_9yghs_16{opacity:1}._modal_9yghs_1._open_9yghs_16 ._inner_9yghs_19{opacity:1;transform:scale(1)}._modal_9yghs_1._closed_9yghs_23{pointer-events:none;opacity:0}._modal_9yghs_1._closed_9yghs_23 ._inner_9yghs_19{opacity:0;transform:scale(.7)}._modal_9yghs_1 ._inner_9yghs_19{transition:all .3s ease-in-out;background-color:var(--bg200);padding:20px;border-radius:var(--borderRadius);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px 60px 20px 20px;max-width:400px;box-shadow:0 0 5px 0 var(--shadow)}._modal_9yghs_1 ._inner_9yghs_19 ._close_9yghs_23{position:absolute;right:-38px;top:0px;padding:10px;border-radius:var(--borderRadius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease}._modal_9yghs_1 ._inner_9yghs_19 ._close_9yghs_23:hover{background-color:var(--bg300)}._modal_9yghs_1 ._inner_9yghs_19 ._confirm_9yghs_59{width:100%;margin-top:10px;display:flex;justify-content:flex-end}@media screen and (max-width: 992px){._modal_9yghs_1 ._inner_9yghs_19 ._buttonWrapper_9yghs_67{flex-direction:column}._modal_9yghs_1 ._inner_9yghs_19 ._buttonWrapper_9yghs_67._noWrap_9yghs_70{flex-direction:row}}._spacer_1o5zd_1{margin:10px 0}._fontS_lu2fz_1,._fontS_lu2fz_1>*{font-size:var(--fontS)}._fontM_lu2fz_6,._fontM_lu2fz_6>*{font-size:var(--fontM)}._fontL_lu2fz_11,._fontL_lu2fz_11>*{font-size:var(--fontL)}._fontXL_lu2fz_16,._fontXL_lu2fz_16>*{font-size:var(--fontXL)}._weightLight_lu2fz_21,._weightLight_lu2fz_21>*{font-weight:var(--weightLight)}._weightNormal_lu2fz_26,._weightNormal_lu2fz_26>*{font-weight:var(--weightNormal)}._weightBold_lu2fz_31,._weightBold_lu2fz_31>*{font-weight:var(--weightBold)}._disabled_lu2fz_36{opacity:.5;cursor:not-allowed!important}._errorMessage_lu2fz_41{color:var(--error);padding-top:10px}._kanbanSkeleton_lu2fz_46{display:flex;flex-direction:row}._text_lu2fz_51{color:var(--text200);line-height:1.2}._fontS_1o8fs_1,._fontS_1o8fs_1>*{font-size:var(--fontS)}._fontM_1o8fs_6,._fontM_1o8fs_6>*{font-size:var(--fontM)}._fontL_1o8fs_11,._fontL_1o8fs_11>*{font-size:var(--fontL)}._fontXL_1o8fs_16,._fontXL_1o8fs_16>*{font-size:var(--fontXL)}._weightLight_1o8fs_21,._weightLight_1o8fs_21>*{font-weight:var(--weightLight)}._weightNormal_1o8fs_26,._weightNormal_1o8fs_26>*{font-weight:var(--weightNormal)}._weightBold_1o8fs_31,._weightBold_1o8fs_31>*{font-weight:var(--weightBold)}._disabled_1o8fs_36{opacity:.5;cursor:not-allowed!important}._errorMessage_1o8fs_41{color:var(--error);padding-top:10px}._kanbanSkeleton_1o8fs_46{display:flex;flex-direction:row}._textarea_1o8fs_51{color:var(--text200);background-color:var(--bg200);border-radius:var(--borderRadius);padding:6px 12px;box-shadow:var(--dropShadow);cursor:text;border:var(--border) var(--text400)}._textarea_1o8fs_51::placeholder{color:var(--text300)}._textarea_1o8fs_51:focus{background-color:var(--bg300)}._dropDown_1db5w_1{transition:var(--transition);color:var(--text200);background-color:var(--bg200);font-size:var(--fontM);border-radius:var(--borderRadius);box-shadow:var(--dropShadow);cursor:pointer;border:var(--border) var(--text400);font-weight:var(--weightMedium);width:200px}._dropDown_1db5w_1 ul{max-height:200px;overflow-y:auto;overflow-x:hidden}._dropDown_1db5w_1 ul li{padding:10px;list-style:none;background-color:var(--bg200);width:180px;border:var(--border) transparent}._dropDown_1db5w_1 ul li:last-child{border-radius:0px 0px var(--borderRadius) var(--borderRadius)}._dropDown_1db5w_1 ul li:hover{background-color:var(--bg300)}._dropDown_1db5w_1 ul li._selected_1db5w_31{color:var(--text100);border:var(--border) var(--text400)}._dropDown_1db5w_1 ul._open_1db5w_35{position:absolute;transform:translate(-2px)}._dropDown_1db5w_1 ul._close_1db5w_39{display:none}._dropDown_1db5w_1 ._header_1db5w_42{padding:10px}._fontS_4ap8e_1,._fontS_4ap8e_1>*{font-size:var(--fontS)}._fontM_4ap8e_6,._fontM_4ap8e_6>*{font-size:var(--fontM)}._fontL_4ap8e_11,._fontL_4ap8e_11>*{font-size:var(--fontL)}._fontXL_4ap8e_16,._fontXL_4ap8e_16>*{font-size:var(--fontXL)}._weightLight_4ap8e_21,._weightLight_4ap8e_21>*{font-weight:var(--weightLight)}._weightNormal_4ap8e_26,._weightNormal_4ap8e_26>*{font-weight:var(--weightNormal)}._weightBold_4ap8e_31,._weightBold_4ap8e_31>*{font-weight:var(--weightBold)}._disabled_4ap8e_36{opacity:.5;cursor:not-allowed!important}._errorMessage_4ap8e_41{color:var(--error);padding-top:10px}._kanbanSkeleton_4ap8e_46{display:flex;flex-direction:row}._tag_4ap8e_51{background-color:var(--primary70);color:var(--text100);padding:6px 10px;border-radius:var(--borderRadius);width:fit-content;font-size:var(--fontM)}