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