opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Use flex shrink to resize logos

Browse source
This commit is contained in:
Oliver Davies 2017-04-16 09:22:49 +01:00
parent fe415f0619
commit f66778a468
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
assets/sass/components/_page-experience.sass
View file

@ -2,6 +2,9 @@
margin-bottom: $padding-large-vertical * 3 margin-bottom: $padding-large-vertical * 3
+clearfix +clearfix
.experience-item-inner
flex: 1 1 100%
.experience-item-website .experience-item-website
display: inline-block display: inline-block
margin-bottom: 2px margin-bottom: 2px
@ -11,11 +14,9 @@
margin-bottom: .625rem margin-bottom: .625rem
.experience-item-logo .experience-item-logo
flex: 1 3 250px
margin-left: 1.5em margin-left: 1.5em
margin-top: 25px margin-top: 25px
max-width: 25%
+desktop
max-width: 15%
img img
height: auto height: auto

2
source/_partials/experience/item.twig
View file

@ -5,7 +5,7 @@
] %} ] %}
<div class="{{ classes|join(' ')|trim }}"> <div class="{{ classes|join(' ')|trim }}">
<div class="experience-item-inner flex"> <div class="experience-item-inner">
<h2>{{ company.name }}</h2> <h2>{{ company.name }}</h2>
{{ include('experience/website') }} {{ include('experience/website') }}