Homepage: Fix contributor highlight section

This commit is contained in:
Kelly Dwan 2019-10-28 18:12:56 -04:00
parent c6c4baf62b
commit ac1027b550
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
7 changed files with 67 additions and 1 deletions

View file

@ -22,13 +22,16 @@ body.page-about .entry-content {
> h4, > h4,
> h5, > h5,
> h6, > h6,
> .wp-block-quote,
> .wp-block-media-text, > .wp-block-media-text,
> .wp-block-button, > .wp-block-button,
> .wp-block-group { > .wp-block-group {
margin-left: 17.5rem; margin-left: 17.5rem;
} }
> .wp-block-quote {
margin-left: calc( 17.5rem - 62px );
}
p.is-style-wporg-tldr { p.is-style-wporg-tldr {
margin-left: auto; margin-left: auto;
} }

View file

@ -0,0 +1,6 @@
.wp-block-gallery {
ul {
margin-left: 0;
}
}

View file

@ -0,0 +1,16 @@
.wp-block-media-text {
&.has-media-on-the-right {
.wp-block-media-text__content {
padding-left: 0;
}
}
&.has-media-on-the-left {
.wp-block-media-text__content {
padding-right: 0;
}
}
}

View file

@ -7,8 +7,11 @@
@import "../../../pub/wporg/css/objects/links"; @import "../../../pub/wporg/css/objects/links";
@import "../../../pub/wporg/css/objects/notices"; @import "../../../pub/wporg/css/objects/notices";
@import "buttons"; @import "buttons";
@import "gallery";
@import "hero"; @import "hero";
@import "image"; @import "image";
@import "media-text";
@import "pledge-form"; @import "pledge-form";
@import "pledge"; @import "pledge";
@import "pullquote"; @import "pullquote";
@import "quote";

View file

@ -0,0 +1,36 @@
.wp-block-quote {
padding-left: 0;
border-left: none;
font-family: $font__serif;
font-size: ms(2);
p {
color: $color__text;
}
cite {
font-size: ms(-1);
}
@include breakpoint( $breakpoint-tablet ) {
margin-left: -62px;
padding-left: 62px;
background-repeat: no-repeat;
background-position: top left;
background-image: url("data:image/svg+xml,#{$icon__quote}");
}
@include breakpoint( 0, #{ $breakpoint-tablet - 1 } ) {
:first-child:before {
display: inline-block;
vertical-align: bottom;
content: '';
width: 32px;
height: 32px;
margin-right: 12px;
background-repeat: no-repeat;
background-position: top left;
background-image: url("data:image/svg+xml,#{$icon__quote}");
}
}
}

View file

@ -0,0 +1 @@
$icon__quote: "%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='%239EA3A8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M11.4933 24H4.50667L7.17333 18.6667H4V8H14.6667V17.6533L11.4933 24ZM17.84 24H24.8267L28 17.6533V8H17.3333V18.6667H20.5067L17.84 24ZM23.1733 21.3333H22.16L24.8267 16H20V10.6667H25.3333V17.0133L23.1733 21.3333ZM9.84 21.3333H8.82667L11.4933 16H6.66667V10.6667H12V17.0133L9.84 21.3333Z' /%3E%3C/svg%3E%0A";

View file

@ -3,5 +3,6 @@
@import "../../../pub/wporg/css/settings/structure"; @import "../../../pub/wporg/css/settings/structure";
@import "../../../pub/wporg/css/settings/typography"; @import "../../../pub/wporg/css/settings/typography";
@import "colors"; @import "colors";
@import "icons";
@import "structure"; @import "structure";
@import "typography"; @import "typography";