Category : css

.input-section { border-radius: 4px; width: 359px; height: 42px; line-height: 42px; padding: 0 45px; border-radius: 4px; border: solid 1px #b1b8c9; background-color: #ffffff; } <input type=”text” name=”fullname” id=”fullname” v-model=”fullname” v-model.trim=”$v.fullname.$model” :class=”{ ‘is-invalid’: validationStatus($v.fullname) }” class=”input-section” v-on:keypress=”isLetter($event)” placeholder=”Enter your name” /> <input class=”input-section label-set” type=”text” id=”mobile” v-model=”mobile” v-model.trim=”$v.mobile.$model” :class=”{ ‘is-invalid’: validationStatus($v.mobile) }” placeholder=”Enter your mobile number” v-on:keypress=”isMobile($event)” /> ..

Read more

Hi im developing my own porftolio with html css and js, and i added some transition animations. Everything works fine until i click on another hyperlink, where the transitions runs well but afterwards my page goes blank and it shows the following error: ‘cannot GET undefined’. index.html: Just a simple home page with some hyperlinks, ..

Read more

i want customize width line "line-through" become more thick like 4-6px. i have customize thick line "line-through" on tailwind.config.js but it not works, maybe you can give me suggest about my problem. //setting tailwind.config.js in plugin:[] function ({addUtilities}) { const extendLineThrough = { ‘.line-through’: { ‘textDecoration’: ‘line-through’, ‘text-decoration-color’: ‘red’, ‘text-decoration-width’: ‘4px’ }, } addUtilities(extendLineThrough) } ..

Read more

I’ve got a page that uses an image as a background, which covers the full height and width of the page. Although I’m using Tailwind, the CSS for the image is basically: background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; position: absolute; top: 0; width: 100%; That works fine. Until one of the elements on ..

Read more