consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve icons size on goals index

Browse Source 
We're also using a percentage to separate the icons, since using the
viewport width causes strange result on screens where the element
max-width (which is based in rem) is much smaller than the size of the
window.
This commit is contained in:
taitus
2021-01-28 10:31:36 +01:00
committed by Javi Martín
parent d61d648dda
commit adc66cb28e
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/stylesheets/sdg/goals/index.scss
View File

@@ -18,13 +18,13 @@
} }
.sdg-goal-list { .sdg-goal-list {
$spacing: 1vw; $spacing: 1.5%;
@include sdg-goal-list($spacing); @include sdg-goal-list($spacing);
@include grid-row; @include grid-row;
@include grid-column-gutter; @include grid-column-gutter;
max-width: 40rem; max-width: 60rem;
width: 100%; width: 100%;
li { li {