static.scss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. .path-node .page-node-type-static {
  2. font-family: $font-family-default;
  3. }
  4. .paragraph paragraph--type--texte .paragraph--view-mode--default {
  5. font-family: $font-family-default;
  6. }
  7. .node-type-static {
  8. display: flex;
  9. flex-direction: column;
  10. font-family: $font-family-default;
  11. .field--name-field-textes {
  12. display: flex;
  13. flex-direction: column;
  14. max-width: 50%;
  15. align-self: center;
  16. margin: auto;
  17. margin-left: 20%;
  18. margin-right: 30%;
  19. padding: 4rem;
  20. }
  21. .field--name-field-titre{
  22. .field__item{
  23. color: $blue-dark;
  24. font-weight: 900;
  25. font-size: 2rem;
  26. }
  27. .field__label{
  28. visibility: hidden;
  29. }
  30. }
  31. .inter-titre {
  32. color: $blue-light;
  33. text-transform: uppercase;
  34. }
  35. }
  36. // field field--name-field-liens field--type-link field--label-above
  37. .field--name-field-liens {
  38. // position: relative;
  39. // position: sticky;
  40. // clear: right;
  41. float: right;
  42. width: 20%;
  43. margin-right: 10%;
  44. margin-bottom: 2rem;
  45. justify-items: center;
  46. .ext {
  47. display: flex;
  48. flex-direction: row-reverse;
  49. position: sticky;
  50. height: fit-content;
  51. font-weight: 900;
  52. background-color: $blue-light;
  53. color: $white;
  54. text-decoration: none;
  55. justify-content: left;
  56. align-items: center;
  57. padding: 0.2rem;
  58. svg {
  59. width: 70px;
  60. height: 70px;
  61. padding: 0;
  62. padding-right: 1rem;
  63. padding-left: 0.5rem;
  64. padding-bottom: 1rem;
  65. margin: 0;
  66. fill: $black;
  67. path, svg.mailto path {
  68. stroke: $black;
  69. stroke-width: 0.1px;
  70. }
  71. }
  72. }
  73. }
  74. .field--name-field-fichiers {
  75. position: relative;
  76. clear: right;
  77. float: right;
  78. width: 20%;
  79. margin-right: 10%;
  80. .file--mime-application-pdf {
  81. display: flex;
  82. height: fit-content;
  83. font-weight: 900;
  84. background-color: $blue-light;
  85. color: $white;
  86. justify-content: right;
  87. align-items: center;
  88. padding: 1rem;
  89. a {
  90. color: $white;
  91. text-decoration: none;
  92. // outline: none;
  93. }
  94. }
  95. }