├── .github └── FUNDING.yml ├── .gitignore ├── .npmignore ├── CHANGELOG.md ├── Gruntfile.js ├── LICENSE.md ├── README.md ├── dist ├── zebra.min.js └── zebra.src.js ├── docs ├── README.md ├── ZebraJS.html ├── download │ ├── assets_src │ │ ├── css │ │ │ ├── screen.scss │ │ │ └── vendor │ │ │ │ ├── _bootstrap-compass.scss │ │ │ │ ├── _bootstrap-mincer.scss │ │ │ │ ├── _bootstrap-sprockets.scss │ │ │ │ ├── _bootstrap.scss │ │ │ │ └── bootstrap │ │ │ │ ├── _alerts.scss │ │ │ │ ├── _badges.scss │ │ │ │ ├── _breadcrumbs.scss │ │ │ │ ├── _button-groups.scss │ │ │ │ ├── _buttons.scss │ │ │ │ ├── _carousel.scss │ │ │ │ ├── _close.scss │ │ │ │ ├── _code.scss │ │ │ │ ├── _component-animations.scss │ │ │ │ ├── _dropdowns.scss │ │ │ │ ├── _forms.scss │ │ │ │ ├── _glyphicons.scss │ │ │ │ ├── _grid.scss │ │ │ │ ├── _input-groups.scss │ │ │ │ ├── _jumbotron.scss │ │ │ │ ├── _labels.scss │ │ │ │ ├── _list-group.scss │ │ │ │ ├── _media.scss │ │ │ │ ├── _mixins.scss │ │ │ │ ├── _modals.scss │ │ │ │ ├── _navbar.scss │ │ │ │ ├── _navs.scss │ │ │ │ ├── _normalize.scss │ │ │ │ ├── _pager.scss │ │ │ │ ├── _pagination.scss │ │ │ │ ├── _panels.scss │ │ │ │ ├── _popovers.scss │ │ │ │ ├── _print.scss │ │ │ │ ├── _progress-bars.scss │ │ │ │ ├── _responsive-embed.scss │ │ │ │ ├── _responsive-utilities.scss │ │ │ │ ├── _scaffolding.scss │ │ │ │ ├── _tables.scss │ │ │ │ ├── _theme.scss │ │ │ │ ├── _thumbnails.scss │ │ │ │ ├── _tooltip.scss │ │ │ │ ├── _type.scss │ │ │ │ ├── _utilities.scss │ │ │ │ ├── _variables.scss │ │ │ │ ├── _wells.scss │ │ │ │ └── mixins │ │ │ │ ├── _alerts.scss │ │ │ │ ├── _background-variant.scss │ │ │ │ ├── _border-radius.scss │ │ │ │ ├── _buttons.scss │ │ │ │ ├── _center-block.scss │ │ │ │ ├── _clearfix.scss │ │ │ │ ├── _forms.scss │ │ │ │ ├── _gradients.scss │ │ │ │ ├── _grid-framework.scss │ │ │ │ ├── _grid.scss │ │ │ │ ├── _hide-text.scss │ │ │ │ ├── _image.scss │ │ │ │ ├── _labels.scss │ │ │ │ ├── _list-group.scss │ │ │ │ ├── _nav-divider.scss │ │ │ │ ├── _nav-vertical-align.scss │ │ │ │ ├── _opacity.scss │ │ │ │ ├── _pagination.scss │ │ │ │ ├── _panels.scss │ │ │ │ ├── _progress-bar.scss │ │ │ │ ├── _reset-filter.scss │ │ │ │ ├── _reset-text.scss │ │ │ │ ├── _resize.scss │ │ │ │ ├── _responsive-visibility.scss │ │ │ │ ├── _size.scss │ │ │ │ ├── _tab-focus.scss │ │ │ │ ├── _table-row.scss │ │ │ │ ├── _text-emphasis.scss │ │ │ │ ├── _text-overflow.scss │ │ │ │ └── _vendor-prefixes.scss │ │ └── javascript │ │ │ └── application.js │ ├── index.html │ └── public │ │ ├── css │ │ └── screen.css │ │ └── javascript │ │ ├── application.min.js │ │ └── zebra.min.js ├── images │ └── logo.png ├── index.html ├── scripts │ ├── linenumber.js │ └── prettify │ │ ├── Apache-License-2.0.txt │ │ ├── lang-css.js │ │ └── prettify.js ├── styles │ ├── jsdoc.css │ └── prettify.css └── zebra.src.js.html ├── eslint.config.js ├── jsdoc.json ├── package-lock.json ├── package.json └── src ├── $.ajax.js ├── $.each.js ├── $.extend.js ├── $.inArray.js ├── $.isArray.js ├── $.js ├── _helpers.js ├── addClass.js ├── after.js ├── animate.js ├── append.js ├── appendTo.js ├── attr.js ├── before.js ├── children.js ├── clone.js ├── closest.js ├── css.js ├── data.js ├── detach.js ├── each.js ├── end.js ├── eq.js ├── find.js ├── first.js ├── get.js ├── hasClass.js ├── height.js ├── hide.js ├── html.js ├── insertAfter.js ├── insertBefore.js ├── is.js ├── next.js ├── not.js ├── off.js ├── offset.js ├── on.js ├── one.js ├── outerHeight.js ├── outerWidth.js ├── parent.js ├── parents.js ├── position.js ├── prepend.js ├── prependTo.js ├── prev.js ├── prop.js ├── ready.js ├── remove.js ├── removeClass.js ├── replaceWith.js ├── scrollLeft.js ├── scrollTop.js ├── serialize.js ├── show.js ├── siblings.js ├── text.js ├── toggleClass.js ├── trigger.js ├── unwrap.js ├── val.js ├── width.js └── wrap.js /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: stefangabos # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] 4 | patreon: # Replace with a single Patreon username 5 | open_collective: # Replace with a single Open Collective username 6 | ko_fi: # Replace with a single Ko-fi username 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 9 | liberapay: # Replace with a single Liberapay username 10 | issuehunt: # Replace with a single IssueHunt username 11 | otechie: # Replace with a single Otechie username 12 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] 13 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .gitattributes 2 | node_modules/* -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | node_modules/* 2 | src/* 3 | docs/* 4 | .github/* 5 | .gitattributes 6 | .gitignore 7 | .npmignore 8 | eslint.config.js 9 | jsdoc.json 10 | Gruntfile.js 11 | package.json 12 | package-lock.json -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | ## version 1.1.0 (May 10, 2024) 2 | 3 | - added "hide" and "show" methods 4 | 5 | ## version 1.0.3 (May 10, 2024) 6 | 7 | - added functions, fixed bugs 8 | 9 | ## version 1.0.2 (November 24, 2021) 10 | 11 | - initial release 12 | -------------------------------------------------------------------------------- /docs/README.md: -------------------------------------------------------------------------------- 1 | # ZebraJS 2 | 3 | A truly modular, jQuery compatible, ultra-lightweight (**13Kb minified, 4Kb gzipped**), JavaScript micro-library for modern browsers (IE 10+) meant to simplify the interaction with the DOM in the *post-jQuery* world, now that there are there are less and less differences between how browsers handle various JavaScript-related aspects and offer native support for most of the things that [jQuery](http://jquery.com/) had to tackle and take care for us, behind the scenes, since its first release [back in 2006](https://en.wikipedia.org/wiki/JQuery). 4 | 5 | Nevertheless, the need for a library to handle common tasks needed when interacting with the DOM becomes obvious for anyone writing JavaScript on a daily basis, as there's quite some code to write to handle various aspects of DOM manipulation. 6 | 7 | **ZebraJS** retains [jQuery](http://jquery.com/)'s intuitive and simple syntax but the code behind is largely inspired from the excellent [You Don't Need jQuery](https://github.com/oneuijs/You-Dont-Need-jQuery) GitHub repository as well as the documentation on [Mozilla Developer Network](https://developer.mozilla.org/en-US/docs/Web), and makes use of the modern browsers' improved support for manipulating DOM elements. Also, in line with the modern age's pursuit for byte saving, ZebraJS allows you to build [customized versions](https://stefangabos.github.io/zebrajs/download/) of the library and include just the bits you need. 8 | 9 | ## 📔 Documentation 10 | 11 | Check out the [awesome documentation](https://stefangabos.github.io/zebrajs/index.html)! 12 | 13 | ## 💾 Custom build 14 | 15 | [Download custom build](https://stefangabos.github.io/zebrajs/download/) -------------------------------------------------------------------------------- /docs/download/assets_src/css/screen.scss: -------------------------------------------------------------------------------- 1 | @import 'vendor/_bootstrap.scss'; 2 | 3 | body { 4 | padding-top: 35px; 5 | } 6 | 7 | a, a:hover { 8 | color: #606; 9 | text-decoration: none; 10 | border-bottom: 1px solid #ddd; 11 | &:hover { 12 | border-bottom: 1px solid #606; 13 | } 14 | } 15 | 16 | .navbar-default { 17 | background: #6d426d; 18 | box-shadow: 0 1px 5px #666; 19 | border-width: 0; 20 | .navbar-brand, 21 | ul.navbar-nav a, 22 | ul.navbar-nav a:focus { 23 | color: #FFF; 24 | border-width: 0; 25 | &:hover, 26 | &:active { 27 | color: #cbefb6; 28 | } 29 | } 30 | } 31 | 32 | .actions { 33 | margin-top: -.7em; 34 | margin-bottom: .7em; 35 | } 36 | 37 | .well { 38 | box-shadow: none; 39 | background: #FAFAFA; 40 | padding: 5px 20px; 41 | &.selected { 42 | background: #d4dfc7; 43 | } 44 | } 45 | 46 | .optional-methods + .col-lg-12 > label, 47 | .helper-methods + .col-lg-12 > label, 48 | .private-methods + .col-lg-12 > label { 49 | margin-bottom: 0; 50 | & + span { 51 | margin: 0 0 1em; 52 | font-style: italic; 53 | } 54 | } -------------------------------------------------------------------------------- /docs/download/assets_src/css/vendor/_bootstrap-compass.scss: -------------------------------------------------------------------------------- 1 | @function twbs-font-path($path) { 2 | @return font-url($path, true); 3 | } 4 | 5 | @function twbs-image-path($path) { 6 | @return image-url($path, true); 7 | } 8 | 9 | $bootstrap-sass-asset-helper: true; 10 | -------------------------------------------------------------------------------- /docs/download/assets_src/css/vendor/_bootstrap-mincer.scss: -------------------------------------------------------------------------------- 1 | // Mincer asset helper functions 2 | // 3 | // This must be imported into a .css.ejs.scss file. 4 | // Then, <% %>-interpolations will be parsed as strings by Sass, and evaluated by EJS after Sass compilation. 5 | 6 | 7 | @function twbs-font-path($path) { 8 | // do something like following 9 | // from "path/to/font.ext#suffix" to "<%- asset_path(path/to/font.ext)) + #suffix %>" 10 | // from "path/to/font.ext?#suffix" to "<%- asset_path(path/to/font.ext)) + ?#suffix %>" 11 | // or from "path/to/font.ext" just "<%- asset_path(path/to/font.ext)) %>" 12 | @return "<%- asset_path("#{$path}".replace(/[#?].*$/, '')) + "#{$path}".replace(/(^[^#?]*)([#?]?.*$)/, '$2') %>"; 13 | } 14 | 15 | @function twbs-image-path($file) { 16 | @return "<%- asset_path("#{$file}") %>"; 17 | } 18 | 19 | $bootstrap-sass-asset-helper: true; 20 | -------------------------------------------------------------------------------- /docs/download/assets_src/css/vendor/_bootstrap-sprockets.scss: -------------------------------------------------------------------------------- 1 | @function twbs-font-path($path) { 2 | @return font-path($path); 3 | } 4 | 5 | @function twbs-image-path($path) { 6 | @return image-path($path); 7 | } 8 | 9 | $bootstrap-sass-asset-helper: true; 10 | -------------------------------------------------------------------------------- /docs/download/assets_src/css/vendor/_bootstrap.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.4.1 (https://getbootstrap.com/) 3 | * Copyright 2011-2019 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */ 6 | 7 | // Core variables and mixins 8 | @import "bootstrap/variables"; 9 | @import "bootstrap/mixins"; 10 | 11 | // Reset and dependencies 12 | @import "bootstrap/normalize"; 13 | @import "bootstrap/print"; 14 | @import "bootstrap/glyphicons"; 15 | 16 | // Core CSS 17 | @import "bootstrap/scaffolding"; 18 | @import "bootstrap/type"; 19 | @import "bootstrap/code"; 20 | @import "bootstrap/grid"; 21 | @import "bootstrap/tables"; 22 | @import "bootstrap/forms"; 23 | @import "bootstrap/buttons"; 24 | 25 | // Components 26 | @import "bootstrap/component-animations"; 27 | @import "bootstrap/dropdowns"; 28 | @import "bootstrap/button-groups"; 29 | @import "bootstrap/input-groups"; 30 | @import "bootstrap/navs"; 31 | @import "bootstrap/navbar"; 32 | @import "bootstrap/breadcrumbs"; 33 | @import "bootstrap/pagination"; 34 | @import "bootstrap/pager"; 35 | @import "bootstrap/labels"; 36 | @import "bootstrap/badges"; 37 | @import "bootstrap/jumbotron"; 38 | @import "bootstrap/thumbnails"; 39 | @import "bootstrap/alerts"; 40 | @import "bootstrap/progress-bars"; 41 | @import "bootstrap/media"; 42 | @import "bootstrap/list-group"; 43 | @import "bootstrap/panels"; 44 | @import "bootstrap/responsive-embed"; 45 | @import "bootstrap/wells"; 46 | @import "bootstrap/close"; 47 | 48 | // Components w/ JavaScript 49 | @import "bootstrap/modals"; 50 | @import "bootstrap/tooltip"; 51 | @import "bootstrap/popovers"; 52 | @import "bootstrap/carousel"; 53 | 54 | // Utility classes 55 | @import "bootstrap/utilities"; 56 | @import "bootstrap/responsive-utilities"; 57 | -------------------------------------------------------------------------------- /docs/download/assets_src/css/vendor/bootstrap/_alerts.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Alerts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // ------------------------- 8 | 9 | .alert { 10 | padding: $alert-padding; 11 | margin-bottom: $line-height-computed; 12 | border: 1px solid transparent; 13 | border-radius: $alert-border-radius; 14 | 15 | // Headings for larger alerts 16 | h4 { 17 | margin-top: 0; 18 | color: inherit; // Specified for the h4 to prevent conflicts of changing $headings-color 19 | } 20 | 21 | // Provide class for links that match alerts 22 | .alert-link { 23 | font-weight: $alert-link-font-weight; 24 | } 25 | 26 | // Improve alignment and spacing of inner content 27 | > p, 28 | > ul { 29 | margin-bottom: 0; 30 | } 31 | 32 | > p + p { 33 | margin-top: 5px; 34 | } 35 | } 36 | 37 | // Dismissible alerts 38 | // 39 | // Expand the right padding and account for the close button's positioning. 40 | 41 | // The misspelled .alert-dismissable was deprecated in 3.2.0. 42 | .alert-dismissable, 43 | .alert-dismissible { 44 | padding-right: ($alert-padding + 20); 45 | 46 | // Adjust close link position 47 | .close { 48 | position: relative; 49 | top: -2px; 50 | right: -21px; 51 | color: inherit; 52 | } 53 | } 54 | 55 | // Alternate styles 56 | // 57 | // Generate contextual modifier classes for colorizing the alert. 58 | 59 | .alert-success { 60 | @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text); 61 | } 62 | 63 | .alert-info { 64 | @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text); 65 | } 66 | 67 | .alert-warning { 68 | @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text); 69 | } 70 | 71 | .alert-danger { 72 | @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text); 73 | } 74 | -------------------------------------------------------------------------------- /docs/download/assets_src/css/vendor/bootstrap/_badges.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Badges 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .badge { 8 | display: inline-block; 9 | min-width: 10px; 10 | padding: 3px 7px; 11 | font-size: $font-size-small; 12 | font-weight: $badge-font-weight; 13 | line-height: $badge-line-height; 14 | color: $badge-color; 15 | text-align: center; 16 | white-space: nowrap; 17 | vertical-align: middle; 18 | background-color: $badge-bg; 19 | border-radius: $badge-border-radius; 20 | 21 | // Empty badges collapse automatically (not available in IE8) 22 | &:empty { 23 | display: none; 24 | } 25 | 26 | // Quick fix for badges in buttons 27 | .btn & { 28 | position: relative; 29 | top: -1px; 30 | } 31 | 32 | .btn-xs &, 33 | .btn-group-xs > .btn & { 34 | top: 0; 35 | padding: 1px 5px; 36 | } 37 | 38 | // [converter] extracted a& to a.badge 39 | 40 | // Account for badges in navs 41 | .list-group-item.active > &, 42 | .nav-pills > .active > a > & { 43 | color: $badge-active-color; 44 | background-color: $badge-active-bg; 45 | } 46 | 47 | .list-group-item > & { 48 | float: right; 49 | } 50 | 51 | .list-group-item > & + & { 52 | margin-right: 5px; 53 | } 54 | 55 | .nav-pills > li > a > & { 56 | margin-left: 3px; 57 | } 58 | } 59 | 60 | // Hover state, but only for links 61 | a.badge { 62 | &:hover, 63 | &:focus { 64 | color: $badge-link-hover-color; 65 | text-decoration: none; 66 | cursor: pointer; 67 | } 68 | } 69 | -------------------------------------------------------------------------------- /docs/download/assets_src/css/vendor/bootstrap/_breadcrumbs.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumbs 3 | // -------------------------------------------------- 4 | 5 | 6 | .breadcrumb { 7 | padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal; 8 | margin-bottom: $line-height-computed; 9 | list-style: none; 10 | background-color: $breadcrumb-bg; 11 | border-radius: $border-radius-base; 12 | 13 | > li { 14 | display: inline-block; 15 | 16 | + li:before { 17 | padding: 0 5px; 18 | color: $breadcrumb-color; 19 | // [converter] Workaround for https://github.com/sass/libsass/issues/1115 20 | $nbsp: "\00a0"; 21 | content: "#{$breadcrumb-separator}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space 22 | } 23 | } 24 | 25 | > .active { 26 | color: $breadcrumb-active-color; 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /docs/download/assets_src/css/vendor/bootstrap/_buttons.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Buttons 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // -------------------------------------------------- 8 | 9 | .btn { 10 | display: inline-block; 11 | margin-bottom: 0; // For input.btn 12 | font-weight: $btn-font-weight; 13 | text-align: center; 14 | white-space: nowrap; 15 | vertical-align: middle; 16 | touch-action: manipulation; 17 | cursor: pointer; 18 | background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 19 | border: 1px solid transparent; 20 | @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $btn-border-radius-base); 21 | @include user-select(none); 22 | 23 | &, 24 | &:active, 25 | &.active { 26 | &:focus, 27 | &.focus { 28 | @include tab-focus; 29 | } 30 | } 31 | 32 | &:hover, 33 | &:focus, 34 | &.focus { 35 | color: $btn-default-color; 36 | text-decoration: none; 37 | } 38 | 39 | &:active, 40 | &.active { 41 | background-image: none; 42 | outline: 0; 43 | @include box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125)); 44 | } 45 | 46 | &.disabled, 47 | &[disabled], 48 | fieldset[disabled] & { 49 | cursor: $cursor-disabled; 50 | @include opacity(.65); 51 | @include box-shadow(none); 52 | } 53 | 54 | // [converter] extracted a& to a.btn 55 | } 56 | 57 | a.btn { 58 | &.disabled, 59 | fieldset[disabled] & { 60 | pointer-events: none; // Future-proof disabling of clicks on `` elements 61 | } 62 | } 63 | 64 | 65 | // Alternate buttons 66 | // -------------------------------------------------- 67 | 68 | .btn-default { 69 | @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border); 70 | } 71 | .btn-primary { 72 | @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border); 73 | } 74 | // Success appears as green 75 | .btn-success { 76 | @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border); 77 | } 78 | // Info appears as blue-green 79 | .btn-info { 80 | @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border); 81 | } 82 | // Warning appears as orange 83 | .btn-warning { 84 | @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border); 85 | } 86 | // Danger and error appear as red 87 | .btn-danger { 88 | @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border); 89 | } 90 | 91 | 92 | // Link buttons 93 | // ------------------------- 94 | 95 | // Make a button look and behave like a link 96 | .btn-link { 97 | font-weight: 400; 98 | color: $link-color; 99 | border-radius: 0; 100 | 101 | &, 102 | &:active, 103 | &.active, 104 | &[disabled], 105 | fieldset[disabled] & { 106 | background-color: transparent; 107 | @include box-shadow(none); 108 | } 109 | &, 110 | &:hover, 111 | &:focus, 112 | &:active { 113 | border-color: transparent; 114 | } 115 | &:hover, 116 | &:focus { 117 | color: $link-hover-color; 118 | text-decoration: $link-hover-decoration; 119 | background-color: transparent; 120 | } 121 | &[disabled], 122 | fieldset[disabled] & { 123 | &:hover, 124 | &:focus { 125 | color: $btn-link-disabled-color; 126 | text-decoration: none; 127 | } 128 | } 129 | } 130 | 131 | 132 | // Button Sizes 133 | // -------------------------------------------------- 134 | 135 | .btn-lg { 136 | // line-height: ensure even-numbered height of button next to large input 137 | @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $btn-border-radius-large); 138 | } 139 | .btn-sm { 140 | // line-height: ensure proper height of button next to small input 141 | @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small); 142 | } 143 | .btn-xs { 144 | @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small); 145 | } 146 | 147 | 148 | // Block button 149 | // -------------------------------------------------- 150 | 151 | .btn-block { 152 | display: block; 153 | width: 100%; 154 | } 155 | 156 | // Vertically space out multiple block buttons 157 | .btn-block + .btn-block { 158 | margin-top: 5px; 159 | } 160 | 161 | // Specificity overrides 162 | input[type="submit"], 163 | input[type="reset"], 164 | input[type="button"] { 165 | &.btn-block { 166 | width: 100%; 167 | } 168 | } 169 | -------------------------------------------------------------------------------- /docs/download/assets_src/css/vendor/bootstrap/_close.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Close icons 3 | // -------------------------------------------------- 4 | 5 | 6 | .close { 7 | float: right; 8 | font-size: ($font-size-base * 1.5); 9 | font-weight: $close-font-weight; 10 | line-height: 1; 11 | color: $close-color; 12 | text-shadow: $close-text-shadow; 13 | @include opacity(.2); 14 | 15 | &:hover, 16 | &:focus { 17 | color: $close-color; 18 | text-decoration: none; 19 | cursor: pointer; 20 | @include opacity(.5); 21 | } 22 | 23 | // [converter] extracted button& to button.close 24 | } 25 | 26 | // Additional properties for button version 27 | // iOS requires the button element instead of an anchor tag. 28 | // If you want the anchor version, it requires `href="#"`. 29 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 30 | button.close { 31 | padding: 0; 32 | cursor: pointer; 33 | background: transparent; 34 | border: 0; 35 | -webkit-appearance: none; 36 | appearance: none; 37 | } 38 | -------------------------------------------------------------------------------- /docs/download/assets_src/css/vendor/bootstrap/_code.scss: -------------------------------------------------------------------------------- 1 | @use "sass:math"; 2 | // 3 | // Code (inline and block) 4 | // -------------------------------------------------- 5 | 6 | 7 | // Inline and block code styles 8 | code, 9 | kbd, 10 | pre, 11 | samp { 12 | font-family: $font-family-monospace; 13 | } 14 | 15 | // Inline code 16 | code { 17 | padding: 2px 4px; 18 | font-size: 90%; 19 | color: $code-color; 20 | background-color: $code-bg; 21 | border-radius: $border-radius-base; 22 | } 23 | 24 | // User input typically entered via keyboard 25 | kbd { 26 | padding: 2px 4px; 27 | font-size: 90%; 28 | color: $kbd-color; 29 | background-color: $kbd-bg; 30 | border-radius: $border-radius-small; 31 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); 32 | 33 | kbd { 34 | padding: 0; 35 | font-size: 100%; 36 | font-weight: 700; 37 | box-shadow: none; 38 | } 39 | } 40 | 41 | // Blocks of code 42 | pre { 43 | display: block; 44 | padding: math.div(($line-height-computed - 1), 2); 45 | margin: 0 0 math.div($line-height-computed, 2); 46 | font-size: ($font-size-base - 1); // 14px to 13px 47 | line-height: $line-height-base; 48 | color: $pre-color; 49 | word-break: break-all; 50 | word-wrap: break-word; 51 | background-color: $pre-bg; 52 | border: 1px solid $pre-border-color; 53 | border-radius: $border-radius-base; 54 | 55 | // Account for some code outputs that place code tags in pre tags 56 | code { 57 | padding: 0; 58 | font-size: inherit; 59 | color: inherit; 60 | white-space: pre-wrap; 61 | background-color: transparent; 62 | border-radius: 0; 63 | } 64 | } 65 | 66 | // Enable scrollable blocks of code 67 | .pre-scrollable { 68 | max-height: $pre-scrollable-max-height; 69 | overflow-y: scroll; 70 | } 71 | -------------------------------------------------------------------------------- /docs/download/assets_src/css/vendor/bootstrap/_component-animations.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Component animations 3 | // -------------------------------------------------- 4 | 5 | // Heads up! 6 | // 7 | // We don't use the `.opacity()` mixin here since it causes a bug with text 8 | // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. 9 | 10 | .fade { 11 | opacity: 0; 12 | @include transition(opacity .15s linear); 13 | 14 | &.in { 15 | opacity: 1; 16 | } 17 | } 18 | 19 | .collapse { 20 | display: none; 21 | 22 | &.in { display: block; } 23 | // [converter] extracted tr&.in to tr.collapse.in 24 | // [converter] extracted tbody&.in to tbody.collapse.in 25 | } 26 | 27 | tr.collapse.in { display: table-row; } 28 | 29 | tbody.collapse.in { display: table-row-group; } 30 | 31 | .collapsing { 32 | position: relative; 33 | height: 0; 34 | overflow: hidden; 35 | @include transition-property(height, visibility); 36 | @include transition-duration(.35s); 37 | @include transition-timing-function(ease); 38 | } 39 | -------------------------------------------------------------------------------- /docs/download/assets_src/css/vendor/bootstrap/_grid.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Grid system 3 | // -------------------------------------------------- 4 | 5 | 6 | // Container widths 7 | // 8 | // Set the container width, and override it for fixed navbars in media queries. 9 | 10 | .container { 11 | @include container-fixed; 12 | 13 | @media (min-width: $screen-sm-min) { 14 | width: $container-sm; 15 | } 16 | @media (min-width: $screen-md-min) { 17 | width: $container-md; 18 | } 19 | @media (min-width: $screen-lg-min) { 20 | width: $container-lg; 21 | } 22 | } 23 | 24 | 25 | // Fluid container 26 | // 27 | // Utilizes the mixin meant for fixed width containers, but without any defined 28 | // width for fluid, full width layouts. 29 | 30 | .container-fluid { 31 | @include container-fixed; 32 | } 33 | 34 | 35 | // Row 36 | // 37 | // Rows contain and clear the floats of your columns. 38 | 39 | .row { 40 | @include make-row; 41 | } 42 | 43 | .row-no-gutters { 44 | margin-right: 0; 45 | margin-left: 0; 46 | 47 | [class*="col-"] { 48 | padding-right: 0; 49 | padding-left: 0; 50 | } 51 | } 52 | 53 | 54 | // Columns 55 | // 56 | // Common styles for small and large grid columns 57 | 58 | @include make-grid-columns; 59 | 60 | 61 | // Extra small grid 62 | // 63 | // Columns, offsets, pushes, and pulls for extra small devices like 64 | // smartphones. 65 | 66 | @include make-grid(xs); 67 | 68 | 69 | // Small grid 70 | // 71 | // Columns, offsets, pushes, and pulls for the small device range, from phones 72 | // to tablets. 73 | 74 | @media (min-width: $screen-sm-min) { 75 | @include make-grid(sm); 76 | } 77 | 78 | 79 | // Medium grid 80 | // 81 | // Columns, offsets, pushes, and pulls for the desktop device range. 82 | 83 | @media (min-width: $screen-md-min) { 84 | @include make-grid(md); 85 | } 86 | 87 | 88 | // Large grid 89 | // 90 | // Columns, offsets, pushes, and pulls for the large desktop device range. 91 | 92 | @media (min-width: $screen-lg-min) { 93 | @include make-grid(lg); 94 | } 95 | -------------------------------------------------------------------------------- /docs/download/assets_src/css/vendor/bootstrap/_jumbotron.scss: -------------------------------------------------------------------------------- 1 | @use "sass:math"; 2 | // 3 | // Jumbotron 4 | // -------------------------------------------------- 5 | 6 | 7 | .jumbotron { 8 | padding-top: $jumbotron-padding; 9 | padding-bottom: $jumbotron-padding; 10 | margin-bottom: $jumbotron-padding; 11 | color: $jumbotron-color; 12 | background-color: $jumbotron-bg; 13 | 14 | h1, 15 | .h1 { 16 | color: $jumbotron-heading-color; 17 | } 18 | 19 | p { 20 | margin-bottom: math.div($jumbotron-padding, 2); 21 | font-size: $jumbotron-font-size; 22 | font-weight: 200; 23 | } 24 | 25 | > hr { 26 | border-top-color: darken($jumbotron-bg, 10%); 27 | } 28 | 29 | .container &, 30 | .container-fluid & { 31 | padding-right: math.div($grid-gutter-width, 2); 32 | padding-left: math.div($grid-gutter-width, 2); 33 | border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container 34 | } 35 | 36 | .container { 37 | max-width: 100%; 38 | } 39 | 40 | @media screen and (min-width: $screen-sm-min) { 41 | padding-top: ($jumbotron-padding * 1.6); 42 | padding-bottom: ($jumbotron-padding * 1.6); 43 | 44 | .container &, 45 | .container-fluid & { 46 | padding-right: ($jumbotron-padding * 2); 47 | padding-left: ($jumbotron-padding * 2); 48 | } 49 | 50 | h1, 51 | .h1 { 52 | font-size: $jumbotron-heading-font-size; 53 | } 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /docs/download/assets_src/css/vendor/bootstrap/_labels.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // -------------------------------------------------- 4 | 5 | .label { 6 | display: inline; 7 | padding: .2em .6em .3em; 8 | font-size: 75%; 9 | font-weight: 700; 10 | line-height: 1; 11 | color: $label-color; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | border-radius: .25em; 16 | 17 | // [converter] extracted a& to a.label 18 | 19 | // Empty labels collapse automatically (not available in IE8) 20 | &:empty { 21 | display: none; 22 | } 23 | 24 | // Quick fix for labels in buttons 25 | .btn & { 26 | position: relative; 27 | top: -1px; 28 | } 29 | } 30 | 31 | // Add hover effects, but only for links 32 | a.label { 33 | &:hover, 34 | &:focus { 35 | color: $label-link-hover-color; 36 | text-decoration: none; 37 | cursor: pointer; 38 | } 39 | } 40 | 41 | // Colors 42 | // Contextual variations (linked labels get darker on :hover) 43 | 44 | .label-default { 45 | @include label-variant($label-default-bg); 46 | } 47 | 48 | .label-primary { 49 | @include label-variant($label-primary-bg); 50 | } 51 | 52 | .label-success { 53 | @include label-variant($label-success-bg); 54 | } 55 | 56 | .label-info { 57 | @include label-variant($label-info-bg); 58 | } 59 | 60 | .label-warning { 61 | @include label-variant($label-warning-bg); 62 | } 63 | 64 | .label-danger { 65 | @include label-variant($label-danger-bg); 66 | } 67 | -------------------------------------------------------------------------------- /docs/download/assets_src/css/vendor/bootstrap/_list-group.scss: -------------------------------------------------------------------------------- 1 | // 2 | // List groups 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | // 8 | // Easily usable on