1 line
27 KiB
Plaintext
1 line
27 KiB
Plaintext
{"version":3,"sources":["todo/_todo.scss","todo.css","theme/_variables.scss"],"names":[],"mappings":"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","file":"todo.css","sourcesContent":["/*====todo css start====*/\r\n.todo {\r\n .action-box {\r\n background: transparent;\r\n height: 20px;\r\n width: 20px;\r\n display: inline-block;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: all 300ms ease;\r\n .icon {\r\n vertical-align: 0;\r\n }\r\n &.completed {\r\n background: $danger-color;\r\n border: 1px solid $danger-color;\r\n border-radius: 4px;\r\n .icon {\r\n color: $white;\r\n font-size: 14px;\r\n }\r\n }\r\n &.large {\r\n height: 30px;\r\n width: 30px;\r\n .icon {\r\n font-size: 20px;\r\n vertical-align: -5px;\r\n .icon-trash {\r\n color: $primary-color;\r\n }\r\n .icon-check{\r\n color: $primary-color;\r\n }\r\n }\r\n }\r\n }\r\n .todo-list-wrapper {\r\n width: 100%;\r\n margin: 0 auto;\r\n box-sizing: border-box;\r\n .mark-all-tasks {\r\n position: absolute;\r\n top: 30px;\r\n right: 30px;\r\n .mark-all-tasks-container {\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n .mark-all-btn {\r\n cursor: pointer;\r\n display: inline-block;\r\n transition: all 200ms ease;\r\n &#mark-all-finished {\r\n color: $danger-color;\r\n }\r\n &#mark-all-incomplete {\r\n color: $success-color;\r\n .action-box {\r\n border: 2px solid $success-color;\r\n border-radius: 4px;\r\n .icon {\r\n color: $success-color;\r\n }\r\n }\r\n }\r\n &.move-up {\r\n transform: translateY(-30px);\r\n position: absolute;\r\n right: 0;\r\n }\r\n &.move-down {\r\n transform: translateY(30px);\r\n position: absolute;\r\n right: 0;\r\n }\r\n }\r\n .btn-label {\r\n margin-right: 5px;\r\n font-weight: 600;\r\n }\r\n }\r\n .todo-list-footer {\r\n position: relative;\r\n h5 {\r\n text-align: center;\r\n color: $light-semi-gray;\r\n }\r\n .add-task-btn-wrapper {\r\n padding-top: 30px;\r\n }\r\n .add-task-btn {\r\n &.hide {\r\n opacity: 0;\r\n display: none;\r\n }\r\n &:hover {\r\n background: $primary-color;\r\n .icon {\r\n color: $light-gray;\r\n }\r\n }\r\n .icon {\r\n color: $primary-color;\r\n font-size: 20px;\r\n }\r\n }\r\n .new-task-wrapper {\r\n transition: all 300ms ease;\r\n max-height: 0;\r\n overflow: hidden;\r\n textarea {\r\n box-sizing: border-box;\r\n width: 100%;\r\n border: 1px solid $light-gray;\r\n height: 90px;\r\n padding: 10px 15px;\r\n margin-bottom: 24px;\r\n border-radius: 4px;\r\n transition: all 300ms ease;\r\n &:focus {\r\n border: 1px solid $light-semi-gray;\r\n outline: none;\r\n }\r\n &.error {\r\n border: 1px solid $danger-color;\r\n outline: none;\r\n }\r\n }\r\n .error-message {\r\n color: $danger-color;\r\n font-style: italic;\r\n }\r\n &.visible {\r\n max-height: 300px;\r\n overflow: auto;\r\n }\r\n }\r\n .new-task-wrapper::after {\r\n content: \"\";\r\n display: block;\r\n clear: both;\r\n }\r\n }\r\n .todo-list-body {\r\n max-height: 500px;\r\n overflow: auto;\r\n }\r\n #todo-list {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n .task{\r\n &:first-child{\r\n .task-container{\r\n padding-top: 0;\r\n h4{\r\n padding-top: 0;\r\n }\r\n }\r\n }\r\n }\r\n li {\r\n margin: 0;\r\n padding: 0;\r\n .task-container {\r\n display:table; \r\n padding:10px 0;\r\n width:100%;\r\n border-bottom: 1px solid $light-gray;\r\n box-sizing: border-box;\r\n position: relative;\r\n transition: background 200ms ease;\r\n .task-label {\r\n display: block;\r\n font-size: 17px;\r\n vertical-align: middle;\r\n color:$light-text;\r\n word-break: break-all;\r\n padding-top: 5px;\r\n }\r\n .task-action-btn {\r\n display: table-cell;\r\n vertical-align: middle;\r\n text-align: right;\r\n min-width: 65px;\r\n .action-box {\r\n margin-left: 5px;\r\n margin-top: 2px;\r\n border: 1px solid transparent;\r\n margin-bottom: 2px;\r\n &:hover {\r\n border: 1px solid $semi-dark;\r\n background: $white;\r\n border-radius: 4px;\r\n .icon {\r\n color: $semi-dark;\r\n }\r\n }\r\n }\r\n }\r\n &:hover {\r\n h4{\r\n color: $dark-color;\r\n transition: all 0.3s ease;\r\n }\r\n }\r\n }\r\n &.completed .task-container {\r\n .complete-btn {\r\n border: 1px solid $success-color;\r\n border-radius: 4px;\r\n .icon {\r\n font-weight: bold;\r\n }\r\n &:hover {\r\n background: $white;\r\n border: 1px solid $success-color;\r\n .icon {\r\n color: $white;\r\n }\r\n }\r\n }\r\n .task-label {\r\n text-decoration: line-through;\r\n color: $primary-color;\r\n }\r\n }\r\n &.new .task-container {\r\n animation: taskHighlighter 2000ms linear 1;\r\n }\r\n }\r\n }\r\n .todo-list-header h5 {\r\n text-align: center;\r\n color: $light-semi-gray;\r\n }\r\n }\r\n .notification-popup {\r\n position: fixed;\r\n top: 85px;\r\n right: 10px;\r\n width: 300px;\r\n display: inline-block;\r\n background: $success-color;\r\n border: 1px solid $success-color;\r\n color: $white;\r\n padding: 20px;\r\n opacity: 0.9;\r\n border-radius: 2px;\r\n box-sizing: border-box;\r\n transition: all 300ms ease;\r\n &.success {\r\n background: $success-color;\r\n border: 1px solid $success-color;\r\n }\r\n p {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n }\r\n .task {\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n max-width: 100%;\r\n display: inline-block;\r\n }\r\n .notification-text {\r\n font-size: 14px;\r\n display: inline-block;\r\n overflow: hidden;\r\n }\r\n &.hide {\r\n opacity: 0;\r\n visibility: hidden;\r\n }\r\n }\r\n @-webkit-keyframes taskHighlighter {\r\n 0% {\r\n background: rgba(68, 102, 242, 0.5);\r\n }\r\n 100% {\r\n background: $white;\r\n }\r\n }\r\n @keyframes taskHighlighter {\r\n 0% {\r\n background: rgba(68, 102, 242, 0.5);\r\n }\r\n 100% {\r\n background: $white;\r\n }\r\n }\r\n}\r\n/*====todo css end====*/","/*====todo css start====*/\n.todo .action-box {\n background: transparent;\n height: 20px;\n width: 20px;\n display: inline-block;\n text-align: center;\n cursor: pointer;\n transition: all 300ms ease;\n}\n.todo .action-box .icon {\n vertical-align: 0;\n}\n.todo .action-box.completed {\n background: #d22d3d;\n border: 1px solid #d22d3d;\n border-radius: 4px;\n}\n.todo .action-box.completed .icon {\n color: #fff;\n font-size: 14px;\n}\n.todo .action-box.large {\n height: 30px;\n width: 30px;\n}\n.todo .action-box.large .icon {\n font-size: 20px;\n vertical-align: -5px;\n}\n.todo .action-box.large .icon .icon-trash {\n color: #24695c;\n}\n.todo .action-box.large .icon .icon-check {\n color: #24695c;\n}\n.todo .todo-list-wrapper {\n width: 100%;\n margin: 0 auto;\n box-sizing: border-box;\n}\n.todo .todo-list-wrapper .mark-all-tasks {\n position: absolute;\n top: 30px;\n right: 30px;\n}\n.todo .todo-list-wrapper .mark-all-tasks .mark-all-tasks-container {\n overflow: hidden;\n position: relative;\n}\n.todo .todo-list-wrapper .mark-all-tasks .mark-all-btn {\n cursor: pointer;\n display: inline-block;\n transition: all 200ms ease;\n}\n.todo .todo-list-wrapper .mark-all-tasks .mark-all-btn#mark-all-finished {\n color: #d22d3d;\n}\n.todo .todo-list-wrapper .mark-all-tasks .mark-all-btn#mark-all-incomplete {\n color: #1b4c43;\n}\n.todo .todo-list-wrapper .mark-all-tasks .mark-all-btn#mark-all-incomplete .action-box {\n border: 2px solid #1b4c43;\n border-radius: 4px;\n}\n.todo .todo-list-wrapper .mark-all-tasks .mark-all-btn#mark-all-incomplete .action-box .icon {\n color: #1b4c43;\n}\n.todo .todo-list-wrapper .mark-all-tasks .mark-all-btn.move-up {\n transform: translateY(-30px);\n position: absolute;\n right: 0;\n}\n.todo .todo-list-wrapper .mark-all-tasks .mark-all-btn.move-down {\n transform: translateY(30px);\n position: absolute;\n right: 0;\n}\n.todo .todo-list-wrapper .mark-all-tasks .btn-label {\n margin-right: 5px;\n font-weight: 600;\n}\n.todo .todo-list-wrapper .todo-list-footer {\n position: relative;\n}\n.todo .todo-list-wrapper .todo-list-footer h5 {\n text-align: center;\n color: #efefef;\n}\n.todo .todo-list-wrapper .todo-list-footer .add-task-btn-wrapper {\n padding-top: 30px;\n}\n.todo .todo-list-wrapper .todo-list-footer .add-task-btn.hide {\n opacity: 0;\n display: none;\n}\n.todo .todo-list-wrapper .todo-list-footer .add-task-btn:hover {\n background: #24695c;\n}\n.todo .todo-list-wrapper .todo-list-footer .add-task-btn:hover .icon {\n color: #e6edef;\n}\n.todo .todo-list-wrapper .todo-list-footer .add-task-btn .icon {\n color: #24695c;\n font-size: 20px;\n}\n.todo .todo-list-wrapper .todo-list-footer .new-task-wrapper {\n transition: all 300ms ease;\n max-height: 0;\n overflow: hidden;\n}\n.todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea {\n box-sizing: border-box;\n width: 100%;\n border: 1px solid #e6edef;\n height: 90px;\n padding: 10px 15px;\n margin-bottom: 24px;\n border-radius: 4px;\n transition: all 300ms ease;\n}\n.todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea:focus {\n border: 1px solid #efefef;\n outline: none;\n}\n.todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea.error {\n border: 1px solid #d22d3d;\n outline: none;\n}\n.todo .todo-list-wrapper .todo-list-footer .new-task-wrapper .error-message {\n color: #d22d3d;\n font-style: italic;\n}\n.todo .todo-list-wrapper .todo-list-footer .new-task-wrapper.visible {\n max-height: 300px;\n overflow: auto;\n}\n.todo .todo-list-wrapper .todo-list-footer .new-task-wrapper::after {\n content: \"\";\n display: block;\n clear: both;\n}\n.todo .todo-list-wrapper .todo-list-body {\n max-height: 500px;\n overflow: auto;\n}\n.todo .todo-list-wrapper #todo-list {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.todo .todo-list-wrapper #todo-list .task:first-child .task-container {\n padding-top: 0;\n}\n.todo .todo-list-wrapper #todo-list .task:first-child .task-container h4 {\n padding-top: 0;\n}\n.todo .todo-list-wrapper #todo-list li {\n margin: 0;\n padding: 0;\n}\n.todo .todo-list-wrapper #todo-list li .task-container {\n display: table;\n padding: 10px 0;\n width: 100%;\n border-bottom: 1px solid #e6edef;\n box-sizing: border-box;\n position: relative;\n transition: background 200ms ease;\n}\n.todo .todo-list-wrapper #todo-list li .task-container .task-label {\n display: block;\n font-size: 17px;\n vertical-align: middle;\n color: #999;\n word-break: break-all;\n padding-top: 5px;\n}\n.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {\n display: table-cell;\n vertical-align: middle;\n text-align: right;\n min-width: 65px;\n}\n.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box {\n margin-left: 5px;\n margin-top: 2px;\n border: 1px solid transparent;\n margin-bottom: 2px;\n}\n.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover {\n border: 1px solid #59667a;\n background: #fff;\n border-radius: 4px;\n}\n.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover .icon {\n color: #59667a;\n}\n.todo .todo-list-wrapper #todo-list li .task-container:hover h4 {\n color: #2c323f;\n transition: all 0.3s ease;\n}\n.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn {\n border: 1px solid #1b4c43;\n border-radius: 4px;\n}\n.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon {\n font-weight: bold;\n}\n.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {\n background: #fff;\n border: 1px solid #1b4c43;\n}\n.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover .icon {\n color: #fff;\n}\n.todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {\n text-decoration: line-through;\n color: #24695c;\n}\n.todo .todo-list-wrapper #todo-list li.new .task-container {\n animation: taskHighlighter 2000ms linear 1;\n}\n.todo .todo-list-wrapper .todo-list-header h5 {\n text-align: center;\n color: #efefef;\n}\n.todo .notification-popup {\n position: fixed;\n top: 85px;\n right: 10px;\n width: 300px;\n display: inline-block;\n background: #1b4c43;\n border: 1px solid #1b4c43;\n color: #fff;\n padding: 20px;\n opacity: 0.9;\n border-radius: 2px;\n box-sizing: border-box;\n transition: all 300ms ease;\n}\n.todo .notification-popup.success {\n background: #1b4c43;\n border: 1px solid #1b4c43;\n}\n.todo .notification-popup p {\n margin-top: 0;\n margin-bottom: 0;\n}\n.todo .notification-popup .task {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: 100%;\n display: inline-block;\n}\n.todo .notification-popup .notification-text {\n font-size: 14px;\n display: inline-block;\n overflow: hidden;\n}\n.todo .notification-popup.hide {\n opacity: 0;\n visibility: hidden;\n}\n@-webkit-keyframes taskHighlighter {\n 0% {\n background: rgba(68, 102, 242, 0.5);\n }\n 100% {\n background: #fff;\n }\n}\n@keyframes taskHighlighter {\n 0% {\n background: rgba(68, 102, 242, 0.5);\n }\n 100% {\n background: #fff;\n }\n}\n\n/*====todo css end====*/","// General variables\r\n$theme-font-color: #2b2b2b;\r\n$theme-body-font-color: #242934;\r\n$theme-body-sub-title-color: rgba($theme-body-font-color, 0.7);\r\n// Theme colors variables\r\n$primary-color: #24695c;\r\n$secondary-color:#ba895d;\r\n$success-color: #1b4c43;\r\n$warning-color: #e2c636;\r\n$danger-color: #d22d3d;\r\n$light-color : #f4f4f4;\r\n$light-gray : #e6edef;\r\n$light-semi-gray :#efefef;\r\n$dark-light :$theme-font-color;\r\n$dark-gray \t: #898989;\r\n$dark-color : #2c323f;\r\n$gray-60 :#cccccc ;\r\n$card-body-color : #f9f9fa;\r\n$transparent-color: transparent;\r\n$auth-bg-color:#fafafa;\r\n$light : #fdfeff;\r\n$semi-dark :#59667a;\r\n$light-text: #999;\r\n$light-background: #f5f7fb;\r\n$light-font: #717171;\r\n$light-semi-font: $semi-dark;\r\n$light-chartist-grid-color: #f6f9fd;\r\n$off-white: #ffebce;\r\n$dark-primary: #448aff;\r\n$pitch-color: #fe8a7d;\r\n$light-pitch: #fecf8b;\r\n$flower-pink: #fb6d9d;\r\n$dark-sky: #536dfe;\r\n$color-scarpa: #4c5667;\r\n$color-fiord: #455a64;\r\n$dark-blue: #00008B;\r\n$black : #000;\r\n$white:#fff;\r\n$yellow:#f4c705;\r\n$btn-bhome-bg-c:#ff6060;\r\n$btn-search-bg-c:#ffd042;\r\n$btn-opacity-down-primary:#F7F0FF;\r\n// error page color end\r\n\r\n// gradient colors\r\n$gradient-primary: linear-gradient(#1693f8, #0d67e9);\r\n\r\n//social colors\r\n$fb: #50598e;\r\n$twitter: #6fa2d8;\r\n$google-plus: #c64e40;\r\n$linkedin: #0077B5;\r\n\r\n//error input color start\r\n$light-body-bg-color:#fafdff;\r\n\r\n//fonts\r\n$font-montserrat:'Montserrat', sans-serif;\r\n$font-roboto:'Roboto', sans-serif;\r\n$font-rubik:'Rubik', sans-serif;\r\n$font-nunito: Nunito;\r\n$font-raleway: Raleway;\r\n$font-serif: sans-serif;\r\n$font-themify: themify;\r\n$font-awesome: FontAwesome;\r\n$font-ICO: IcoFont;\r\n\r\n\r\n// dark layout variables\r\n$dark-body-background: #202938;\r\n$dark-card-background: #111727;\r\n$dark-card-inbox: #323846;\r\n$dark-small-font-color:#98a6ad;\r\n$dark-all-font-color: rgba(255,255,255,0.7);\r\n$light-all-font-color: rgba(255,255,255,0.2);\r\n$sidebar-submenu-font-color:rgba(255,255,255,0.7);\r\n$dark-border-color: $dark-body-background;\r\n// $dark-card-border:#374558;\r\n$dark-card-border: rgba($primary-color,0.2);\r\n$dark-editor-document: #2b2b2b;\r\n$bg-dark-color: #1f2533;\r\n$dark-datatable-odd: #1f232b;\r\n$dark-datatable-sorting: #1c212b;\r\n$dark-datatable-sorting-even: #22262f;\r\n$dark-even-hover-sorting: #191e27;\r\n\r\n//General tag settings\r\n$body-font-size: 14px;\r\n$body-font-color: $theme-body-font-color;\r\n$ul-padding-left: 0px;\r\n$ul-padding-right: 0px;\r\n$ancher-color: $primary-color;\r\n$btn-focus-box-shadow: none;\r\n$all-focus-outline-color: $primary-color;\r\n\r\n$paragraph-font-size: 14px;\r\n$paragraph-line-height: 1.7;\r\n$paragraph-letter-spacing : inherit;\r\n\r\n$code-tag-color: $primary-color;\r\n$code-tag-bg-color: rgba($primary-color, 0.03);\r\n$code-tag-padding: 3px;\r\n$code-tag-margin: 0 3px;\r\n$code-tag-border-radious: 2px;\r\n\r\n$blockquote-padding : 15px;\r\n$blockquote-border : 4px solid $light-gray;\r\n\r\n$small-tag-padding: 10px;\r\n$small-tag-color: $dark-color;\r\n\r\n$pre-tag-bg-color: rgba($primary-color, 0.03);\r\n$pre-tag-padding: 20px 0;\r\n\r\n$list-group-active-bg-color: $primary-color;\r\n$list-group-active-border-color: $primary-color;\r\n$list-group-img-size: 40px;\r\n$list-group-margin: 10px;\r\n\r\n\r\n// Tables settings\r\n$table-b-margin: 0px;\r\n$table-heading-color: $theme-body-font-color;\r\n$table-row-color: $theme-body-font-color;\r\n$table-footer-font-weight: bold;\r\n$table-inverse-color: $white;\r\n$table-hover-color: $light;\r\n$table-padding: 0.75rem;\r\n$table-xl-padding: 1.25rem 2rem;\r\n$table-xl-font: 120%;\r\n$table-lg-padding: .9rem 2rem;\r\n$table-lg-font: 110%;\r\n$table-de-padding: .75rem 2rem;\r\n$table-de-font: 100%;\r\n$table-sm-padding: .5rem 2rem;\r\n$table-sm-font: 90%;\r\n$table-xs-padding: 0.2rem 2rem;\r\n$table-xs-font: 80%;\r\n$horizontal-border-color: #f2f4ff;\r\n$horizontal-padding: .75rem 2rem;\r\n$table-inverse-bg-color: #292b2c;\r\n\r\n\r\n//According setting\r\n$according-card-top-margin : 10px;\r\n$according-btn-weight : 500;\r\n$according-btn-color : $theme-body-font-color;\r\n$according-card-header-padding : 1rem 1.25rem;\r\n$according-card-header-icon : $font-ICO;\r\n$according-open-icon : \"\\eb73\";\r\n$according-close-icon : \"\\eb7a\";\r\n\r\n//Alert settings\r\n$alert-hover-color :$dark-color;\r\n$alert-border-radious :0.15rem;\r\n$alert-padding :15px;\r\n$alert-msg-icon-size :16px;\r\n\r\n//badge settings\r\n$badge-padding :0.44em 0.7em;\r\n$badge-svg-size :10px;\r\n\r\n//form input settings\r\n$form-group-margin-bottom : 1.25em;\r\n$col-form-label-font-size : 14px;\r\n$form-control-font-size : 14px;\r\n$form-control-border-radious : 2px;\r\n$form-control-border-color : $light-gray;\r\n\r\n//breadcrumb setting\r\n$breadcrumb-ancher-color : $white;\r\n$breadcrumb-ancher-dark-color : $black;\r\n\r\n//buttons setting\r\n$btn-font-size : 14px;\r\n$btn-padding : 0.375rem 1.75rem;\r\n$btn-lg-font-size: 18px;\r\n$btn-sm-font-size: 12px;\r\n$btn-xs-font-size: 10px;\r\n$btn-xs-padding: 0.2rem 0.7rem;\r\n\r\n\r\n//Card settings\r\n$card-padding :30px;\r\n$card-margin-bottom :30px;\r\n$card-border-color :1px solid $light-gray;\r\n$card-border-radious :0;\r\n$border-secondary:#ede7e4 ;\r\n$common-shadow-color : rgba($light-font, 0.08);\r\n$card-box-shadow : 0 25px 50px rgba(8,21,66,.06);\r\n$card-header-font-weight : 600;\r\n$card-header-bg-color : $white;\r\n$card-header-font-transform : capitalize;\r\n$card-header-span-size : 12px;\r\n$card-header-span-color : $theme-body-sub-title-color;\r\n$card-body-bg-color : $transparent-color;\r\n// $card-body-bg-color : $white;\r\n$card-footer-bg-color : $white;\r\n\r\n//footer settings\r\n$footer_bg_color : $white;\r\n$footer_box_shadow : 0 0 20px 16px rgba(4,122,251,0.04);\r\n$footer_link_align : right;\r\n$footer_dark_color : $theme-font-color;\r\n$footer_dark__txt_color : $white;\r\n\r\n//form settings\r\n$form-group-margin-bottom :20px;\r\n$sm-form-margin-bottom : 14px;\r\n$form-placeholder-color : $dark-gray;\r\n$form-placeholder-font-size : 14px;\r\n$form-placeholder-letter-spacing : 1px;\r\n$form-placeholder-font-weight : 100;\r\n$form-input-border-color : $light-semi-gray;\r\n$form-input-bg-color : $white;\r\n\r\n//Tour settings\r\n$tour-color: $primary-color;\r\n\r\n\r\n\r\n//sidabr main settings\r\n$sidebar-width: 255px;\r\n$sidebar-position: fixed;\r\n$sidebar-background-color: $white;\r\n$sidebar-shadow: 0 0 11px rgba(69, 110, 243, 0.13);\r\n$sidebar-overflow: auto;\r\n$sidebar-z-index: 9;\r\n$sidebar-transition: 0.5s;\r\n\r\n//sidebar profile settings\r\n$sidebar-user-section-padding: 10px;\r\n$sidebar-user-section-shadow: 3px 2px 7px -1px rgba(68, 102, 242, 0.13);\r\n$sidebar-profile-edit-icon-size: 14px;\r\n$sidebar-profile-name-txt-color : $primary-color;\r\n$sidebar-profile-name-txt-transfer : uppercase;\r\n$sidebar-profile-name-txt-weight : 600;\r\n$sidebar-profile-name-letter-specing : 1.5px;\r\n$sidebar-profile-name-marging : 3px;\r\n$sidebar-profile-sub-title-font-size: 10px;\r\n$sidebar-profile-sub-title-margin: 0px;\r\n$sidebar-profile-img-shadow: 0 0 15px rgba(68, 102, 242, 0.3);\r\n\r\n//Sidebar main menu setting\r\n$sidebar-menu-padding: 15px;\r\n$sidebar-menu-list-style: none;\r\n$sidebar-menu-list-margin: 0;\r\n\r\n$sidebar-icon-size: 14px;\r\n$sidebar-icon-margin: 14px;\r\n$sidebar-icon-stroke-width: 3px;\r\n$sidebar-font-size: 14px;\r\n$sidebar-letter-specing: 0.5px;\r\n$sidebar-txt-transform: capitalize;\r\n$sidebar-font-weight: 600;\r\n$sidebar-font-color: $theme-body-font-color;\r\n$sidebar-padding-top: 12px;\r\n$sidebar-padding-bottom: 12px;\r\n$sidebar-sub-header-padding: 15px;\r\n$sidebar-sub-header-margin: 0;\r\n$sidebar-heading-hover-padding: 5px;\r\n$sidebar-hover-txt-color: $primary-color;\r\n$sidebar-arrow-margin-top: 2px;\r\n$sidebar-arrow-size: 15px;\r\n$sidebar-arrow-color: $theme-body-font-color;\r\n$sidebar-open-icon: \"\\f107\";\r\n$sidebar-close-icon:\"\\f105\";\r\n$sidebar-icon-font-family: $font-awesome;\r\n$sidebar-height: calc(100vh - 355px);\r\n// $sidebar-height: calc(100vh - 115px);\r\n\r\n//Header settings\r\n$main-header-position: fixed;\r\n$main-header-top: 0;\r\n$main-header-shadow: 0 0 20px rgba(25,124,207,0.08);\r\n$bookmark-icon-color: #fa9f44;\r\n\r\n//page settings\r\n$page-body-padding : 0 15px 0 15px;\r\n$page-body-bg-color: $light-gray;\r\n$page-body-margin-bottom: 0px;\r\n\r\n$page-header-padding : 30px;\r\n\r\n$common-box-shadow: 2px 3.464px 8px 0px rgba( 22, 145, 248, 0.18 );\r\n$page-title-font-size: 24px;\r\n$page-title-margin-bottom: 0;\r\n$page-title-font-weight: 600;\r\n$page-title-text-tranform: capitalize;\r\n$page-small-title-display: block;\r\n$page-small-title-font-size: 12px;\r\n$page-small-title-margin-bottom: 5px;\r\n$page-small-title-text-transform: capitalize;\r\n$page-small-title-text-color: $theme-body-sub-title-color;\r\n$breadcrumb-size: 16px;\r\n$breadcrumb-content: \"/\";\r\n\r\n\r\n//main header left settings\r\n$main-header-left-bg-color : $white;\r\n$main-header-padding : 27px 22px;\r\n$main-header-z-index : 9;\r\n$main-header-right-padding: 24px 40px;\r\n$main-header-right-nav-icon-size : 18px;\r\n$main-header-right-nav-icon-color : $theme-font-color;\r\n$main-header-right-nav-icon-align : middle;\r\n"]} |