CSS
CSS를 통한 fade-in toTop
.qna .a { opacity: 0; transform: translateY(100px); transition: all 1s; transition-timing-function: ease-out; transition-delay: 1s; } .qna[data-effect="show"] .a { opacity: 1; transform: translateY(0); }
scss 미디어 쿼리 v2
// map holding breakpoint values $breakpoints: ( mobile : 0px, tablet : 680px, desktop: 960px ); // mixin to print out media queries (based on map keys passed) @mixin media($keys...){ @each $key in $keys { @media (min-width: map-get($breakpoints, $key)){ @content } } } .section-ptb { padding-top: 130px; padding-bottom: 130px; // pass the key(s) of the media queries you want to print @include med..
scss 미디어 쿼리 v1
// Breakpoints $breakpoint-mobile: 320px; $breakpoint-tablet: 758px; $breakpoint-desktop: 1024px; @mixin mobile { @media (min-width: #{$breakpoint-mobile}) and (max-width: #{$breakpoint-tablet - 1px}) { @content; } } @mixin tablet { @media (min-width: #{$breakpoint-tablet}) and (max-width: #{$breakpoint-desktop - 1px}) { @content; } } @mixin desktop { @media (min-width: #{$breakpoint-desktop}) {..