mirror of
				https://github.com/crater-invoice/crater.git
				synced 2025-10-30 21:21:09 -04:00 
			
		
		
		
	remove unused files and refactor variable names and function names
This commit is contained in:
		
							
								
								
									
										380
									
								
								resources/assets/sass/app/expenses/expense.scss
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										380
									
								
								resources/assets/sass/app/expenses/expense.scss
									
									
									
									
										vendored
									
									
								
							| @ -1,380 +0,0 @@ | ||||
| .expenses { | ||||
|  | ||||
|     .expenses__date-input { | ||||
|         display: inline-block; | ||||
|         width: 100%; | ||||
|         height: 38px; | ||||
|         padding: 6px 30px 6px 10px; | ||||
|         font-size: 1rem; | ||||
|         line-height: 1.4; | ||||
|         color: #555; | ||||
|         background-color: #fff; | ||||
|         border: 1px solid #ccc; | ||||
|         border-radius: 4px; | ||||
|         box-shadow: inset 0 1px 1px rgba(0,0,0,.075); | ||||
|     } | ||||
|     .expenses__date-container--error { | ||||
|         .expenses__date-input { | ||||
|             display: inline-block; | ||||
|             width: 100%; | ||||
|             height: 38px; | ||||
|             padding: 6px 30px 6px 10px; | ||||
|             font-size: 1rem; | ||||
|             line-height: 1.4; | ||||
|             color: #555; | ||||
|             background-color: #fff; | ||||
|             border: 1px solid #F99; | ||||
|             border-radius: 4px; | ||||
|             box-shadow: inset 0 1px 1px rgba(0,0,0,.075); | ||||
|         } | ||||
|     } | ||||
|     & .mx-datepicker { | ||||
|         width: 100% !important; | ||||
|     } | ||||
|     & .mx-datepicker-popup { | ||||
|         position: absolute; | ||||
|         width: 250px; | ||||
|         margin-bottom: 1px; | ||||
|         border: 1px solid #d9d9d9; | ||||
|         background-color: #fff; | ||||
|         box-shadow: 0 6px 12px rgba(0,0,0,.175); | ||||
|         z-index: 10; | ||||
|         left: 0 !important; | ||||
|         top: 37.8125px !important; | ||||
|     } | ||||
|     & > .sweet-modal { | ||||
|         -webkit-box-sizing: border-box; | ||||
|         box-sizing: border-box; | ||||
|         background: #fff; | ||||
|         -webkit-box-shadow: 0px 8px 46px rgba(0, 0, 0, 0.08), 0px 2px 6px rgba(0, 0, 0, 0.03); | ||||
|         box-shadow: 0px 8px 46px rgba(0, 0, 0, 0.08), 0px 2px 6px rgba(0, 0, 0, 0.03); | ||||
|         position: absolute; | ||||
|         top: 50%; | ||||
|         left: 50%; | ||||
|         width: 80%; | ||||
|         max-height: 100vh; | ||||
|         overflow-y: auto; | ||||
|         border-radius: 2px; | ||||
|         -webkit-transform: scale(0.9) translate(calc(-50% - 32px), -50%); | ||||
|         transform: scale(0.9) translate(calc(-50% - 32px), -50%); | ||||
|         opacity: 0; | ||||
|         -webkit-transition-property: opacity, -webkit-transform; | ||||
|         transition-property: opacity, -webkit-transform; | ||||
|         transition-property: transform, opacity; | ||||
|         transition-property: transform, opacity, -webkit-transform; | ||||
|         -webkit-transition-duration: 0.3s; | ||||
|         transition-duration: 0.3s; | ||||
|         -webkit-transition-delay: 0.05s; | ||||
|         transition-delay: 0.05s; | ||||
|         -webkit-transition-timing-function: cubic-bezier(0.52, 0.02, 0.19, 1.02); | ||||
|         transition-timing-function: cubic-bezier(0.52, 0.02, 0.19, 1.02); | ||||
|  | ||||
|     } | ||||
|     & > .sweet-modal-overlay { | ||||
|         position: fixed; | ||||
|         top: 0; | ||||
|         left: 0; | ||||
|         width: 100vw; | ||||
|         height: 100vh; | ||||
|         z-index: 9001; | ||||
|         font-size: 14px; | ||||
|         -webkit-font-smoothing: antialiased; | ||||
|         background: rgba(0, 0, 0, 0.6); | ||||
|         opacity: 0; | ||||
|         -webkit-transition: opacity 0.3s; | ||||
|         transition: opacity 0.3s; | ||||
|         -webkit-transform: translate3D(0, 0, 0); | ||||
|         transform: translate3D(0, 0, 0); | ||||
|         -webkit-perspective: 500px; | ||||
|     } | ||||
|     .items-container{ | ||||
|         margin: 20px 0; | ||||
|  | ||||
|         .head-row .item-field{ | ||||
|             background-color : $ls-color-gray--light; | ||||
|             padding: 5px 10px; | ||||
|         } | ||||
|  | ||||
|         .head-row .item-actions{ | ||||
|             background-color : $white; | ||||
|         } | ||||
|  | ||||
|         .foot-row .item-field { | ||||
|             padding: 5px 10px; | ||||
|             text-align: center; | ||||
|         } | ||||
|  | ||||
|         .foot-row .item-disc ,.foot-row .item-total{ | ||||
|             font-size: 14px; | ||||
|             text-align: right; | ||||
|             line-height: 22px; | ||||
|         } | ||||
|  | ||||
|  | ||||
|         .item-row{ | ||||
|             vertical-align: top; | ||||
|             padding: 10px 0; | ||||
|             border-bottom: 1px solid $ls-color-gray; | ||||
|         } | ||||
|  | ||||
|         .head-row{ | ||||
|             border-bottom: 0; | ||||
|         } | ||||
|  | ||||
|         .item-field{ | ||||
|             display: inline-block; | ||||
|             margin-right: -5px; | ||||
|             width: 10.1%; | ||||
|             vertical-align: top; | ||||
|             padding: 5px; | ||||
|         } | ||||
|  | ||||
|         .item-total{ | ||||
|             text-align: right; | ||||
|         } | ||||
|  | ||||
|         .item-title{ | ||||
|             width: 20%; | ||||
|         } | ||||
|  | ||||
|         .item-desc{ | ||||
|             width: 30%; | ||||
|         } | ||||
|  | ||||
|         .item-actions{ | ||||
|             background-color : $white; | ||||
|         } | ||||
|     } | ||||
|  | ||||
|     .static-container { | ||||
|         background-color: $ls-color-gray--light; | ||||
|         display: inline-block; | ||||
|         padding: 20px; | ||||
|     } | ||||
|  | ||||
|     .btn-default.dropdown-toggle { | ||||
|         padding: 0.375rem 0.5rem; | ||||
|     } | ||||
|  | ||||
|     .static-group { | ||||
|         padding: 5px 0; | ||||
|  | ||||
|         .static-title,.static-value{ | ||||
|             min-width: 80px; | ||||
|             display: inline-block; | ||||
|         } | ||||
|         .static-title{ | ||||
|             min-width: 200px; | ||||
|             text-align: left; | ||||
|         } | ||||
|     } | ||||
|  | ||||
|     .static-container{ | ||||
|         background-color: $ls-color-gray--light; | ||||
|         display: inline-block; | ||||
|         padding: 20px; | ||||
|     } | ||||
|  | ||||
|     .btn-default.dropdown-toggle{ | ||||
|         padding: 0.375rem 0.5rem; | ||||
|     } | ||||
|  | ||||
|     .static-group{ | ||||
|         padding: 5px 0; | ||||
|  | ||||
|         .static-title,.static-value{ | ||||
|             min-width: 80px; | ||||
|             display: inline-block; | ||||
|         } | ||||
|         .static-title{ | ||||
|             min-width: 200px; | ||||
|             text-align: left; | ||||
|         } | ||||
|     } | ||||
|  | ||||
|     .drop-zone { | ||||
|         border: 2px dashed $ls-color-gray--light; | ||||
|         height: 110px; | ||||
|         border-radius: 5px; | ||||
|         display: flex; | ||||
|         flex-direction: column; | ||||
|         align-items: center; | ||||
|  | ||||
|         .imgbox { | ||||
|             z-index: 100; | ||||
|             width: 100%; | ||||
|             height: 110px; | ||||
|  | ||||
|             .dropzone { | ||||
|                 min-height: 110px !important; | ||||
|             } | ||||
|         } | ||||
|  | ||||
|         .upload { | ||||
|             height: 25px; | ||||
|             width: 25px; | ||||
|             color: $ls-color-gray; | ||||
|             position: absolute; | ||||
|             bottom: 60px; | ||||
|             z-index: 0; | ||||
|         } | ||||
|  | ||||
|         .upload-info { | ||||
|             position: absolute; | ||||
|             top: 70px; | ||||
|             left: 35px; | ||||
|             display: flex; | ||||
|             flex-direction: column; | ||||
|             align-items: center; | ||||
|             font-size: 12px; | ||||
|             line-height: 18px; | ||||
|             color: $ls-color-gray; | ||||
|             font-weight: normal; | ||||
|         } | ||||
|  | ||||
|         .dz-image-preview { | ||||
|             position: absolute; | ||||
|             top: 28px; | ||||
|             left: 16px; | ||||
|             margin: 0; | ||||
|             min-height: 0; | ||||
|         } | ||||
|  | ||||
|         .dz-preview { | ||||
|             width: 110px !important; | ||||
|             height: 110px !important; | ||||
|             display: inline-block !important | ||||
|         } | ||||
|  | ||||
|         .dz-preview .dz-image { | ||||
|             width: 110px !important; | ||||
|             height: 110px !important; | ||||
|             border-radius: 5px !important; | ||||
|         } | ||||
|  | ||||
|         .dz-preview .dz-image > div { | ||||
|             width: inherit !important; | ||||
|             height: inherit !important; | ||||
|             background-size: contain !important; | ||||
|         } | ||||
|  | ||||
|         .dz-preview .dz-image > img { | ||||
|             width: 100% !important; | ||||
|         } | ||||
|  | ||||
|         .dz-preview .dz-details { | ||||
|             display: none; | ||||
|         } | ||||
|  | ||||
|         .dz-remove { | ||||
|             height: 25px; | ||||
|             width: 100px; | ||||
|             position: absolute; | ||||
|             top: 70% !important; | ||||
|             right: 5px !important; | ||||
|         } | ||||
|  | ||||
|         .dz-message { | ||||
|             font-size: 12px; | ||||
|             font-style: normal; | ||||
|             font-weight: normal; | ||||
|             line-height: 18px; | ||||
|             color: $ls-color-gray; | ||||
|             margin: 0 !important; | ||||
|             position: relative; | ||||
|             top: 40%; | ||||
|  | ||||
|             span { | ||||
|                 display: flex; | ||||
|                 flex-direction: column; | ||||
|  | ||||
|                 i { | ||||
|                     font-style: normal; | ||||
|                     font-weight: 900; | ||||
|                     font-size: 20px; | ||||
|                     line-height: 23px; | ||||
|                     margin-bottom: 10px; | ||||
|                 } | ||||
|             } | ||||
|         } | ||||
|  | ||||
|     } | ||||
|  | ||||
|     .dz-message { | ||||
|         font-size: 12px; | ||||
|         font-style: normal; | ||||
|         font-weight: normal; | ||||
|         line-height: 18px; | ||||
|         color: $ls-color-gray; | ||||
|     } | ||||
|  | ||||
|     .imgbox #dropzone { | ||||
|         height: 110px !important; | ||||
|         background-color: transparent; | ||||
|         border: none; | ||||
|     } | ||||
|  | ||||
|     .imgbox .vue-dropzone { | ||||
|         border: none !important; | ||||
|     } | ||||
|  | ||||
|     .header-button-container { | ||||
|         display: flex; | ||||
|     } | ||||
|  | ||||
|     .collapse-button-container { | ||||
|         display: none !important; | ||||
|     } | ||||
|  | ||||
|     .collapse-button { | ||||
|         display: none; | ||||
|     } | ||||
|  | ||||
| } | ||||
|  | ||||
| @media(max-width: $x-small-breakpoint ) { | ||||
|  | ||||
|     .expenses { | ||||
|  | ||||
|         .page-actions { | ||||
|             position: relative; | ||||
|             -webkit-transform: none; | ||||
|             -ms-transform: none; | ||||
|             -o-transform: none; | ||||
|             transform: none; | ||||
|             display: flex; | ||||
|             flex-wrap: wrap; | ||||
|  | ||||
|             button { | ||||
|                 margin-bottom: 10px; | ||||
|             } | ||||
|  | ||||
|         } | ||||
|  | ||||
|         .page-header { | ||||
|             margin-bottom: 5px; | ||||
|         } | ||||
|  | ||||
|         .table-actions { | ||||
|             margin-top: 0px !important; | ||||
|         } | ||||
|  | ||||
|         .collapse-button { | ||||
|             width: 100%; | ||||
|             display: flex; | ||||
|             flex-direction: row; | ||||
|             justify-content: center; | ||||
|         } | ||||
|  | ||||
|         .header-button-container { | ||||
|             display: none; | ||||
|         } | ||||
|  | ||||
|         .collapse-button-container { | ||||
|             margin-top: 8px; | ||||
|             display: block; | ||||
|         } | ||||
|  | ||||
|     } | ||||
|  | ||||
| } | ||||
| @ -34,4 +34,5 @@ | ||||
|         color: $ls-color-gray; | ||||
|         margin-bottom: 10px; | ||||
|     } | ||||
|  | ||||
| } | ||||
|  | ||||
| @ -62,7 +62,3 @@ | ||||
|     } | ||||
|  | ||||
| } | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
| @ -73,4 +73,5 @@ | ||||
|         font-weight: 500; | ||||
|         color: $ls-color-black--light !important; | ||||
|     } | ||||
|  | ||||
| } | ||||
|  | ||||
| @ -24,8 +24,6 @@ | ||||
|         } | ||||
|     } | ||||
|  | ||||
|  | ||||
|  | ||||
| } | ||||
|  | ||||
| .vdp-datepicker__calendar-button { | ||||
| @ -39,7 +37,8 @@ | ||||
|     line-height: 16px; | ||||
|     top: 50%; | ||||
|     left: 20px; | ||||
|     transform: translate(-50%,-50%); | ||||
|     transform: translate(-50%, -50%); | ||||
|  | ||||
|     .icon-fa { | ||||
|         color: $ls-color-gray; | ||||
|     } | ||||
|  | ||||
| @ -19,6 +19,7 @@ | ||||
|         box-shadow: $shadow-lg; | ||||
|         border-radius: 5px; | ||||
|     } | ||||
|  | ||||
|     .selector-menu-above { | ||||
|         top: unset !important; | ||||
|         bottom: 100% !important; | ||||
|  | ||||
| @ -1,5 +1,6 @@ | ||||
| .base-text-area { | ||||
|     width: 100%; | ||||
|  | ||||
|     &.text-area-field { | ||||
|         width: 100%; | ||||
|         padding: 8px 13px; | ||||
| @ -38,5 +39,7 @@ | ||||
|         &-icon { | ||||
|             padding-left: 35px; | ||||
|         } | ||||
|  | ||||
|     } | ||||
|  | ||||
| } | ||||
|  | ||||
| @ -57,6 +57,7 @@ | ||||
| .btn-icon { | ||||
|     padding: 0.6rem; | ||||
|     line-height: 1em; | ||||
|  | ||||
|     i { | ||||
|         text-align: center; | ||||
|     } | ||||
| @ -160,6 +161,3 @@ | ||||
|     opacity: 0.9; | ||||
|     color: $ls-color-primary; | ||||
| } | ||||
|  | ||||
| .btn-crater-hollow:focus { | ||||
| } | ||||
|  | ||||
							
								
								
									
										1
									
								
								resources/assets/sass/components/cards.scss
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										1
									
								
								resources/assets/sass/components/cards.scss
									
									
									
									
										vendored
									
									
								
							| @ -1,5 +1,4 @@ | ||||
| // cards.scss - Custom Cards | ||||
|  | ||||
| .card { | ||||
|     margin-bottom: 1.5rem; | ||||
|     border: none; | ||||
|  | ||||
							
								
								
									
										28
									
								
								resources/assets/sass/components/hamburgers.scss
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										28
									
								
								resources/assets/sass/components/hamburgers.scss
									
									
									
									
										vendored
									
									
								
							| @ -10,7 +10,7 @@ | ||||
|     background-color: transparent; | ||||
|     border: 0; | ||||
|     margin: 0; | ||||
|     overflow: visible;  | ||||
|     overflow: visible; | ||||
| } | ||||
|  | ||||
| .hamburger-box { | ||||
| @ -25,34 +25,44 @@ | ||||
|     top: 50%; | ||||
|     left: 4.5px; | ||||
|     right: 4.5px; | ||||
|     margin-top: -2px;  | ||||
|     margin-top: -2px; | ||||
| } | ||||
| .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { | ||||
|  | ||||
| .hamburger-inner, | ||||
| .hamburger-inner::before, | ||||
| .hamburger-inner::after { | ||||
|     height: 2px; | ||||
|     background-color: $header-buttons-font-color; | ||||
|     border-radius: 2px; | ||||
|     position: absolute; | ||||
|     transition-property: transform; | ||||
|     transition-duration: 0.15s; | ||||
|     transition-timing-function: ease;  | ||||
|     transition-timing-function: ease; | ||||
| } | ||||
| .hamburger-inner::before, .hamburger-inner::after { | ||||
|  | ||||
| .hamburger-inner::before, | ||||
| .hamburger-inner::after { | ||||
|     content: ""; | ||||
|     display: block; | ||||
|     width:100%; | ||||
| } | ||||
|  | ||||
| .hamburger-inner::before { | ||||
|     top: -5px;  | ||||
|     top: -5px; | ||||
| } | ||||
|  | ||||
| .hamburger-inner::after { | ||||
|     bottom: -5px;  | ||||
|     bottom: -5px; | ||||
| } | ||||
|  | ||||
| .hamburger--arrowturn.is-active .hamburger-inner { | ||||
|     transform: rotate(-180deg); | ||||
| } | ||||
|  | ||||
| .hamburger--arrowturn.is-active .hamburger-inner::before { | ||||
|     transform: translate3d(3px, 1px, 0) rotate(45deg) scale(0.7, 1);  | ||||
|     transform: translate3d(3px, 1px, 0) rotate(45deg) scale(0.7, 1); | ||||
| } | ||||
|  | ||||
| .hamburger--arrowturn.is-active .hamburger-inner::after { | ||||
|     transform: translate3d(3px, -1px, 0) rotate(-45deg) scale(0.7, 1);  | ||||
|     transform: translate3d(3px, -1px, 0) rotate(-45deg) scale(0.7, 1); | ||||
| } | ||||
|  | ||||
							
								
								
									
										12
									
								
								resources/assets/sass/components/item-modal.scss
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										12
									
								
								resources/assets/sass/components/item-modal.scss
									
									
									
									
										vendored
									
									
								
							| @ -23,16 +23,10 @@ | ||||
|  | ||||
| @media(max-width: $x-small-breakpoint ) { | ||||
|  | ||||
|     .base-modal { | ||||
|     .base-modal .item-modal .input-label{ | ||||
|  | ||||
|         .item-modal { | ||||
|  | ||||
|             .input-label { | ||||
|                 text-align: left; | ||||
|             } | ||||
|  | ||||
|         } | ||||
|         text-align: left; | ||||
|  | ||||
|     } | ||||
|  | ||||
| } | ||||
| } | ||||
|  | ||||
| @ -58,19 +58,23 @@ | ||||
|   0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } | ||||
|   100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } | ||||
| } | ||||
|  | ||||
| @-moz-keyframes pace-spinner { | ||||
|   0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } | ||||
|   100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } | ||||
| } | ||||
|  | ||||
| @-o-keyframes pace-spinner { | ||||
|   0% { -o-transform: rotate(0deg); transform: rotate(0deg); } | ||||
|   100% { -o-transform: rotate(360deg); transform: rotate(360deg); } | ||||
| } | ||||
|  | ||||
| @-ms-keyframes pace-spinner { | ||||
|   0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } | ||||
|   100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } | ||||
| } | ||||
|  | ||||
| @keyframes pace-spinner { | ||||
|   0% { transform: rotate(0deg); transform: rotate(0deg); } | ||||
|   100% { transform: rotate(360deg); transform: rotate(360deg); } | ||||
| } | ||||
| } | ||||
|  | ||||
							
								
								
									
										4
									
								
								resources/assets/sass/components/tables.scss
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										4
									
								
								resources/assets/sass/components/tables.scss
									
									
									
									
										vendored
									
									
								
							| @ -290,7 +290,7 @@ table.full-width { | ||||
| } | ||||
|  | ||||
| .table-component td > span:first-child { | ||||
|     background: $gray--light; | ||||
|     background: $ls-color-gray--light; | ||||
|     color: $ls-color-secondary; | ||||
|     display: none; | ||||
|     font-size: 10px; | ||||
| @ -346,7 +346,7 @@ table.full-width { | ||||
|             position: relative; | ||||
|             width: 50%; | ||||
|             left: 0; | ||||
|             border: 1px solid $gray--light !important; | ||||
|             border: 1px solid $ls-color-gray--light !important; | ||||
|  | ||||
|             &:not(:first-child) { | ||||
|                 text-align: center !important; | ||||
|  | ||||
| @ -33,7 +33,7 @@ | ||||
|         } | ||||
|  | ||||
|         &:hover { | ||||
|             background-color: $gray--very-light; | ||||
|             background-color: $ls-color-gray--very-light; | ||||
|         } | ||||
|  | ||||
|         .left { | ||||
|  | ||||
							
								
								
									
										2
									
								
								resources/assets/sass/pages/wizard.scss
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										2
									
								
								resources/assets/sass/pages/wizard.scss
									
									
									
									
										vendored
									
									
								
							| @ -134,7 +134,7 @@ | ||||
|         display: flex; | ||||
|         justify-content: space-between; | ||||
|         margin-bottom: 0; | ||||
|         border: 1px solid $gray--light; | ||||
|         border: 1px solid $ls-color-gray--light; | ||||
|  | ||||
|         .left-item, | ||||
|         .right-item { | ||||
|  | ||||
		Reference in New Issue
	
	Block a user