Advertisement
geminilabs

Untitled

Dec 22nd, 2020
858
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /**
  2.  * https://penguindojo.com/reviews/
  3.  */
  4.  
  5. .glsr form.glsr-form > div:not(.glsr-field) {
  6.     display: flex;
  7. }
  8. .glsr form.glsr-form [type=submit] {
  9.     background-color: #535fab;
  10.     border: 1px solid #535fab;
  11.     color: #fff;
  12.     cursor: pointer
  13.     font-size: 22px;
  14.     font-weight: bold;
  15.     letter-spacing: 1px;
  16.     margin: auto;
  17.     padding: 10px 60px;
  18.     text-align: center;
  19.     text-transform: uppercase;
  20. }
  21. .glsr form.glsr-form label.glsr-label  {
  22.     color: #283440;
  23.     font-family: 'Lato',sans-serif;
  24.     font-size: 18px;
  25.     font-weight: bold;
  26.     margin: .25em 0;
  27. }
  28. .glsr form.glsr-form input.glsr-input,
  29. .glsr form.glsr-form select.glsr-select,
  30. .glsr form.glsr-form textarea.glsr-textarea {
  31.     box-shadow: 0px 2px 3px 0px #ccc
  32. }
  33. .glsr .glsr-field.glsr-field-rating {
  34.     display: flex;
  35.     gap: 20px;
  36. }
  37. @media (min-width: 640px) {
  38.     /* display the form fields in 2 columns and add a 1rem gap between columns */
  39.     .glsr form.glsr-form {
  40.         grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  41.         grid-column-gap: 1rem;
  42.         column-gap: 1rem;
  43.     }
  44.     /* make fields span 2 columns by default */
  45.     .glsr form.glsr-form .glsr-field,
  46.     .glsr form.glsr-form > div:not(.glsr-field) {
  47.         grid-column: span 2 / span 2;
  48.     }
  49.     /* make the name and email fields span 1 column */
  50.     .glsr form.glsr-form .glsr-field:nth-of-type(-1n+3) {
  51.         grid-column: span 1 / span 1;
  52.     }
  53. }
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement