_announcement.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. .announcement-edit{
  2. position: absolute;
  3. z-index: 3;
  4. }
  5. .carousel{
  6. .carousel-control-prev,
  7. .carousel-control-next{
  8. width: 3%;
  9. }
  10. .carousel-indicators{
  11. margin-bottom: 0;
  12. bottom: -35px;
  13. li{
  14. height: 8px;
  15. }
  16. }
  17. .carousel-item{
  18. img{
  19. padding-bottom: 1rem;
  20. padding-right: 1rem;
  21. }
  22. .announcement-text{
  23. color: #ffffff;
  24. text-align: left;
  25. padding-top: 12%;
  26. padding-left: 15%;
  27. @include portrait($breakpoint-sm, $breakpoint-md){
  28. padding-top: 0;
  29. padding-left: 0;
  30. }
  31. @include landscape($breakpoint-sm) {
  32. padding-top: 0;
  33. padding-left: 0;
  34. padding-bottom: 2rem;
  35. }
  36. h1{
  37. font-size: 40px;
  38. color: #ffffff;
  39. line-height: 45px;
  40. text-align: left;
  41. @include portrait($breakpoint-sm, $breakpoint-md){
  42. font-size: 28px;
  43. line-height: 32px;
  44. }
  45. @include landscape($breakpoint-sm) {
  46. font-size: 28px;
  47. line-height: 32px;
  48. }
  49. }
  50. h5{
  51. font-size: 20px;
  52. color: #ffda29;
  53. line-height: 30px;
  54. text-align: left;
  55. }
  56. }
  57. }
  58. }
  59. .announcement-image{
  60. .dotted-bg-block{
  61. height: 200px;
  62. top: auto;
  63. left: 130px;
  64. bottom: -30px;
  65. right: -30px;
  66. width: auto;
  67. position: absolute;
  68. z-index: 0;
  69. overflow: hidden;
  70. @include portrait($breakpoint-sm, $breakpoint-md){
  71. height: 80px;
  72. }
  73. @include landscape($breakpoint-sm) {
  74. height: 80px;
  75. }
  76. div{
  77. background: repeating-linear-gradient(90deg,#ffffff00,#ffffff00 7px,#00000000 7px,#e4e4e4 9px);
  78. transform: rotate(45deg);
  79. position: absolute;
  80. top: -2000px;
  81. left: -2000px;
  82. right: -2000px;
  83. bottom: -2000px;
  84. }
  85. }
  86. }