You've already forked wp-bootstrap
magdev
3620d9b1d1
Add bootstrap-icons npm package with SCSS import and font file copy build step. All 2,000+ icons available via CSS classes (bi bi-*) in both frontend and block editor. Co-Authored-By: Claude <noreply@anthropic.com>
51 lines
1.4 KiB
SCSS
51 lines
1.4 KiB
SCSS
// Bootstrap variable overrides
|
|
// These MUST be defined BEFORE importing Bootstrap's variables
|
|
|
|
// Colors - matching theme.json palette
|
|
$white: #FFFFFF;
|
|
$gray-100: #f8f9fa;
|
|
$gray-200: #e9ecef;
|
|
$gray-300: #dee2e6;
|
|
$gray-400: #ced4da;
|
|
$gray-500: #adb5bd;
|
|
$gray-600: #6c757d;
|
|
$gray-700: #495057;
|
|
$gray-800: #343a40;
|
|
$gray-900: #212529;
|
|
$black: #000000;
|
|
|
|
$primary: #0d6efd;
|
|
$secondary: #6c757d;
|
|
$success: #198754;
|
|
$danger: #dc3545;
|
|
$warning: #ffc107;
|
|
$info: #0dcaf0;
|
|
$light: $gray-100;
|
|
$dark: $gray-800;
|
|
|
|
// Layout
|
|
$container-max-widths: (
|
|
sm: 540px,
|
|
md: 720px,
|
|
lg: 960px,
|
|
xl: 1140px,
|
|
xxl: 1320px
|
|
);
|
|
|
|
// Typography - using system fonts (matching theme.json)
|
|
$font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
|
|
// Additional font families
|
|
$font-family-inter: Inter, system-ui, -apple-system, sans-serif;
|
|
$font-family-serif: Lora, Georgia, "Times New Roman", serif;
|
|
|
|
// Enable dark mode
|
|
$enable-dark-mode: true;
|
|
|
|
// Enable reduced motion
|
|
$enable-reduced-motion: true;
|
|
|
|
// Bootstrap Icons font path (points to copied files in assets/fonts/)
|
|
$bootstrap-icons-font-src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
|
|
url("../fonts/bootstrap-icons.woff") format("woff");
|