This repository has been archived on 2024-04-03. You can view files and clone it, but cannot push or open issues or pull requests.
2022-12-17 22:34:02 +01:00
|
|
|
// MIXINS RESPONSIVES
|
|
|
|
|
|
|
|
// Small devices
|
|
|
|
@mixin sm {
|
|
|
|
@media (min-width: #{$screen-sm-min}) {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Medium devices
|
|
|
|
@mixin md {
|
|
|
|
@media (min-width: #{$screen-md-min}) {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Large devices
|
|
|
|
@mixin lg {
|
|
|
|
@media (min-width: #{$screen-lg-min}) {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Extra large devices
|
|
|
|
@mixin xl {
|
|
|
|
@media (min-width: #{$screen-xl-min}) {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Extra large desktops
|
|
|
|
@mixin xxl {
|
|
|
|
@media (min-width: #{$screen-xxl-min}) {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Custom devices
|
|
|
|
@mixin rwd($screen) {
|
|
|
|
@media (min-width: $screen+'px' ) {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@mixin container($size, $padding) {
|
|
|
|
padding-left: $padding;
|
|
|
|
padding-right: $padding;
|
|
|
|
max-width: $size;
|
|
|
|
margin:auto;
|
|
|
|
}
|
2022-12-18 16:41:18 +01:00
|
|
|
|
|
|
|
@mixin responsive() {
|
|
|
|
@content;
|
|
|
|
|
|
|
|
&-sm {
|
|
|
|
@include sm() {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&-md {
|
|
|
|
@include md() {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&-lg {
|
|
|
|
@include lg() {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&-xl {
|
|
|
|
@include xl() {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&-xxl {
|
|
|
|
@include xxl() {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|