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 }
  23 .search-form .form-type-search {
  24   margin: 0;
  25   padding: 0;
  26 }
  27 .search-form .form-type-search label {
  28   display: inline-block;
  29   margin: 0 0 1ex;
  30   padding: 0;
  31 }
  32 .search-form .button {
  33   min-width: 0;
  34   position: relative;
  35   z-index: 1;
  36 }
  37 .search-form #edit-basic .button {
  38   width: 80px;
  39   height: 35px;
  40   margin-left: -80px;
  41 }
  42
  43 .search-form .search-help-link {
  44   padding: 1.28rem;
  45   margin: 0 1rem 1rem 0;
  46 }
  47
  48 .search-form #edit-advanced {
  49   background: #fff;
  50   border: 1px solid #fcece7;
  51   padding: 1.28rem;
  52   margin: 0 1rem 1rem 0;
  53 }
  54 .search-form .search-advanced {
  55   width: 100%;
  56 }
  57 .search-form .search-advanced .details-wrapper {
  58   display: flex;
  59   flex-wrap: wrap;
  60   justify-content: space-between;
  61   padding: 1rem;
  62 }
  63 .search-form .search-advanced .details-wrapper fieldset {
  64   width: 28%;
  65   margin: 0 0 1rem;
  66   padding: 1rem;
  67 }
  68 .search-form .search-advanced .action {
  69   width: 100%;
  70 }
  71
  72 .search-form .search-advanced .form-text {
  73   margin: 0;
  74   padding: 0.5em 2.25em 0.5em 2.25em;
  75   border: 1px solid #dbdbdb;
  76   min-width: calc(100% - 80px);
  77 }
  78
  79 /*
  80   Search results
  81 */
  82 .search-results {
  83   margin: 0 14px 28px;
  84   padding: 0;
  85   list-style: none;
  86 }
  87 /* 77em == the max width of .container + 1em either side */
  88 @media screen and (min-width: 77em) {
  89   .search-results {
  90     margin-left: 0;
  91     margin-right: 0;
  92   }
  93 }
  94
  95 .search-results li {
  96   background: #fff;
  97   border: 1px solid #fcece7;
  98   padding: 1.28rem;
  99   margin: 0 0 1rem 0;
 100 }
 101
 102 .search-results .search-result__snippet {
 103   margin-bottom: 0;
 104 }
 105 .search-results .search-result__info {
 106   margin-top: 1.28rem;
 107   margin-bottom: 0;
 108 }