oliverdavies.uk-old-sculpin/assets/sass/pages/_experience.sass

.experience
    +clearfix
    margin-bottom: $padding-large-vertical * 2
    position: relative

    h2
        margin-top: 0

        @include breakpoint(max-width $screen-tablet)
            font-size: 1.5em

    &__website
        display: inline-block
        margin-bottom: 2px

    &__role
        font-style: italic
        margin-bottom: 10px

.experience--with-logo
    .experience
        &__logo
            @extend .pull-right
            margin: 3px 0 20px 20px
            max-width: 25%

            @include breakpoint($screen-sm-min)
                max-width: 20%

            @include breakpoint($screen-md-min)
                max-width: 15%
Use sass rather than scss 2016-03-10 21:30:15 +00:00			`.experience`
Use sass syntax 2016-04-09 19:51:24 +00:00			`+clearfix`
Updated some Experience styling 2016-04-19 06:58:33 +00:00			`margin-bottom: $padding-large-vertical * 2`
			`position: relative`
Added experience page styling 2015-11-07 08:43:30 +00:00
Updated some Experience styling 2016-04-19 06:58:33 +00:00			`h2`
			`margin-top: 0`

			`@include breakpoint(max-width $screen-tablet)`
			`font-size: 1.5em`

Shorter syntax 2016-04-21 10:37:17 +00:00			`&__website`
Updated some Experience styling 2016-04-19 06:58:33 +00:00			`display: inline-block`
			`margin-bottom: 2px`

Shorter syntax 2016-04-21 10:37:17 +00:00			`&__role`
Updated some Experience styling 2016-04-19 06:58:33 +00:00			`font-style: italic`
			`margin-bottom: 10px`

			`.experience--with-logo`
Shorter syntax 2016-04-21 10:37:17 +00:00			`.experience`
			`&__logo`
			`@extend .pull-right`
			`margin: 3px 0 20px 20px`
			`max-width: 25%`
Logo sizes 2016-04-18 23:56:40 +00:00
Shorter syntax 2016-04-21 10:37:17 +00:00			`@include breakpoint($screen-sm-min)`
			`max-width: 20%`
Logo sizes 2016-04-18 23:56:40 +00:00
Shorter syntax 2016-04-21 10:37:17 +00:00			`@include breakpoint($screen-md-min)`
			`max-width: 15%`