207 lines
4.2 KiB
SCSS
207 lines
4.2 KiB
SCSS
@import '../../../styleConstants.scss';
|
|
|
|
#co-market-shop {
|
|
.shop-package-item{
|
|
margin-top: 1rem;
|
|
border-radius: 0;
|
|
background-color: $whiteColor;
|
|
// box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
|
|
|
|
.card-body {
|
|
background: rgb(251, 251, 251);
|
|
}
|
|
|
|
.shop-package-details-btn{
|
|
border-radius: 50px;
|
|
background-color: $accentColor;
|
|
border: none;
|
|
color: $whiteColor;
|
|
font-weight: $font-weight;
|
|
font-size: $font-size-xsmal;
|
|
cursor: pointer;
|
|
&:focus, &:hover {
|
|
box-shadow: 0 0 0 0.1rem lighten($accentColor, 0.9) !important;
|
|
}
|
|
}
|
|
|
|
.shop-package-title {
|
|
font-size: 1rem;
|
|
height: 2rem;
|
|
}
|
|
|
|
.shop-package-title a {
|
|
font-size: $font-size-msmall;
|
|
font-weight: $font-weight;
|
|
text-align: left;
|
|
color: $header-background;
|
|
}
|
|
|
|
.shop-package-reference {
|
|
font-size: $font-size-xsmal;
|
|
font-weight: $font-weight;
|
|
text-align: left;
|
|
color: $warmGreyColor;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.shop-package-country {
|
|
display: inline-block;
|
|
width: 50%;
|
|
font-size: $font-size-xsmal;
|
|
text-align: left;
|
|
color: $warmGreyColor;
|
|
}
|
|
|
|
.shop-package-details-btn-layer{
|
|
display: inline-block;
|
|
width: 50%;
|
|
text-align: right;
|
|
}
|
|
|
|
.flag-icon{
|
|
border-radius: 2px;
|
|
margin-left: 0.2rem;
|
|
}
|
|
|
|
}
|
|
|
|
.wiaas-box-header {
|
|
padding: 1rem;
|
|
align-items: center;
|
|
display: flex;
|
|
.wiaas-box-visibility-icon {
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
}
|
|
|
|
.co-market-nav {
|
|
font-size: $font-size-small;
|
|
text-align: left;
|
|
color: $warmGreyColor;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.co-market-nav-buttons{
|
|
display: flex;
|
|
align-items: center;
|
|
color: $header-background;
|
|
font-weight: $font-weight;
|
|
}
|
|
|
|
.search-layer{
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.search-layer div{
|
|
position: relative;
|
|
flex-grow: 1;
|
|
padding-right: 1rem;
|
|
}
|
|
|
|
.wiaas-input {
|
|
border-radius: 4rem;
|
|
background-color: $whiteColor;
|
|
border: solid 1px $borderColor;
|
|
padding: 0.2rem 3rem;
|
|
font-size: $font-size-small;
|
|
font-weight: 300;
|
|
text-align: left;
|
|
color: $warmGreyColor;
|
|
height: 2.2rem;
|
|
}
|
|
|
|
input:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.search-package-icon {
|
|
position: absolute;
|
|
font-size: $font-size-normal;
|
|
left: 1.6rem;
|
|
top: 0.6rem;
|
|
color: $warmGreyColor;
|
|
}
|
|
|
|
.shop-image-photo{
|
|
height:129px;
|
|
object-fit: cover;
|
|
}
|
|
}
|
|
|
|
#co-market-big-commercial{
|
|
text-align: center;
|
|
|
|
.ricoh-text {
|
|
color: $ricohRed;
|
|
}
|
|
|
|
.description-photo{
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
#co-market-commercials {
|
|
.commercial-photo {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
#co-market-commercials {
|
|
position: relative;
|
|
|
|
.commercial-photo {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
#co-market-catalog {
|
|
.filter-name {
|
|
margin-top: 0.4rem;
|
|
font-size: $font-size-normal;
|
|
display: inline-block;
|
|
margin-right: 0.2rem;
|
|
font-weight: $font-weight;
|
|
}
|
|
|
|
.filter-select{
|
|
display: inline-block;
|
|
width: 21rem;
|
|
vertical-align: top;
|
|
}
|
|
}
|
|
|
|
@media all and (max-width: 767px) {
|
|
.co-market-nav-div {
|
|
width: 100%;
|
|
text-align: center;
|
|
margin: 0.5rem 0;
|
|
font-size: $font-size-normal;
|
|
}
|
|
|
|
.wiaas-input {
|
|
font-size: $font-size-normal;
|
|
}
|
|
|
|
#co-market-shop {
|
|
.shop-package-title a {
|
|
font-size: $font-size-big;
|
|
}
|
|
|
|
.shop-package-reference, .shop-package-country{
|
|
font-size: $font-size-normal;
|
|
}
|
|
|
|
.shop-package-details-btn{
|
|
font-size: $font-size-xbig;
|
|
}
|
|
}
|
|
|
|
}
|