qdouze-bludit-theme/scss/definitions/_sizing.scss
2024-04-10 20:54:20 +02:00

35 lines
894 B
SCSS
Executable file

// SIZING
// All the spacing and sizing variables
$baseline: 1.6;
$lineheight: $baseline * 1rem;
$lineheight_half: $lineheight/2;
$lineheight_quarter: $lineheight/4;
$lineheight_rel: $baseline * 1em;
$card-header-vmargin: 0px;
$card-header-hmargin: 0px;
$card-header-padding: $lineheight_rel;
$card-header-width: 100%;
$card-header-position:0px;
// Buttons
$button_large: $lineheight_rel;
$button_small: $lineheight_rel / 4;
$button-group-margin: 0;
// Responsives sizes
// - sm : Small tablets and large smartphones (landscape view)
// - md : Small tablets (portrait view)
// - lg : Tablets and small desktops
// - xl : Large tablets and desktops
// - xxl : Very large desktops
$screen-sm-min: 576px;
$screen-md-min: 768px;
$screen-lg-min: 992px;
$screen-xl-min: 1200px;
$screen-xxl-min: 1600px;
// Containers size
$container-size: $screen-xl-min;
$container-size-large: $screen-xxl-min;