static html classnames return to tailwind classnames for .blade files
This commit is contained in:
		
							
								
								
									
										116
									
								
								public/css/app.css
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										116
									
								
								public/css/app.css
									
									
									
									
										vendored
									
									
								
							@@ -1274,7 +1274,28 @@ input[type=file]::file-selector-button:hover{
 | 
			
		||||
 | 
			
		||||
/* form */
 | 
			
		||||
 | 
			
		||||
.form-element{
 | 
			
		||||
/* .form-element {
 | 
			
		||||
        @apply w-full text-sm px-3 py-2.5 mt-1 rounded-lg border border-light-gray text-black placeholder-light-gray bg-white disabled:bg-gray-200 focus:outline-none focus:ring-transparent focus:border-purple;
 | 
			
		||||
    } */
 | 
			
		||||
 | 
			
		||||
/* .has-error .form-element {
 | 
			
		||||
        @apply border-red;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .prepend-input-icon .form-element {
 | 
			
		||||
        @apply px-10;
 | 
			
		||||
    } */
 | 
			
		||||
 | 
			
		||||
/* .form-control-label {
 | 
			
		||||
        @apply text-black text-sm font-medium;
 | 
			
		||||
    } */
 | 
			
		||||
 | 
			
		||||
/* div.required > .form-control-label::after {
 | 
			
		||||
        content: '*';
 | 
			
		||||
        @apply text-red ml-1;
 | 
			
		||||
    } */
 | 
			
		||||
 | 
			
		||||
.input-money{
 | 
			
		||||
  margin-top: 0.25rem;
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  border-radius: 0.5rem;
 | 
			
		||||
@@ -1293,32 +1314,32 @@ input[type=file]::file-selector-button:hover{
 | 
			
		||||
  color: rgb(66 66 66 / var(--tw-text-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.form-element::-webkit-input-placeholder{
 | 
			
		||||
.input-money::-webkit-input-placeholder{
 | 
			
		||||
  --tw-placeholder-opacity: 1;
 | 
			
		||||
  color: rgb(199 201 217 / var(--tw-placeholder-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.form-element::-moz-placeholder{
 | 
			
		||||
.input-money::-moz-placeholder{
 | 
			
		||||
  --tw-placeholder-opacity: 1;
 | 
			
		||||
  color: rgb(199 201 217 / var(--tw-placeholder-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.form-element:-ms-input-placeholder{
 | 
			
		||||
.input-money:-ms-input-placeholder{
 | 
			
		||||
  --tw-placeholder-opacity: 1;
 | 
			
		||||
  color: rgb(199 201 217 / var(--tw-placeholder-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.form-element::-ms-input-placeholder{
 | 
			
		||||
.input-money::-ms-input-placeholder{
 | 
			
		||||
  --tw-placeholder-opacity: 1;
 | 
			
		||||
  color: rgb(199 201 217 / var(--tw-placeholder-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.form-element::placeholder{
 | 
			
		||||
.input-money::placeholder{
 | 
			
		||||
  --tw-placeholder-opacity: 1;
 | 
			
		||||
  color: rgb(199 201 217 / var(--tw-placeholder-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.form-element:focus{
 | 
			
		||||
.input-money:focus{
 | 
			
		||||
  --tw-border-opacity: 1;
 | 
			
		||||
  border-color: rgb(85 88 139 / var(--tw-border-opacity));
 | 
			
		||||
  outline: 2px solid transparent;
 | 
			
		||||
@@ -1326,7 +1347,7 @@ input[type=file]::file-selector-button:hover{
 | 
			
		||||
  --tw-ring-color: transparent;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.form-element:disabled{
 | 
			
		||||
.input-money:disabled{
 | 
			
		||||
  --tw-bg-opacity: 1;
 | 
			
		||||
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 | 
			
		||||
}
 | 
			
		||||
@@ -1336,31 +1357,6 @@ input[type=file]::file-selector-button:hover{
 | 
			
		||||
        border: none;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
.has-error .form-element{
 | 
			
		||||
  --tw-border-opacity: 1;
 | 
			
		||||
  border-color: rgb(204 0 0 / var(--tw-border-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.prepend-input-icon .form-element{
 | 
			
		||||
  padding-left: 2.5rem;
 | 
			
		||||
  padding-right: 2.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.form-control-label{
 | 
			
		||||
  font-size: 0.875rem;
 | 
			
		||||
  line-height: 1.25rem;
 | 
			
		||||
  font-weight: 500;
 | 
			
		||||
  --tw-text-opacity: 1;
 | 
			
		||||
  color: rgb(66 66 66 / var(--tw-text-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
div.required > .form-control-label::after {
 | 
			
		||||
        content: '*';
 | 
			
		||||
        margin-left: 0.25rem;
 | 
			
		||||
        --tw-text-opacity: 1;
 | 
			
		||||
        color: rgb(204 0 0 / var(--tw-text-opacity));
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
[type="radio"]{
 | 
			
		||||
  --tw-text-opacity: 1;
 | 
			
		||||
  color: rgb(85 88 139 / var(--tw-text-opacity));
 | 
			
		||||
@@ -46725,6 +46721,7 @@ input[type="date"]::-webkit-inner-spin-button,
 | 
			
		||||
 | 
			
		||||
.el-select .el-input .el-input__inner{
 | 
			
		||||
  margin-top: 0.25rem;
 | 
			
		||||
  height: auto;
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  border-radius: 0.5rem;
 | 
			
		||||
  border-width: 1px;
 | 
			
		||||
@@ -46780,18 +46777,7 @@ input[type="date"]::-webkit-inner-spin-button,
 | 
			
		||||
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.has-error .el-select .el-input .el-input__inner{
 | 
			
		||||
  --tw-border-opacity: 1;
 | 
			
		||||
  border-color: rgb(204 0 0 / var(--tw-border-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.prepend-input-icon .el-select .el-input .el-input__inner{
 | 
			
		||||
  padding-left: 2.5rem;
 | 
			
		||||
  padding-right: 2.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.el-select .el-input .el-input__inner{
 | 
			
		||||
  height: auto;
 | 
			
		||||
.el-select .el-input .el-input__inner {
 | 
			
		||||
    color:#595959 !important;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@@ -47004,16 +46990,6 @@ input[type="date"]::-webkit-inner-spin-button,
 | 
			
		||||
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.has-error .el-date-editor input{
 | 
			
		||||
  --tw-border-opacity: 1;
 | 
			
		||||
  border-color: rgb(204 0 0 / var(--tw-border-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.prepend-input-icon .el-date-editor input{
 | 
			
		||||
  padding-left: 2.5rem;
 | 
			
		||||
  padding-right: 2.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.el-date-editor input {
 | 
			
		||||
    color: #595959 !important;
 | 
			
		||||
}
 | 
			
		||||
@@ -47689,16 +47665,16 @@ body{
 | 
			
		||||
  background-color: rgb(238 238 243 / var(--tw-bg-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.disabled\:bg-gray-50:disabled{
 | 
			
		||||
  --tw-bg-opacity: 1;
 | 
			
		||||
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.disabled\:bg-gray-200:disabled{
 | 
			
		||||
  --tw-bg-opacity: 1;
 | 
			
		||||
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.disabled\:bg-gray-50:disabled{
 | 
			
		||||
  --tw-bg-opacity: 1;
 | 
			
		||||
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.disabled\:bg-green-300:disabled{
 | 
			
		||||
  --tw-bg-opacity: 1;
 | 
			
		||||
  background-color: rgb(197 217 186 / var(--tw-bg-opacity));
 | 
			
		||||
@@ -47839,14 +47815,14 @@ body{
 | 
			
		||||
  margin-right: 0.75rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
[dir="ltr"] .ltr\:mr-1{
 | 
			
		||||
  margin-right: 0.25rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
[dir="ltr"] .ltr\:ml-1{
 | 
			
		||||
  margin-left: 0.25rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
[dir="ltr"] .ltr\:mr-1{
 | 
			
		||||
  margin-right: 0.25rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
[dir="ltr"] .ltr\:ml-4{
 | 
			
		||||
  margin-left: 1rem;
 | 
			
		||||
}
 | 
			
		||||
@@ -48007,14 +47983,14 @@ body{
 | 
			
		||||
  margin-left: 0.75rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
[dir="rtl"] .rtl\:ml-1{
 | 
			
		||||
  margin-left: 0.25rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
[dir="rtl"] .rtl\:mr-1{
 | 
			
		||||
  margin-right: 0.25rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
[dir="rtl"] .rtl\:ml-1{
 | 
			
		||||
  margin-left: 0.25rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
[dir="rtl"] .rtl\:mr-4{
 | 
			
		||||
  margin-right: 1rem;
 | 
			
		||||
}
 | 
			
		||||
@@ -48223,6 +48199,10 @@ body{
 | 
			
		||||
    grid-template-columns: repeat(4, minmax(0, 1fr));
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .sm\:grid-cols-2{
 | 
			
		||||
    grid-template-columns: repeat(2, minmax(0, 1fr));
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .sm\:grid-cols-3{
 | 
			
		||||
    grid-template-columns: repeat(3, minmax(0, 1fr));
 | 
			
		||||
  }
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user