/home/arranoyd/telegastro/wp-content/themes/dt-the7/css/dynamic-less/plugins/gutenberg.less
//Button
.wp-block-button__link {
opacity: 1;
transition: opacity 0.250s;
}
.wp-block-button__link:hover {
opacity: 0.7;
}
//header
h1, h2, h3, h4, h5, h6 {
.content & {
clear: none;
}
}
.content ul.wp-block-gallery {
margin: 0;
}
//block-quote
.wp-block-quote:not(.is-large):not(.is-style-large) {
border-left: 4px solid #000;
padding: 0 0 0 1em;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
position: relative;
padding: 1em 0;
margin: 1em 0;
&:before,
&:after {
position: absolute;
top: -2px;
left: 0;
width: 100%;
height: 2px;
content: "";
}
&:after {
top: 100%;
}
}
.content blockquote.wp-block-quote,
.content .wp-block-pullquote blockquote {
background: none;
}
.wp-block-pullquote {
padding: 1rem;
}
.wp-block-pullquote blockquote {
color: #111;
border: none;
margin-top: calc(2 ~'*' 1rem);
margin-bottom: calc(2.15 ~'*' 1rem);
margin-right: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.wp-block-pullquote p {
font-size: 22px;
line-height: 28px;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.wp-block-pullquote p em {
font-style: normal;
}
.wp-block-pullquote cite {
display: inline-block;
font-size: 13px;
line-height: 18px;
text-transform: inherit;
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
width: 100%;
padding: 0;
}
.wp-block-pullquote.alignleft blockquote,
.wp-block-pullquote.alignright blockquote {
margin-left: 0;
padding-left: 0;
padding-right: 0;
text-align: left;
max-width: 100%;
}
.wp-block-pullquote.is-style-solid-color {
background-color: #0073aa;
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 768px) {
.wp-block-pullquote.is-style-solid-color {
padding-left: 10%;
padding-right: 10%;
box-sizing: border-box;
}
}
.wp-block-pullquote.is-style-solid-color p {
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.wp-block-pullquote.is-style-solid-color a,
.wp-block-pullquote.is-style-solid-color cite,
.wp-block-pullquote blockquote * {
color: inherit;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: calc(100% ~'-' ~'('2 ~'*' 1rem~')');
color: #fff;
padding-left: 0;
margin-left: 1rem;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
font-size: 20px;
line-height: 28px;
margin-bottom: 0.5em;
}
@media only screen and (min-width: 768px) {
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: 0;
margin-right: 0;
}
}
// @media only screen and (min-width: 768px) {
// .wp-block-pullquote.is-style-solid-color.alignfull {
// padding-left: calc(10% ~'+' 58px ~'+ ( ' 2 ~'*' 1rem~')');
// padding-right: calc(10% ~'+' 58px ~'+ (' 2 ~'*' 1rem~')');
// }
// }
.wp-block-quote p {
font-size: 20px;
line-height: 28px;
}
.wp-block-quote cite {
font-size: 13px;
line-height: 18px;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 26px;
line-height: 32px;
font-style: normal;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 15px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin: 2rem 0;
padding: 2em 0;
&:before,
&:after {
height: 4px;
top: -4px;
}
&:after {
top: 100%;
}
}
}
//wp-block-separator
//Image gallery
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
box-sizing: border-box;
}
.content .wp-block-table.is-style-stripes td {
border-color: transparent;
}
.alignwide {
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 768px) {
.alignwide {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
}
.alignfull {
margin-top: calc(2 ~'*' 1rem);
margin-right: 0;
margin-bottom: calc(2 ~'*' 1rem);
margin-left: 0;
max-width: 100%;
}
.content>*.alignfull {
position: relative;
// left: -1rem;
// width: calc(100% ~'+'2 ~'*'1rem);
// max-width: calc(100% ~'+'2 ~'*'1rem);
}
//@media only screen and (min-width: 768px) {
.content>*.alignfull,
.content ul.wp-block-gallery.alignfull {
margin-top: calc(2 ~'*'1rem);
margin-bottom: calc(2 ~'*'1rem);
left: 50%;
margin-left: -50vw;
width: 100vw;
max-width: none;
}
//}
.content>*.alignfull img {
display: block;
width: 100vw;
}
@media only screen and (min-width: 768px) {
.wp-block-image.alignfull img {
margin-left: auto;
margin-right: auto;
}
}
.wp-block-image img {
display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
max-width: 100%;
}
.wp-block-image.alignfull img {
width: 100vw;
}
@media only screen and (min-width: 768px) {
.wp-block-image.alignfull img {
margin-left: auto;
margin-right: auto;
}
}
.wp-block-cover-image,
.wp-block-cover {
position: relative;
min-height: 430px;
}
.wp-block-cover-image.aligncenter h2,
.wp-block-cover-image.aligncenter .wp-block-cover-image-text,
.wp-block-cover-image.aligncenter .wp-block-cover-text,
.wp-block-cover.aligncenter h2,
.wp-block-cover.aligncenter .wp-block-cover-image-text,
.wp-block-cover.aligncenter .wp-block-cover-text {
width: 100%;
z-index: 1;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
}
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
width: 100%;
}
@media only screen and (min-width: 768px) {
// .content .wp-block-cover-image.alignfull,
// .content .wp-block-cover.alignfull {
// padding-left: calc( 50px ~'+ ('2 ~'*' 1rem ~')');
// padding-right: calc( 50px ~'+ (' 2 ~'*' 1rem ~')');
// }
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
.wp-block-cover-image.alignfull .wp-block-cover-text,
.wp-block-cover-image.alignfull h2,
.wp-block-cover.alignfull .wp-block-cover-image-text,
.wp-block-cover.alignfull .wp-block-cover-text,
.wp-block-cover.alignfull h2 {
max-width: calc(8 ~'*('100vw ~'/' 12 ~') -' 28px);
}
}
@media only screen and (min-width: 1168px) {
.wp-block-cover-image.alignfull .wp-block-cover-image-text,
.wp-block-cover-image.alignfull .wp-block-cover-text,
.wp-block-cover-image.alignfull h2,
.wp-block-cover.alignfull .wp-block-cover-image-text,
.wp-block-cover.alignfull .wp-block-cover-text,
.wp-block-cover.alignfull h2 {
max-width: calc(6 ~'* ('100vw ~'/' 12~') -' 28px);
}
}
.wp-block-gallery {
list-style-type: none;
padding-left: 0;
}
.wp-block-gallery .blocks-gallery-image:last-child,
.wp-block-gallery .blocks-gallery-item:last-child {
margin-bottom: 16px;
}
.wp-block-audio figcaption,
.wp-block-video figcaption,
.wp-block-image figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
font-size: 0.71111em;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: center;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2 {
padding: 14px;
box-sizing: border-box;
color: #fff;
}
@media only screen and (min-width: 768px) {
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2 {
max-width: 100%;
}
}
/*--------------------------------------------------------------
6.0 Blocks - Colors
--------------------------------------------------------------*/
.has-blue-color {
color: #1982d1;
}
.has-blue-background-color {
background-color: #1982d1;
}
.has-black-color {
color: #000;
}
.has-black-background-color {
background-color: #000;
}
.has-dark-gray-color {
color: #373737;
}
.has-dark-gray-background-color {
background-color: #373737;
}
.has-medium-gray-color {
color: #666;
}
.has-medium-gray-background-color {
background-color: #666;
}
.has-light-gray-color {
color: #e2e2e2;
}
.has-light-gray-background-color {
background-color: #e2e2e2;
}
.has-white-color {
color: #fff;
}
.has-white-background-color {
background-color: #fff;
}
.content .has-secondary-background-color,
.content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
background-color: #005177;
}
.content .has-dark-gray-background-color,
.content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
background-color: #111;
}
.content .has-light-gray-background-color,
.content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
background-color: #767676;
}
.content .has-white-background-color,
.content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
background-color: #FFF;
}
.content .has-primary-color,
.content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
.content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
color: #0073aa;
}
.content .has-secondary-color,
.content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
.content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
color: #005177;
}
.content .has-dark-gray-color,
.content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
.content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
color: #111;
}
.content .has-light-gray-color,
.content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
.content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
color: #767676;
}
.content .has-white-color,
.content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: #FFF;
}
.content .has-drop-cap:not(:focus):first-letter {
font-size: 3.375em;
line-height: 1;
font-weight: bold;
margin: 0 0.25em 0 0;
}
/*Widgets*/
.wp-block-latest-comments {
.content & {
margin: 0;
}
}
.wp-block-categories,
.wp-block-archives,
.wp-block-latest-posts {
.content & {
margin: 0;
}
& li {
margin-bottom: 10px;
padding: 0;
}
}
.wp-block-archives li,
.wp-block-latest-posts li {
list-style: none;
& a {
text-decoration: none;
}
}
.wp-block-latest-comments__comment-meta a {
text-decoration: none;
}
@media only screen and (max-width: 768px) {
[data-align="left"] .wp-block-cover-image,
[data-align="right"] .wp-block-cover-image,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
[data-align="left"] .wp-block-cover,
[data-align="right"] .wp-block-cover,
.wp-block-cover.alignleft,
.wp-block-cover.alignright,
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 100%;
}
}
@media (max-width: 782px) {
.wp-block-columns {
flex-wrap: wrap;
}
.wp-block-column {
flex-basis: 100%;
}
.wp-block-column:not(:first-child) {
margin-left: 0;
margin-right: 0;
}
.wp-block-column:not(:last-child) {
margin-right: 0;
}
}
@media only screen and (min-width: 768px) {
.content .wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
}
.content .wp-block-columns .wp-block-column > *:last-child {
margin-bottom: 0;
}
.content .wp-block-columns[class*='has-'] > *:last-child {
margin-right: 0;
}
}