Ana Sayfa Keşfet Yardım
Giriş Yap
bachir
/
popsu-d9
1
0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Ağaç: 5c915940ca
Dallar Biçim İmleri
popsu-d9
/
web
/
themes
/
custom
/
popsu
/
sass
/
pages
/
_node-evenement-actu.scss

_node-evenement-actu.scss 1.7 KB
Geçmiş Ham

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111 
  1. .page-node-type-evenement, .page-node-type-actualite{
    2. 

  2. 	&.programme-1{
    3. 

  3. 		.field_programme{
    4. 

  4. 			background-color: $col-1;
    5. 

  5. 		}
    6. 

  6.     }
    7. 

  7.     &.programme-2{
    8. 

  8. 		.field_programme{
    9. 

  9. 			background-color: $col-2;
    10. 

  10. 		}
    11. 

  11.     }
    12. 

  12.     &.programme-3{
    13. 

  13. 		.field_programme{
    14. 

  14. 			background-color: $col-eur;
    15. 

  15. 		}
    16. 

  16.     }
    17. 

  17.     &.programme-4{
    18. 

  18. 		.field_programme{
    19. 

  19. 			background-color: $col-met;
    20. 

  20. 		}
    21. 

  21.     }
    22. 

  22.     &.programme-5{
    23. 

  23. 		.field_programme{
    24. 

  24. 			background-color: $col-mond;
    25. 

  25. 		}
    26. 

  26.     }
    27. 

  27.     &.programme-6{
    28. 

  28. 		.field_programme{
    29. 

  29. 			background-color: $col-ter;
    30. 

  30. 		}
    31. 

  31.     }
    32. 

  32.     &.programme-7{
    33. 

  33. 		.field_programme{
    34. 

  34. 			background-color: $col-met;
    35. 

  35. 		}
    36. 

  36.     }
    37. 

  37. 	.block-region-second{
    38. 

  38. 		display:grid;
    39. 

  39. 		#node\:title{
    40. 

  40. 			margin: 0;
    41. 

  41. 			font-size: $font-large;
    42. 

  42. 			line-height: 1.3;
    43. 

  43. 		}
    44. 

  44. 		#node\:field_programme{
    45. 

  45. 			grid-row: 1;
    46. 

  46. 			.field_programme{
    47. 

  47. 				display: inline-block;
    48. 

  48. 				width: auto;
    49. 

  49. 				padding: .3rem .5rem;
    50. 

  50. 				color: white;
    51. 

  51. 				font-weight: 600;
    52. 

  52. 

  53. 			}
    54. 

  54. 			margin-bottom: 1rem;
    55. 

  55. 		}
    56. 

  56. 		#node\:field_date{
    57. 

  57. 			font-size: $font-medium;
    58. 

  58. 			grid-row: 2;
    59. 

  59. 			.field_date{
    60. 

  60. 				div{
    61. 

  61. 					float: left;
    62. 

  62. 					margin-right: 1rem;
    63. 

  63. 				}
    64. 

  64. 			}
    65. 

  65. 		}
    66. 

  66. 		#node\:field_sous_titre{
    67. 

  67. 			text-transform: uppercase;
    68. 

  68. 		}
    69. 

  69. 		#node\:field_intro{
    70. 

  70. 			font-size: $font-medium;
    71. 

  71. 		}
    72. 

  72. 		#node\:field_image{
    73. 

  73. 			grid-row: 5;
    74. 

  74. 			width: 100%;
    75. 

  75. 			margin: 1rem 0;
    76. 

  76. 			img{
    77. 

  77. 				width: 100%;
    78. 

  78. 			}
    79. 

  79. 		}
    80. 

  80. 		#node\:body{
    81. 

  81. 

  82. 		}
    83. 

  83.  	}
    84. 

  84. 	 .block-region-first{
    85. 

  85. 		 padding: 1rem 0 .5rem 0;
    86. 

  86. 		 &>div{
    87. 

  87. 			 padding: 0 0 .5rem 0;
    88. 

  88. 		 }
    89. 

  89. 		 a{
    90. 

  90. 			padding: 0 0 0 1rem;
    91. 

  91. 		 }
    92. 

  92. 	 }
    93. 

  93. 	.block-region-third{
    94. 

  94. 		position: sticky;
    95. 

  95. 		top: 1rem;
    96. 

  96. 

  97. 		.field_fichier, .field_ressources_liees{
    98. 

  98. 			margin: .5rem 0;	
    99. 

  99. 			padding-right: 1.3rem;
    100. 

  100. 			a{
    101. 

  101. 				font-weight: 600;
    102. 

  102. 				text-decoration: none;
    103. 

  103. 				&:hover{
    104. 

  104. 					text-decoration: underline;
    105. 

  105. 				}
    106. 

  106. 			}
    107. 

  107. 			
    108. 

  108. 

  109. 		}
    110. 

  110. 	}
    111. 

  111. }
    112.