norm/Gainsight
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Instacart, while still in implementation, came to their AE (J.Jones) with some access issues. Some of these templates don't work yet (internal server errors) but backing them up just in case

Browse Source
This commit is contained in:
Norm Rasmussen
2025-07-11 13:51:31 -04:00
parent 75455bbf4e
commit 3f0bd96040
146 changed files with 4977 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

284
Custom_Templates/customer_templates/Instacart/styles.css.liquid Normal file
View File

@ -0,0 +1,284 @@
/*
Put your custom overlay styles in here
You can use your northpass color palette in this file
{{ color_palette.button_font_color }}
{{ color_palette.button_color }}
{{ color_palette.button_hover_color }}
{{ color_palette.header_font_color }}
{{ color_palette.header_font_hover_color }}
{{ color_palette.header_color }}
*/
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #000000;
/* Use the desired text color */
height: 100%;
}
.np-card-ribbon {
background-color: {
{
color_palette.button_hover_color
}
}
;
}
html body .np-main,
html body .np-dashboard {
background: #F5F6F7 !important;
}
html body .np-main.np-dashboard,
html body .np-dashboard.np-subpage-container,
html body .np-main.np-dashboard.np-subpage-container {
background: #F5F6F7 !important;
}
.np-homepage,
.np-homepage-featured {
background: #F5F6F7 !important;
}
.np-footer {
background: {
{
color_palette.header_color
}
}
;
color: {
{
color_palette.button_font_color
}
}
;
}
.carrot-button-container{
text-align: center;
}
.flex-column-center {
display: flex;
flex-direction: column;
align-items: center;
}
.global-section-title {
color: #35404e;
font-size: 22px;
font-weight: 900;
margin: 10px 0;
text-align: center;
}
.global-section-subtitle {
color: #59697b;
font-size: 18px;
margin: 10px 0;
text-align: center;
}
.load-more-btn {
font-weight: bold;
color: #003d29;
text-align: center;
cursor: pointer;
padding: 10px;
margin: 0 auto;
}
.load-more-btn:hover {
text-decoration: underline;
}
.np-card-container{
border-radius: 8px;
overflow: hidden;
min-height: 350px;
height: 100%;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 768px) {
.np-card-padding{
padding: 20px 20px 0 20px;
}
.slick-list.draggable{
padding: 0 16px !important;
}
}
@media screen and (min-width: 768px) {
.np-card-container{
border-radius: 15px;
min-height: 400px;
}
.global-section-title {
margin: 0 0 20px;
text-align: left;
font-size: 16px;
}
.global-section-subtitle {
margin: 0 0 20px;
text-align: left;
font-size: 13px;
}
.carrot-button-container{
text-align: left;
}
.catalog-card,
.paths-carousel-container .np-card {
min-height: 100%;
min-width: 100%;
}
.row .catalog-card,
.slick-slide .catalog-card,
.paths-carousel-container .np-card {
margin: 0;
padding: 0 32px 64px;
}
.padded-row {
padding: 0 32px;
}
.lp-footer-placeholder {
margin-top: 16px;
}
}
.catalog-card,
.paths-carousel-container .np-card {
margin-bottom: 32px;
}
.slick-track {
display: flex !important;
}
.slick-initialized .slick-slide {
height: auto !important;
display: flex !important;
}
.slick-slide>div {
flex: 1;
display: flex;
}
.np-card {
position: relative;
}
.lp-footer-placeholder {
height: 40px;
width: 100%;
}
.np-card-content-footer {
position: absolute;
width: calc(100% - 40px);
bottom: 10px;
}
.np-card-content-progress{
color: #ff7308;
}
.np-footer{
background-color: #003d29;
color: white;
}
.np-footer-navigation-link{
color: white;
font-weight: bold;
text-decoration: none;
}
.np-footer-logo-image {
filter: none;
opacity: 1;
}
.slick-next, .slick-prev {
display: none !important;
}
.zero-state-container{
width: calc(100% - 64px);
margin: 0 32px 64px 32px;
}
.np-card-ribbon{
background-color: #ff7009
}
.np-card-stack>div{
border-radius: 15px;
}
.carrot-button-container>a, .carrot-button-container>button{
text-decoration: none;
background-color: #013d29;
color: white;
padding: 10px 15px;
border-radius: 4px;
font-weight: bold;
margin: 10px 0 30px;
display: inline-block;
border: none;
}
.carrot-button-container > .carrot-button-secondary{
background-color: #d9dfe2;
color: #36404e;
padding: 10px 15px;
border-radius: 4px;
font-weight: bold;
}
.carrot-padded-row{
padding: 0 60px;
}
.np-header-mobile-menu-content-button, .np-header-mobile-menu-content-name{
color: #013d29;
position: relative;
}
.custom-card-header {
align-items: center;
border-bottom: 1px solid #d9dfe2;
display: flex;
justify-content: space-between;
padding: 8px 12px;
}
.np-card-content-subtitle{
color: #979797;
}
.card-visible {
visibility: visible !important;
}
.flex-1{
flex: 1;
}