https://www.bushbeans.com/dist/bushs-beans/static/js/ProductListCarousel.styles.8d693eb7.chunk.js

1"use strict";(self.webpackChunkbushs_beans=self.webpackChunkbushs_beans||[]).push([[1558],{32604:(t,e,n)=>{n.r(e),n.d(e,{ButtonWrap:()=>s,ErrorWrapper:()=>d,LoadingSpinnerWrapper:()=>a,ProductContainer:()=>p,ProductListCarouselComponent:()=>o,Title:()=>l,default:()=>i});var r=n(75497);const i=r.ZP.div``,o=r.ZP.div`
2  position: relative;
3  min-height: 320px;
4  background-color: ${t=>{let{theme:e}=t;return e.colours.yellow}};
5  border-bottom: ${t=>{let{theme:e}=t;return`2px solid ${e.colours.brown}`}};
6
7  ${t=>{let{theme:e}=t;return e.breakPoints.minBp("tablet")}} {
8    padding: ${t=>{let{theme:e}=t;return`0 ${e.spacing(50)}`}};
9  }
10
11  ${t=>{let{theme:e}=t;return e.breakPoints.minBp("desktop")}} {
12    display: flex;
13    align-items: center;
14    min-height: 190px;
15    padding: ${t=>{let{theme:e}=t;return`0 ${e.spacing(80)}`}};
16  }
17`,a=r.ZP.div`
18  position: absolute;
19  top: 50%;
20  left: 50%;
21  display: block;
22  max-width: 140px;
23  max-height: 140px;
24  margin: 0 auto;
25  transform: translate(-50%, -50%);
26
27  .loading-spinner {
28    width: 100%;
29    height: auto;
30    max-height: 140px;
31  }
32`,p=r.ZP.div`
33  padding-top: ${t=>{let{theme:e}=t;return e.spacing(20)}};
34  overflow: hidden;
35
36  ${t=>{let{theme:e}=t;return e.breakPoints.maxBp("desktop")}} {
37    overflow-x: scroll;
38    scroll-snap-type: x;
39    scrollbar-width: none;
40
41    &::-webkit-scrollbar {

42      display: none;
43    }
44  }
45
46  a {
47    text-decoration: none;
48  }
49
50  ul {
51    margin: 0 auto;
52    padding-bottom: ${t=>{let{theme:e}=t;return`${e.spacing(32)}`}};
53    padding-left: 0;
54    ${t=>{let{theme:e}=t;return e.breakPoints.minBp("desktop")}} {
55      padding-top: ${t=>{let{theme:e}=t;return`${e.spacing(16)}`}};
56      padding-bottom: ${t=>{let{theme:e}=t;return`${e.spacing(32)}`}};
57    }
58
59    &:before,
60    &:after {
61      width: 10px;
62      content: '';
63    }
64
65    li {
66      width: 160px;
67      scroll-snap-align: center;
68      display: inline-block;
69
70      ${t=>{let{theme:e}=t;return e.breakPoints.minBp("desktop")}} {
71        width: 250px;
72      }
73
74      img {
75        display: block;
76        width: 100px;
77        height: auto;
78        margin: 0 auto 16px;
79        overflow: hidden;
80      }
81
82      & h5 {
83        padding: ${t=>{let{theme:e}=t;return e.spacing({top:0,bottom:0,left:16,right:16})}};
84
85        ${t=>{let{theme:e}=t;return e.breakPoints.minBp("desktop")}} {
86          padding: ${t=>{let{theme:e}=t;return e.spacing({top:0,bottom:0,left:32,right:32})}};
87        }
88      }
89      & h3 {
90        padding: ${t=>{let{theme:e}=t;return e.spacing({top:0,bottom:0,left:16,right:16})}};
91        margin: 0px 10px;
92        color: rgb(141, 47, 24);
93        text-align: center;
94        text-transform: uppercase;
95        ${t=>{let{theme:e}=t;return e.breakPoints.minBp("desktop")}} {
96          padding: ${t=>{let{theme:e}=t;return e.spacing({top:0,bottom:0,left:32,right:32})}};
97        }
98      }
99    }
100  }
101`,l=r.ZP.h2`
102  padding-top: ${t=>{let{theme:e}=t;return e.spacing(48)}};
103  color: ${t=>{let{theme:e}=t;return e.colours.red}};
104  text-transform: uppercase;
105  font-size: ${t=>{let{theme:e}=t;return e.spacing(24)}};
106  font-family: ${t=>{let{theme:e}=t;return e.typography.fontFamily.heading}};
107  line-height: ${t=>{let{theme:e}=t;return e.spacing(32)}};
108
109  ${t=>{let{theme:e}=t;return e.breakPoints.minBp("desktop")}} {
110    min-width: 160px;
111    padding: 0;
112    text-align: left;
113  }
114`,s=r.ZP.div`
115  display: flex;
116  justify-content: center;
117  margin-bottom: ${t=>{let{theme:e}=t;return`${e.spacing(30)}`}};
118  text-align: center;
119
120  ${t=>{let{theme:e}=t;return e.breakPoints.minBp("desktop")}} {
121    margin-bottom: 0;
122  }
123
124  button:first-of-type {
125    margin-right: ${t=>{let{theme:e}=t;return e.spacing(10)}};
126    transform: rotate(180deg);
127  }
128`,d=r.ZP.div`
129  width: 100%;
130  margin-bottom: 0;
131  text-transform: uppercase;
132
133  h2 {
134    position: absolute;
135    top: 50%;
136    left: 50%;
137    display: block;
138    margin: 0 auto;
139    transform: translate(-50%, -50%);
140  }
141`}}]);
142//# sourceMappingURL=ProductListCarousel.styles.8d693eb7.chunk.js.map