@beterdichtbij/component-library 0.11.0 → 0.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/README.md +5 -5
  2. package/dist/bd-component-lib.cjs.js +13 -13
  3. package/dist/bd-component-lib.es.js +271 -266
  4. package/dist/bd-component-lib.umd.js +14 -14
  5. package/dist/components/atoms/BDAlert/BDAlert.vue.d.ts.map +1 -1
  6. package/dist/components/atoms/BDArticle/BDArticle.vue.d.ts.map +1 -1
  7. package/dist/components/atoms/BDBadge/BDBadge.vue.d.ts.map +1 -1
  8. package/dist/components/atoms/BDButton/BDButton.vue.d.ts.map +1 -1
  9. package/dist/components/atoms/BDCard/BDCard.vue.d.ts.map +1 -1
  10. package/dist/components/atoms/BDCollapsableCard/BDCollapsableCard.vue.d.ts.map +1 -1
  11. package/dist/components/atoms/BDForm/BDForm.vue.d.ts.map +1 -1
  12. package/dist/components/atoms/BDFormCheckbox/BDFormCheckbox.vue.d.ts.map +1 -1
  13. package/dist/components/atoms/BDFormInput/BDFormInput.vue.d.ts.map +1 -1
  14. package/dist/components/atoms/BDFormInvalidFeedback/BDFormInvalidFeedback.vue.d.ts.map +1 -1
  15. package/dist/components/atoms/BDFormSelect/BDFormSelect.vue.d.ts.map +1 -1
  16. package/dist/components/atoms/BDInputGroup/BDInputGroup.vue.d.ts.map +1 -1
  17. package/dist/components/atoms/BDLink/BDLink.vue.d.ts.map +1 -1
  18. package/dist/components/atoms/BDPagination/BDPagination.vue.d.ts.map +1 -1
  19. package/dist/components/atoms/BDProfileImage/BDProfileImage.vue.d.ts.map +1 -1
  20. package/dist/components/atoms/BDToast/BDToast.vue.d.ts.map +1 -1
  21. package/dist/components/atoms/BDZoomslider/BDZoomslider.vue.d.ts.map +1 -1
  22. package/dist/components/molecules/BDDropdownItem/BDDropdownItem.vue.d.ts.map +1 -1
  23. package/dist/components/molecules/BDDropzone/BDDropzone.vue.d.ts.map +1 -1
  24. package/dist/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue.d.ts.map +1 -1
  25. package/dist/components/molecules/BDUser/BDUser.vue.d.ts.map +1 -1
  26. package/dist/components/organisms/BDDropdown/BDDropdown.vue.d.ts.map +1 -1
  27. package/dist/components/organisms/BDModal/BDModal.vue.d.ts.map +1 -1
  28. package/dist/scss/_alert.scss +11 -11
  29. package/dist/scss/_article.scss +23 -23
  30. package/dist/scss/_base.scss +1 -1
  31. package/dist/scss/_button.scss +54 -54
  32. package/dist/scss/_card.scss +82 -82
  33. package/dist/scss/_collapsable-card.scss +118 -118
  34. package/dist/scss/_dropdown.scss +101 -101
  35. package/dist/scss/_dropzone.scss +71 -71
  36. package/dist/scss/_forms.scss +2 -2
  37. package/dist/scss/_icons.scss +52 -52
  38. package/dist/scss/_markdown-editor.scss +47 -47
  39. package/dist/scss/_modal.scss +15 -15
  40. package/dist/scss/_pagination.scss +29 -29
  41. package/dist/scss/_profile-image.scss +47 -47
  42. package/dist/scss/_toast.scss +83 -83
  43. package/dist/scss/_user.scss +5 -5
  44. package/dist/scss/_zoomslider.scss +76 -71
  45. package/dist/scss/base/typography.scss +15 -15
  46. package/dist/scss/base/variables.scss +162 -162
  47. package/dist/scss/component-library-styling.scss +19 -17
  48. package/dist/scss/forms/_form-check.scss +11 -11
  49. package/dist/scss/forms/_form-input.scss +3 -3
  50. package/dist/scss/mixins.scss +46 -46
  51. package/package.json +122 -122
