0001-caen-position-orange-dots-circle-relative-to-the-con.patch
static/caen/_custom.scss | ||
---|---|---|
118 | 118 |
left calc(50% - #{$width/2}) top 100px; |
119 | 119 |
} |
120 | 120 |
} |
121 |
// Orange dots |
|
121 | 122 |
main { |
122 |
background-image: url(img/bg-dots-orange.svg); |
|
123 |
background-position: top 100vh left -350px; |
|
124 |
background-size: 700px; |
|
125 |
background-repeat: no-repeat; |
|
126 |
@media ($max-mobile-viewport) { |
|
127 |
background-size: 400px; |
|
123 |
overflow: hidden; |
|
124 |
} |
|
125 |
#main-content{ |
|
126 |
position: relative; |
|
127 |
&::before { |
|
128 |
content: ""; |
|
129 |
width: 700px; |
|
130 |
height: 700px; |
|
131 |
position: absolute; |
|
132 |
top: 90vh; |
|
133 |
right: 100%; |
|
134 |
z-index: -1; |
|
135 |
background-image: url(img/bg-dots-orange.svg); |
|
136 |
background-position: center; |
|
137 |
background-size: 100%; |
|
138 |
background-repeat: no-repeat; |
|
139 |
@media ($max-mobile-viewport) { |
|
140 |
width: 400px; |
|
141 |
height: 400px; |
|
142 |
} |
|
128 | 143 |
} |
129 | ||
130 | 144 |
} |
131 | 145 | |
132 | 146 |
// |
133 |
- |