Skip to content

Commit

Permalink
fix bootstrap styles scss
Browse files Browse the repository at this point in the history
  • Loading branch information
bobrov-site committed Apr 28, 2024
1 parent 260ee65 commit f7fa865
Show file tree
Hide file tree
Showing 2 changed files with 36 additions and 37 deletions.
71 changes: 35 additions & 36 deletions frontend/src/assets/stylesheets/application.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,41 @@
@import "./fonts";
@import "bootstrap/scss/functions";
@import "bootstrap/scss/variables";
//Colors
$primary: #136ef6;
$body-secondary-bg: #ebf1f9;
$body-tertiary-bg: #f5f8fc;
$body-bg-dark: $gray-900;
$body-secondary-bg-dark: #16191c;
$body-tertiary-bg-dark: mix($body-bg-dark, $body-secondary-bg-dark, 50%);

// Options
$focus-ring-width: 0.125rem;

$btn-box-shadow: none;
$btn-border-radius: var(--#{$prefix}border-radius-xxl);
$btn-border-radius-sm: var(--#{$prefix}border-radius-xl);
$btn-border-radius-lg: var(--#{$prefix}border-radius-xxl);

$form-label-margin-bottom: $spacer * 0.25;
$form-label-font-size: $font-size-sm;

$card-spacer-y: $spacer * 2;
$card-spacer-x: $spacer * 2;
$card-border-width: 0;
$card-border-radius: $border-radius-xl;
$card-cap-bg: $card-bg;

$modal-inner-padding: $spacer * 2;
$modal-header-padding: $modal-inner-padding;
$modal-content-border-radius: var(--#{$prefix}border-radius-xl);
$modal-header-border-width: 0;

$navbar-toggler-padding-y: 0;
$navbar-toggler-padding-x: 0;

$dropdown-padding-x: 0.25rem;
$dropdown-padding-y: 0.25rem;

@import "bootstrap/scss/variables-dark";
@import "bootstrap/scss/maps";
Expand Down Expand Up @@ -55,42 +90,6 @@

@import "bootstrap/scss/utilities/api";

//Colors
$primary: #136ef6;
$body-secondary-bg: #ebf1f9;
$body-tertiary-bg: #f5f8fc;
$body-bg-dark: $gray-900;
$body-secondary-bg-dark: #16191c;
$body-tertiary-bg-dark: mix($body-bg-dark, $body-secondary-bg-dark, 50%);

// Options
$focus-ring-width: 0.125rem;

$btn-box-shadow: none;
$btn-border-radius: var(--#{$prefix}border-radius-xxl);
$btn-border-radius-sm: var(--#{$prefix}border-radius-xl);
$btn-border-radius-lg: var(--#{$prefix}border-radius-xxl);

$form-label-margin-bottom: $spacer * 0.25;
$form-label-font-size: $font-size-sm;

$card-spacer-y: $spacer * 2;
$card-spacer-x: $spacer * 2;
$card-border-width: 0;
$card-border-radius: $border-radius-xl;
$card-cap-bg: $card-bg;

$modal-inner-padding: $spacer * 2;
$modal-header-padding: $modal-inner-padding;
$modal-content-border-radius: var(--#{$prefix}border-radius-xl);
$modal-header-border-width: 0;

$navbar-toggler-padding-y: 0;
$navbar-toggler-padding-x: 0;

$dropdown-padding-x: 0.25rem;
$dropdown-padding-y: 0.25rem;

:root {
--#{$prefix}dropdown-item-border-radius: #{$border-radius-sm};
}
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/pages/landing/Header.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ import RunItLogoLight from './assets/LogoHeaderLightTheme.svg';
import RunItLogoDark from './assets/LogoHeaderDarkTheme.svg';
import Burger from './assets/Burger.svg';

import 'bootstrap/dist/css/bootstrap.min.css';
// import 'bootstrap/dist/css/bootstrap.min.css';
import './landing.scss';
import './custom-colors.scss';

Expand Down

0 comments on commit f7fa865

Please sign in to comment.