Changeset 44371
- Timestamp:
- 12/28/2018 09:21:48 PM (6 years ago)
- Location:
- trunk/src/wp-content/themes/twentynineteen
- Files:
-
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss
r44370 r44371 506 506 //! Image 507 507 .wp-block-image { 508 508 509 509 510 img { … … 511 512 } 512 513 513 &.alignleft, 514 &.alignright { 515 max-width: 100%; 514 .aligncenter { 515 516 @include postContentMaxWidth(); 517 518 @include media(tablet) { 519 margin: 0; 520 width: $size__site-tablet-content; 521 522 img { 523 margin: 0 auto; 524 } 525 } 526 527 @include media(desktop) { 528 width: $size__site-desktop-content; 529 530 img { 531 margin: 0 auto; 532 } 533 } 516 534 } 517 535 518 536 &.alignfull img { 519 537 width: 100vw; 538 520 539 521 540 @include media(tablet) { 541 522 542 margin-left: auto; 523 543 margin-right: auto; -
trunk/src/wp-content/themes/twentynineteen/style-rtl.css
r44370 r44371 3945 3945 } 3946 3946 3947 3948 3949 3950 3947 3951 .entry .entry-content .wp-block-image img { 3948 3952 display: block; 3949 3953 } 3950 3954 3951 .entry .entry-content .wp-block-image.alignleft, .entry .entry-content .wp-block-image.alignright { 3952 max-width: 100%; 3955 @media only screen and (min-width: 768px) { 3956 .entry .entry-content .wp-block-image .aligncenter { 3957 max-width: calc(8 * (100vw / 12) - 28px); 3958 } 3959 } 3960 3961 @media only screen and (min-width: 1168px) { 3962 .entry .entry-content .wp-block-image .aligncenter { 3963 max-width: calc(6 * (100vw / 12) - 28px); 3964 } 3965 } 3966 3967 @media only screen and (min-width: 768px) { 3968 .entry .entry-content .wp-block-image .aligncenter { 3969 margin: 0; 3970 width: calc(8 * (100vw / 12) - 28px); 3971 } 3972 .entry .entry-content .wp-block-image .aligncenter img { 3973 margin: 0 auto; 3974 } 3975 } 3976 3977 @media only screen and (min-width: 1168px) { 3978 .entry .entry-content .wp-block-image .aligncenter { 3979 width: calc(6 * (100vw / 12) - 28px); 3980 } 3981 .entry .entry-content .wp-block-image .aligncenter img { 3982 margin: 0 auto; 3983 } 3953 3984 } 3954 3985 3955 3986 .entry .entry-content .wp-block-image.alignfull img { 3956 3987 width: 100vw; 3988 3957 3989 } 3958 3990 3959 3991 @media only screen and (min-width: 768px) { 3960 3992 .entry .entry-content .wp-block-image.alignfull img { 3993 3961 3994 margin-right: auto; 3962 3995 margin-left: auto; -
trunk/src/wp-content/themes/twentynineteen/style.css
r44370 r44371 3957 3957 } 3958 3958 3959 3960 3961 3962 3959 3963 .entry .entry-content .wp-block-image img { 3960 3964 display: block; 3961 3965 } 3962 3966 3963 .entry .entry-content .wp-block-image.alignleft, .entry .entry-content .wp-block-image.alignright { 3964 max-width: 100%; 3967 @media only screen and (min-width: 768px) { 3968 .entry .entry-content .wp-block-image .aligncenter { 3969 max-width: calc(8 * (100vw / 12) - 28px); 3970 } 3971 } 3972 3973 @media only screen and (min-width: 1168px) { 3974 .entry .entry-content .wp-block-image .aligncenter { 3975 max-width: calc(6 * (100vw / 12) - 28px); 3976 } 3977 } 3978 3979 @media only screen and (min-width: 768px) { 3980 .entry .entry-content .wp-block-image .aligncenter { 3981 margin: 0; 3982 width: calc(8 * (100vw / 12) - 28px); 3983 } 3984 .entry .entry-content .wp-block-image .aligncenter img { 3985 margin: 0 auto; 3986 } 3987 } 3988 3989 @media only screen and (min-width: 1168px) { 3990 .entry .entry-content .wp-block-image .aligncenter { 3991 width: calc(6 * (100vw / 12) - 28px); 3992 } 3993 .entry .entry-content .wp-block-image .aligncenter img { 3994 margin: 0 auto; 3995 } 3965 3996 } 3966 3997 3967 3998 .entry .entry-content .wp-block-image.alignfull img { 3968 3999 width: 100vw; 4000 3969 4001 } 3970 4002 3971 4003 @media only screen and (min-width: 768px) { 3972 4004 .entry .entry-content .wp-block-image.alignfull img { 4005 3973 4006 margin-left: auto; 3974 4007 margin-right: auto;
Note: See TracChangeset
for help on using the changeset viewer.