Baker's Delight Kingston

About Baker's Delight Kingston

Explore our range








BREAD & ROLLS




.baker-content-card {
position: relative;
width: 100%;
height: 100%;
}

.baker-content-card__link {
text-decoration: none;
color: inherit;
display: block;
height: 100%;
}

.baker-content-card__inner {
border-radius: var(--card-border-radius, 24px);
overflow: hidden;
position: relative;
background: var(--color-background);
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
}

.baker-content-card__image {
position: relative;
width: 100%;
aspect-ratio: 416 / 240;
overflow: hidden; /* Ensures scaled image stays within container bounds */
flex-shrink: 0; /* Prevents container from changing size */
}

.baker-content-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.3s ease;
transform-origin: center center; /* Scale from center */
}

/* Zoom effect - image scales within fixed container, overflow hidden clips excess */
.baker-content-card__inner:hover .baker-content-card__image img {
transform: scale(1.1);
}

.baker-content-card__content {
padding: 16px 8px;
text-align: var(--content-alignment, center);
background-image: var(--content-card-background-image);
background-size: 160px 160px;
height: 100%;

@media screen and (min-width: 1024px) {
padding: 24px;
}
}

.baker-content-card__title {
margin: 0;
font-size: 24px;
@media screen and (min-width: 1024px) {
font-size: 40px;
}
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
.baker-content-card__inner,
.baker-content-card__image img {
transition: none !important;
}

.baker-content-card__inner:hover {
transform: none;
}

.baker-content-card__inner:hover .baker-content-card__image img {
transform: none;
}
}

/* High contrast mode support */
@media (prefers-contrast: more) {
.baker-content-card__inner {
border: 2px solid var(--color-foreground);
}

.baker-content-card__inner:hover {
border-color: var(--color-accent);
}

.baker-content-card__link:focus {
outline-width: 3px;
}
}











SNACKS




.baker-content-card {
position: relative;
width: 100%;
height: 100%;
}

.baker-content-card__link {
text-decoration: none;
color: inherit;
display: block;
height: 100%;
}

.baker-content-card__inner {
border-radius: var(--card-border-radius, 24px);
overflow: hidden;
position: relative;
background: var(--color-background);
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
}

.baker-content-card__image {
position: relative;
width: 100%;
aspect-ratio: 416 / 240;
overflow: hidden; /* Ensures scaled image stays within container bounds */
flex-shrink: 0; /* Prevents container from changing size */
}

.baker-content-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.3s ease;
transform-origin: center center; /* Scale from center */
}

/* Zoom effect - image scales within fixed container, overflow hidden clips excess */
.baker-content-card__inner:hover .baker-content-card__image img {
transform: scale(1.1);
}

.baker-content-card__content {
padding: 16px 8px;
text-align: var(--content-alignment, center);
background-image: var(--content-card-background-image);
background-size: 160px 160px;
height: 100%;

@media screen and (min-width: 1024px) {
padding: 24px;
}
}

.baker-content-card__title {
margin: 0;
font-size: 24px;
@media screen and (min-width: 1024px) {
font-size: 40px;
}
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
.baker-content-card__inner,
.baker-content-card__image img {
transition: none !important;
}

.baker-content-card__inner:hover {
transform: none;
}

.baker-content-card__inner:hover .baker-content-card__image img {
transform: none;
}
}

/* High contrast mode support */
@media (prefers-contrast: more) {
.baker-content-card__inner {
border: 2px solid var(--color-foreground);
}

.baker-content-card__inner:hover {
border-color: var(--color-accent);
}

.baker-content-card__link:focus {
outline-width: 3px;
}
}











LUNCHBOX




.baker-content-card {
position: relative;
width: 100%;
height: 100%;
}

.baker-content-card__link {
text-decoration: none;
color: inherit;
display: block;
height: 100%;
}

.baker-content-card__inner {
border-radius: var(--card-border-radius, 24px);
overflow: hidden;
position: relative;
background: var(--color-background);
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
}

.baker-content-card__image {
position: relative;
width: 100%;
aspect-ratio: 416 / 240;
overflow: hidden; /* Ensures scaled image stays within container bounds */
flex-shrink: 0; /* Prevents container from changing size */
}

.baker-content-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.3s ease;
transform-origin: center center; /* Scale from center */
}

/* Zoom effect - image scales within fixed container, overflow hidden clips excess */
.baker-content-card__inner:hover .baker-content-card__image img {
transform: scale(1.1);
}

.baker-content-card__content {
padding: 16px 8px;
text-align: var(--content-alignment, center);
background-image: var(--content-card-background-image);
background-size: 160px 160px;
height: 100%;

@media screen and (min-width: 1024px) {
padding: 24px;
}
}

.baker-content-card__title {
margin: 0;
font-size: 24px;
@media screen and (min-width: 1024px) {
font-size: 40px;
}
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
.baker-content-card__inner,
.baker-content-card__image img {
transition: none !important;
}

.baker-content-card__inner:hover {
transform: none;
}

.baker-content-card__inner:hover .baker-content-card__image img {
transform: none;
}
}

/* High contrast mode support */
@media (prefers-contrast: more) {
.baker-content-card__inner {
border: 2px solid var(--color-foreground);
}

.baker-content-card__inner:hover {
border-color: var(--color-accent);
}

.baker-content-card__link:focus {
outline-width: 3px;
}
}











