marble/build/templates/search.css

WeDeploy's style guide and UI components

/* Search results
   ========================================================================== */
.search-result-container {
  margin: 65px 0 0; }

.search-result-container .search-result-summary {
  color: rgba(14, 20, 26, 0.8);
  font-family: "Galano", sans-serif;
  font-weight: 400;
  font-size: 24px;
  margin: 0 0 50px; }

.search-result {
  min-height: 70px; }

.search-result-icon {
  border-radius: 50%;
  float: left;
  text-align: center;
  height: 70px;
  width: 70px; }

.search-result-icon span {
  font-size: 36px;
  position: relative;
  top: 19px; }

.search-result-link {
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: rgba(14, 20, 26, 0.8);
  display: block;
  font-size: 18px;
  font-family: "Galano", sans-serif;
  font-weight: 700;
  margin-left: 70px; }

.search-result-text {
  color: rgba(14, 20, 26, 0.8);
  font-size: 14px;
  margin-left: 70px; }

.search-result-text em {
  background: rgba(0, 212, 106, 0.2);
  font-style: normal;
  padding: 0 2px; }

@media (min-width: 960px) {
  .search {
    margin: 50px 0 0; }
  .search-result-container {
    margin-bottom: 65px; } }