Skip to content

Commit

Permalink
fix: update modals
Browse files Browse the repository at this point in the history
  • Loading branch information
danielmatthew committed Apr 22, 2021
1 parent 061d9b2 commit aa6e1a3
Show file tree
Hide file tree
Showing 5 changed files with 37 additions and 10 deletions.
2 changes: 1 addition & 1 deletion docs/assets/css/talis.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/assets/css/talis.css.map

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -773,7 +773,7 @@ <h4 class="modal-title" id="modal-label">Modal title</h4>
<div class="modal-body">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quidem quis dolore voluptas et, sint, impedit amet quos, sequi minima commodi odio accusantium excepturi ratione ullam qui libero error laborum quam!</p>
</div>
<div class="modal-footer">
<div class="modal-footer bg-light">
<button type="button" class="btn btn-outline-primary" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
Expand Down
14 changes: 14 additions & 0 deletions scss/_modal.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
.modal-title {
margin: 0;
line-height: 1.6;
color: $black;
}

.modal-content {
background-clip: border-box;
}

.modal-footer {
padding-top: .625rem;
background-color: $gray-100;
}
27 changes: 20 additions & 7 deletions scss/talis.scss
Original file line number Diff line number Diff line change
Expand Up @@ -73,16 +73,20 @@ $font-size-base: 0.8125rem !default;

$line-height-base: 1.6 !default;

$h1-font-size: $font-size-base * 2.3076923077 !default;
$h2-font-size: $font-size-base * 2.3076923077 !default;
$h3-font-size: $font-size-base * 1.538461538 !default;
$h4-font-size: $font-size-base * 1.538461538 !default;
$h5-font-size: $font-size-base !default;
$h6-font-size: $font-size-base !default;
$paragraph-margin-bottom: 0.625rem !default;

$h1-font-size: 13px * 2.3076923077 !default;
$h2-font-size: 13px * 2.3076923077 !default;
$h3-font-size: 13px * 1.538461538 !default;
$h4-font-size: 13px * 1.538461538 !default;
$h5-font-size: 13px !default;
$h6-font-size: 13px !default;

$headings-font-weight: 300;

$border-radius: 0.23rem !default;
$border-radius: 3px !default;

$spacer: .9375rem !default;

$nav-link-font-weight: 600 !default;
$nav-link-hover-color: $accent !default;
Expand All @@ -97,6 +101,9 @@ $nav-pills-link-active-color: $primary !default;
$nav-pills-link-active-bg: $white !default;
$nav-pills-border-radius: 3px;

$alert-padding-y: .9375rem !default;
$alert-padding-x: .9375rem !default;
$alert-margin-bottom: 1.25rem !default;
$alert-border-radius: 0;
$alert-border-width: 0;
$alert-bg-scale: -60%;
Expand Down Expand Up @@ -143,6 +150,11 @@ $form-select-focus-border-color: $input-focus-border-color !default;
$form-select-focus-width: $input-focus-width !default;
$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;

$modal-md: 600px !default ;
$modal-header-border-color: $gray-200 !default;
$modal-footer-border-color: $gray-300 !default;
$modal-dialog-margin-y-sm-up: 1.875rem !default;

$navbar-dark-color: $white !default;
$navbar-dark-hover-color: $white !default;
$navbar-dark-active-color: $white !default;
Expand Down Expand Up @@ -207,6 +219,7 @@ $table-group-separator-color: $gray-200;
@import 'buttons';
@import 'dropdown';
@import 'forms';
@import 'modal';
@import 'navs';
@import 'pager';
@import 'pagination';
Expand Down

0 comments on commit aa6e1a3

Please sign in to comment.