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.
- package/README.md +0 -144
- package/dist/pallote.min.css +1 -1
- package/dist/pallote.min.css.map +1 -1
- package/dist/pallote.scss +31 -36
- package/dist/styles/common/_editor.scss +29 -25
- package/dist/styles/common/_fontface.scss +7 -4
- package/dist/styles/common/_global.scss +25 -22
- package/dist/styles/common/_mixins.scss +19 -16
- package/dist/styles/common/_reset.scss +4 -2
- package/dist/styles/common/_variables.scss +28 -25
- package/dist/styles/components/_accordion.scss +16 -13
- package/dist/styles/components/_alert.scss +44 -40
- package/dist/styles/components/_breadcrumbs.scss +8 -5
- package/dist/styles/components/_button.scss +32 -26
- package/dist/styles/components/_buttons.scss +4 -2
- package/dist/styles/components/_card.scss +14 -11
- package/dist/styles/components/_divider.scss +3 -1
- package/dist/styles/components/_form.scss +4 -1
- package/dist/styles/components/_grid.scss +11 -8
- package/dist/styles/components/_input.scss +36 -32
- package/dist/styles/components/_link.scss +7 -4
- package/dist/styles/components/_list.scss +2 -0
- package/dist/styles/components/_nav.scss +49 -45
- package/dist/styles/components/_navbar.scss +42 -39
- package/dist/styles/components/_section.scss +35 -31
- package/dist/styles/components/_sidebar.scss +20 -16
- package/dist/styles/components/_snippet.scss +25 -22
- package/dist/styles/components/_status.scss +8 -5
- package/dist/styles/components/_switch.scss +11 -8
- package/dist/styles/components/_tabs.scss +18 -15
- package/dist/styles/components/_tag.scss +16 -12
- package/dist/styles/utilities/_color.scss +84 -81
- package/dist/styles/utilities/_global.scss +23 -20
- package/dist/styles/utilities/_text.scss +55 -51
- package/package.json +12 -8
- package/dist/assets/fonts/SourceSansPro/regular.woff2 +0 -0
- package/dist/assets/fonts/SourceSansPro/regularitalic.woff2 +0 -0
- package/dist/assets/fonts/SourceSansPro/semibold.woff2 +0 -0
- package/dist/assets/fonts/SourceSansPro/semibolditalic.woff2 +0 -0
- package/dist/assets/icons/logos/patreon.svg +0 -3
- package/dist/assets/icons/phosphor/arrow-right.svg +0 -1
- package/dist/assets/icons/phosphor/arrow-square-out.svg +0 -1
- package/dist/assets/icons/phosphor/caret-down.svg +0 -1
- package/dist/assets/icons/phosphor/check-circle.svg +0 -1
- package/dist/assets/icons/phosphor/check.svg +0 -1
- package/dist/assets/icons/phosphor/coffee.svg +0 -1
- package/dist/assets/icons/phosphor/download-simple.svg +0 -1
- package/dist/assets/icons/phosphor/envelope-simple.svg +0 -1
- package/dist/assets/icons/phosphor/files.svg +0 -1
- package/dist/assets/icons/phosphor/info.svg +0 -1
- package/dist/assets/icons/phosphor/warning.svg +0 -1
- package/dist/assets/icons/phosphor/x-circle.svg +0 -1
- package/dist/assets/icons/rabbit.svg +0 -1
- package/dist/scripts/accordion.js +0 -42
- package/dist/scripts/button.js +0 -5
- package/dist/scripts/cookie.js +0 -15
- package/dist/scripts/input.js +0 -18
- package/dist/scripts/nav.js +0 -22
- package/dist/scripts/navbar.js +0 -28
- package/dist/scripts/switch.js +0 -3
- package/dist/scripts/tabs.js +0 -30
package/dist/scripts/input.js
DELETED
|
@@ -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'));
|
package/dist/scripts/nav.js
DELETED
|
@@ -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
|
-
});
|
package/dist/scripts/navbar.js
DELETED
|
@@ -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
|
-
}
|
package/dist/scripts/switch.js
DELETED
package/dist/scripts/tabs.js
DELETED
|
@@ -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));
|