{"version":3,"file":"blocks/PinnedNote/style-index.css","mappings":";;;AAMA;EACE;EAKA;EAOA;EASA;EAWA;EACA;AAjCF;;AAoCA;EACE;EACA;EACA;EAGA;EAEA;EACA;AApCF;;AA6CE;EACE;AA1CJ;AA6CE;EACE;EACA;AA3CJ;AA8CE;EACE;AA5CJ,C","sources":["webpack://brandy-blocks/./src/blocks/PinnedNote/style.scss"],"sourcesContent":["// Pinned Note — card tilt and pushpin placement.\n//\n// The vertical stagger is NOT here. It is a relationship between siblings, so\n// brandy/pinned-notes owns it; this file only makes sure the card can be moved\n// by it (see align-self below).\n\n.brandy-pinned-note {\n  position: relative;\n\n  // Grid and flex items stretch by default, which would absorb the margin the\n  // parent uses to stagger this card — the top edge would drop while the bottom\n  // stayed pinned, so the note would just get shorter instead of moving.\n  align-self: start;\n\n  // Rotation has to be a transform, and a rotated box overflows its own layout\n  // box — the corners swing outside it. Nothing the card does to itself fixes\n  // that (padding rotates too, making the overflow larger, not smaller): at\n  // ~2° a 470px-wide card reaches roughly 7px past each edge. The parent's\n  // padding-inline is what catches it at the first and last column.\n  transform: rotate(var(--note-rotate, 0deg));\n\n  // Top only, and only as a floor. This block is the frame, not the card — the\n  // group inside paints the colour and carries the card's own padding, so\n  // padding on the sides or bottom here would inset that group and leave the\n  // shadow floating away from the colour. What the top gap is for is the pin,\n  // which hangs above the card edge.\n  //\n  // Author padding from the spacing support serializes inline and wins.\n  padding-top: 24px;\n\n  // Floor for the same two values every note this block creates is seeded with.\n  // Seeding them as attributes is what puts them in the border and shadow\n  // panels, so an author can find and change them; these rules only catch a\n  // note that arrived by a path the seeding does not see — pasted markup, or\n  // content saved before it existed — which would otherwise sit flat and\n  // square-cornered beside its siblings.\n  //\n  // Author values from both supports serialize inline and win, including\n  // `box-shadow: none` when the shadow is cleared.\n  border-radius: 18px;\n  box-shadow: 6px 6px 9px #00000033;\n}\n\n.brandy-pinned-note__pin {\n  position: absolute;\n  top: 0;\n  line-height: 0;\n  // Falls back to the card's text colour when no pin colour is set, so the pin\n  // is never invisible.\n  color: var(--note-pin-color, currentColor);\n  // Lift the pin so it reads as sitting on top of the card edge.\n  transform: translateY(-45%);\n  pointer-events: none;\n}\n\n// Direct child, not descendant. The is-pin-* class sits on the card itself, and\n// nothing stops an author nesting one note inside another — with a descendant\n// selector the inner pin would match its own rule AND the outer card's. `left`\n// and `right` are different properties, so both would apply and stretch the pin\n// across the card instead of placing it at one edge.\n.brandy-pinned-note {\n  &.is-pin-top-left > .brandy-pinned-note__pin {\n    left: 12%;\n  }\n\n  &.is-pin-top-center > .brandy-pinned-note__pin {\n    left: 50%;\n    margin-left: -14px;\n  }\n\n  &.is-pin-top-right > .brandy-pinned-note__pin {\n    right: 12%;\n  }\n}\n"],"names":[],"sourceRoot":""}