@@ -1 +1 @@
1
- {"version":3,"file":"BDAlert.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDAlert/BDAlert.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,iGAAiG,CAAC;AACxH,cAAc,iGAAiG,CAAC;AAChH,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDAlert.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDAlert/BDAlert.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oIAAoI,CAAC;AAC3J,cAAc,oIAAoI,CAAC;AACnJ,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDArticle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDArticle/BDArticle.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,qGAAqG,CAAC;AAC5H,cAAc,qGAAqG,CAAC;AACpH,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDArticle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDArticle/BDArticle.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wIAAwI,CAAC;AAC/J,cAAc,wIAAwI,CAAC;AACvJ,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDBadge.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDBadge/BDBadge.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,iGAAiG,CAAC;AACxH,cAAc,iGAAiG,CAAC;AAChH,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDBadge.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDBadge/BDBadge.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oIAAoI,CAAC;AAC3J,cAAc,oIAAoI,CAAC;AACnJ,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDButton/BDButton.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,mGAAmG,CAAC;AAC1H,cAAc,mGAAmG,CAAC;AAClH,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDButton/BDButton.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,sIAAsI,CAAC;AAC7J,cAAc,sIAAsI,CAAC;AACrJ,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDCard/BDCard.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,+FAA+F,CAAC;AACtH,cAAc,+FAA+F,CAAC;AAC9G,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDCard/BDCard.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kIAAkI,CAAC;AACzJ,cAAc,kIAAkI,CAAC;AACjJ,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDCollapsableCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDCollapsableCard/BDCollapsableCard.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,qHAAqH,CAAC;AAC5I,cAAc,qHAAqH,CAAC;AACpI,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDCollapsableCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDCollapsableCard/BDCollapsableCard.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wJAAwJ,CAAC;AAC/K,cAAc,wJAAwJ,CAAC;AACvK,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDForm/BDForm.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,+FAA+F,CAAC;AACtH,cAAc,+FAA+F,CAAC;AAC9G,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDForm/BDForm.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kIAAkI,CAAC;AACzJ,cAAc,kIAAkI,CAAC;AACjJ,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDFormCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormCheckbox/BDFormCheckbox.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,+GAA+G,CAAC;AACtI,cAAc,+GAA+G,CAAC;AAC9H,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDFormCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormCheckbox/BDFormCheckbox.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kJAAkJ,CAAC;AACzK,cAAc,kJAAkJ,CAAC;AACjK,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDFormInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormInput/BDFormInput.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,yGAAyG,CAAC;AAChI,cAAc,yGAAyG,CAAC;AACxH,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDFormInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormInput/BDFormInput.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,4IAA4I,CAAC;AACnK,cAAc,4IAA4I,CAAC;AAC3J,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDFormInvalidFeedback.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormInvalidFeedback/BDFormInvalidFeedback.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,6HAA6H,CAAC;AACpJ,cAAc,6HAA6H,CAAC;AAC5I,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDFormInvalidFeedback.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormInvalidFeedback/BDFormInvalidFeedback.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,gKAAgK,CAAC;AACvL,cAAc,gKAAgK,CAAC;AAC/K,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDFormSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormSelect/BDFormSelect.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,2GAA2G,CAAC;AAClI,cAAc,2GAA2G,CAAC;AAC1H,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDFormSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormSelect/BDFormSelect.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8IAA8I,CAAC;AACrK,cAAc,8IAA8I,CAAC;AAC7J,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDInputGroup/BDInputGroup.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,2GAA2G,CAAC;AAClI,cAAc,2GAA2G,CAAC;AAC1H,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDInputGroup/BDInputGroup.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8IAA8I,CAAC;AACrK,cAAc,8IAA8I,CAAC;AAC7J,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDLink.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDLink/BDLink.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,+FAA+F,CAAC;AACtH,cAAc,+FAA+F,CAAC;AAC9G,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDLink.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDLink/BDLink.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kIAAkI,CAAC;AACzJ,cAAc,kIAAkI,CAAC;AACjJ,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDPagination.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDPagination/BDPagination.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,2GAA2G,CAAC;AAClI,cAAc,2GAA2G,CAAC;AAC1H,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDPagination.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDPagination/BDPagination.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8IAA8I,CAAC;AACrK,cAAc,8IAA8I,CAAC;AAC7J,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDProfileImage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDProfileImage/BDProfileImage.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,+GAA+G,CAAC;AACtI,cAAc,+GAA+G,CAAC;AAC9H,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDProfileImage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDProfileImage/BDProfileImage.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kJAAkJ,CAAC;AACzK,cAAc,kJAAkJ,CAAC;AACjK,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDToast.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDToast/BDToast.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,iGAAiG,CAAC;AACxH,cAAc,iGAAiG,CAAC;AAChH,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDToast.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDToast/BDToast.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oIAAoI,CAAC;AAC3J,cAAc,oIAAoI,CAAC;AACnJ,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDZoomslider.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDZoomslider/BDZoomslider.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,2GAA2G,CAAC;AAClI,cAAc,2GAA2G,CAAC;AAC1H,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDZoomslider.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDZoomslider/BDZoomslider.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8IAA8I,CAAC;AACrK,cAAc,8IAA8I,CAAC;AAC7J,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDDropdownItem/BDDropdownItem.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,mHAAmH,CAAC;AAC1I,cAAc,mHAAmH,CAAC;AAClI,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDDropdownItem/BDDropdownItem.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,sJAAsJ,CAAC;AAC7K,cAAc,sJAAsJ,CAAC;AACrK,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDDropzone.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDDropzone/BDDropzone.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,2GAA2G,CAAC;AAClI,cAAc,2GAA2G,CAAC;AAC1H,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDDropzone.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDDropzone/BDDropzone.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8IAA8I,CAAC;AACrK,cAAc,8IAA8I,CAAC;AAC7J,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDMarkdownEditor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,uHAAuH,CAAC;AAC9I,cAAc,uHAAuH,CAAC;AACtI,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDMarkdownEditor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,0JAA0J,CAAC;AACjL,cAAc,0JAA0J,CAAC;AACzK,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDUser.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDUser/BDUser.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,mGAAmG,CAAC;AAC1H,cAAc,mGAAmG,CAAC;AAClH,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDUser.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDUser/BDUser.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,sIAAsI,CAAC;AAC7J,cAAc,sIAAsI,CAAC;AACrJ,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BDDropdown/BDDropdown.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,2GAA2G,CAAC;AAClI,cAAc,2GAA2G,CAAC;AAC1H,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BDDropdown/BDDropdown.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8IAA8I,CAAC;AACrK,cAAc,8IAA8I,CAAC;AAC7J,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BDModal/BDModal.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,qGAAqG,CAAC;AAC5H,cAAc,qGAAqG,CAAC;AACpH,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BDModal/BDModal.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wIAAwI,CAAC;AAC/J,cAAc,wIAAwI,CAAC;AACvJ,eAAe,SAAS,CAAC"}
@@ -1,11 +1,11 @@
1
- @each $variant, $color in $theme-colors {
2
- $bg-color: tint-color($color, 90%);
3
- .alert-#{$variant} {
4
- @include alert($color, $bg-color);
5
- }
6
- }
7
-
8
- .alert-warning {
9
- color: $color-darkblue;
10
- }
11
-
1
+ @each $variant, $color in $theme-colors {
2
+ $bg-color: tint-color($color, 90%);
3
+ .alert-#{$variant} {
4
+ @include alert($color, $bg-color);
5
+ }
6
+ }
7
+
8
+ .alert-warning {
9
+ color: $color-darkblue;
10
+ }
11
+
@@ -1,24 +1,24 @@
1
-
2
- article{
3
-
4
- &.bd-article{
5
- display:flex;
6
- flex-direction: column;
7
- padding: 1.125rem;
8
- width:100%;
9
- gap: 1rem;
10
- background-color: $white;
11
- border-radius: 8px;
12
-
13
- header{
14
- display: flex;
15
- justify-content: space-between;
16
- }
17
-
18
- footer {
19
- display:flex;
20
- justify-content: space-between;
21
- }
22
- }
23
-
1
+
2
+ article{
3
+
4
+ &.bd-article{
5
+ display:flex;
6
+ flex-direction: column;
7
+ padding: 1.125rem;
8
+ width:100%;
9
+ gap: 1rem;
10
+ background-color: $white;
11
+ border-radius: 8px;
12
+
13
+ header{
14
+ display: flex;
15
+ justify-content: space-between;
16
+ }
17
+
18
+ footer {
19
+ display:flex;
20
+ justify-content: space-between;
21
+ }
22
+ }
23
+
24
24
  }
@@ -1,2 +1,2 @@
1
- @import "base/typography.scss";
1
+ @import "base/typography.scss";
2
2
  @import "base/variables.scss";
@@ -1,54 +1,54 @@
1
- .btn {
2
- font-weight: 500;
3
- border: none;
4
- border-radius: $border-radius-default;
5
- text-align: center;
6
- margin: 0;
7
- transition: all .5s cubic-bezier(.36,.03,.28,.99);
8
- }
9
-
10
- // $variant, $color, $bg-color, $hover-color, $hover-bg-color, $border $solid $border-color
11
- $btn-variants:
12
- "primary" $white $primary $primary $color-lightblue none,
13
- "secondary" $primary $color-lightblue $color-lightblue $primary none,
14
- "danger" $white $danger $danger $white none,
15
- "colleague" $white $color-colleague $color-colleague #ccf2e2 none,
16
- "outline-primary" $color-blue $white $white $color-blue 1px solid $color-blue,
17
- "outline-primary-dark" $color-blue transparent $white $color-blue 1px solid $color-blue,
18
- "outline-tertiary" $black $white $black $white 1px solid #abb0be,
19
- "link" $primary transparent $primary transparent none,
20
- "white" $white transparent $white transparent none;
21
-
22
- @each $variant, $color, $bg-color, $hover-color, $hover-bg-color, $border, $solid, $border-color in $btn-variants {
23
- .btn-#{$variant} {
24
- @include button($variant, $color, $bg-color, $hover-color, $hover-bg-color, $border, $solid, $border-color)
25
- }
26
- }
27
-
28
- .btn-link {
29
- text-decoration: none;
30
-
31
- &:hover {
32
- text-decoration: underline;
33
- }
34
- }
35
-
36
- .btn-outline-tertiary {
37
- &.disabled{
38
- opacity: 1;
39
- color: #afb8cc;
40
- background-color: #f2f3f5;
41
- }
42
- }
43
-
44
- .btn-close{
45
- .modal & {
46
- background-image: initial;
47
- }
48
- }
49
-
50
-
51
-
52
-
53
-
54
-
1
+ .btn {
2
+ font-weight: 500;
3
+ border: none;
4
+ border-radius: $border-radius-default;
5
+ text-align: center;
6
+ margin: 0;
7
+ transition: all .5s cubic-bezier(.36,.03,.28,.99);
8
+ }
9
+
10
+ // $variant, $color, $bg-color, $hover-color, $hover-bg-color, $border $solid $border-color
11
+ $btn-variants:
12
+ "primary" $white $primary $primary $color-lightblue none,
13
+ "secondary" $primary $color-lightblue $color-lightblue $primary none,
14
+ "danger" $white $danger $danger $white none,
15
+ "colleague" $white $color-colleague $color-colleague #ccf2e2 none,
16
+ "outline-primary" $color-blue $white $white $color-blue 1px solid $color-blue,
17
+ "outline-primary-dark" $color-blue transparent $white $color-blue 1px solid $color-blue,
18
+ "outline-tertiary" $black $white $black $white 1px solid #abb0be,
19
+ "link" $primary transparent $primary transparent none,
20
+ "white" $white transparent $white transparent none;
21
+
22
+ @each $variant, $color, $bg-color, $hover-color, $hover-bg-color, $border, $solid, $border-color in $btn-variants {
23
+ .btn-#{$variant} {
24
+ @include button($variant, $color, $bg-color, $hover-color, $hover-bg-color, $border, $solid, $border-color)
25
+ }
26
+ }
27
+
28
+ .btn-link {
29
+ text-decoration: none;
30
+
31
+ &:hover {
32
+ text-decoration: underline;
33
+ }
34
+ }
35
+
36
+ .btn-outline-tertiary {
37
+ &.disabled{
38
+ opacity: 1;
39
+ color: #afb8cc;
40
+ background-color: #f2f3f5;
41
+ }
42
+ }
43
+
44
+ .btn-close{
45
+ .modal & {
46
+ background-image: initial;
47
+ }
48
+ }
49
+
50
+
51
+
52
+
53
+
54
+
@@ -1,83 +1,83 @@
1
- .card {
2
- border:none;
3
- border-radius: $border-radius-default;
4
-
5
- .card-header {
6
- background-color:$primary;
7
- color:$white;
8
- display: flex;
9
- align-items: center;
10
- justify-content: space-between;
11
- position: relative;
12
-
13
- &.colleague {
14
- background-color: $color-colleague;
15
- }
16
- }
17
-
18
- .card-body {
19
- padding: 20px;
20
-
21
- ul {
22
- list-style: none;
23
- padding: 0px;
24
- margin: 0px;
25
-
26
- &:not(:last-of-type) {
27
- border-bottom: 2px solid $color-bg;
28
- margin-bottom: 20px;
29
- }
30
-
31
- li &:not(.autocomplete-result) {
32
- color: $color-darkblue;
33
- font-size: 16px;
34
- font-weight: $font-bold;
35
-
36
- label {
37
- font-weight: $font-normal;
38
- margin-right: 5px;
39
- }
40
-
41
- a:not(.attachment-link) {
42
- text-decoration: underline;
43
- color: $color-darkblue;
44
- font-weight: $font-bold;
45
-
46
- &:active,
47
- &:focus {
48
- text-decoration: none;
49
- }
50
-
51
- @include media-breakpoint-up(md) {
52
- &:hover {
53
- text-decoration: none;
54
- }
55
- }
56
- }
57
- }
58
- }
59
-
60
- .alert {
61
- ul {
62
- padding-top: 10px;
63
- }
64
- }
65
-
66
- .btn-container {
67
- margin-top: 10px;
68
- }
69
- }
70
-
71
- &.no-body .card-header {
72
- background-color: $white;
73
- color: $font-color-primary;
74
- border:none;
75
- border-radius: $border-radius-default;
76
- padding: 20px;
77
-
78
- h2 {
79
- font-weight: $font-normal;
80
- font-family: $font-secondary;
81
- }
82
- }
1
+ .card {
2
+ border:none;
3
+ border-radius: $border-radius-default;
4
+
5
+ .card-header {
6
+ background-color:$primary;
7
+ color:$white;
8
+ display: flex;
9
+ align-items: center;
10
+ justify-content: space-between;
11
+ position: relative;
12
+
13
+ &.colleague {
14
+ background-color: $color-colleague;
15
+ }
16
+ }
17
+
18
+ .card-body {
19
+ padding: 20px;
20
+
21
+ ul {
22
+ list-style: none;
23
+ padding: 0px;
24
+ margin: 0px;
25
+
26
+ &:not(:last-of-type) {
27
+ border-bottom: 2px solid $color-bg;
28
+ margin-bottom: 20px;
29
+ }
30
+
31
+ li &:not(.autocomplete-result) {
32
+ color: $color-darkblue;
33
+ font-size: 16px;
34
+ font-weight: $font-bold;
35
+
36
+ label {
37
+ font-weight: $font-normal;
38
+ margin-right: 5px;
39
+ }
40
+
41
+ a:not(.attachment-link) {
42
+ text-decoration: underline;
43
+ color: $color-darkblue;
44
+ font-weight: $font-bold;
45
+
46
+ &:active,
47
+ &:focus {
48
+ text-decoration: none;
49
+ }
50
+
51
+ @include media-breakpoint-up(md) {
52
+ &:hover {
53
+ text-decoration: none;
54
+ }
55
+ }
56
+ }
57
+ }
58
+ }
59
+
60
+ .alert {
61
+ ul {
62
+ padding-top: 10px;
63
+ }
64
+ }
65
+
66
+ .btn-container {
67
+ margin-top: 10px;
68
+ }
69
+ }
70
+
71
+ &.no-body .card-header {
72
+ background-color: $white;
73
+ color: $font-color-primary;
74
+ border:none;
75
+ border-radius: $border-radius-default;
76
+ padding: 20px;
77
+
78
+ h2 {
79
+ font-weight: $font-normal;
80
+ font-family: $font-secondary;
81
+ }
82
+ }
83
83
  }