pallote-css 0.3.10 → 0.3.12

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 (61) hide show
  1. package/README.md +0 -144
  2. package/dist/pallote.min.css +1 -1
  3. package/dist/pallote.min.css.map +1 -1
  4. package/dist/pallote.scss +31 -36
  5. package/dist/styles/common/_editor.scss +29 -25
  6. package/dist/styles/common/_fontface.scss +7 -4
  7. package/dist/styles/common/_global.scss +25 -22
  8. package/dist/styles/common/_mixins.scss +19 -16
  9. package/dist/styles/common/_reset.scss +4 -2
  10. package/dist/styles/common/_variables.scss +28 -25
  11. package/dist/styles/components/_accordion.scss +16 -13
  12. package/dist/styles/components/_alert.scss +44 -40
  13. package/dist/styles/components/_breadcrumbs.scss +8 -5
  14. package/dist/styles/components/_button.scss +32 -26
  15. package/dist/styles/components/_buttons.scss +4 -2
  16. package/dist/styles/components/_card.scss +14 -11
  17. package/dist/styles/components/_divider.scss +3 -1
  18. package/dist/styles/components/_form.scss +4 -1
  19. package/dist/styles/components/_grid.scss +11 -8
  20. package/dist/styles/components/_input.scss +36 -32
  21. package/dist/styles/components/_link.scss +7 -4
  22. package/dist/styles/components/_list.scss +2 -0
  23. package/dist/styles/components/_nav.scss +49 -45
  24. package/dist/styles/components/_navbar.scss +42 -39
  25. package/dist/styles/components/_section.scss +35 -31
  26. package/dist/styles/components/_sidebar.scss +20 -16
  27. package/dist/styles/components/_snippet.scss +25 -22
  28. package/dist/styles/components/_status.scss +8 -5
  29. package/dist/styles/components/_switch.scss +11 -8
  30. package/dist/styles/components/_tabs.scss +18 -15
  31. package/dist/styles/components/_tag.scss +16 -12
  32. package/dist/styles/utilities/_color.scss +84 -81
  33. package/dist/styles/utilities/_global.scss +23 -20
  34. package/dist/styles/utilities/_text.scss +55 -51
  35. package/package.json +12 -8
  36. package/dist/assets/fonts/SourceSansPro/regular.woff2 +0 -0
  37. package/dist/assets/fonts/SourceSansPro/regularitalic.woff2 +0 -0
  38. package/dist/assets/fonts/SourceSansPro/semibold.woff2 +0 -0
  39. package/dist/assets/fonts/SourceSansPro/semibolditalic.woff2 +0 -0
  40. package/dist/assets/icons/logos/patreon.svg +0 -3
  41. package/dist/assets/icons/phosphor/arrow-right.svg +0 -1
  42. package/dist/assets/icons/phosphor/arrow-square-out.svg +0 -1
  43. package/dist/assets/icons/phosphor/caret-down.svg +0 -1
  44. package/dist/assets/icons/phosphor/check-circle.svg +0 -1
  45. package/dist/assets/icons/phosphor/check.svg +0 -1
  46. package/dist/assets/icons/phosphor/coffee.svg +0 -1
  47. package/dist/assets/icons/phosphor/download-simple.svg +0 -1
  48. package/dist/assets/icons/phosphor/envelope-simple.svg +0 -1
  49. package/dist/assets/icons/phosphor/files.svg +0 -1
  50. package/dist/assets/icons/phosphor/info.svg +0 -1
  51. package/dist/assets/icons/phosphor/warning.svg +0 -1
  52. package/dist/assets/icons/phosphor/x-circle.svg +0 -1
  53. package/dist/assets/icons/rabbit.svg +0 -1
  54. package/dist/scripts/accordion.js +0 -42
  55. package/dist/scripts/button.js +0 -5
  56. package/dist/scripts/cookie.js +0 -15
  57. package/dist/scripts/input.js +0 -18
  58. package/dist/scripts/nav.js +0 -22
  59. package/dist/scripts/navbar.js +0 -28
  60. package/dist/scripts/switch.js +0 -3
  61. package/dist/scripts/tabs.js +0 -30
