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

Updated some Experience styling

Browse source
This commit is contained in:
Oliver Davies 2016-04-19 07:58:33 +01:00
parent 32bfc1b6ac
commit 3ebe691f4c
2 changed files with 23 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
assets/sass/pages/_experience.sass
View file

@ -1,17 +1,30 @@
.experience .experience
+clearfix +clearfix
margin-bottom: $padding-large-vertical * 2
position: relative
.experience__logo h2
@extend .pull-right margin-top: 0
margin: 0 0 10px 10px
max-width: 25%
@include breakpoint($screen-sm-min) @include breakpoint(max-width $screen-tablet)
max-width: 20% font-size: 1.5em
@include breakpoint($screen-md-min) .experience__website
max-width: 15% display: inline-block
margin-bottom: 2px
.experience__role .experience__role
font-style: italic font-style: italic
margin-bottom: 10px margin-bottom: 10px
.experience--with-logo
.experience__logo
@extend .pull-right
margin: 3px 0 20px 20px
max-width: 25%
@include breakpoint($screen-sm-min)
max-width: 20%
@include breakpoint($screen-md-min)
max-width: 15%

4
source/experience.html.twig
View file

@ -77,11 +77,11 @@ experiences:
{% for experience in page.experiences %} {% for experience in page.experiences %}
{% set company = site.companies[experience.company] %} {% set company = site.companies[experience.company] %}
<div class="experience"> <div class="experience {{ company.logo ? 'experience--with-logo' : 'experience--no-logo' }}">
<h2 class="experience__title">{{ company.title }}</h2> <h2 class="experience__title">{{ company.title }}</h2>
{% if company.website %} {% if company.website %}
<a href="">{{ company.website }}</a> <a href="{{ company.website }}" class="experience__website">{{ company.website }}</a>
{% endif %} {% endif %}
{% if company.logo %} {% if company.logo %}