Skip to content

Commit

Permalink
fixing format for scss
Browse files Browse the repository at this point in the history
  • Loading branch information
NataliaLKB committed Apr 18, 2016
1 parent c9e82b5 commit 32dfbd2
Showing 1 changed file with 27 additions and 10 deletions.
37 changes: 27 additions & 10 deletions static/src/stylesheets/module/content/_gallery.scss
Original file line number Diff line number Diff line change
Expand Up @@ -246,7 +246,6 @@
}
}


// New gallery stuff

// TODO: put in pasteup
Expand All @@ -260,7 +259,6 @@ $multimedia-support-5: #161616;
left: 0;
}


// TODO: When the time comes, remove `.new-gallery` class completely and remove old gallery styling
.new-gallery {
.ad-slot--dark {
Expand All @@ -276,37 +274,51 @@ $multimedia-support-5: #161616;
}

@include mq(tablet) {
.content__dateline, .content__labels, .byline, .content__meta-container, .meta__break, .content__headline, .content__standfirst {
.content__dateline,
.content__labels,
.byline,
.content__meta-container,
.meta__break,
.content__headline,
.content__standfirst {
margin-left: gs-span(3);
margin-right: gs-span(1);
max-width: gs-span(8);
}

.byline, .content__dateline {
border: 0;
}

.content__standfirst {
padding-bottom: 0;
padding-top: 0;

&:before {
content: none;
}
}
}


// TODO: Replace all media tones instead of overwriting the defaults
&.tonal--tone-media {

// Overwriting media tone header so that you can see the image instead
.tonal__header {
background-color: rgba(0, 0, 0, 0);
}

.meta__numbers {
color: $neutral-3;
}
.content__dateline, .sharecount__heading {

.content__dateline,
.sharecount__heading {
color: $neutral-2;
}
.byline a, .sharecount__value {

.byline a,
.sharecount__value {
color: $neutral-3;
}
}
Expand Down Expand Up @@ -369,7 +381,8 @@ $multimedia-support-5: #161616;
margin-left: 1rem;
}

.content__series-label, .content__section-label {
.content__series-label,
.content__section-label {
display: inline-block;
}

Expand All @@ -382,7 +395,10 @@ $multimedia-support-5: #161616;

.block-share--gallery {
position: relative;
.block-share__item--facebook, .block-share__item--twitter, .block-share__item--pinterest {

.block-share__item--facebook,
.block-share__item--twitter,
.block-share__item--pinterest {
background-color: rgba(0, 0, 0, 0);
border: 1px solid $neutral-2;

Expand Down Expand Up @@ -512,6 +528,7 @@ $multimedia-support-5: #161616;

.gallery__img-container {
background-color: rgba(0, 0, 0, 0);

@include mq(tablet) {
border-left: 1px dotted #484848;
padding-left: $gs-gutter / 2;
Expand All @@ -520,7 +537,8 @@ $multimedia-support-5: #161616;
}

// landscape gallery images now are wider than they were before.
.gallery__img-container--landscape, .gallery__img--landscape {
.gallery__img-container--landscape,
.gallery__img--landscape {
width: 100%;
height: auto;
}
Expand All @@ -544,7 +562,6 @@ $multimedia-support-5: #161616;
.content__head--mobile {
position: relative;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
display: block;
}
Expand Down

0 comments on commit 32dfbd2

Please sign in to comment.