Organised sass partials

This commit is contained in:
Oliver Davies 2016-03-10 18:25:49 +00:00
parent 04557d3670
commit c723c31161
11 changed files with 14 additions and 14 deletions

View file

@ -68,8 +68,8 @@
{% block sidebar_wrapper %} {% block sidebar_wrapper %}
<div class="col-md-3"> <div class="col-md-3">
{% block sidebar %} {% block sidebar %}
<div class="panel panel--badges"> <div class="panel badges">
<a class="panel--badges--badge__da-member" href="https://assoc.drupal.org/membership" title="Im a Drupal Association member."> <a class="badges__badge--da-member" href="https://assoc.drupal.org/membership" title="Im a Drupal Association member.">
<img src="{{ site.images_url }}/assets/images/da-individual-member.png" alt="Drupal Association Individual Member"> <img src="{{ site.images_url }}/assets/images/da-individual-member.png" alt="Drupal Association Individual Member">
</a> </a>

View file

@ -91,7 +91,7 @@ experiences:
{% endif %} {% endif %}
{% if company.logo %} {% if company.logo %}
<img class="experience--logo" src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}" alt="{{ company.title }} logo"> <img class="experience__logo" src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}" alt="{{ company.title }} logo">
{% endif %} {% endif %}
<div class="role-wrapper"> <div class="role-wrapper">

View file

@ -1,4 +1,4 @@
.panel--badges { .badges {
> a { > a {
display: block; display: block;
margin: 0 0 10px; margin: 0 0 10px;

View file

@ -1,4 +1,4 @@
.page--testimonials .testimonial { .testimonial {
@include clearfix; @include clearfix;
margin-bottom: 10px; margin-bottom: 10px;

View file

@ -1,7 +1,7 @@
.experience { .experience {
@include clearfix; @include clearfix;
.experience--logo { .experience__logo {
@extend .pull-right; @extend .pull-right;
margin: 0 0 10px 10px; margin: 0 0 10px 10px;
max-width: 25%; max-width: 25%;

View file

@ -10,11 +10,11 @@
@import '../vendor/bower/compass-breakpoint/stylesheets/breakpoint'; @import '../vendor/bower/compass-breakpoint/stylesheets/breakpoint';
@import 'base'; @import 'base';
@import 'badges'; @import 'components/badges';
@import 'experience'; @import 'components/footer';
@import 'meetups'; @import 'components/meetups';
@import 'footer'; @import 'components/testimonials';
@import 'testimonials'; @import 'pages/blog-list';
@import 'blog-list'; @import 'pages/blog-post';
@import 'blog-post'; @import 'pages/experience';
@import 'portfolio'; @import 'pages/portfolio';