スタイルガイド

アニメーション

①shake

ホバーしてね

②bounce

クリックしてね

③besideScroll

@include besideScroll();

ボタン

ボタン1だよ
extendして適当に上書きして使ってね

ホバーで凹むボタン

新卒採用ENTRY

ブレイクポイントの指定（SP：～767px、PC：768px～）

【○○px～】
@include media-breakpoint-up(md) { // PC
}
@include media-breakpoint-up(lg) { // 992px~
}
@include media-breakpoint-up(xl) { // 1200px~
}

***
【～○○px】
@include media-breakpoint-down(sm) { // SP
}
@include media-breakpoint-down(md) { // ~991px
}
@include media-breakpoint-down(lg) { // ~1199px
}

***
【○○px～○○px】
@include media-breakpoint-only(md) { // Tab 768~991px
}
@include media-breakpoint-only(lg) { // 992~1199px
}

***
【○○px～○○px　＆　○○px～○○px】
@include media-breakpoint-between(md, xl) { // 768~1199px
}