_filtres.scss 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. #views-exposed-form-projets-block-1{
  2. flex-direction: row;
  3. position: relative;
  4. align-items: center;
  5. }
  6. #views-exposed-form-base-de-donnees-block-1{
  7. flex-direction: column;
  8. margin-top: 1rem;
  9. @media (max-width: 479px){
  10. justify-content: center;
  11. }
  12. .js-form-item{
  13. flex-direction: column !important;
  14. margin-right: 0 !important;
  15. input,
  16. select{
  17. width: 100%;
  18. }
  19. label{
  20. padding-right: 0 !important;
  21. }
  22. }
  23. }
  24. #views-exposed-form-base-de-donnees-block-1,
  25. #views-exposed-form-projets-block-1{
  26. display: flex;
  27. flex-wrap: wrap;
  28. .js-form-item{
  29. display: flex;
  30. flex-direction: row;
  31. max-width: 100%;
  32. margin-right: 1rem;
  33. margin-bottom: 1rem;
  34. padding: 0.5rem 1rem;
  35. align-items: baseline;
  36. border: solid black 0.5px ;
  37. justify-content: space-evenly;
  38. @media(max-width: 810px){
  39. display: flex;
  40. flex-direction: row;
  41. justify-content: space-between;
  42. }
  43. label{
  44. flex: 2 1 auto;
  45. padding-right: 2rem;
  46. &::after{
  47. content: ' : ';
  48. }
  49. }
  50. input{
  51. flex: 2 1 auto;
  52. max-width: 55%;
  53. @media(max-width: 810px){
  54. max-width: 100%;
  55. }
  56. }
  57. .form-checkbox{
  58. margin-right: 1rem;
  59. }
  60. .select-wrapper{
  61. margin: 0;
  62. }
  63. }
  64. .js-form-type-checkbox label{
  65. &::after{
  66. content: none;
  67. }
  68. }
  69. .form-actions{
  70. input{
  71. color: white;
  72. font-weight: 600;
  73. text-transform: uppercase;
  74. padding: 0.3rem 0.7rem;
  75. background-color: $blue-light;
  76. border: none;
  77. }
  78. }
  79. input, select{
  80. border: none;
  81. background-color: transparent;
  82. font-family: "Marianne";
  83. font-size: 1rem;
  84. }
  85. }