info-row.scss 991 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .responsive-small {
  2. display: block;
  3. }
  4. .responsive-large {
  5. display: none;
  6. }
  7. .responsive-large {
  8. @include width-small {
  9. display: block;
  10. }
  11. }
  12. .responsive-small {
  13. @include width-small {
  14. display: none;
  15. }
  16. }
  17. .info-container {
  18. display: flex;
  19. flex-direction: column;
  20. justify-content: space-between;
  21. align-items: center;
  22. border: var(--gold-2);
  23. background-image: url("/assets/images/texture-0.jpg");
  24. box-shadow: var(--shadow);
  25. border-radius: 10px;
  26. height: 6rem;
  27. width: 7rem;
  28. @include width-small {
  29. width: 10rem;
  30. }
  31. }
  32. .info-input {
  33. border: none;
  34. outline: none;
  35. text-align: center;
  36. background-color: transparent;
  37. width: 5rem;
  38. margin-top: 0.375rem;
  39. font-size: 2rem;
  40. font-weight: 600;
  41. }
  42. .info-input::-webkit-outer-spin-button,
  43. .info-input::-webkit-inner-spin-button {
  44. -webkit-appearance: none;
  45. appearance: none;
  46. margin: 0;
  47. }
  48. .info-label {
  49. font-size: 1.25rem;
  50. font-weight: 600;
  51. text-align: center;
  52. padding: 0.25rem 0.5rem;
  53. }