main
section
+
+ .grid
+ display: grid
+ grid-template-columns: repeat( 3, 1fr)
+ grid-gap: 25px
+
&.indicators
article
height: 100px
text-align: right
color: $headings-color
+ .no-cssgrid &
+ display: inline-block
+ width: 30%
+ margin: 0 25px 25px 0
+
&.map
height: auto
min-height: 600px
left: 15px
height: 70px
- &.charts
- article
- position: relative
- padding: 20px
+ &.charts
+ article
+ position: relative
+ padding: 20px
+ .no-cssgrid &
+ display: inline-block
+ width: 30%
+ margin: 0 25px 25px 0
- h4
- margin: 5px
+ h4
+ margin: 5px
- .chart
- img
- width: 100%
- height: 100%
- object-fit: contain
- object-position: 50% 0
+ .chart
+ img
+ width: 100%
+ height: 100%
+ object-fit: contain
+ object-position: 50% 0
- .chart-menu
- position: absolute
- top: 20px
- right: 20px
- color: $light-color
+ .chart-menu
+ position: absolute
+ top: 20px
+ right: 20px
+ color: $light-color
- .dots
- svg
- height: 10px
+ .dots
+ svg
+ height: 10px
- .buttons
- display: none
+ .buttons
+ display: none
- a
- display: inline-block
- margin: 0 1px
- color: $light-color
+ a
+ display: inline-block
+ margin: 0 1px
+ color: $light-color
- svg
- height: 30px
+ svg
+ height: 30px
- &:hover
- .chart-menu
- .dots
- display: none
+ &:hover
+ .chart-menu
+ .dots
+ display: none
- .buttons
- display: block
\ No newline at end of file
+ .buttons
+ display: block
\ No newline at end of file