Template:Updated Reports/updated-reports.css

< Template:Updated Reports
Revision as of 18:55, 19 July 2023 by RAP (talk | contribs) (Created page with ".company-cards { display: flex; flex-direction: column; max-height: 95vh; overflow-y: auto; padding: 10px; } .company-cards ul { width: 33% !important; margin: auto; } .company-cards ul li { display: flex; align-items: center; justify-content: center; margin: auto; margin-bottom: 20px; flex-direction: column; text-align: center; width: 100%; border-radius: 10px; color: white; cursor: pointer; transition: 400ms; box-shadow: 0 0 10...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
.company-cards {
  display: flex;
  flex-direction: column;
  max-height: 95vh;
  overflow-y: auto;
  padding: 10px;
}

.company-cards ul {
  width: 33% !important;
  margin: auto;
}

.company-cards ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 20px;
  flex-direction: column;
  text-align: center;
  width: 100%;
  border-radius: 10px;
  color: white;
  cursor: pointer;
  transition: 400ms;
  box-shadow: 0 0 10px gray;
  padding: 10px;
}

.company-cards ul li {
  font-size: 30px;
  font-weight: 700;
}

.company-cards ul li:hover {
  transform: scale(1.1, 1.1);
}

/*
.company-cards ul li:not(:hover):has(~ li:hover) {
  filter: blur(2px);
  transform: scale(0.9, 0.9);
}
*/

.company-cards ul li:hover ~ li {
  /* filter: blur(2px); */
  transform: scale(0.9, 0.9);
}