kieranphilipbrown

@{
    <a
        class="cta primary-ghost--white"
        if (CurrentRoot(Model.Content.Site()) == "ca") {
            @Html.Raw("href='/find-an-event'")
        } else if (CurrentRoot(Model.Content.Site()) == "uk") {
            @Html.Raw("href='events'")
        } else {
            @Html.Raw("href='ca/find-an-event'")
        }

kieranphilipbrown

/* animation keyframe prefixes */

#box {
  -webkit-animation: NAME-YOUR-ANIMATION 5s infinite; /* Safari 4+ */
  -moz-animation:    NAME-YOUR-ANIMATION 5s infinite; /* Fx 5+ */
  -o-animation:      NAME-YOUR-ANIMATION 5s infinite; /* Opera 12+ */
  animation:         NAME-YOUR-ANIMATION 5s infinite; /* IE 10+, Fx 29+ */
}

kieranphilipbrown

@mixin breakpoint($breakpoint-value) {
    @media (min-width: #{$breakpoint-value + 'px'}) {
        @content;
    }
}

.header {
    background: orange;

    @include breakpoint(400) {

kieranphilipbrown

Basically, if an image is positioned absolute, with the parent given a relative position argument a value for top, right, bottom, right should be given. I.e. 0 for each with centre the element.

.d_pullout_banner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;