developer resources
Codebales holds an ever growing number of solutions to problems that we have experienced in our day to day code writing
Selected filter
8
results
Andrew Fletcher
•
As you're using Bootstrap 5 and applying a style for the hover state of an accordion button, specifically changing the background image of an ::after pseudo-element. If you want to change the icon colour on hover, you should modify the fill attribute in the SVG's path element.
Here's an example:
/* Default state */
.accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath fill-rule='evenodd'...
Andrew Fletcher
•
The viewport meta tag in a website's HTML is used to control how the webpage is...
Andrew Fletcher
•
A summary of Node package commands
Short cut commands
npm install...
Andrew Fletcher
•
Updating NPM packages using npm update and I'm seeing the following response
npm...
Andrew Fletcher
•
Using CK Editor 5, I needed to add instructions to a page that held FontAwesome...
Andrew Fletcher
•
Tailwind CSS is a highly customisable framework that delivers developers the tools to quickly pull your site together.
Initial Configuration
The installation and configuration steps are essentially the same as those outlined within the Tailwind documentation.
Note they need to be performed within your custom theme's directory such as /themes/custom/{theme} for Drupal 9
Install Tailwind and PostCSS via npm or yarn. I used npm...
# Using npm
npm install...
Andrew Fletcher
•
Currently I'm working through an app that has been abandoned by the developers....
Andrew Fletcher
•
You would have come across a URL string that appears...