@@ -1,18 +0,0 @@
1
- var inputFocusElement = document.querySelector('.input-focused .input_control');
2
- if (inputFocusElement !== null) {
3
- inputFocusElement.focus();
4
- }
5
-
6
- document.querySelectorAll(
7
- '.input-disabled .input_control, ' +
8
- '.checkbox-disabled .checkbox_control, ' +
9
- '.input-disabled .checkbox_control, ' +
10
- '.radio-disabled .radio_control, ' +
11
- '.input-disabled .radio_control'
12
- ).forEach(element => element.setAttribute('disabled', 'disabled'));
13
-
14
- document.querySelectorAll(
15
- '.input:not(.input-optional) input, ' +
16
- '.input:not(.input-optional) textarea, ' +
17
- '.input:not(.input-optional) select'
18
- ).forEach(element => element.setAttribute('required', 'required'));
@@ -1,22 +0,0 @@
1
- // Get all dropdown trigger buttons
2
- const dropdownTriggers = document.querySelectorAll('.nav__trigger');
3
-
4
- // Add click event listener to each trigger button
5
- dropdownTriggers.forEach(trigger => {
6
- trigger.addEventListener('click', function(e) {
7
- e.stopPropagation(); // Prevents the click event from bubbling up
8
-
9
- const dropdown = this.parentElement; // Get parent dropdown element
10
- dropdown.classList.toggle('js-show'); // Toggle show class
11
- });
12
- });
13
-
14
- // Add click event listener to document to close dropdowns when clicking outside
15
- document.addEventListener('click', function(e) {
16
- const dropdowns = document.querySelectorAll('.nav__item--dropdown');
17
- dropdowns.forEach(dropdown => {
18
- if (!dropdown.contains(e.target)) {
19
- dropdown.classList.remove('js-show'); // Close dropdown
20
- }
21
- });
22
- });
@@ -1,28 +0,0 @@
1
- const body = document.querySelector('body');
2
- const navbar = document.querySelector('.navbar');
3
- const buttonNavbar = document.querySelector('.navbar__button');
4
- const sidebar = document.querySelector('.sidebar');
5
- const buttonSidebarOpen = document.querySelector('.sidebar__button');
6
- const buttonSidebarClose = document.querySelector('.sidebar__button--close');
7
-
8
- if (buttonNavbar !== null) {
9
- buttonNavbar.addEventListener('click', function () {
10
- buttonNavbar.classList.toggle('js-opened');
11
- navbar.classList.toggle('js-opened');
12
- body.classList.toggle('js-navbar');
13
- });
14
- }
15
-
16
- if (buttonSidebarOpen !== null) {
17
- buttonSidebarOpen.addEventListener('click', function () {
18
- sidebar.classList.add('js-opened');
19
- body.classList.add('js-sidebar');
20
- buttonNavbar.classList.remove('js-opened');
21
- navbar.classList.remove('js-opened');
22
- body.classList.remove('js-navbar');
23
- });
24
- buttonSidebarClose.addEventListener('click', function () {
25
- sidebar.classList.remove('js-opened');
26
- body.classList.remove('js-sidebar');
27
- });
28
- }
@@ -1,3 +0,0 @@
1
- document.querySelectorAll(
2
- '.switch-disabled .switch_input'
3
- ).forEach(element => element.setAttribute('disabled', 'disabled'));
@@ -1,30 +0,0 @@
1
- function tabify( element ){
2
- const header = element.querySelector('.tabs__controls');
3
- const content = element.querySelector('.tabs__content');
4
- const tabHeaders = [...header.children];
5
- const tabContents = [...content.children];
6
- tabContents.forEach( x => x.style.display = 'none');
7
- let current_tab_index = -1;
8
-
9
- function setTab( index ){
10
- if( current_tab_index > -1 ){
11
- tabHeaders[current_tab_index].classList.remove('tabs__item--active');
12
- tabContents[ current_tab_index ].style.display = 'none';
13
- }
14
- tabHeaders[index].classList.add('tabs__item--active');
15
- tabContents[ index ].style.display = 'flex';
16
- current_tab_index = index;
17
- }
18
-
19
- default_tab_index = tabHeaders.findIndex( x => {
20
- return [...x.classList].indexOf('tabs__item--default') > -1;
21
- });
22
-
23
- default_tab_index = default_tab_index === -1 ? 0 : default_tab_index;
24
- setTab( default_tab_index );
25
- tabHeaders.forEach((x,i) => x.onclick = event => setTab(i));
26
- }
27
-
28
- // this is where the magic happens!
29
- [...document.querySelectorAll('.tabs')]
30
- .forEach(x => tabify(x));