Pullquote

@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";

.block-pullquote {
  border-left: 3px solid $secondary-light-green;
  padding: 0 24px;
  color: $primary;

  &.has-background:not(.has-light-blue-background-color):not(.has-white-background-color) {
    p,
    a,
    p + span {
      color: $white;
    }
  }

  @include bp($md) {
    padding: 0 60px;
  }

  p {
    @include fluid-type(16, 20, 375, $max-container-size);
    font-weight: 600;
    line-height: 1.4;

    & + span {
      display: block;
    }
  }
}

{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 2,
  "name": "strategiq/pullquote",
  "title": "Pullquote",
  "description": "Example block to be used as a template",
  "category": "strategiq",
  "icon": "strategiq",
  "acf": {
      "mode": "preview",
      "renderTemplate": "block-pullquote.php"
  },
  "supports": {
      "anchor": true,
      "align": false,
      "color": {
          "background": true,
          "text": false,
          "gradients": false
      },
      "spacing": {
          "padding": [
              "top",
              "bottom"
          ],
          "margin": [
              "top",
              "bottom"
          ]
      }
  },
  "attributes": {
    "style": {
        "type": "object",
        "default": {
            "spacing": {
                "margin": {
                    "bottom": "32px"
                },
                "padding": {
                    "top": "3rem",
                    "bottom": "3rem"
                }
            }
        }
    }
  },
  "example": {
      "attributes": {
          "mode": "preview",
          "data": {
              "heading_type": "h2",
              "heading_text": "Pullquote",
              "content": "This is some example content to represent what the content will look like"
          }
      }
  },
  "style": ["file:../../assets/css/pullquote/block-pullquote.css"]
}