Newer
Older
CamaraComercioWeb / src / app / modules / public / discover / components / list-sites / list-sites.component.scss
Edward Florez on 29 Oct 2021 1 KB slide in list-sites is working
ul {
  list-style-type: none;
  padding-left: 0;
}

li {
  /*  @media only screen and (min-width: 1500px) {
    min-height: 250px;
    width: 100%;
  } */
  min-height: 250px;
  width: 100%;
  border: 1.5px solid #8c8c8c;
  border-radius: 20px;
}

.img-container {
}

.img-container div {
  width: 25rem;
  height: 12.5rem;
  border-radius: 20px;
  background-size: cover;
}

.info-container {
  width: 60%;
}

.list__gap {
  gap: 1rem;
}

.time-icon {
  font-size: 25px;
  color: var(--base-color-green);
}

.open {
  color: var(--base-color-green);
}

.call-icon,
.mail-icon {
  font-size: 20px;
}

.blue-color {
  color: var(--base-color-blue-secondary);
}

.user-icon,
.score-icon {
  color: var(--base-color-gray-dark);
  font-size: 25px;
}

.arrow-icon{
  width:1.438rem;
  height:1.313rem;
  color: white;
}

/* carousel */

.slide {
  margin: 20px 5px;
  color: black;
  height: 1.875rem;
  width: 1.875rem;
  border-radius:var(--base-rounded-medium);
  cursor: pointer;
  /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
}

button {
  background-color: var(--base-color-primary);
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
  width: 2.938rem;
  height: 2.188rem;
  border-radius:var(--base-rounded-medium);
}

.page-select{
  background-color: var(--base-color-gray-dark);
}