Skip to content

Instantly share code, notes, and snippets.

View geekelo's full-sized avatar
👩‍💻
Embracing the potential for new opportunities

Eloghene Otiede geekelo

👩‍💻
Embracing the potential for new opportunities
View GitHub Profile
@geekelo
geekelo / slideright-border-effect.css
Created April 30, 2024 08:13
Snippet to display border buttom sliding from left toright
.nav-links {
text-decoration: none;
color: grey;
margin: 1rem 1.5rem;
font-size: 1.1rem;
font-weight: bold;
position: relative; /* Ensure proper positioning of pseudo-element */
}
.nav-links::before {
@geekelo
geekelo / btn-img-logo-transition-anmation.css
Created April 30, 2024 08:15
btn-img-logo-transition-anmation in css
/* ALL BUTTONS HOVER STYLES AND TRANSITIONS */
.workBtns,
.formBtn {
transition-property: background-color, color;
transition-duration: 0.4s;
transition-delay: 0.1s, 0.2s;
}
.workBtns:hover,
.formBtn:hover {
@geekelo
geekelo / production.rb
Last active May 1, 2024 11:00
Steps to Deploy ROR on render
require "active_support/core_ext/integer/time"
Rails.application.configure do
# Settings specified here will take precedence over those in config/application.rb.
# Code is not reloaded between requests.
config.enable_reloading = false
# Eager load code on boot. This eager loads most of Rails and
# your application in memory, allowing both threaded web servers
@geekelo
geekelo / hidedateicon.css
Last active May 29, 2024 03:30
How to hide default date icon
/* Hide the default date picker icon in Chrome, Safari, and Edge */
input[type="date"]::-webkit-calendar-picker-indicator {
opacity: 0;
position: absolute;
left: 0; /* Ensures the calendar still shows up */
width: 100%;
height: 100%;
cursor: pointer;
}
@geekelo
geekelo / styleAutofill.css
Created June 7, 2024 17:30
Style input autofill
input[type="search"]:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
background-color: rgb(13, 12, 0) !important;