_home.scss 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. .home-page-layout-content{
  2. .layout--onecol{
  3. // width: 70%;
  4. margin: auto;
  5. font-size: 1.5rem;
  6. font-weight: 400;
  7. font-style: normal;
  8. h4{
  9. font-size: 5rem;
  10. font-weight: normal;
  11. margin: 0;
  12. }
  13. h5{
  14. font-size: 5rem;
  15. font-weight: 900;
  16. margin: 0;
  17. line-height: 0.6;
  18. }
  19. .block-region-content{
  20. display: flex;
  21. flex-wrap: wrap;
  22. .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f{
  23. width: 35%;
  24. border: solid $yellow-puca 1px;
  25. background-color: $white-button;
  26. font-weight: 800;
  27. padding: 1rem;
  28. h2{
  29. margin-top: 0;
  30. margin-bottom: 0;
  31. text-transform: lowercase;
  32. font-weight: 900;
  33. line-height: 1rem;
  34. font-size:1.8rem ;
  35. }
  36. .field--name-field-description{
  37. margin-top: 0;
  38. font-size: 2rem;
  39. line-height: 2.2rem;
  40. // inline-size: 1rem;
  41. p{
  42. margin-top: 0.8rem;
  43. }
  44. }
  45. .field--type-link{
  46. padding: 0;
  47. margin: 0;
  48. border: none;
  49. font-weight: 400;
  50. .field__item {
  51. ::after{
  52. justify-self: unset;
  53. padding-left: 1rem;
  54. content: url(../images/noun-arrow-1569918.svg);
  55. }
  56. }
  57. }
  58. }
  59. .block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d{
  60. width: 45%;
  61. height: fit-content;
  62. display: flex;
  63. justify-content: flex-end;
  64. :hover{
  65. background-color: $yellow-puca;
  66. }
  67. }
  68. .block-block-content259faa3e-f66e-4776-9f4e-9a3aa26e8252{
  69. width: 45%;
  70. display: flex;
  71. justify-content: flex-end;
  72. :hover{
  73. background-color: $yellow-puca;
  74. }
  75. }
  76. }
  77. }
  78. }