@beterdichtbij/component-library 0.24.0 → 0.24.2
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.
- package/dist/bd-component-lib.cjs.js +21 -21
- package/dist/bd-component-lib.es.js +810 -807
- package/dist/bd-component-lib.umd.js +21 -21
- package/dist/components/atoms/BDAlert/BDAlert.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDArticle/BDArticle.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDBadge/BDBadge.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDButton/BDButton.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDCard/BDCard.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDCollapsableCard/BDCollapsableCard.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDForm/BDForm.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDFormCheckbox/BDFormCheckbox.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDFormInput/BDFormInput.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDFormInvalidFeedback/BDFormInvalidFeedback.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDFormSelect/BDFormSelect.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDInputGroup/BDInputGroup.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDLink/BDLink.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDPagination/BDPagination.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDProfileImage/BDProfileImage.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDToast/BDToast.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDZoomslider/BDZoomslider.vue.d.ts.map +1 -1
- package/dist/components/molecules/BDAttachmentPreviewList/BDAttachmentPreviewList.vue.d.ts.map +1 -1
- package/dist/components/molecules/BDChatCloud/BDChatCloud.vue.d.ts.map +1 -1
- package/dist/components/molecules/BDDropdownItem/BDDropdownItem.vue.d.ts.map +1 -1
- package/dist/components/molecules/BDDropzone/BDDropzone.vue.d.ts.map +1 -1
- package/dist/components/molecules/BDImageAttachmentPreviewList/BDImageAttachmentPreviewList.vue.d.ts.map +1 -1
- package/dist/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue.d.ts.map +1 -1
- package/dist/components/molecules/BDMobileMenu/BDMobileMenu.vue.d.ts.map +1 -1
- package/dist/components/molecules/BDUser/BDUser.vue.d.ts.map +1 -1
- package/dist/components/organisms/BDDropdown/BDDropdown.vue.d.ts.map +1 -1
- package/dist/components/organisms/BDHeader/BDHeader.vue.d.ts.map +1 -1
- package/dist/components/organisms/BDModal/BDModal.vue.d.ts.map +1 -1
- package/dist/scss/_button.scss +78 -78
- package/dist/scss/_dropdown.scss +102 -102
- package/dist/scss/_header.scss +109 -109
- package/dist/scss/_toast.scss +69 -69
- package/dist/scss/base/variables.scss +192 -192
- package/dist/scss/component-library-styling.scss +21 -21
- package/dist/scss/forms/_form-input.scss +4 -0
- package/dist/scss/mixins.scss +59 -59
- 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,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDArticle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDArticle/BDArticle.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDBadge.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDBadge/BDBadge.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDButton/BDButton.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDCard/BDCard.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDCollapsableCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDCollapsableCard/BDCollapsableCard.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDForm/BDForm.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDFormCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormCheckbox/BDFormCheckbox.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDFormInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormInput/BDFormInput.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDFormInvalidFeedback.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormInvalidFeedback/BDFormInvalidFeedback.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDFormSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormSelect/BDFormSelect.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDInputGroup/BDInputGroup.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDLink.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDLink/BDLink.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDPagination.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDPagination/BDPagination.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDProfileImage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDProfileImage/BDProfileImage.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDToast.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDToast/BDToast.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDZoomslider.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDZoomslider/BDZoomslider.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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"}
|
package/dist/components/molecules/BDAttachmentPreviewList/BDAttachmentPreviewList.vue.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDAttachmentPreviewList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDAttachmentPreviewList/BDAttachmentPreviewList.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDAttachmentPreviewList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDAttachmentPreviewList/BDAttachmentPreviewList.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,qIAAqI,CAAC;AAC5J,cAAc,qIAAqI,CAAC;AACpJ,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDChatCloud.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDChatCloud/BDChatCloud.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDChatCloud.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDChatCloud/BDChatCloud.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,6GAA6G,CAAC;AACpI,cAAc,6GAA6G,CAAC;AAC5H,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,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDDropzone.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDDropzone/BDDropzone.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDImageAttachmentPreviewList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDImageAttachmentPreviewList/BDImageAttachmentPreviewList.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDImageAttachmentPreviewList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDImageAttachmentPreviewList/BDImageAttachmentPreviewList.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,+IAA+I,CAAC;AACtK,cAAc,+IAA+I,CAAC;AAC9J,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,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDMobileMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDMobileMenu/BDMobileMenu.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDMobileMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDMobileMenu/BDMobileMenu.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,+GAA+G,CAAC;AACtI,cAAc,+GAA+G,CAAC;AAC9H,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,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BDDropdown/BDDropdown.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BDHeader/BDHeader.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BDHeader/BDHeader.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,uGAAuG,CAAC;AAC9H,cAAc,uGAAuG,CAAC;AACtH,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,
|
|
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"}
|
package/dist/scss/_button.scss
CHANGED
|
@@ -1,78 +1,78 @@
|
|
|
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 0.5s cubic-bezier(0.36, 0.03, 0.28, 0.99);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
// $variant, $color, $bg-color, $hover-color, $hover-bg-color, $hover-border-color, $border, $solid, $border-color
|
|
11
|
-
$btn-variants:
|
|
12
|
-
"primary" $white $blue-text $white $blue-dark none,
|
|
13
|
-
"secondary" $font-color-primary $white $font-color-primary $gray-7 $gray 1px solid $gray,
|
|
14
|
-
"danger" $white $danger $danger $white none,
|
|
15
|
-
"colleague" $white $green-text $white $green-dark none,
|
|
16
|
-
"outline-primary" $font-color-primary $white $white $font-color-primary $gray-primary 1px solid $gray-primary,
|
|
17
|
-
"outline-primary-dark" $font-color-primary transparent $white $font-color-primary $gray-primary 1px solid $gray-primary,
|
|
18
|
-
"outline-tertiary" $black $white $black $gray-7 $gray-primary 1px solid $gray-primary,
|
|
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, $hover-border-color, $border, $solid, $border-color in $btn-variants {
|
|
23
|
-
.btn-#{$variant} {
|
|
24
|
-
@include button($variant, $color, $bg-color, $hover-color, $hover-bg-color, $hover-border-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.btn-primary {
|
|
45
|
-
&:disabled {
|
|
46
|
-
opacity: 1;
|
|
47
|
-
color: $white;
|
|
48
|
-
background-color: $blue-pastel;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.btn-close {
|
|
53
|
-
.modal & {
|
|
54
|
-
background-image: initial;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
button {
|
|
59
|
-
&.btn-remove {
|
|
60
|
-
position: absolute;
|
|
61
|
-
top: -10px;
|
|
62
|
-
right: -10px;
|
|
63
|
-
margin-top: 0px !important;
|
|
64
|
-
background-color: $primary;
|
|
65
|
-
color: $white;
|
|
66
|
-
fill: $white;
|
|
67
|
-
width: 21px;
|
|
68
|
-
height: 21px;
|
|
69
|
-
border-radius: 50%;
|
|
70
|
-
line-height: normal;
|
|
71
|
-
padding: 0;
|
|
72
|
-
text-align: center;
|
|
73
|
-
&:hover {
|
|
74
|
-
fill: $primary;
|
|
75
|
-
background-color: $gray-7;
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
}
|
|
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 0.5s cubic-bezier(0.36, 0.03, 0.28, 0.99);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
// $variant, $color, $bg-color, $hover-color, $hover-bg-color, $hover-border-color, $border, $solid, $border-color
|
|
11
|
+
$btn-variants:
|
|
12
|
+
"primary" $white $blue-text $white $blue-dark none,
|
|
13
|
+
"secondary" $font-color-primary $white $font-color-primary $gray-7 $gray 1px solid $gray,
|
|
14
|
+
"danger" $white $danger $danger $white none,
|
|
15
|
+
"colleague" $white $green-text $white $green-dark none,
|
|
16
|
+
"outline-primary" $font-color-primary $white $white $font-color-primary $gray-primary 1px solid $gray-primary,
|
|
17
|
+
"outline-primary-dark" $font-color-primary transparent $white $font-color-primary $gray-primary 1px solid $gray-primary,
|
|
18
|
+
"outline-tertiary" $black $white $black $gray-7 $gray-primary 1px solid $gray-primary,
|
|
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, $hover-border-color, $border, $solid, $border-color in $btn-variants {
|
|
23
|
+
.btn-#{$variant} {
|
|
24
|
+
@include button($variant, $color, $bg-color, $hover-color, $hover-bg-color, $hover-border-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.btn-primary {
|
|
45
|
+
&:disabled {
|
|
46
|
+
opacity: 1;
|
|
47
|
+
color: $white;
|
|
48
|
+
background-color: $blue-pastel;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.btn-close {
|
|
53
|
+
.modal & {
|
|
54
|
+
background-image: initial;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
button {
|
|
59
|
+
&.btn-remove {
|
|
60
|
+
position: absolute;
|
|
61
|
+
top: -10px;
|
|
62
|
+
right: -10px;
|
|
63
|
+
margin-top: 0px !important;
|
|
64
|
+
background-color: $primary;
|
|
65
|
+
color: $white;
|
|
66
|
+
fill: $white;
|
|
67
|
+
width: 21px;
|
|
68
|
+
height: 21px;
|
|
69
|
+
border-radius: 50%;
|
|
70
|
+
line-height: normal;
|
|
71
|
+
padding: 0;
|
|
72
|
+
text-align: center;
|
|
73
|
+
&:hover {
|
|
74
|
+
fill: $primary;
|
|
75
|
+
background-color: $gray-7;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}
|
package/dist/scss/_dropdown.scss
CHANGED
|
@@ -1,103 +1,103 @@
|
|
|
1
|
-
|
|
2
|
-
.bd-dropdown.dropdown {
|
|
3
|
-
display: inline-block;
|
|
4
|
-
|
|
5
|
-
&.show {
|
|
6
|
-
|
|
7
|
-
&:after {
|
|
8
|
-
transform: rotate(180deg);
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
ul.dropdown-menu {
|
|
13
|
-
border: 0px;
|
|
14
|
-
box-shadow: $dropdown-box-shadow;
|
|
15
|
-
margin-top: 0.125rem;
|
|
16
|
-
|
|
17
|
-
&.dropdown-menu-action {
|
|
18
|
-
border: 1px solid rgba(0,0,0,.15);
|
|
19
|
-
border-radius: $border-radius-default;
|
|
20
|
-
|
|
21
|
-
.dropdown-item{
|
|
22
|
-
width:100%;
|
|
23
|
-
padding: 0.25rem 1.5rem;
|
|
24
|
-
white-space: nowrap;
|
|
25
|
-
line-height: revert;
|
|
26
|
-
|
|
27
|
-
&:hover{
|
|
28
|
-
background-color: #4d5875;
|
|
29
|
-
color: #f5f5f5;
|
|
30
|
-
text-decoration: none;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
.dropdown-item {
|
|
37
|
-
font-size: 1rem;
|
|
38
|
-
letter-spacing: 0;
|
|
39
|
-
line-height: 2.75rem;
|
|
40
|
-
|
|
41
|
-
&:not(:last-child) {
|
|
42
|
-
border-bottom: 1px solid $color-lightblue;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
&:active,
|
|
46
|
-
&:focus {
|
|
47
|
-
text-decoration: underline;
|
|
48
|
-
background-color: transparent;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
@include media-breakpoint-up(md) {
|
|
52
|
-
&:hover {
|
|
53
|
-
text-decoration: underline;
|
|
54
|
-
background-color: transparent;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.dropdown-toggle {
|
|
62
|
-
display: flex;
|
|
63
|
-
align-items: center;
|
|
64
|
-
font-weight: $font-bold;
|
|
65
|
-
font-size: 16px;
|
|
66
|
-
letter-spacing: 0;
|
|
67
|
-
line-height: 24px;
|
|
68
|
-
|
|
69
|
-
&:after {
|
|
70
|
-
border: 0px;
|
|
71
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10'%3E%3Cpath d='M8.828 6.207L14.632.404a1 1 0 0 1 1.414 0l.707.707a1 1 0 0 1 0 1.414L9.682 9.596a.999.999 0 0 1-.854.282.999.999 0 0 1-.853-.282L.904 2.526a1 1 0 0 1 0-1.415L1.61.404a1 1 0 0 1 1.414 0l5.803 5.803z' fill='%23AFB8CC'/%3E%3C/svg%3E");
|
|
72
|
-
background-repeat: no-repeat;
|
|
73
|
-
background-size: contain;
|
|
74
|
-
background-position: 50%;
|
|
75
|
-
width: 14px;
|
|
76
|
-
height: 10px;
|
|
77
|
-
transition: 0.2s all ease-in;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
&-action {
|
|
81
|
-
font-size: calc(13px/16px) * 1rem;
|
|
82
|
-
font-weight: $font-medium;
|
|
83
|
-
padding: 0 10px;
|
|
84
|
-
|
|
85
|
-
&:after{
|
|
86
|
-
background-image:url('data:image/svg+xml, <svg class="icon icon-triangle-down" xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" ><path d="M11.071 2.414L6.414 7.071a1 1 0 0 1-1.414 0L.343 2.414A1 1 0 0 1 1.05.707h9.314a1 1 0 0 1 .707 1.707z" /></svg>');
|
|
87
|
-
border: 0;
|
|
88
|
-
box-shadow: none;
|
|
89
|
-
width: 9px;
|
|
90
|
-
height: 7px;
|
|
91
|
-
margin-left: 5px;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
a.dropdown-toggle{
|
|
97
|
-
color: $color-darkblue;
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.bd-dropdown-item {
|
|
102
|
-
list-style-type: none;
|
|
1
|
+
|
|
2
|
+
.bd-dropdown.dropdown {
|
|
3
|
+
display: inline-block;
|
|
4
|
+
|
|
5
|
+
&.show {
|
|
6
|
+
|
|
7
|
+
&:after {
|
|
8
|
+
transform: rotate(180deg);
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
ul.dropdown-menu {
|
|
13
|
+
border: 0px;
|
|
14
|
+
box-shadow: $dropdown-box-shadow;
|
|
15
|
+
margin-top: 0.125rem;
|
|
16
|
+
|
|
17
|
+
&.dropdown-menu-action {
|
|
18
|
+
border: 1px solid rgba(0,0,0,.15);
|
|
19
|
+
border-radius: $border-radius-default;
|
|
20
|
+
|
|
21
|
+
.dropdown-item{
|
|
22
|
+
width:100%;
|
|
23
|
+
padding: 0.25rem 1.5rem;
|
|
24
|
+
white-space: nowrap;
|
|
25
|
+
line-height: revert;
|
|
26
|
+
|
|
27
|
+
&:hover{
|
|
28
|
+
background-color: #4d5875;
|
|
29
|
+
color: #f5f5f5;
|
|
30
|
+
text-decoration: none;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
.dropdown-item {
|
|
37
|
+
font-size: 1rem;
|
|
38
|
+
letter-spacing: 0;
|
|
39
|
+
line-height: 2.75rem;
|
|
40
|
+
|
|
41
|
+
&:not(:last-child) {
|
|
42
|
+
border-bottom: 1px solid $color-lightblue;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&:active,
|
|
46
|
+
&:focus {
|
|
47
|
+
text-decoration: underline;
|
|
48
|
+
background-color: transparent;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
@include media-breakpoint-up(md) {
|
|
52
|
+
&:hover {
|
|
53
|
+
text-decoration: underline;
|
|
54
|
+
background-color: transparent;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.dropdown-toggle {
|
|
62
|
+
display: flex;
|
|
63
|
+
align-items: center;
|
|
64
|
+
font-weight: $font-bold;
|
|
65
|
+
font-size: 16px;
|
|
66
|
+
letter-spacing: 0;
|
|
67
|
+
line-height: 24px;
|
|
68
|
+
|
|
69
|
+
&:after {
|
|
70
|
+
border: 0px;
|
|
71
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10'%3E%3Cpath d='M8.828 6.207L14.632.404a1 1 0 0 1 1.414 0l.707.707a1 1 0 0 1 0 1.414L9.682 9.596a.999.999 0 0 1-.854.282.999.999 0 0 1-.853-.282L.904 2.526a1 1 0 0 1 0-1.415L1.61.404a1 1 0 0 1 1.414 0l5.803 5.803z' fill='%23AFB8CC'/%3E%3C/svg%3E");
|
|
72
|
+
background-repeat: no-repeat;
|
|
73
|
+
background-size: contain;
|
|
74
|
+
background-position: 50%;
|
|
75
|
+
width: 14px;
|
|
76
|
+
height: 10px;
|
|
77
|
+
transition: 0.2s all ease-in;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
&-action {
|
|
81
|
+
font-size: calc(13px/16px) * 1rem;
|
|
82
|
+
font-weight: $font-medium;
|
|
83
|
+
padding: 0 10px;
|
|
84
|
+
|
|
85
|
+
&:after{
|
|
86
|
+
background-image:url('data:image/svg+xml, <svg class="icon icon-triangle-down" xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" ><path d="M11.071 2.414L6.414 7.071a1 1 0 0 1-1.414 0L.343 2.414A1 1 0 0 1 1.05.707h9.314a1 1 0 0 1 .707 1.707z" /></svg>');
|
|
87
|
+
border: 0;
|
|
88
|
+
box-shadow: none;
|
|
89
|
+
width: 9px;
|
|
90
|
+
height: 7px;
|
|
91
|
+
margin-left: 5px;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
a.dropdown-toggle{
|
|
97
|
+
color: $color-darkblue;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.bd-dropdown-item {
|
|
102
|
+
list-style-type: none;
|
|
103
103
|
}
|