ARTISAN




.baker-content-card {
position: relative;
width: 100%;
height: 100%;
}

.baker-content-card__link {
text-decoration: none;
color: inherit;
display: block;
height: 100%;
}

.baker-content-card__inner {
border-radius: var(--card-border-radius, 24px);
overflow: hidden;
position: relative;
background: var(--color-background);
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
}

.baker-content-card__image {
position: relative;
width: 100%;
aspect-ratio: 416 / 240;
overflow: hidden; /* Ensures scaled image stays within container bounds */
flex-shrink: 0; /* Prevents container from changing size */
}

.baker-content-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.3s ease;
transform-origin: center center; /* Scale from center */
}

/* Zoom effect - image scales within fixed container, overflow hidden clips excess */
.baker-content-card__inner:hover .baker-content-card__image img {
transform: scale(1.1);
}

.baker-content-card__content {
padding: 16px 8px;
text-align: var(--content-alignment, center);
background-image: var(--content-card-background-image);
background-size: 160px 160px;
height: 100%;

@media screen and (min-width: 1024px) {
padding: 24px;
}
}

.baker-content-card__title {
margin: 0;
font-size: 24px;
@media screen and (min-width: 1024px) {
font-size: 40px;
}
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
.baker-content-card__inner,
.baker-content-card__image img {
transition: none !important;
}

.baker-content-card__inner:hover {
transform: none;
}

.baker-content-card__inner:hover .baker-content-card__image img {
transform: none;
}
}

/* High contrast mode support */
@media (prefers-contrast: more) {
.baker-content-card__inner {
border: 2px solid var(--color-foreground);
}

.baker-content-card__inner:hover {
border-color: var(--color-accent);
}

.baker-content-card__link:focus {
outline-width: 3px;
}
}











HEALTHY SOLUTIONS




.baker-content-card {
position: relative;
width: 100%;
height: 100%;
}

.baker-content-card__link {
text-decoration: none;
color: inherit;
display: block;
height: 100%;
}

.baker-content-card__inner {
border-radius: var(--card-border-radius, 24px);
overflow: hidden;
position: relative;
background: var(--color-background);
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
}

.baker-content-card__image {
position: relative;
width: 100%;
aspect-ratio: 416 / 240;
overflow: hidden; /* Ensures scaled image stays within container bounds */
flex-shrink: 0; /* Prevents container from changing size */
}

.baker-content-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.3s ease;
transform-origin: center center; /* Scale from center */
}

/* Zoom effect - image scales within fixed container, overflow hidden clips excess */
.baker-content-card__inner:hover .baker-content-card__image img {
transform: scale(1.1);
}

.baker-content-card__content {
padding: 16px 8px;
text-align: var(--content-alignment, center);
background-image: var(--content-card-background-image);
background-size: 160px 160px;
height: 100%;

@media screen and (min-width: 1024px) {
padding: 24px;
}
}

.baker-content-card__title {
margin: 0;
font-size: 24px;
@media screen and (min-width: 1024px) {
font-size: 40px;
}
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
.baker-content-card__inner,
.baker-content-card__image img {
transition: none !important;
}

.baker-content-card__inner:hover {
transform: none;
}

.baker-content-card__inner:hover .baker-content-card__image img {
transform: none;
}
}

/* High contrast mode support */
@media (prefers-contrast: more) {
.baker-content-card__inner {
border: 2px solid var(--color-foreground);
}

.baker-content-card__inner:hover {
border-color: var(--color-accent);
}

.baker-content-card__link:focus {
outline-width: 3px;
}
}











VALUE PACKS




.baker-content-card {
position: relative;
width: 100%;
height: 100%;
}

.baker-content-card__link {
text-decoration: none;
color: inherit;
display: block;
height: 100%;
}

.baker-content-card__inner {
border-radius: var(--card-border-radius, 24px);
overflow: hidden;
position: relative;
background: var(--color-background);
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
}

.baker-content-card__image {
position: relative;
width: 100%;
aspect-ratio: 416 / 240;
overflow: hidden; /* Ensures scaled image stays within container bounds */
flex-shrink: 0; /* Prevents container from changing size */
}

.baker-content-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.3s ease;
transform-origin: center center; /* Scale from center */
}

/* Zoom effect - image scales within fixed container, overflow hidden clips excess */
.baker-content-card__inner:hover .baker-content-card__image img {
transform: scale(1.1);
}

.baker-content-card__content {
padding: 16px 8px;
text-align: var(--content-alignment, center);
background-image: var(--content-card-background-image);
background-size: 160px 160px;
height: 100%;

@media screen and (min-width: 1024px) {
padding: 24px;
}
}

.baker-content-card__title {
margin: 0;
font-size: 24px;
@media screen and (min-width: 1024px) {
font-size: 40px;
}
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
.baker-content-card__inner,
.baker-content-card__image img {
transition: none !important;
}

.baker-content-card__inner:hover {
transform: none;
}

.baker-content-card__inner:hover .baker-content-card__image img {
transform: none;
}
}

/* High contrast mode support */
@media (prefers-contrast: more) {
.baker-content-card__inner {
border: 2px solid var(--color-foreground);
}

.baker-content-card__inner:hover {
border-color: var(--color-accent);
}

.baker-content-card__link:focus {
outline-width: 3px;
}
}