2019-11-27 15:31:49 +07:00
|
|
|
|
// Config
|
|
|
|
|
|
// ––––––––––––––––––––
|
|
|
|
|
|
|
|
|
|
|
|
// Enable <header>, <main>, <footer> inside <body> as a container
|
|
|
|
|
|
$enable-semantic-container: false !default;
|
|
|
|
|
|
|
2019-11-30 12:43:20 +07:00
|
|
|
|
// Enable .container and .container-fluid
|
2019-11-27 15:31:49 +07:00
|
|
|
|
$enable-class-container: true !default;
|
|
|
|
|
|
|
2021-07-02 16:54:41 +07:00
|
|
|
|
// Enable a centered viewport for <header>, <main>, <footer> inside <body>
|
2019-11-27 15:31:49 +07:00
|
|
|
|
// Fluid layout if disabled
|
|
|
|
|
|
$enable-viewport: true !default;
|
|
|
|
|
|
|
|
|
|
|
|
// Enable responsive spacings for <header>, <main>, <footer>, <section>, <article>
|
|
|
|
|
|
// Fixed spacings if disabled
|
|
|
|
|
|
$enable-responsive-spacings: true !default;
|
|
|
|
|
|
|
|
|
|
|
|
// Enable responsive typography
|
2021-07-02 16:54:41 +07:00
|
|
|
|
// Fixed root element size if disabled
|
2019-11-27 15:31:49 +07:00
|
|
|
|
$enable-responsive-typography: true !default;
|
|
|
|
|
|
|
|
|
|
|
|
// Enable .classes
|
|
|
|
|
|
// .classless version if disabled
|
|
|
|
|
|
$enable-classes: true !default;
|
|
|
|
|
|
|
2021-07-02 16:54:41 +07:00
|
|
|
|
// Enable transitions
|
2019-12-02 23:22:13 +07:00
|
|
|
|
$enable-transitions: true !default;
|
|
|
|
|
|
|
2021-07-02 16:54:41 +07:00
|
|
|
|
// Enable overriding with !important
|
2020-09-25 09:10:04 +07:00
|
|
|
|
$enable-important: true !default;
|
|
|
|
|
|
|
2019-11-27 15:31:49 +07:00
|
|
|
|
|
|
|
|
|
|
// Responsive
|
|
|
|
|
|
// ––––––––––––––––––––
|
|
|
|
|
|
|
|
|
|
|
|
// xs: Extra small (portrait phones)
|
|
|
|
|
|
// sm: Small(landscape phones)
|
|
|
|
|
|
// md: Medium(tablets)
|
|
|
|
|
|
// lg: Large(desktops)
|
|
|
|
|
|
// xl: Extra large (large desktops)
|
|
|
|
|
|
|
|
|
|
|
|
// NOTE:
|
|
|
|
|
|
// To provide an easy and fine styling on each breakpoint
|
|
|
|
|
|
// we didn't use @each, @mixin or @include.
|
|
|
|
|
|
// That means you need to edit each CSS selector file to add a breakpoint
|
|
|
|
|
|
|
|
|
|
|
|
// Breakpoints
|
|
|
|
|
|
// 'null' disable the breakpoint
|
|
|
|
|
|
$breakpoints: (
|
|
|
|
|
|
xs: 0,
|
|
|
|
|
|
sm: 576px,
|
|
|
|
|
|
md: 768px,
|
|
|
|
|
|
lg: 992px,
|
|
|
|
|
|
xl: 1200px
|
|
|
|
|
|
) !default;
|
|
|
|
|
|
|
|
|
|
|
|
// Viewports
|
|
|
|
|
|
$viewports: (
|
2019-11-28 07:20:36 +07:00
|
|
|
|
// 'null' disable the viewport on a breakpoint
|
2019-11-27 15:31:49 +07:00
|
|
|
|
sm: 510px,
|
|
|
|
|
|
md: 700px,
|
|
|
|
|
|
lg: 920px,
|
|
|
|
|
|
xl: 1130px
|
|
|
|
|
|
) !default;
|
