_static.scss 2.2 KB

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