maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-28 12:43:11 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Change aspect ratio to use the calc function

Browse source
This commit is contained in:
Hannu Lyytikainen 2017-10-31 10:19:42 +02:00
parent b7b2cc66a2
commit 48cb1ef4f5
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/SectionLocations/SectionLocations.css
View file

@ -85,10 +85,10 @@
/* An image wrapper that defines the images aspect ratio */
.aspectWrapper {
padding-bottom: 46.1538%; /* 13:6 Aspect Ratio */
padding-bottom: calc(6 / 13 * 100%); /* 13:6 Aspect Ratio */
@media (--viewportMedium) {
padding-bottom: 66.6667%; /* 3:2 Aspect Ratio */
padding-bottom: calc(2 / 3 * 100%); /* 3:2 Aspect Ratio */
}
}