add footer gradients
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Aadil Ayub 2024-07-12 15:47:10 +05:00
parent ebd6a238e4
commit 26d0256f36
2 changed files with 33 additions and 7 deletions

View File

@ -45,17 +45,38 @@ ul.wp-block-navigation.mobile-header-nav li {
}
/* style footer on mobile */
.wp-block-column.footer-gradient-column { position: relative; }
.wp-block-column.footer-gradient-column::before {
content: '';
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 1080px) {
.wp-block-column.footer-gradient-column {
padding-left: 2rem !important;
border-left: 8px solid var(--wp--preset--color--turquoise-green);
}
.wp-block-column.footer-gradient-column::before {
background: var(--wp--preset--gradient--violet-to-green-vertical);
width: 8px;
height: 100%;
left: 0;
}
}
@media (max-width: 786px) {
.wp-block-column.footer-gradient-column {
padding-top: 1.5rem !important;
border-top: 8px solid var(--wp--preset--color--turquoise-green);
padding-top: 2.5rem !important;
}
.wp-block-column.footer-gradient-column::before {
background: var(--wp--preset--gradient--violet-to-green);
width: 100%;
height: 8px;
}
}

View File

@ -25,6 +25,11 @@
"gradient": "linear-gradient(270deg, var(--wp--preset--color--bright-light-green) 0%, var(--wp--preset--color--turquoise-green) 20%, var(--wp--preset--color--turquoise-blue) 40%, var(--wp--preset--color--azure) 60%, var(--wp--preset--color--vibrant-blue) 80%, var(--wp--preset--color--violet) 100%);",
"name": "Violet to Bright Green",
"slug": "violet-to-green"
},
{
"gradient": "linear-gradient(0deg, var(--wp--preset--color--bright-light-green) 0%, var(--wp--preset--color--turquoise-green) 20%, var(--wp--preset--color--turquoise-blue) 40%, var(--wp--preset--color--azure) 60%, var(--wp--preset--color--vibrant-blue) 80%, var(--wp--preset--color--violet) 100%);",
"name": "Violet to Bright Green (Vertical)",
"slug": "violet-to-green-vertical"
}
],
"palette": [