@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.
- package/README.md +5 -5
- package/dist/bd-component-lib.cjs.js +13 -13
- package/dist/bd-component-lib.es.js +271 -266
- package/dist/bd-component-lib.umd.js +14 -14
- 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/BDDropdownItem/BDDropdownItem.vue.d.ts.map +1 -1
- package/dist/components/molecules/BDDropzone/BDDropzone.vue.d.ts.map +1 -1
- package/dist/components/molecules/BDMarkdownEditor/BDMarkdownEditor.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/BDModal/BDModal.vue.d.ts.map +1 -1
- package/dist/scss/_alert.scss +11 -11
- package/dist/scss/_article.scss +23 -23
- package/dist/scss/_base.scss +1 -1
- package/dist/scss/_button.scss +54 -54
- package/dist/scss/_card.scss +82 -82
- package/dist/scss/_collapsable-card.scss +118 -118
- package/dist/scss/_dropdown.scss +101 -101
- package/dist/scss/_dropzone.scss +71 -71
- package/dist/scss/_forms.scss +2 -2
- package/dist/scss/_icons.scss +52 -52
- package/dist/scss/_markdown-editor.scss +47 -47
- package/dist/scss/_modal.scss +15 -15
- package/dist/scss/_pagination.scss +29 -29
- package/dist/scss/_profile-image.scss +47 -47
- package/dist/scss/_toast.scss +83 -83
- package/dist/scss/_user.scss +5 -5
- package/dist/scss/_zoomslider.scss +76 -71
- package/dist/scss/base/typography.scss +15 -15
- package/dist/scss/base/variables.scss +162 -162
- package/dist/scss/component-library-styling.scss +19 -17
- package/dist/scss/forms/_form-check.scss +11 -11
- package/dist/scss/forms/_form-input.scss +3 -3
- package/dist/scss/mixins.scss +46 -46
- 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,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,
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
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
|
|
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
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
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
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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"}
|
package/dist/scss/_alert.scss
CHANGED
|
@@ -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
|
+
|
package/dist/scss/_article.scss
CHANGED
|
@@ -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
|
}
|
package/dist/scss/_base.scss
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@import "base/typography.scss";
|
|
1
|
+
@import "base/typography.scss";
|
|
2
2
|
@import "base/variables.scss";
|
package/dist/scss/_button.scss
CHANGED
|
@@ -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
|
+
|
package/dist/scss/_card.scss
CHANGED
|
@@ -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
|
}
|