mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-04-22 11:03:43 +03:00
Homepage: Fix contributor highlight section
This commit is contained in:
parent
c6c4baf62b
commit
ac1027b550
|
@ -22,13 +22,16 @@ body.page-about .entry-content {
|
|||
> h4,
|
||||
> h5,
|
||||
> h6,
|
||||
> .wp-block-quote,
|
||||
> .wp-block-media-text,
|
||||
> .wp-block-button,
|
||||
> .wp-block-group {
|
||||
margin-left: 17.5rem;
|
||||
}
|
||||
|
||||
> .wp-block-quote {
|
||||
margin-left: calc( 17.5rem - 62px );
|
||||
}
|
||||
|
||||
p.is-style-wporg-tldr {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
|
6
themes/wporg-5ftf/css/objects/_gallery.scss
Normal file
6
themes/wporg-5ftf/css/objects/_gallery.scss
Normal file
|
@ -0,0 +1,6 @@
|
|||
.wp-block-gallery {
|
||||
|
||||
ul {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
16
themes/wporg-5ftf/css/objects/_media-text.scss
Normal file
16
themes/wporg-5ftf/css/objects/_media-text.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -7,8 +7,11 @@
|
|||
@import "../../../pub/wporg/css/objects/links";
|
||||
@import "../../../pub/wporg/css/objects/notices";
|
||||
@import "buttons";
|
||||
@import "gallery";
|
||||
@import "hero";
|
||||
@import "image";
|
||||
@import "media-text";
|
||||
@import "pledge-form";
|
||||
@import "pledge";
|
||||
@import "pullquote";
|
||||
@import "quote";
|
||||
|
|
36
themes/wporg-5ftf/css/objects/_quote.scss
Normal file
36
themes/wporg-5ftf/css/objects/_quote.scss
Normal 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}");
|
||||
}
|
||||
}
|
||||
}
|
1
themes/wporg-5ftf/css/settings/_icons.scss
Normal file
1
themes/wporg-5ftf/css/settings/_icons.scss
Normal 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";
|
|
@ -3,5 +3,6 @@
|
|||
@import "../../../pub/wporg/css/settings/structure";
|
||||
@import "../../../pub/wporg/css/settings/typography";
|
||||
@import "colors";
|
||||
@import "icons";
|
||||
@import "structure";
|
||||
@import "typography";
|
||||
|
|
Loading…
Reference in a new issue