static html classnames return to tailwind classnames for .blade files

This commit is contained in:
Burak Civan
2022-06-10 10:17:46 +03:00
parent df5f9e7dc7
commit 12b19a3ad0
16 changed files with 90 additions and 102 deletions

116
public/css/app.css vendored
View File

@ -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));
}