kspace-bludit-theme/scss/definitions/_sizing.scss

36 lines
934 B
SCSS
Raw Normal View History

2024-04-10 20:58:16 +02:00
// 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: $lineheight_rel / 2;
$card-header-hmargin: 0px;
$card-header-padding: $lineheight_rel;
$card-header-width: 85%;
$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;
2024-06-10 21:44:34 +02:00
$screen-xlbis-min: 1400px;
2024-04-10 20:58:16 +02:00
$screen-xxl-min: 1600px;
// Containers size
2024-06-10 21:44:34 +02:00
$container-size: $screen-lg-min;
$container-size-large: $screen-xl-min;