kikikan/backend/resources/sass/app.scss

@charset "UTF-8";

@mixin pc($breakpoint: $_default-breakpoint) {
    @if map-has-key($_breakpoint-up, $breakpoint) {
      @media screen and (min-width: 1068px) {
        @content;
      }
    } @else {
      @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
      + "Please make sure it is defined in `$_breakpoint-up` map.";
    }
  }

@mixin sp($breakpoint: $_default-breakpoint) {
    @if map-has-key($_breakpoint-down, $breakpoint) {
      @media screen and (max-width: 1067px) {
        @content;
      }
    } @else {
      @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
      + "Please make sure it is defined in `$_breakpoint-down` map.";
    }
  }
  
  @mixin sp02($breakpoint: $_default-breakpoint) {
    @if map-has-key($_breakpoint-down, $breakpoint) {
      @media screen and (max-width: 430px) {
        @content;
      }
    } @else {
      @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
      + "Please make sure it is defined in `$_breakpoint-down` map.";
    }
  }
  
  
  @mixin min($breakpoint: $_default-breakpoint) {
    @if map-has-key($_breakpoint-down, $breakpoint) {
      @media screen and (max-width: 374px) {
        @content;
      }
    } @else {
      @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
      + "Please make sure it is defined in `$_breakpoint-down` map.";
    }
  }
  


/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Nunito');


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


/* ---------------------------------------------------------------------------------
	color
--------------------------------------------------------------------------------- */
/* color */
$colorRed: #af0606;
$colorBlue: #004DC7;
$colorBlack: #000000;
$colorGray: #B2B2B2;
/* border color */
$borderColorGray: #eeeeee;
/* input color */
$inputBorderGray: #D8D8D8;


/* ---------------------------------------------------------------------------------
	foundation
--------------------------------------------------------------------------------- */
/* base */



/* ---------------------------------------------------------------------------------
	layout
    --------------------------------------------------------------------------------- */
// @import "./variables";

// @import "./layout/_main";