kikikan/backend/resources/sass/app.scss

@charset "UTF-8";

// Module
@use 'sass:math';

// Fonts
@import '~@fontsource/nunito/scss/mixins';

// Variables
@import 'variables';


$breakpoint-up: (
    'pc': 'screen and (min-width: 1068px)',
    'sp': 'screen and (min-width: 431px)',
    'sp02': 'screen and (min-width: 375px)',
) !default;

$breakpoint-down: (
    'sp': 'screen and (max-width: 1067px)',
    'sp02': 'screen and (max-width: 430px)',
    'min': 'screen and (max-width: 374px)',
) !default;

@mixin mq_up($breakpoint: md) {
    @media #{map-get($breakpoint-up, $breakpoint)} {
        @content;
    }
}

@mixin mq_down($breakpoint: md) {
    @media #{map-get($breakpoint-down, $breakpoint)} {
        @content;
    }
}


// Bootstrap
@import '~bootstrap/scss/bootstrap';

@import './scss/assets/css/single.scss';
@import './scss/assets/css/style.scss';

@import './base/layout';
@import './base/loader';
@import './base/color';
@import './base/font';
@import './base/typography';
@import './base/cursor';
@import './base/transform';
@import './base/alert';
@import './base/input';

@import './layouts/main';
@import './layouts/datepicker';