Skip to content

Instantly share code, notes, and snippets.

@Bigod
Bigod / wp-stuff.css
Last active September 25, 2024 13:17
Additional CSS for the WordPress Block Editor
.gradient-text {
background: linear-gradient(to right, red, blue);
background-clip: text;
color: transparent;
}
.summary-icon summary {
list-style-type: '⬇ ';
}
@Bigod
Bigod / css
Created July 17, 2024 06:34
Gradient Text
.gradient-text {
background: linear-gradient(to right, red, blue);
background-clip: text;
color: transparent;
}
@Bigod
Bigod / gist:c170b9b4cb6a330c695d03bfaf2545e4
Last active September 24, 2024 11:48
WordPress - Reverse the order of columns on mobile devices
@media (max-width: 782px) {
.wp-block-columns.column-reverse-on-mobile {
flex-direction: column-reverse;
}
}
@Bigod
Bigod / gist:e95d94dea742d18e5bf78def361c593c
Last active September 24, 2024 11:50
Line Height Formula
/* For Text */
line-height: calc(4px + 2.25ex);
/* For Headings */
line-height: calc(4px + 2ex);
/*
The ex value can be adjusted as desired.
The 4px isn't a magic number, it's the value of the leading, which is then added to double the x-height of the font.
*/