mirror of
https://github.com/WordPress/WordPress.git
synced 2024-10-30 07:20:01 +01:00
11d4f1b3bf
Props: ironprogrammer, petitphp, hellofromTonya, azaozz. Fixes: #57891. Built from https://develop.svn.wordpress.org/trunk@55494 git-svn-id: http://core.svn.wordpress.org/trunk@55027 1a063a9b-81f0-0310-95a4-ce76da25c4cd
89 lines
2.7 KiB
CSS
89 lines
2.7 KiB
CSS
.wp-block-image img{
|
|
height:auto;
|
|
max-width:100%;
|
|
vertical-align:bottom;
|
|
}
|
|
.wp-block-image img,.wp-block-image.has-custom-border img{
|
|
box-sizing:border-box;
|
|
}
|
|
.wp-block-image.aligncenter{
|
|
text-align:center;
|
|
}
|
|
.wp-block-image.alignfull img,.wp-block-image.alignwide img{
|
|
height:auto;
|
|
width:100%;
|
|
}
|
|
.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{
|
|
display:table;
|
|
}
|
|
.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{
|
|
caption-side:bottom;
|
|
display:table-caption;
|
|
}
|
|
.wp-block-image .alignleft{
|
|
float:left;
|
|
margin:.5em 1em .5em 0;
|
|
}
|
|
.wp-block-image .alignright{
|
|
float:right;
|
|
margin:.5em 0 .5em 1em;
|
|
}
|
|
.wp-block-image .aligncenter{
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
.wp-block-image figcaption{
|
|
margin-bottom:1em;
|
|
margin-top:.5em;
|
|
}
|
|
.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{
|
|
border-radius:9999px;
|
|
}
|
|
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){
|
|
.wp-block-image.is-style-circle-mask img{
|
|
border-radius:0;
|
|
-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
|
|
mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
|
|
mask-mode:alpha;
|
|
-webkit-mask-position:center;
|
|
mask-position:center;
|
|
-webkit-mask-repeat:no-repeat;
|
|
mask-repeat:initial;
|
|
-webkit-mask-size:contain;
|
|
mask-size:contain;
|
|
}
|
|
}
|
|
.wp-block-image :where(.has-border-color){
|
|
border-style:solid;
|
|
}
|
|
.wp-block-image :where([style*=border-top-color]){
|
|
border-top-style:solid;
|
|
}
|
|
.wp-block-image :where([style*=border-right-color]){
|
|
border-right-style:solid;
|
|
}
|
|
.wp-block-image :where([style*=border-bottom-color]){
|
|
border-bottom-style:solid;
|
|
}
|
|
.wp-block-image :where([style*=border-left-color]){
|
|
border-left-style:solid;
|
|
}
|
|
.wp-block-image :where([style*=border-width]){
|
|
border-style:solid;
|
|
}
|
|
.wp-block-image :where([style*=border-top-width]){
|
|
border-top-style:solid;
|
|
}
|
|
.wp-block-image :where([style*=border-right-width]){
|
|
border-right-style:solid;
|
|
}
|
|
.wp-block-image :where([style*=border-bottom-width]){
|
|
border-bottom-style:solid;
|
|
}
|
|
.wp-block-image :where([style*=border-left-width]){
|
|
border-left-style:solid;
|
|
}
|
|
|
|
.wp-block-image figure{
|
|
margin:0;
|
|
} |