www.aleph1.co.uk Git - yaffs-website/blob - web/core/profiles/demo_umami/themes/umami/css/components/blocks/search/search-results.css

   1 /**
   2  * @file
   3  * Stylesheet for results generated by the Search module.
   4  */
   5
   6 .search-form {
   7   display: flex;
   8   align-items: flex-end;
   9   flex-wrap: wrap;
  10   margin: 0 0 1rem;
  11 }
  12
  13 .search-form #edit-basic {
  14   background: #fff;
  15   border: 1px solid #fcece7;
  16   padding: 1.28rem;
  17   margin: 0 1rem 1rem 0;
  18 }
  19 .search-form #edit-basic {
  20   display: flex;
  21   align-items: flex-end;
  22   flex: 1 1;
  23 }
  24 .search-form .form-type-search {
  25   margin: 0;
  26   padding: 0;
  27 }
  28 .search-form .form-type-search label {
  29   display: inline-block;
  30   margin: 0 0 1ex;
  31   padding: 0;
  32 }
  33 .search-form .button {
  34   min-width: 0;
  35   position: relative;
  36   z-index: 1;
  37 }
  38 .search-form #edit-basic .button {
  39   width: 80px;
  40   height: 35px;
  41   margin-left: -80px;
  42 }
  43
  44 .search-form .search-help-link {
  45   padding: 1.28rem;
  46   margin: 0 1rem 1rem 0;
  47   flex: 1 1;
  48 }
  49
  50 .search-form #edit-advanced {
  51   background: #fff;
  52   border: 1px solid #fcece7;
  53   padding: 1.28rem;
  54   margin: 0 1rem 1rem 0;
  55 }
  56 .search-form .search-advanced {
  57   width: 100%;
  58 }
  59 .search-form .search-advanced .details-wrapper {
  60   display: flex;
  61   flex-wrap: wrap;
  62   justify-content: space-between;
  63   padding: 1rem;
  64 }
  65 .search-form .search-advanced .details-wrapper fieldset {
  66   width: 28%;
  67   margin: 0 0 1rem;
  68   padding: 1rem;
  69 }
  70 .search-form .search-advanced .action {
  71   width: 100%;
  72 }
  73
  74 .search-form .search-advanced .form-text {
  75   margin: 0;
  76   padding: 0.5em 2.25em 0.5em 2.25em;
  77   border: 1px solid #dbdbdb;
  78   min-width: calc(100% - 80px);
  79 }
  80
  81 /*
  82   Search results
  83 */
  84 .search-results {
  85   margin: 0 14px 28px;
  86   padding: 0;
  87   list-style: none;
  88 }
  89 /* 77em == the max width of .container + 1em either side */
  90 @media screen and (min-width: 77em) {
  91   .search-results {
  92     margin-left: 0;
  93     margin-right: 0;
  94   }
  95 }
  96
  97 .search-results li {
  98   background: #fff;
  99   border: 1px solid #fcece7;
 100   padding: 1.28rem;
 101   margin: 0 0 1rem 0; /* LTR */
 102 }
 103 /* Apply right margin to keep aligned with title and exposed filter. */
 104 [dir=rtl] .search-results li {
 105   margin: 0 1rem 1rem 0;
 106 }
 107
 108 .search-results .search-result__snippet {
 109   margin-bottom: 0;
 110 }
 111 .search-results .search-result__info {
 112   margin-top: 1.28rem;
 113   margin-bottom: 0;
 114 }