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
11
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
•
Visual Studio Code (VS Code) allows you to manage extensions using the VS Code...
Andrew Fletcher
•
A summary of Node package commands
Short cut commands
npm install...
Andrew Fletcher
•
Logging into the server, and there are packages to be updated. You know...
Andrew Fletcher
•
By default the maximum file upload size is set to 2MB. It is not a...
Andrew Fletcher
•
Using CK Editor 5, I needed to add instructions to a page that held FontAwesome (FA) icons. Included in these instructions were a couple of FA icons. Initially adding them was going to be resolved using Pseudo-elements. Accordingly they would be applied as follows:
.download-icon, .portal-icon {
position: relative;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.download-icon::before,
.portal-icon::before {
font-family:...
Andrew Fletcher
•
phpcs issue in Visual Studio Code, I'm receiving this warning in VS...
Andrew Fletcher
•
Setting up a new project in Docker and VS Code.
Using Terminal, go to your...
Andrew Fletcher
•
Step 1: Install Homebrew
Homebrew is the missing package manager for macOS.
As...
Andrew Fletcher
•
Working on a new CentOS 7 server, Node wasn't installed. You can...
Andrew Fletcher
•
I started out with a simple task... install Tailwindcss. What unfolded is something that many of us have experienced time and time again.
For anyone that has completed this task before knows that through shell the command is
# Using npm
npm install tailwindcssHowever, before doing so I wanted to check the version of node on the server and in Plesk. The shell command node -v was showing v7.10.1 whereas in Plesk v10.16.0. Not great being a few versions behind....