"use strict";
var positionImage = function positionImage(imageEl) {
var imageDimensions = imageEl.dataset.imageDimensions.split('x');
var originalWidth = imageDimensions[0];
var originalHeight = imageDimensions[1];
var focalPoint = imageEl.dataset.imageFocalPoint.split(',');
var focalPointX = focalPoint[0];
var focalPointY = focalPoint[1];
var parentNode = imageEl.parentNode;
var scale = function () {
var imageRatio = originalWidth / originalHeight;
var parentClientSize = {
height: parentNode.clientHeight,
width: parentNode.clientWidth
};
var parentRatio = parentClientSize.width / parentClientSize.height;
if (imageRatio > parentRatio) {
return parentClientSize.height / originalHeight;
}
return parentClientSize.width / originalWidth;
}();
var getRelativeOffset = function getRelativeOffset() {
var targetWidth = Math.ceil(originalWidth * scale);
var targetHeight = Math.ceil(originalHeight * scale);
var parentDimensionWidth = parentNode.offsetWidth;
var parentDimensionHeight = parentNode.offsetHeight;
var overflowWidth = targetWidth - parentDimensionWidth;
var overflowHeight = targetHeight - parentDimensionHeight;
var valueX;
if (overflowWidth === 0) {
valueX = focalPointX;
} else {
valueX = Math.max(Math.min(targetWidth * focalPointX - parentDimensionWidth * 0.5, overflowWidth), 0) / overflowWidth;
}
var valueY;
if (overflowHeight === 0) {
valueY = focalPointY;
} else {
valueY = Math.max(Math.min(targetHeight * focalPointY - parentDimensionHeight * 0.5, overflowHeight), 0) / overflowHeight;
}
return {
valueX: valueX,
valueY: valueY
};
};
var relativeOffset = getRelativeOffset();
var valueX = relativeOffset.valueX;
var valueY = relativeOffset.valueY;
imageEl.style.objectPosition = "".concat(valueX * 100, "% ").concat(valueY * 100, "%");
Object.assign(imageEl.style, {
height: '100%',
width: '100%',
objectFit: 'cover',
});
};
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(11,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-63f7413a6b521265c0095781 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-63f7413a6b521265c0095781 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(8,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-06d9f32b050d052b4430 {
grid-area: 2/2/7/10;
z-index: 0;
}
.fe-block-06d9f32b050d052b4430 .sqs-block {
justify-content: flex-start;
}
.fe-block-06d9f32b050d052b4430 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-06d9f32b050d052b4430 {
grid-area: 1/2/5/20;
z-index: 0;
}
.fe-block-06d9f32b050d052b4430 .sqs-block {
justify-content: flex-start;
}
.fe-block-06d9f32b050d052b4430 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1677146373529_384196 {
grid-area: 7/2/9/10;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1677146373529_384196 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1677146373529_384196 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1677146373529_384196 {
grid-area: 5/13/7/23;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1677146373529_384196 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1677146373529_384196 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1677146373529_438660 {
grid-area: 10/2/12/10;
z-index: 3;
}
.fe-block-yui_3_17_2_1_1677146373529_438660 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1677146373529_438660 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1677146373529_438660 {
grid-area: 7/2/9/8;
z-index: 3;
}
.fe-block-yui_3_17_2_1_1677146373529_438660 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1677146373529_438660 .sqs-block-alignment-wrapper {
align-items: center;
}
}
“There are no stars as lovely as Edinburgh street-lamps.”
-Robert Louis Stevenson.
EXPLORE SCOTLAND
.user-items-list-item-container[data-section-id="63f7413a6b521265c0095783"] .list-item-content__title {
font-size: 2.2rem;
}
.user-items-list-item-container[data-section-id="63f7413a6b521265c0095783"] .list-item-content__description {
font-size: 1.2rem;
}
.user-items-list-item-container[data-section-id="63f7413a6b521265c0095783"] .list-item-content__button {
font-size: 1rem;
}
@supports (--test-custom-property: true) {
.user-items-list-item-container[data-section-id="63f7413a6b521265c0095783"] {
--title-font-size-value: 2.2;
--body-font-size-value: 1.2;
--button-font-size-value: 1;
}
}
-
HOW TO SPEND A MONTH IN EDINBURGH
-
12 HOURS IN THE SCOTTISH HIGHLANDS
-
MY FAVORITE RESTAURANTS IN EDINBURGH
-
HAGGIS: SCOTLAND'S NATIONAL DISH
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(4,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-63f7413b6b521265c0095787 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-63f7413b6b521265c0095787 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(8,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-yui_3_17_2_1_1683243027145_91898 {
grid-area: 1/2/3/10;
z-index: 1;
}
.fe-block-yui_3_17_2_1_1683243027145_91898 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1683243027145_91898 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1683243027145_91898 {
grid-area: 1/8/6/20;
z-index: 1;
}
.fe-block-yui_3_17_2_1_1683243027145_91898 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1683243027145_91898 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1683243027145_93472 {
grid-area: 3/2/5/6;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1683243027145_93472 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1683243027145_93472 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1683243027145_93472 {
grid-area: 6/12/9/16;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1683243027145_93472 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1683243027145_93472 .sqs-block-alignment-wrapper {
align-items: center;
}
}
SUBSCRIBE TO “ON MY PLATE”
Looking for restaurant recs? Travel stories? Curated playlists? Film prints? Whatever you’re in search of, you can probably find it On My Plate. Subscribe now and be the first in line for all the chaotic goodness I’m getting ready to send your way.