├── scss ├── _utilities.scss ├── mixins │ ├── _alert.scss │ ├── _accordion.scss │ ├── _transition.scss │ ├── _badge.scss │ ├── _box-shadow.scss │ ├── _hover.scss │ ├── _textfield.scss │ ├── _popover.scss │ ├── _border-radius.scss │ ├── _font-face.scss │ └── _table-row.scss ├── _popover.scss ├── _mixins.scss ├── _progressbar.scss ├── _propeller-roboto.scss ├── _shadow.scss ├── propeller.scss └── _google-icons.scss ├── components ├── index.php ├── sidebar │ ├── snippets │ │ ├── javascript-plugin.js │ │ ├── sidebar.js │ │ └── sidebar.css │ └── css │ │ └── sidebar.scss ├── tab │ ├── snippets │ │ ├── javascript-plugin.js │ │ ├── tabs-bootstrap.css │ │ ├── events.js │ │ ├── tab-bar-centered.html │ │ ├── tabs.css │ │ ├── tabs-bootstrap.js │ │ ├── tab-with-dropdown.css │ │ ├── tabs.js │ │ ├── scrollable-tab.css │ │ └── tab-with-dropdown.js │ └── css │ │ └── tab.scss ├── data-table │ ├── scss │ │ ├── _mixins.scss │ │ ├── _variables.css │ │ ├── _variables.css.map │ │ └── mixins │ │ │ └── _border-radius.scss │ ├── .npmignore │ └── changelog.md ├── radio │ ├── snippets │ │ ├── javascript-plugin.js │ │ ├── radio.css │ │ ├── radio.js │ │ ├── inline-radio.html │ │ └── radio.html │ └── css │ │ └── radio.scss ├── get-started │ └── snippets │ │ ├── bower-install.html │ │ ├── npm-install.html │ │ ├── add-map.html │ │ ├── remove-map.html │ │ ├── modify-map.html │ │ ├── use-box-shadow-function.html │ │ ├── npm-install-select2.html │ │ ├── use-color-function.html │ │ ├── included-sass.html │ │ ├── use-function-theme-level.html │ │ ├── color-contrast-function-use.html │ │ ├── color-function.html │ │ ├── npm-install-datatable.html │ │ ├── npm-install-rangeslider.html │ │ ├── npm-install-datetimepicker.html │ │ ├── importing-all.html │ │ ├── npm-install-custom-scrollbar.html │ │ ├── color-contrast-function-use-with-map.html │ │ ├── color-contrast-function.html │ │ ├── use-colors.html │ │ ├── included-npm-sass.html │ │ ├── modifiers.html │ │ ├── variable-defaults.html │ │ ├── function-theme-level.html │ │ ├── use-components.html │ │ ├── all-color-variables.html │ │ ├── importing-parts.html │ │ ├── included-bootstrap.html │ │ ├── npm-install-third-party-component.html │ │ ├── box-shadow-function.html │ │ └── get-started.html ├── alert │ ├── snippets │ │ ├── javascript-plugin.js │ │ ├── events.js │ │ ├── alert-link.css │ │ ├── alert-link.js │ │ ├── alerts.css │ │ ├── alert-type.css │ │ ├── alert-behaviour-action.css │ │ ├── alerts.js │ │ └── alert-link.html │ └── css │ │ └── alert.scss ├── button │ ├── snippets │ │ ├── javascript-plugin.js │ │ ├── bootstrap-basic.css │ │ ├── button.css │ │ ├── button-groups-series.html │ │ ├── button-groups-justified.html │ │ ├── button-sizes-block.html │ │ ├── button-groups-combine.html │ │ ├── button-with-icon.css │ │ ├── button.js │ │ ├── button-default.html │ │ ├── button-circle.html │ │ ├── button-propeller.html │ │ ├── button-circle-flat.html │ │ ├── button-circle-raised.html │ │ ├── button-flat.html │ │ └── button-raised.html │ └── css │ │ └── button.scss ├── checkbox │ ├── snippets │ │ ├── javascript-plugin.js │ │ ├── checkbox.css │ │ ├── checkbox.js │ │ ├── inline-checkbox.html │ │ └── checkbox.html │ └── css │ │ └── checkbox.scss ├── dropdown │ ├── snippets │ │ ├── javascript-plugin.js │ │ ├── events.js │ │ ├── bootstrap-basic.css │ │ ├── bootstrap-basic.js │ │ ├── dropdowns.css │ │ ├── dropdown-directions.css │ │ ├── dropdown-hover.js │ │ ├── dropdown.js │ │ └── bootstrap-basic.html │ └── css │ │ └── dropdown.scss ├── popover │ ├── snippets │ │ ├── javascript-plugin.js │ │ ├── events.js │ │ ├── popover.css │ │ ├── popover-color.css │ │ ├── popover.js │ │ ├── popover-colore.js │ │ ├── popover-html.js │ │ ├── on-click.html │ │ ├── on-hover.html │ │ └── colored.html │ └── css │ │ └── popover.scss ├── accordion │ ├── snippets │ │ ├── javascript-plugin.js │ │ ├── bootstrap-basic.css │ │ ├── events.js │ │ ├── bootstrap-basic.js │ │ ├── accordion.js │ │ ├── accordion-expandable-all.js │ │ ├── accordion-scalable.css │ │ └── accordion.css │ └── css │ │ └── accordion.scss ├── textfield │ ├── snippets │ │ ├── javascript-plugin.js │ │ ├── text-fields.css │ │ ├── text-area.js │ │ ├── text-fields.js │ │ ├── text-area.css │ │ ├── input-icon-text-fields.css │ │ ├── text-area.html │ │ └── states-text-fields.html │ └── css │ │ └── textfield.scss ├── datetimepicker │ ├── .npmignore │ ├── snippets │ │ ├── datepicker-inline.html │ │ ├── datepicker-view-mode.html │ │ ├── datepicker-left-header.html │ │ ├── datepicker-time.html │ │ ├── datepicker-disable.html │ │ ├── datepicker-default.html │ │ ├── datepicker-linked.html │ │ ├── datepicker-popup.css │ │ ├── datepicker.css │ │ ├── datepicker.js │ │ ├── datepicker-default.js │ │ ├── datepicker-time.js │ │ ├── datepicker-inline.js │ │ └── datepicker-popup.js │ ├── scss │ │ ├── _mixins.scss │ │ ├── mixins │ │ │ ├── _transition.scss │ │ │ ├── _box-shadow.scss │ │ │ └── _border-radius.scss │ │ └── _functions.scss │ └── changelog.md ├── select2 │ ├── scss │ │ ├── _mixins.scss │ │ ├── mixins │ │ │ └── _transition.scss │ │ ├── _variables.scss │ │ └── pmd-select2.css.map │ ├── .npmignore │ ├── snippets │ │ ├── selectbox.css │ │ ├── selectbox-with-search.js │ │ ├── selectbox-tags.js │ │ ├── selectbox-tags-add.js │ │ └── selectbox.js │ ├── changelog.md │ └── package.json ├── range-slider │ ├── scss │ │ ├── _mixins.scss │ │ ├── mixins │ │ │ └── _transition.scss │ │ └── _variables.scss │ ├── snippets │ │ ├── single-hendler.html │ │ ├── multiple-hendler.html │ │ ├── single-step-hendler.html │ │ ├── single-tooltip-hendler.html │ │ ├── multiple-tooltip-hendler.html │ │ ├── single-hendler-bottom-tooltip.html │ │ ├── multiple-tooltip-bottom-hendler.html │ │ ├── tooltip-bottom-lower-hendler.html │ │ ├── tooltip-bottom-upper-hendler.html │ │ ├── range-slider-horizontal.html │ │ ├── range-slider-verticle.html │ │ ├── disable-single-hendler.html │ │ ├── multiple-hendler-value.html │ │ ├── single-hendler-value-input.html │ │ ├── verticle-single-hendler.html │ │ ├── disable-multiple-hendler.html │ │ ├── range-slider.css │ │ ├── single-hendler.js │ │ ├── multiple-hendler.js │ │ ├── single-tooltip-hendler.js │ │ ├── single-hendler-bottom-tooltip.js │ │ ├── multiple-tooltip-hendler.js │ │ ├── tooltip-bottom-lower-hendler.js │ │ ├── tooltip-bottom-upper-hendler.js │ │ ├── verticle-multiple-hendler.html │ │ ├── multiple-tooltip-bottom-hendler.js │ │ └── single-step-hendler.js │ ├── .npmignore │ └── changelog.md ├── shadow │ ├── .DS_Store │ ├── snippets │ │ └── shadow.css │ └── css │ │ └── shadow.scss ├── list │ ├── img │ │ └── 40x40.png │ ├── snippets │ │ ├── bootstrap-basic.css │ │ ├── inline-list.html │ │ ├── disabled-list-items.html │ │ ├── linked-items.html │ │ ├── list-group.css │ │ ├── description-list.html │ │ └── group-items-with-heading.html │ └── css │ │ └── list.scss ├── typography │ ├── .DS_Store │ ├── snippets │ │ ├── bootstrap-basic.css │ │ ├── typography-list-inline.html │ │ ├── typography-lead.html │ │ ├── typography-blockquotes.html │ │ ├── typography-fancy-heading.html │ │ ├── typography-display-heading.html │ │ ├── typography.css │ │ ├── typography-heading.css │ │ ├── typography-list-align.css │ │ ├── typography-display-heading.css │ │ ├── typography-fancy-heading.css │ │ ├── typography-heading.html │ │ ├── typography-blockquotes-footer.html │ │ ├── typography-reverse.html │ │ ├── typography-address.html │ │ ├── typography-list-align.html │ │ ├── typography-inline-text.html │ │ └── typography-list.html │ └── css │ │ └── typography.scss ├── toggle-switch │ ├── .DS_Store │ ├── snippets │ │ ├── toggle-button.css │ │ └── toggle-button.html │ └── css │ │ └── toggle-switch.scss ├── form │ └── snippets │ │ ├── bootstrap-basic.css │ │ └── bootstrap-basic.html ├── modal │ ├── snippets │ │ ├── events.js │ │ ├── bootstrap-basic.css │ │ ├── bootstrap-basic.js │ │ ├── dialogs.js │ │ ├── dialogs.css │ │ ├── dialogs-media.css │ │ └── dialogs-simple-listing.css │ └── css │ │ └── modal.scss ├── tooltip │ ├── snippets │ │ ├── events.js │ │ ├── tooltip-bootstrap.css │ │ ├── tooltip.css │ │ ├── tooltip-bootstrap.js │ │ ├── tooltip.js │ │ ├── basic-bootstrap-tooltip.html │ │ └── tooltip.html │ └── css │ │ └── tooltip.scss ├── custom-scrollbar │ ├── .npmignore │ ├── css │ │ ├── mCSB_buttons.png │ │ ├── pmd-scrollbar.css.map │ │ ├── pmd-scrollbar.scss │ │ └── pmd-scrollbar.css │ ├── scss │ │ ├── pmd-scrollbar.css.map │ │ ├── pmd-scrollbar.scss │ │ └── pmd-scrollbar.css │ ├── snippets │ │ ├── custom-scroll.css │ │ ├── custom-scroll.js │ │ ├── 3d-scroll.js │ │ ├── rounded-scroll.js │ │ ├── outside-scroll.js │ │ └── snap-scroll.js │ └── changelog.md ├── navbar │ ├── snippets │ │ ├── bootstrap-basic.css │ │ ├── bootstrap-basic.js │ │ ├── menu.css │ │ └── menu.js │ └── css │ │ └── navbar.scss ├── progressbar │ ├── snippets │ │ ├── bootstrap-basic.css │ │ ├── progressbar.css │ │ ├── progressbar-animated.html │ │ ├── progressbar-staked.html │ │ ├── progressbar-static.html │ │ ├── progressbar-bootstrap.html │ │ └── progressbar-striped.html │ └── css │ │ ├── progressbar.scss │ │ └── progressbar.css ├── floating-action-button │ ├── snippets │ │ └── floating-button.js │ └── css │ │ └── floating-action-button.scss ├── pagination │ └── css │ │ ├── _notes │ │ └── dwsync.xml │ │ └── pagination.css ├── icons │ ├── snippets │ │ ├── propeller-icons.css │ │ └── icons-sizing-variation.html │ └── css │ │ ├── google-icons.scss │ │ └── google-icons.css ├── card │ ├── css │ │ └── card.scss │ └── snippets │ │ ├── card.js │ │ └── card.css ├── badge │ ├── css │ │ └── badge.scss │ └── snippets │ │ ├── badge.js │ │ ├── badge-notification.html │ │ ├── bootstrap-basic.css │ │ ├── chips.html │ │ ├── chips.css │ │ ├── badge.css │ │ └── badge-notification.css ├── table │ ├── css │ │ └── table.scss │ └── snippets │ │ ├── table.js │ │ ├── table-card.js │ │ ├── table-bootstrap.js │ │ ├── table-bootstrap.css │ │ ├── table.css │ │ └── table-card.css └── file-upload │ └── css │ └── upload-file.css ├── .npmignore ├── assets ├── images │ ├── favicon.ico │ ├── profile-pic.png │ ├── propeller-logo.png │ ├── Propeller_FB_Covers.jpg │ ├── Twitter_Open_Graph.jpg │ ├── avatar-icon-40x40.png │ └── banner-propeller-logo.png └── fonts │ └── roboto │ ├── Roboto-Black-webfont.eot │ ├── Roboto-Black-webfont.ttf │ ├── Roboto-Bold-webfont.eot │ ├── Roboto-Bold-webfont.ttf │ ├── Roboto-Bold-webfont.woff │ ├── Roboto-Light-webfont.eot │ ├── Roboto-Light-webfont.ttf │ ├── Roboto-Thin-webfont.eot │ ├── Roboto-Thin-webfont.ttf │ ├── Roboto-Thin-webfont.woff │ ├── Roboto-Black-webfont.woff │ ├── Roboto-Italic-webfont.eot │ ├── Roboto-Italic-webfont.ttf │ ├── Roboto-Italic-webfont.woff │ ├── Roboto-Light-webfont.woff │ ├── Roboto-Medium-webfont.eot │ ├── Roboto-Medium-webfont.ttf │ ├── Roboto-Medium-webfont.woff │ ├── Roboto-Regular-webfont.eot │ ├── Roboto-Regular-webfont.ttf │ ├── Roboto-Regular-webfont.woff │ ├── Roboto-BoldItalic-webfont.eot │ ├── Roboto-BoldItalic-webfont.ttf │ ├── Roboto-ThinItalic-webfont.eot │ ├── Roboto-ThinItalic-webfont.ttf │ ├── Roboto-BlackItalic-webfont.eot │ ├── Roboto-BlackItalic-webfont.ttf │ ├── Roboto-BlackItalic-webfont.woff │ ├── Roboto-BoldItalic-webfont.woff │ ├── Roboto-LightItalic-webfont.eot │ ├── Roboto-LightItalic-webfont.ttf │ ├── Roboto-LightItalic-webfont.woff │ ├── Roboto-MediumItalic-webfont.eot │ ├── Roboto-MediumItalic-webfont.ttf │ ├── Roboto-MediumItalic-webfont.woff │ ├── Roboto-ThinItalic-webfont.woff │ ├── RobotoCondensed-Bold-webfont.eot │ ├── RobotoCondensed-Bold-webfont.ttf │ ├── RobotoCondensed-Bold-webfont.woff │ ├── RobotoCondensed-Italic-webfont.eot │ ├── RobotoCondensed-Italic-webfont.ttf │ ├── RobotoCondensed-Light-webfont.eot │ ├── RobotoCondensed-Light-webfont.ttf │ ├── RobotoCondensed-Light-webfont.woff │ ├── RobotoCondensed-Italic-webfont.woff │ ├── RobotoCondensed-Regular-webfont.eot │ ├── RobotoCondensed-Regular-webfont.ttf │ ├── RobotoCondensed-Regular-webfont.woff │ ├── RobotoCondensed-BoldItalic-webfont.eot │ ├── RobotoCondensed-BoldItalic-webfont.ttf │ ├── RobotoCondensed-BoldItalic-webfont.woff │ ├── RobotoCondensed-LightItalic-webfont.eot │ ├── RobotoCondensed-LightItalic-webfont.ttf │ └── RobotoCondensed-LightItalic-webfont.woff ├── dist └── fonts │ └── roboto │ ├── Roboto-Black-webfont.eot │ ├── Roboto-Black-webfont.ttf │ ├── Roboto-Bold-webfont.eot │ ├── Roboto-Bold-webfont.ttf │ ├── Roboto-Bold-webfont.woff │ ├── Roboto-Light-webfont.eot │ ├── Roboto-Light-webfont.ttf │ ├── Roboto-Thin-webfont.eot │ ├── Roboto-Thin-webfont.ttf │ ├── Roboto-Thin-webfont.woff │ ├── Roboto-Black-webfont.woff │ ├── Roboto-Italic-webfont.eot │ ├── Roboto-Italic-webfont.ttf │ ├── Roboto-Italic-webfont.woff │ ├── Roboto-Light-webfont.woff │ ├── Roboto-Medium-webfont.eot │ ├── Roboto-Medium-webfont.ttf │ ├── Roboto-Medium-webfont.woff │ ├── Roboto-Regular-webfont.eot │ ├── Roboto-Regular-webfont.ttf │ ├── Roboto-BoldItalic-webfont.eot │ ├── Roboto-BoldItalic-webfont.ttf │ ├── Roboto-Regular-webfont.woff │ ├── Roboto-ThinItalic-webfont.eot │ ├── Roboto-ThinItalic-webfont.ttf │ ├── Roboto-BlackItalic-webfont.eot │ ├── Roboto-BlackItalic-webfont.ttf │ ├── Roboto-BlackItalic-webfont.woff │ ├── Roboto-BoldItalic-webfont.woff │ ├── Roboto-LightItalic-webfont.eot │ ├── Roboto-LightItalic-webfont.ttf │ ├── Roboto-LightItalic-webfont.woff │ ├── Roboto-MediumItalic-webfont.eot │ ├── Roboto-MediumItalic-webfont.ttf │ ├── Roboto-ThinItalic-webfont.woff │ ├── Roboto-MediumItalic-webfont.woff │ ├── RobotoCondensed-Bold-webfont.eot │ ├── RobotoCondensed-Bold-webfont.ttf │ ├── RobotoCondensed-Bold-webfont.woff │ ├── RobotoCondensed-Italic-webfont.eot │ ├── RobotoCondensed-Italic-webfont.ttf │ ├── RobotoCondensed-Light-webfont.eot │ ├── RobotoCondensed-Light-webfont.ttf │ ├── RobotoCondensed-Light-webfont.woff │ ├── RobotoCondensed-Italic-webfont.woff │ ├── RobotoCondensed-Regular-webfont.eot │ ├── RobotoCondensed-Regular-webfont.ttf │ ├── RobotoCondensed-Regular-webfont.woff │ ├── RobotoCondensed-BoldItalic-webfont.eot │ ├── RobotoCondensed-BoldItalic-webfont.ttf │ ├── RobotoCondensed-BoldItalic-webfont.woff │ ├── RobotoCondensed-LightItalic-webfont.eot │ ├── RobotoCondensed-LightItalic-webfont.ttf │ └── RobotoCondensed-LightItalic-webfont.woff ├── .gitignore ├── grunt ├── .jshintrc └── .csslintrc ├── CHANGELOG.md └── bower.json /scss/_utilities.scss: -------------------------------------------------------------------------------- 1 | .margin-r8{ margin-right:8px !important;} -------------------------------------------------------------------------------- /components/index.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /components/sidebar/snippets/javascript-plugin.js: -------------------------------------------------------------------------------- 1 | $().pmdSidebar(); -------------------------------------------------------------------------------- /components/tab/snippets/javascript-plugin.js: -------------------------------------------------------------------------------- 1 | $('.pmd-tabs').pmdTab(); -------------------------------------------------------------------------------- /components/data-table/scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | @import "mixins/border-radius"; -------------------------------------------------------------------------------- /components/radio/snippets/javascript-plugin.js: -------------------------------------------------------------------------------- 1 | $('.pmd-radio').pmdRadio(); -------------------------------------------------------------------------------- /components/get-started/snippets/bower-install.html: -------------------------------------------------------------------------------- 1 | $ bower install propeller -------------------------------------------------------------------------------- /components/get-started/snippets/npm-install.html: -------------------------------------------------------------------------------- 1 | $ npm install propellerkit -------------------------------------------------------------------------------- /components/alert/snippets/javascript-plugin.js: -------------------------------------------------------------------------------- 1 | $('.pmd-alert-toggle').pmdAlert(); -------------------------------------------------------------------------------- /components/button/snippets/javascript-plugin.js: -------------------------------------------------------------------------------- 1 | $('.pmd-ripple-effect').pmdButton(); -------------------------------------------------------------------------------- /components/checkbox/snippets/javascript-plugin.js: -------------------------------------------------------------------------------- 1 | $('.pmd-checkbox').pmdCheckBox(); -------------------------------------------------------------------------------- /components/dropdown/snippets/javascript-plugin.js: -------------------------------------------------------------------------------- 1 | $('.pmd-dropdown').pmdDropdown(); -------------------------------------------------------------------------------- /components/popover/snippets/javascript-plugin.js: -------------------------------------------------------------------------------- 1 | $('.pmd-checkbox').pmdCheckBox(); -------------------------------------------------------------------------------- /components/accordion/snippets/javascript-plugin.js: -------------------------------------------------------------------------------- 1 | $('.pmd-accordion').pmdAccordion(); -------------------------------------------------------------------------------- /components/textfield/snippets/javascript-plugin.js: -------------------------------------------------------------------------------- 1 | $('.pmd-textfield').pmdTextfield(); -------------------------------------------------------------------------------- /components/data-table/.npmignore: -------------------------------------------------------------------------------- 1 | examples 2 | extensions 3 | media 4 | snippets 5 | data-table.html -------------------------------------------------------------------------------- /components/data-table/scss/_variables.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | /*# sourceMappingURL=_variables.css.map */ 4 | -------------------------------------------------------------------------------- /components/datetimepicker/.npmignore: -------------------------------------------------------------------------------- 1 | js/moment-with-locales.js 2 | snippets 3 | datetimepicker.html -------------------------------------------------------------------------------- /components/get-started/snippets/add-map.html: -------------------------------------------------------------------------------- 1 | $theme-colors: ( 2 | "custom-color": #555 3 | ); -------------------------------------------------------------------------------- /components/select2/scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | @import "mixins/transition"; 2 | @import "mixins/transform"; -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | archive 2 | assets 3 | templates 4 | components/*/snippets/** 5 | bower.json 6 | .npmignore -------------------------------------------------------------------------------- /components/range-slider/scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | @import "mixins/transition"; 2 | @import "mixins/transform"; -------------------------------------------------------------------------------- /assets/images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/images/favicon.ico -------------------------------------------------------------------------------- /components/shadow/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/components/shadow/.DS_Store -------------------------------------------------------------------------------- /assets/images/profile-pic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/images/profile-pic.png -------------------------------------------------------------------------------- /components/list/img/40x40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/components/list/img/40x40.png -------------------------------------------------------------------------------- /assets/images/propeller-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/images/propeller-logo.png -------------------------------------------------------------------------------- /components/get-started/snippets/remove-map.html: -------------------------------------------------------------------------------- 1 | $theme-colors: map-remove($theme-colors, "success", "info", "danger"); -------------------------------------------------------------------------------- /components/typography/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/components/typography/.DS_Store -------------------------------------------------------------------------------- /components/datetimepicker/snippets/datepicker-inline.html: -------------------------------------------------------------------------------- 1 | 2 |
-------------------------------------------------------------------------------- /components/get-started/snippets/modify-map.html: -------------------------------------------------------------------------------- 1 | $theme-colors: ( 2 | "primary": #00d1b2, 3 | "secondary": #5f45bb 4 | ); -------------------------------------------------------------------------------- /components/get-started/snippets/use-box-shadow-function.html: -------------------------------------------------------------------------------- 1 | .product-list-item{ 2 | box-shadow: box-shadow-depth(1); 3 | } -------------------------------------------------------------------------------- /components/toggle-switch/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/components/toggle-switch/.DS_Store -------------------------------------------------------------------------------- /assets/images/Propeller_FB_Covers.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/images/Propeller_FB_Covers.jpg -------------------------------------------------------------------------------- /assets/images/Twitter_Open_Graph.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/images/Twitter_Open_Graph.jpg -------------------------------------------------------------------------------- /assets/images/avatar-icon-40x40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/images/avatar-icon-40x40.png -------------------------------------------------------------------------------- /components/get-started/snippets/npm-install-select2.html: -------------------------------------------------------------------------------- 1 | 2 | $ npm install propellerkit-select2 -------------------------------------------------------------------------------- /components/get-started/snippets/use-color-function.html: -------------------------------------------------------------------------------- 1 | .product-list-item { 2 | background-color: theme-color("light"); 3 | } -------------------------------------------------------------------------------- /assets/images/banner-propeller-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/images/banner-propeller-logo.png -------------------------------------------------------------------------------- /components/range-slider/snippets/single-hendler.html: -------------------------------------------------------------------------------- 1 | 2 |
-------------------------------------------------------------------------------- /components/get-started/snippets/included-sass.html: -------------------------------------------------------------------------------- 1 | your-project/ 2 | ├── scss 3 | │ └── custom.scss 4 | └── propeller/ 5 | └── scss -------------------------------------------------------------------------------- /components/get-started/snippets/use-function-theme-level.html: -------------------------------------------------------------------------------- 1 | .product-list-item a { 2 | color: theme-color-level(primary, -10); 3 | } -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Black-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Black-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Black-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Black-webfont.ttf -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Bold-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Bold-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Bold-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Bold-webfont.ttf -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Bold-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Bold-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Light-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Light-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Light-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Light-webfont.ttf -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Thin-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Thin-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Thin-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Thin-webfont.ttf -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Thin-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Thin-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Black-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Black-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Black-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Black-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Bold-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Bold-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Bold-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Bold-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Bold-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Bold-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Light-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Light-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Light-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Light-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Thin-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Thin-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Thin-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Thin-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Thin-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Thin-webfont.woff -------------------------------------------------------------------------------- /components/alert/snippets/events.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /components/get-started/snippets/color-contrast-function-use.html: -------------------------------------------------------------------------------- 1 | .custom-element { 2 | color: color-yiq(#000); // returns `color: #fff` 3 | } -------------------------------------------------------------------------------- /components/get-started/snippets/color-function.html: -------------------------------------------------------------------------------- 1 | @function theme-color($key: "primary") { 2 | @return map-get($theme-colors, $key); 3 | } -------------------------------------------------------------------------------- /components/get-started/snippets/npm-install-datatable.html: -------------------------------------------------------------------------------- 1 | 2 | $ npm install propellerkit-datatables 3 | -------------------------------------------------------------------------------- /components/get-started/snippets/npm-install-rangeslider.html: -------------------------------------------------------------------------------- 1 | 2 | $ npm install propellerkit-range-slider -------------------------------------------------------------------------------- /components/range-slider/snippets/multiple-hendler.html: -------------------------------------------------------------------------------- 1 | 2 |
-------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Black-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Black-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Italic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Italic-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Italic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Italic-webfont.ttf -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Italic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Italic-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Light-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Light-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Medium-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Medium-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Medium-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Medium-webfont.ttf -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Medium-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Medium-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Regular-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Regular-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Regular-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Regular-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Black-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Black-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Italic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Italic-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Italic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Italic-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Italic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Italic-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Light-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Light-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Medium-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Medium-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Medium-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Medium-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Medium-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Medium-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Regular-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Regular-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Regular-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Regular-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-Regular-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-Regular-webfont.woff -------------------------------------------------------------------------------- /components/alert/snippets/alert-link.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; -------------------------------------------------------------------------------- /components/dropdown/snippets/events.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /components/form/snippets/bootstrap-basic.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; -------------------------------------------------------------------------------- /components/get-started/snippets/npm-install-datetimepicker.html: -------------------------------------------------------------------------------- 1 | 2 | $ npm install propellerkit-datetimepicker -------------------------------------------------------------------------------- /components/list/snippets/bootstrap-basic.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; -------------------------------------------------------------------------------- /components/modal/snippets/events.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /components/popover/snippets/events.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /components/range-slider/.npmignore: -------------------------------------------------------------------------------- 1 | css/jquery.nouislider.css 2 | css/nouislider.min.css 3 | js 4 | snippets 5 | range-slider.html 6 | .npmignore 7 | -------------------------------------------------------------------------------- /components/range-slider/snippets/single-step-hendler.html: -------------------------------------------------------------------------------- 1 | 2 |
-------------------------------------------------------------------------------- /components/tab/snippets/tabs-bootstrap.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; -------------------------------------------------------------------------------- /components/tooltip/snippets/events.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-BoldItalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-BoldItalic-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-BoldItalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-BoldItalic-webfont.ttf -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-Regular-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-Regular-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-ThinItalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-ThinItalic-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-ThinItalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-ThinItalic-webfont.ttf -------------------------------------------------------------------------------- /scss/mixins/_alert.scss: -------------------------------------------------------------------------------- 1 | @mixin alert-variant($background, $color) { 2 | color: color-yiq($color); 3 | background-color:$background; 4 | } 5 | -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-BoldItalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-BoldItalic-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-BoldItalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-BoldItalic-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-ThinItalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-ThinItalic-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-ThinItalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-ThinItalic-webfont.ttf -------------------------------------------------------------------------------- /components/accordion/snippets/bootstrap-basic.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; -------------------------------------------------------------------------------- /components/accordion/snippets/events.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /components/button/snippets/bootstrap-basic.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; -------------------------------------------------------------------------------- /components/custom-scrollbar/.npmignore: -------------------------------------------------------------------------------- 1 | css/jquery.mCustomScrollbar.css 2 | css/mCSB_buttons.png 3 | js 4 | snippets 5 | custom-scroll.html 6 | .npmignore -------------------------------------------------------------------------------- /components/custom-scrollbar/css/mCSB_buttons.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/components/custom-scrollbar/css/mCSB_buttons.png -------------------------------------------------------------------------------- /components/dropdown/snippets/bootstrap-basic.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; -------------------------------------------------------------------------------- /components/get-started/snippets/importing-all.html: -------------------------------------------------------------------------------- 1 | // Custom.scss 2 | // Option A: Include all of Propeller 3 | 4 | @import "propeller/scss/propeller"; -------------------------------------------------------------------------------- /components/navbar/snippets/bootstrap-basic.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-BlackItalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-BlackItalic-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-BlackItalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-BlackItalic-webfont.ttf -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-BlackItalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-BlackItalic-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-BoldItalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-BoldItalic-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-LightItalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-LightItalic-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-LightItalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-LightItalic-webfont.ttf -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-LightItalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-LightItalic-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-MediumItalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-MediumItalic-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-MediumItalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-MediumItalic-webfont.ttf -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-ThinItalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-ThinItalic-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-BlackItalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-BlackItalic-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-BlackItalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-BlackItalic-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-BlackItalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-BlackItalic-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-BoldItalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-BoldItalic-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-LightItalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-LightItalic-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-LightItalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-LightItalic-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-LightItalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-LightItalic-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-MediumItalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-MediumItalic-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-MediumItalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-MediumItalic-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-MediumItalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-MediumItalic-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/Roboto-ThinItalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/Roboto-ThinItalic-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-Bold-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-Bold-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-Bold-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-Bold-webfont.ttf -------------------------------------------------------------------------------- /components/get-started/snippets/npm-install-custom-scrollbar.html: -------------------------------------------------------------------------------- 1 | 2 | $ npm install propellerkit-custom-scrollbar 3 | -------------------------------------------------------------------------------- /components/progressbar/snippets/bootstrap-basic.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; -------------------------------------------------------------------------------- /components/tooltip/snippets/tooltip-bootstrap.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | -------------------------------------------------------------------------------- /components/typography/snippets/bootstrap-basic.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; -------------------------------------------------------------------------------- /dist/fonts/roboto/Roboto-MediumItalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/Roboto-MediumItalic-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-Bold-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-Bold-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-Bold-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-Bold-webfont.ttf -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-Bold-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-Bold-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-Italic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-Italic-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-Italic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-Italic-webfont.ttf -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-Light-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-Light-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-Light-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-Light-webfont.ttf -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-Light-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-Light-webfont.woff -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | components/floating-action-button/snippets/floating-button.css 2 | components/navbar/js/navbar.js 3 | archive/ 4 | node_modules/ 5 | package-lock.json -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-Bold-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-Bold-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-Italic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-Italic-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-Italic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-Italic-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-Light-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-Light-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-Light-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-Light-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-Light-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-Light-webfont.woff -------------------------------------------------------------------------------- /components/data-table/scss/_variables.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "", 4 | "sources": [], 5 | "names": [], 6 | "file": "_variables.css" 7 | } 8 | -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-Italic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-Italic-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-Regular-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-Regular-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-Regular-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-Regular-webfont.ttf -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-Regular-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-Regular-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-Italic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-Italic-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-Regular-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-Regular-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-Regular-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-Regular-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-Regular-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-Regular-webfont.woff -------------------------------------------------------------------------------- /components/get-started/snippets/color-contrast-function-use-with-map.html: -------------------------------------------------------------------------------- 1 | .custom-element { 2 | color: color-yiq(theme-color("dark")); // returns `color: #fff` 3 | } -------------------------------------------------------------------------------- /components/select2/.npmignore: -------------------------------------------------------------------------------- 1 | css/select2-bootstrap.css 2 | css/select2.css 3 | css/select2.min.css 4 | js/select2.full.js 5 | snippets 6 | select2.html 7 | .npmignore -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-BoldItalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-BoldItalic-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-BoldItalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-BoldItalic-webfont.ttf -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-BoldItalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-BoldItalic-webfont.woff -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-LightItalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-LightItalic-webfont.eot -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-LightItalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-LightItalic-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-BoldItalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-BoldItalic-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-BoldItalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-BoldItalic-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-BoldItalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-BoldItalic-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-LightItalic-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-LightItalic-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-LightItalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-LightItalic-webfont.ttf -------------------------------------------------------------------------------- /components/datetimepicker/scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | @import "mixins/box-shadow"; 2 | @import "mixins/transition"; 3 | @import "mixins/border-radius"; 4 | @import "mixins/transform"; -------------------------------------------------------------------------------- /components/get-started/snippets/color-contrast-function.html: -------------------------------------------------------------------------------- 1 | @each $color, $value in $theme-colors { 2 | .swatch-#{$color} { 3 | color: color-yiq($value); 4 | } 5 | } -------------------------------------------------------------------------------- /dist/fonts/roboto/RobotoCondensed-LightItalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/dist/fonts/roboto/RobotoCondensed-LightItalic-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/roboto/RobotoCondensed-LightItalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/digicorp/propeller/HEAD/assets/fonts/roboto/RobotoCondensed-LightItalic-webfont.woff -------------------------------------------------------------------------------- /components/toggle-switch/snippets/toggle-button.css: -------------------------------------------------------------------------------- 1 | /* Propeller toggle switch */ 2 | @import "https://opensource.propeller.in/components/toggle-switch/css/toggle-switch.css"; -------------------------------------------------------------------------------- /components/typography/snippets/typography-list-inline.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /scss/mixins/_accordion.scss: -------------------------------------------------------------------------------- 1 | @mixin accordion-variant($background, $border, $color) { 2 | color: $color; 3 | background-color: $background; 4 | border-color: $border; 5 | } -------------------------------------------------------------------------------- /components/get-started/snippets/use-colors.html: -------------------------------------------------------------------------------- 1 | // With variable 2 | .icon { color: $red; } 3 | 4 | // From the Sass map with our `color()` function 5 | .icon { color: color("red"); } -------------------------------------------------------------------------------- /components/get-started/snippets/included-npm-sass.html: -------------------------------------------------------------------------------- 1 | your-project/ 2 | ├── scss 3 | │ └── custom.scss 4 | └── node_modules/ 5 | └── bootstrap 6 | ├── js 7 | └── scss -------------------------------------------------------------------------------- /components/range-slider/snippets/single-tooltip-hendler.html: -------------------------------------------------------------------------------- 1 | 2 |
-------------------------------------------------------------------------------- /components/floating-action-button/snippets/floating-button.js: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/list/snippets/inline-list.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/range-slider/snippets/multiple-tooltip-hendler.html: -------------------------------------------------------------------------------- 1 | 2 |
-------------------------------------------------------------------------------- /components/typography/snippets/typography-lead.html: -------------------------------------------------------------------------------- 1 | 2 |

3 | Propeller is a front-end rsponsive framework based on Material Design and Bootstrap. 4 |

-------------------------------------------------------------------------------- /components/typography/snippets/typography-blockquotes.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |

Millions of amazing sites across the web are being built with Bootstrap.

4 |
5 | -------------------------------------------------------------------------------- /components/typography/snippets/typography-fancy-heading.html: -------------------------------------------------------------------------------- 1 | 2 |

3 | Display heading 4 | With faded secondary text 5 |

-------------------------------------------------------------------------------- /components/get-started/snippets/modifiers.html: -------------------------------------------------------------------------------- 1 | // Generate button modifier classes 2 | @each $color, $value in $theme-colors { 3 | .btn-#{$color} { 4 | @include button-variant($value, $value); 5 | } 6 | } -------------------------------------------------------------------------------- /components/get-started/snippets/variable-defaults.html: -------------------------------------------------------------------------------- 1 | // Your variable overrides 2 | $body-bg: #000; 3 | $body-color: #111; 4 | 5 | // Propeller and its default variables 6 | @import "propeller/scss/propeller"; -------------------------------------------------------------------------------- /components/tab/snippets/events.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /scss/mixins/_transition.scss: -------------------------------------------------------------------------------- 1 | @mixin transition($transition...) { 2 | @if length($transition) == 0 { 3 | transition: $transition-base; 4 | } @else { 5 | transition: $transition; 6 | } 7 | } -------------------------------------------------------------------------------- /components/select2/scss/mixins/_transition.scss: -------------------------------------------------------------------------------- 1 | @mixin transition($transition...) { 2 | @if length($transition) == 0 { 3 | transition: $transition-base; 4 | } @else { 5 | transition: $transition; 6 | } 7 | } -------------------------------------------------------------------------------- /scss/mixins/_badge.scss: -------------------------------------------------------------------------------- 1 | @mixin badge-variant($bg) { 2 | color: color-yiq($bg); 3 | background-color: $bg; 4 | @include hover-focus { 5 | color: color-yiq($bg); 6 | background-color: darken($bg, 10%); 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /components/datetimepicker/scss/mixins/_transition.scss: -------------------------------------------------------------------------------- 1 | @mixin transition($transition...) { 2 | @if length($transition) == 0 { 3 | transition: $transition-base; 4 | } @else { 5 | transition: $transition; 6 | } 7 | } -------------------------------------------------------------------------------- /components/pagination/css/_notes/dwsync.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /components/range-slider/scss/mixins/_transition.scss: -------------------------------------------------------------------------------- 1 | @mixin transition($transition...) { 2 | @if length($transition) == 0 { 3 | transition: $transition-base; 4 | } @else { 5 | transition: $transition; 6 | } 7 | } -------------------------------------------------------------------------------- /components/range-slider/snippets/single-hendler-bottom-tooltip.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | -------------------------------------------------------------------------------- /components/range-slider/snippets/multiple-tooltip-bottom-hendler.html: -------------------------------------------------------------------------------- 1 | 2 |
-------------------------------------------------------------------------------- /components/radio/snippets/radio.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller radio */ 5 | @import "https://opensource.propeller.in/components/radio/css/radio.css"; -------------------------------------------------------------------------------- /components/range-slider/snippets/tooltip-bottom-lower-hendler.html: -------------------------------------------------------------------------------- 1 | 2 |
-------------------------------------------------------------------------------- /components/button/snippets/button.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller button */ 5 | @import "https://opensource.propeller.in/components/button/css/button.css"; -------------------------------------------------------------------------------- /components/range-slider/snippets/tooltip-bottom-upper-hendler.html: -------------------------------------------------------------------------------- 1 | 2 |
-------------------------------------------------------------------------------- /components/shadow/snippets/shadow.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /*Shadow css*/ 5 | @import "https://opensource.propeller.in/components/shadow/css/shadow.css"; 6 | -------------------------------------------------------------------------------- /components/modal/snippets/bootstrap-basic.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller modal */ 5 | @import "https://opensource.propeller.in/components/modal/css/modal.css"; -------------------------------------------------------------------------------- /components/checkbox/snippets/checkbox.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller checkbox */ 5 | @import "https://opensource.propeller.in/components/checkbox/css/checkbox.css"; -------------------------------------------------------------------------------- /components/icons/snippets/propeller-icons.css: -------------------------------------------------------------------------------- 1 | /* Import a google icon font */ 2 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 3 | 4 | /* Google icon css */ 5 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; -------------------------------------------------------------------------------- /components/tab/css/tab.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_tab.scss"; -------------------------------------------------------------------------------- /components/typography/snippets/typography-display-heading.html: -------------------------------------------------------------------------------- 1 | 2 |

Display 4

3 |

Display 3

4 |

Display 2

5 |

Display 1

-------------------------------------------------------------------------------- /components/card/css/card.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_card.scss"; -------------------------------------------------------------------------------- /components/list/css/list.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_list.scss"; -------------------------------------------------------------------------------- /components/typography/snippets/typography.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Typography css */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; -------------------------------------------------------------------------------- /components/alert/css/alert.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_alert.scss"; -------------------------------------------------------------------------------- /components/badge/css/badge.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_badge.scss"; -------------------------------------------------------------------------------- /components/button/css/button.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_button.scss"; -------------------------------------------------------------------------------- /components/modal/css/modal.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_modal.scss"; -------------------------------------------------------------------------------- /components/navbar/css/navbar.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_navbar.scss"; -------------------------------------------------------------------------------- /components/progressbar/snippets/progressbar.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Proggressbar css*/ 5 | @import "https://opensource.propeller.in/components/progressbar/css/progressbar.css"; -------------------------------------------------------------------------------- /components/radio/css/radio.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_radio.scss"; -------------------------------------------------------------------------------- /components/shadow/css/shadow.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_shadow.scss"; -------------------------------------------------------------------------------- /components/textfield/snippets/text-fields.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller text field */ 5 | @import "https://opensource.propeller.in/components/textfield/css/textfield.css"; -------------------------------------------------------------------------------- /scss/mixins/_box-shadow.scss: -------------------------------------------------------------------------------- 1 | @mixin box-shadow($shadow...) { 2 | box-shadow: $shadow; 3 | } 4 | @mixin box-shadow-depth($depth) { 5 | -moz-box-shadow: box-shadow($depth); 6 | -webkit-box-shadow: box-shadow($depth); 7 | box-shadow: box-shadow($depth); 8 | } -------------------------------------------------------------------------------- /components/checkbox/css/checkbox.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_checkbox.scss"; -------------------------------------------------------------------------------- /components/dropdown/css/dropdown.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_dropdown.scss"; -------------------------------------------------------------------------------- /components/popover/css/popover.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_popover.scss"; -------------------------------------------------------------------------------- /components/sidebar/css/sidebar.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_sidebar.scss"; -------------------------------------------------------------------------------- /components/table/css/table.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_table.scss"; 8 | -------------------------------------------------------------------------------- /components/tooltip/css/tooltip.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_tooltip.scss"; -------------------------------------------------------------------------------- /components/typography/snippets/typography-heading.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Typography css */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; -------------------------------------------------------------------------------- /components/typography/snippets/typography-list-align.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Typography css */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; -------------------------------------------------------------------------------- /components/accordion/css/accordion.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_accordion.scss"; -------------------------------------------------------------------------------- /components/textfield/css/textfield.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_textfield.scss"; -------------------------------------------------------------------------------- /components/typography/snippets/typography-display-heading.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Typography css */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; -------------------------------------------------------------------------------- /components/typography/snippets/typography-fancy-heading.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Typography css */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; -------------------------------------------------------------------------------- /components/typography/snippets/typography-heading.html: -------------------------------------------------------------------------------- 1 | 2 |

h1. Propeller heading

3 |

h2. Propeller heading

4 |

h3. Propeller heading

5 |

h4. Propeller heading

6 |
h5. Propeller heading
7 |
h6. Propeller heading
-------------------------------------------------------------------------------- /components/dropdown/snippets/bootstrap-basic.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /components/icons/css/google-icons.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_google-icons.scss"; 8 | -------------------------------------------------------------------------------- /components/progressbar/css/progressbar.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_progressbar.scss"; -------------------------------------------------------------------------------- /components/toggle-switch/css/toggle-switch.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_toggle-switch.scss"; -------------------------------------------------------------------------------- /components/typography/css/typography.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_typography.scss"; 8 | -------------------------------------------------------------------------------- /components/datetimepicker/scss/mixins/_box-shadow.scss: -------------------------------------------------------------------------------- 1 | @mixin box-shadow($shadow...) { 2 | box-shadow: $shadow; 3 | } 4 | @mixin box-shadow-depth($depth) { 5 | -moz-box-shadow: box-shadow($depth); 6 | -webkit-box-shadow: box-shadow($depth); 7 | box-shadow: box-shadow($depth); 8 | } -------------------------------------------------------------------------------- /components/badge/snippets/badge.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /components/range-slider/snippets/range-slider-horizontal.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |
5 |
6 |
7 | -------------------------------------------------------------------------------- /components/table/snippets/table.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /components/get-started/snippets/function-theme-level.html: -------------------------------------------------------------------------------- 1 | @function theme-color-level($color-name: "primary", $level: 0) { 2 | $color: theme-color($color-name); 3 | $color-base: if($level > 0, #000, #fff); 4 | $level: abs($level); 5 | 6 | @return mix($color-base, $color, $level * $theme-color-interval); 7 | } -------------------------------------------------------------------------------- /components/table/snippets/table-card.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /components/floating-action-button/css/floating-action-button.scss: -------------------------------------------------------------------------------- 1 | // Genral style of mizins and variables 2 | @import "../../../scss/functions.scss"; 3 | @import "../../../scss/variables.scss"; 4 | @import "../../../scss/mixins.scss"; 5 | 6 | // components style 7 | @import "../../../scss/_floating-action-button.scss"; -------------------------------------------------------------------------------- /components/alert/snippets/alert-link.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /components/datetimepicker/snippets/datepicker-view-mode.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 |
-------------------------------------------------------------------------------- /components/table/snippets/table-bootstrap.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /components/accordion/snippets/bootstrap-basic.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /components/datetimepicker/snippets/datepicker-left-header.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 |
-------------------------------------------------------------------------------- /components/datetimepicker/snippets/datepicker-time.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 |
6 | -------------------------------------------------------------------------------- /components/modal/snippets/bootstrap-basic.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /components/navbar/snippets/bootstrap-basic.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /components/range-slider/snippets/range-slider-verticle.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | -------------------------------------------------------------------------------- /components/table/snippets/table-bootstrap.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller icons */ 5 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 6 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; -------------------------------------------------------------------------------- /components/typography/snippets/typography-blockquotes-footer.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |

Millions of amazing sites across the web are being built with Bootstrap.

4 | 5 |
-------------------------------------------------------------------------------- /components/typography/snippets/typography-reverse.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |

Millions of amazing sites across the web are being built with Bootstrap.

4 | 5 |
-------------------------------------------------------------------------------- /components/get-started/snippets/use-components.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /components/datetimepicker/snippets/datepicker-disable.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 |
-------------------------------------------------------------------------------- /components/badge/snippets/badge-notification.html: -------------------------------------------------------------------------------- 1 | 2 |
account_box
3 | 4 | 5 |
Inbox
6 | -------------------------------------------------------------------------------- /components/alert/snippets/alerts.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller button */ 5 | @import "https://opensource.propeller.in/components/button/css/button.css"; 6 | 7 | /* Propeller alert */ 8 | @import "https://opensource.propeller.in/components/alert/css/alert.css"; -------------------------------------------------------------------------------- /components/custom-scrollbar/css/pmd-scrollbar.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "file": "pmd-scrollbar.css", 4 | "sources": [ 5 | "pmd-scrollbar.scss" 6 | ], 7 | "names": [], 8 | "mappings": "AAAA;;;;EAIE;AAEF,AAAA,cAAc,CAAC;EACb,UAAU,EAAE,KAAK;EACjB,QAAQ,EAAE,IAAI;EACd,QAAQ,EAAE,QAAQ;CACnB;;AAED,AAAA,aAAa,GAAG,iBAAiB,CAAC;EAChC,KAAK,EAAE,KAAK;CACb" 9 | } -------------------------------------------------------------------------------- /components/custom-scrollbar/scss/pmd-scrollbar.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "file": "pmd-scrollbar.css", 4 | "sources": [ 5 | "pmd-scrollbar.scss" 6 | ], 7 | "names": [], 8 | "mappings": "AAAA;;;;EAIE;AAEF,AAAA,cAAc,CAAC;EACb,UAAU,EAAE,KAAK;EACjB,QAAQ,EAAE,IAAI;EACd,QAAQ,EAAE,QAAQ;CACnB;;AAED,AAAA,aAAa,GAAG,iBAAiB,CAAC;EAChC,KAAK,EAAE,KAAK;CACb" 9 | } -------------------------------------------------------------------------------- /components/button/snippets/button-groups-series.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 | 6 |
-------------------------------------------------------------------------------- /components/button/snippets/button-groups-justified.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | Left 4 | Middle 5 | Right 6 |
-------------------------------------------------------------------------------- /components/datetimepicker/snippets/datepicker-default.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 |
-------------------------------------------------------------------------------- /grunt/.jshintrc: -------------------------------------------------------------------------------- 1 | { 2 | "asi" : true, 3 | "browser" : true, 4 | "eqeqeq" : false, 5 | "eqnull" : true, 6 | "es3" : true, 7 | "expr" : true, 8 | "jquery" : true, 9 | "latedef" : true, 10 | "laxbreak" : true, 11 | "nonbsp" : true, 12 | "strict" : false, 13 | "undef" : true, 14 | "unused" : true 15 | } 16 | -------------------------------------------------------------------------------- /components/tab/snippets/tab-bar-centered.html: -------------------------------------------------------------------------------- 1 | 2 | 10 | -------------------------------------------------------------------------------- /components/tooltip/snippets/tooltip.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller button */ 5 | @import "https://opensource.propeller.in/components/button/css/button.css"; 6 | 7 | /* Propeller tooltip */ 8 | @import "https://opensource.propeller.in/components/tooltip/css/tooltip.css"; 9 | -------------------------------------------------------------------------------- /scss/_popover.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Propeller v1.3.3 (http://propeller.in): popover.css 3 | * Copyright 2016-2021 Digicorp, Inc. 4 | * Licensed under MIT (http://propeller.in/LICENSE) 5 | */ 6 | 7 | @each $color, $value in $theme-colors { 8 | .popover.#{$color} { 9 | @include popover-variant($value, theme-color-level($color, $alert-border-level), $value); 10 | } 11 | } -------------------------------------------------------------------------------- /components/badge/snippets/bootstrap-basic.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller buttons */ 5 | @import "https://opensource.propeller.in/components/button/css/button.css"; 6 | 7 | /* Propeller Notification Badge css */ 8 | @import "https://opensource.propeller.in/components/badge/css/badge.css"; -------------------------------------------------------------------------------- /components/popover/snippets/popover.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller buttons */ 8 | @import "https://opensource.propeller.in/components/button/css/button.css"; 9 | -------------------------------------------------------------------------------- /components/custom-scrollbar/css/pmd-scrollbar.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Propeller v1.3.3 (http://propeller.in) 3 | * Copyright 2016-2021 Digicorp, Inc. 4 | * Licensed under MIT (http://propeller.in/LICENSE) 5 | */ 6 | 7 | .pmd-scrollbar { 8 | max-height: 200px; 9 | overflow: auto; 10 | position: relative; 11 | } 12 | 13 | .mCSB_outside + .mCSB_scrollTools { 14 | right: -35px; 15 | } -------------------------------------------------------------------------------- /components/custom-scrollbar/scss/pmd-scrollbar.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Propeller v1.3.3 (http://propeller.in) 3 | * Copyright 2016-2021 Digicorp, Inc. 4 | * Licensed under MIT (http://propeller.in/LICENSE) 5 | */ 6 | 7 | .pmd-scrollbar { 8 | max-height: 200px; 9 | overflow: auto; 10 | position: relative; 11 | } 12 | 13 | .mCSB_outside + .mCSB_scrollTools { 14 | right: -35px; 15 | } -------------------------------------------------------------------------------- /components/get-started/snippets/all-color-variables.html: -------------------------------------------------------------------------------- 1 | $colors: ( 2 | "blue": $blue, 3 | "indigo": $indigo, 4 | "purple": $purple, 5 | "pink": $pink, 6 | "red": $red, 7 | "orange": $orange, 8 | "yellow": $yellow, 9 | "green": $green, 10 | "teal": $teal, 11 | "cyan": $cyan, 12 | "white": $white, 13 | "gray": $gray-600, 14 | "gray-dark": $gray-800 15 | ) !default; -------------------------------------------------------------------------------- /components/button/snippets/button-sizes-block.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /components/file-upload/css/upload-file.css: -------------------------------------------------------------------------------- 1 | .btn-file { position: relative; overflow: hidden;} 2 | .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: inherit; display: block;} 3 | input[readonly] { background-color: white !important; cursor: text !important;} 4 | -------------------------------------------------------------------------------- /components/get-started/snippets/importing-parts.html: -------------------------------------------------------------------------------- 1 | // Custom.scss 2 | // Option B: Include parts of Propeller 3 | 4 | // Required 5 | @import "propeller/scss/functions"; 6 | @import "propeller/scss/variables"; 7 | @import "propeller/scss/mixins"; 8 | 9 | // Optional 10 | @import "propeller/scss/propeller-roboto"; 11 | @import "propeller/scss/typography"; 12 | @import "propeller/scss/google-icons"; 13 | -------------------------------------------------------------------------------- /scss/mixins/_hover.scss: -------------------------------------------------------------------------------- 1 | @mixin hover { 2 | &:hover { @content; } 3 | } 4 | 5 | @mixin hover-focus { 6 | &:hover, 7 | &:focus { 8 | @content; 9 | } 10 | } 11 | 12 | @mixin plain-hover-focus { 13 | &, 14 | &:hover, 15 | &:focus { 16 | @content; 17 | } 18 | } 19 | 20 | @mixin hover-focus-active { 21 | &:hover, 22 | &:focus, 23 | &:active { 24 | @content; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /scss/mixins/_textfield.scss: -------------------------------------------------------------------------------- 1 | @mixin textfield-validation-state($color) { 2 | color:$color; 3 | border-color:$color; 4 | ~ .pmd-textfield-focused { 5 | background-color:$color; 6 | } 7 | ~ .has-error-text { 8 | color:$color; 9 | display:block; 10 | } 11 | &:focus{ 12 | box-shadow:none; 13 | } 14 | } 15 | 16 | @mixin textfield-floating-label-validation-state($color) { 17 | color:$color; 18 | } -------------------------------------------------------------------------------- /components/button/snippets/button-groups-combine.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 | 6 |
-------------------------------------------------------------------------------- /components/get-started/snippets/included-bootstrap.html: -------------------------------------------------------------------------------- 1 | Propeller/ 2 | ├── css/ 3 | │ ├── bootstrap.css 4 | │ ├── bootstrap.min.css 5 | │ ├── propeller.css 6 | │ ├── propeller.min.css 7 | ├── js/ 8 | │ ├── jquery.min.js 9 | │ ├── bootstrap.js 10 | │ ├── bootstrap.min.js 11 | │ ├── propeller.js 12 | │ ├── propeller.min.js 13 | ├── fonts/ 14 | │ ├── roboto/ 15 | └── index.html 16 | 17 | -------------------------------------------------------------------------------- /components/radio/snippets/radio.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | @import "mixins/hover"; 2 | @import "mixins/buttons"; 3 | @import "mixins/alert"; 4 | @import "mixins/font-face"; 5 | @import "mixins/box-shadow"; 6 | @import "mixins/transition"; 7 | @import "mixins/border-radius"; 8 | @import "mixins/badge"; 9 | @import "mixins/textfield"; 10 | @import "mixins/table-row"; 11 | @import "mixins/popover"; 12 | @import "mixins/transform"; 13 | @import "mixins/accordion"; -------------------------------------------------------------------------------- /components/textfield/snippets/text-area.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /components/typography/snippets/typography-address.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | Twitter, Inc.
4 | 1355 Market Street, Suite 900
5 | San Francisco, CA 94103
6 | P: (123) 456-7890 7 |
8 | 9 | 10 |
11 | Full Name
12 | first.last@example.com 13 |
-------------------------------------------------------------------------------- /components/checkbox/snippets/checkbox.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /components/tooltip/snippets/tooltip-bootstrap.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /scss/_progressbar.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Propeller v1.3.3 (http://propeller.in): progressbar.css 3 | * Copyright 2016-2021 Digicorp, Inc. 4 | * Licensed under MIT (http://propeller.in/LICENSE) 5 | */ 6 | 7 | .pmd-progress { 8 | background:none repeat scroll 0 0 $progress-bg; 9 | border-radius:$progress-border-radius; 10 | box-shadow: none; 11 | height: $progress-height; 12 | } 13 | .progress-bar { 14 | box-shadow:none; 15 | } -------------------------------------------------------------------------------- /components/custom-scrollbar/css/pmd-scrollbar.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Propeller v1.3.3 (http://propeller.in) 3 | * Copyright 2016-2021 Digicorp, Inc. 4 | * Licensed under MIT (http://propeller.in/LICENSE) 5 | */ 6 | .pmd-scrollbar { 7 | max-height: 200px; 8 | overflow: auto; 9 | position: relative; 10 | } 11 | 12 | .mCSB_outside + .mCSB_scrollTools { 13 | right: -35px; 14 | } 15 | 16 | /*# sourceMappingURL=pmd-scrollbar.css.map */ -------------------------------------------------------------------------------- /components/custom-scrollbar/scss/pmd-scrollbar.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Propeller v1.3.3 (http://propeller.in) 3 | * Copyright 2016-2021 Digicorp, Inc. 4 | * Licensed under MIT (http://propeller.in/LICENSE) 5 | */ 6 | .pmd-scrollbar { 7 | max-height: 200px; 8 | overflow: auto; 9 | position: relative; 10 | } 11 | 12 | .mCSB_outside + .mCSB_scrollTools { 13 | right: -35px; 14 | } 15 | 16 | /*# sourceMappingURL=pmd-scrollbar.css.map */ -------------------------------------------------------------------------------- /components/textfield/snippets/text-fields.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /components/button/snippets/button-with-icon.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller icons */ 5 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 6 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 7 | 8 | /* Propeller button */ 9 | @import "https://opensource.propeller.in/components/button/css/button.css"; -------------------------------------------------------------------------------- /components/range-slider/snippets/disable-single-hendler.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 | -------------------------------------------------------------------------------- /components/textfield/snippets/text-area.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller icons */ 5 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 6 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 7 | 8 | /* Propeller text field */ 9 | @import "https://opensource.propeller.in/components/textfield/css/textfield.css"; -------------------------------------------------------------------------------- /components/card/snippets/card.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /components/button/snippets/button.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /components/textfield/snippets/input-icon-text-fields.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller icons */ 5 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 6 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 7 | 8 | /* Propeller text field */ 9 | @import "https://opensource.propeller.in/components/textfield/css/textfield.css"; -------------------------------------------------------------------------------- /components/textfield/snippets/text-area.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 |
6 | 7 | 8 |
9 | 10 | 11 |
-------------------------------------------------------------------------------- /components/progressbar/css/progressbar.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Propeller v1.3.3 (http://propeller.in): progressbar.css 3 | * Copyright 2016-2021 Digicorp, Inc. 4 | * Licensed under MIT (http://propeller.in/LICENSE) 5 | */ 6 | .pmd-progress { 7 | background: none repeat scroll 0 0 #ced4da; 8 | border-radius: 0; 9 | box-shadow: none; 10 | height: 4px; 11 | } 12 | 13 | .progress-bar { 14 | box-shadow: none; 15 | } 16 | 17 | /*# sourceMappingURL=progressbar.css.map */ -------------------------------------------------------------------------------- /components/tab/snippets/tabs.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller cards */ 8 | @import "https://opensource.propeller.in/components/card/css/card.css"; 9 | 10 | /* Propeller tab */ 11 | @import "https://opensource.propeller.in/components/tab/css/tab.css"; -------------------------------------------------------------------------------- /components/range-slider/snippets/multiple-hendler-value.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 |
8 |
9 | 10 |
11 |
12 | 13 |
14 |
15 | -------------------------------------------------------------------------------- /components/toggle-switch/snippets/toggle-button.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 7 |
8 |
9 |
10 | 14 |
15 |
-------------------------------------------------------------------------------- /scss/mixins/_popover.scss: -------------------------------------------------------------------------------- 1 | @mixin popover-variant($background, $border, $color) { 2 | color:#ffffff; 3 | background-color: $background; 4 | border-color: $border; 5 | &.left > .arrow:after { 6 | border-left-color:$background; 7 | } 8 | &.right > .arrow:after { 9 | border-right-color:$background; 10 | } 11 | &.top > .arrow:after { 12 | border-top-color:$background; 13 | } 14 | &.bottom > .arrow:after { 15 | border-bottom-color:$background; 16 | } 17 | } -------------------------------------------------------------------------------- /components/alert/snippets/alert-type.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller buttons */ 8 | @import "https://opensource.propeller.in/components/button/css/button.css"; 9 | 10 | /* Propeller alert */ 11 | @import "https://opensource.propeller.in/components/alert/css/alert.css"; -------------------------------------------------------------------------------- /components/tab/snippets/tabs-bootstrap.js: -------------------------------------------------------------------------------- 1 | // Jquery js 2 | 3 | 4 | // Bootstrap js 5 | 6 | 7 | // Tabs js 8 | -------------------------------------------------------------------------------- /components/alert/snippets/alert-behaviour-action.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller buttons */ 8 | @import "https://opensource.propeller.in/components/button/css/button.css"; 9 | 10 | /* Propeller alert */ 11 | @import "https://opensource.propeller.in/components/alert/css/alert.css"; -------------------------------------------------------------------------------- /components/dropdown/snippets/dropdowns.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller button */ 8 | @import "https://opensource.propeller.in/components/button/css/button.css"; 9 | 10 | /* Propeller dropdown */ 11 | @import "https://opensource.propeller.in/components/dropdown/css/dropdown.css"; -------------------------------------------------------------------------------- /components/popover/snippets/popover-color.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller buttons */ 8 | @import "https://opensource.propeller.in/components/button/css/button.css"; 9 | 10 | /* Propeller popover */ 11 | @import "https://opensource.propeller.in/components/popover/css/popover.css"; 12 | -------------------------------------------------------------------------------- /components/progressbar/snippets/progressbar-animated.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 |
-------------------------------------------------------------------------------- /components/get-started/snippets/npm-install-third-party-component.html: -------------------------------------------------------------------------------- 1 | 2 | $ npm install propellerkit-select2 3 | 4 | 5 | $ npm install propellerkit-range-slider 6 | 7 | 8 | $ npm install propellerkit-datetimepicker 9 | 10 | 11 | $ npm install propellerkit-datatables 12 | 13 | 14 | $ npm install propellerkit-custom-scrollbar 15 | -------------------------------------------------------------------------------- /components/get-started/snippets/box-shadow-function.html: -------------------------------------------------------------------------------- 1 | @function box-shadow($depth) { 2 | $primary-offset-1: nth(1 3 10 14 19, $depth) * 1px; 3 | $primary-offset-2: nth(1 3 6 10 15, $depth) * 1px; 4 | $blur-1: nth(3 6 20 28 38, $depth) * 1px; 5 | $blur-2: nth(2 6 6 10 12, $depth) * 1px; 6 | $color-1: rgba($black, nth(0.12 0.16 0.19 0.25 0.3, $depth)); 7 | $color-2: rgba($black, nth(0.24 0.23 0.23 0.22 0.22, $depth)); 8 | @return 0 $primary-offset-1 $blur-1 $color-1 , 0 $primary-offset-2 $blur-2 $color-2; 9 | } -------------------------------------------------------------------------------- /components/badge/snippets/chips.html: -------------------------------------------------------------------------------- 1 | 2 |
Example Chip 3 | close 4 |
5 | 6 | 7 |
8 | avatar Trevor Hensen close 9 |
10 | -------------------------------------------------------------------------------- /components/range-slider/snippets/single-hendler-value-input.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 |
8 | 9 | 10 |
-------------------------------------------------------------------------------- /scss/_propeller-roboto.scss: -------------------------------------------------------------------------------- 1 | @include font-face("Roboto", '../fonts/roboto/Roboto-Thin-webfont', 100, normal); 2 | @include font-face("Roboto", '../fonts/roboto/Roboto-Light-webfont', 300, normal); 3 | @include font-face("Roboto", '../fonts/roboto/Roboto-Regular-webfont', 400, normal); 4 | @include font-face("Roboto", '../fonts/roboto/Roboto-Medium-webfont', 500, normal); 5 | @include font-face("Roboto", '../fonts/roboto/Roboto-Bold-webfont', 700, normal); 6 | @include font-face("Roboto", '../fonts/roboto/Roboto-Black-webfont', 900, normal); -------------------------------------------------------------------------------- /components/list/snippets/disabled-list-items.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | Disabled List item 4 | List item 5 | List item 6 | List item 7 | List item 8 |
-------------------------------------------------------------------------------- /components/badge/snippets/chips.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller buttons */ 5 | @import "https://opensource.propeller.in/components/button/css/button.css"; 6 | 7 | /* Propeller icons */ 8 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 9 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 10 | 11 | /* Propeller chips */ 12 | @import "https://opensource.propeller.in/components/badge/css/badge.css"; -------------------------------------------------------------------------------- /components/custom-scrollbar/snippets/custom-scroll.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller card css*/ 5 | @import "https://opensource.propeller.in/components/card/css/card.css"; 6 | 7 | /* mCustomScrollbar css*/ 8 | @import "https://opensource.propeller.in/components/custom-scrollbar/css/jquery.mCustomScrollbar.css"; 9 | 10 | /* Propeller scrollbar css*/ 11 | @import "https://opensource.propeller.in/components/custom-scrollbar/css/pmd-scrollbar.css"; 12 | -------------------------------------------------------------------------------- /components/datetimepicker/scss/_functions.scss: -------------------------------------------------------------------------------- 1 | // Request box shadow depth 2 | @function box-shadow($depth) { 3 | $primary-offset-1: nth(1 3 10 14 19, $depth) * 1px; 4 | $primary-offset-2: nth(1 3 6 10 15, $depth) * 1px; 5 | $blur-1: nth(3 6 20 28 38, $depth) * 1px; 6 | $blur-2: nth(2 6 6 10 12, $depth) * 1px; 7 | $color-1: rgba($black, nth(0.12 0.16 0.19 0.25 0.3, $depth)); 8 | $color-2: rgba($black, nth(0.24 0.23 0.23 0.22 0.22, $depth)); 9 | @return 0 $primary-offset-1 $blur-1 $color-1 , 0 $primary-offset-2 $blur-2 $color-2; 10 | } -------------------------------------------------------------------------------- /components/list/snippets/linked-items.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | Single-line item 4 | Single-line item 5 | Single-line item 6 | Single-line item 7 | Single-line item 8 |
9 | -------------------------------------------------------------------------------- /components/badge/snippets/badge.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller button */ 5 | @import "https://opensource.propeller.in/components/button/css/button.css"; 6 | 7 | /* Propeller icons */ 8 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 9 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 10 | 11 | /* Propeller badge */ 12 | @import "https://opensource.propeller.in/components/badge/css/badge.css"; 13 | -------------------------------------------------------------------------------- /components/list/snippets/list-group.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller icons */ 8 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 9 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 10 | 11 | /* Propeller list */ 12 | @import "https://opensource.propeller.in/components/list/css/list.css"; -------------------------------------------------------------------------------- /components/tooltip/snippets/tooltip.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /components/custom-scrollbar/snippets/custom-scroll.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 16 | -------------------------------------------------------------------------------- /components/progressbar/snippets/progressbar-staked.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 |
5 | 6 | 7 |
8 | 9 | 10 |
11 |
-------------------------------------------------------------------------------- /scss/_shadow.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Propeller v1.3.3 (http://propeller.in/) 3 | * Copyright 2016-2021 Digicorp, Inc 4 | * Licensed under MIT (http://propeller.in/LICENSE) 5 | */ 6 | 7 | .pmd-z-depth { 8 | @include box-shadow-depth(1); 9 | } 10 | .pmd-z-depth-1 { 11 | @include box-shadow-depth(2); 12 | } 13 | .pmd-z-depth-2 { 14 | @include box-shadow-depth(3); 15 | } 16 | .pmd-z-depth-3 { 17 | @include box-shadow-depth(4); 18 | } 19 | .pmd-z-depth-4 { 20 | @include box-shadow-depth(5); 21 | } 22 | .pmd-z-depth-5 { 23 | @include box-shadow-depth(5); 24 | } 25 | -------------------------------------------------------------------------------- /components/badge/snippets/badge-notification.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller buttons */ 5 | @import "https://opensource.propeller.in/components/button/css/button.css"; 6 | 7 | /* Propeller icons */ 8 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 9 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 10 | 11 | /* Propeller Notification Badge css */ 12 | @import "https://opensource.propeller.in/components/badge/css/badge.css"; -------------------------------------------------------------------------------- /components/custom-scrollbar/snippets/3d-scroll.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 16 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | #Change Log 2 | All notable changes to this project will be documented in this file. 3 | `Propeller` adheres to [Semantic Versioning](http://semver.org/). 4 | 5 | --- 6 | 7 | ## [1.3.3](https://github.com/digicorp/propeller/releases/tag/v1.3.3) (05/20/2021) 8 | Released on Thursday, May 20, 2021. All issues associated with this milestone can be found using this [filter](https://github.com/digicorp/propeller/issues). 9 | 10 | * Updated the package.json file for the vulnerability issue. 11 | * Updated the url of in component examples. 12 | * Removed bootstrap css from dist folder. -------------------------------------------------------------------------------- /components/custom-scrollbar/snippets/rounded-scroll.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 17 | -------------------------------------------------------------------------------- /components/tab/snippets/tab-with-dropdown.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller cards */ 8 | @import "https://opensource.propeller.in/components/card/css/card.css"; 9 | 10 | /* Propeller dropdown */ 11 | @import "https://opensource.propeller.in/components/dropdown/css/dropdown.css"; 12 | 13 | /* Propeller tab */ 14 | @import "https://opensource.propeller.in/components/tab/css/tab.css"; -------------------------------------------------------------------------------- /components/textfield/snippets/states-text-fields.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 6 | 7 |
8 | 9 |
10 | 13 | 14 |
-------------------------------------------------------------------------------- /components/accordion/snippets/accordion.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /components/datetimepicker/snippets/datepicker-linked.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 | 5 | 6 |
7 |
8 |
9 |
10 | 11 | 12 |
13 |
14 |
15 | -------------------------------------------------------------------------------- /components/tab/snippets/tabs.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /components/accordion/snippets/accordion-expandable-all.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /components/custom-scrollbar/snippets/outside-scroll.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 18 | -------------------------------------------------------------------------------- /components/range-slider/snippets/verticle-single-hendler.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 |
6 | 7 | 8 |
9 | 10 | 11 |
12 | -------------------------------------------------------------------------------- /components/list/snippets/description-list.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
Description lists
4 |
A description list is perfect for defining terms.
5 |
Euismod
6 |
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
7 |
Donec id elit non mi porta gravida at eget metus.
8 |
Malesuada porta
9 |
Etiam porta sem malesuada magna mollis euismod.
10 |
Felis euismod semper eget lacinia
11 |
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
12 |
-------------------------------------------------------------------------------- /components/range-slider/snippets/disable-multiple-hendler.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 | 11 | 12 | 13 | 17 | -------------------------------------------------------------------------------- /components/tab/snippets/scrollable-tab.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller cards */ 8 | @import "https://opensource.propeller.in/components/card/css/card.css"; 9 | 10 | /* Propeller icons */ 11 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 12 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 13 | 14 | /* Propeller tab */ 15 | @import "https://opensource.propeller.in/components/tab/css/tab.css"; -------------------------------------------------------------------------------- /components/table/snippets/table.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller card */ 8 | @import "https://opensource.propeller.in/components/card/css/card.css"; 9 | 10 | /* Propeller icons */ 11 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 12 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 13 | 14 | /* Propeller table */ 15 | @import "https://opensource.propeller.in/components/table/css/table.css"; -------------------------------------------------------------------------------- /components/card/snippets/card.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller buttons */ 8 | @import "https://opensource.propeller.in/components/button/css/button.css"; 9 | 10 | /* Propeller icons */ 11 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 12 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 13 | 14 | /* Propeller card css */ 15 | @import "https://opensource.propeller.in/components/card/css/card.css"; 16 | -------------------------------------------------------------------------------- /components/pagination/css/pagination.css: -------------------------------------------------------------------------------- 1 | 2 | /*! 3 | * Propeller v1.3.3 (http://propeller.in): pagination.css 4 | * Copyright 2016-2021 Digicorp, Inc. 5 | * Licensed under MIT (http://propeller.in/LICENSE) 6 | */ 7 | 8 | /*Propeller*/ 9 | .pmd-pagination{ margin:0; margin-right:-16px;} 10 | .pmd-pagination a, .pmd-pagination span{ display:inline-block; vertical-align:middle;} 11 | .pmd-pagination a{ padding:0 12px;} 12 | .pmd-pagination .dropdown-menu{ min-width: 60px;} 13 | .pmd-pagination .btn{min-width:inherit;} 14 | 15 | @media screen and (max-width: 767px) { 16 | .pmd-pagination.pull-right{ float:none !important; text-align:center;} 17 | .pmd-pagination a{ padding:0;} 18 | } -------------------------------------------------------------------------------- /components/dropdown/snippets/dropdown-directions.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller icons */ 5 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 6 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 7 | 8 | /* Propeller typography */ 9 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 10 | 11 | /* Propeller button */ 12 | @import "https://opensource.propeller.in/components/button/css/button.css"; 13 | 14 | /* Propeller dropdown */ 15 | @import "https://opensource.propeller.in/components/dropdown/css/dropdown.css"; -------------------------------------------------------------------------------- /components/radio/snippets/inline-radio.html: -------------------------------------------------------------------------------- 1 | 2 | 6 | 10 | -------------------------------------------------------------------------------- /components/range-slider/snippets/range-slider.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Range Slider css */ 5 | @import "https://opensource.propeller.in/components/range-slider/css/nouislider.min.css"; 6 | 7 | /*Propeller textfield css*/ 8 | @import "https://opensource.propeller.in/components/textfield/css/textfield.css"; 9 | 10 | /*Propeller checkbox css*/ 11 | @import "https://opensource.propeller.in/components/checkbox/css/checkbox.css"; 12 | 13 | /*Propeller Range Slider css*/ 14 | @import "https://opensource.propeller.in/components/range-slider/css/range-slider.css"; 15 | 16 | -------------------------------------------------------------------------------- /components/select2/snippets/selectbox.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Select2 css */ 5 | @import "https://opensource.propeller.in/components/select2/css/select2.min.css"; 6 | @import "https://opensource.propeller.in/components/select2/css/select2-bootstrap.css"; 7 | 8 | /* Propeller typography */ 9 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 10 | 11 | /* Propeller text fields */ 12 | @import "https://opensource.propeller.in/components/textfield/css/textfield.css"; 13 | 14 | /* Propeller select2 */ 15 | @import "https://opensource.propeller.in/components/select2/css/pmd-select2.css"; -------------------------------------------------------------------------------- /scss/mixins/_border-radius.scss: -------------------------------------------------------------------------------- 1 | // Single side border-radius 2 | 3 | @mixin border-radius($radius: $border-radius) { 4 | border-radius: $radius; 5 | } 6 | 7 | @mixin border-top-radius($radius) { 8 | border-top-left-radius: $radius; 9 | border-top-right-radius: $radius; 10 | } 11 | 12 | @mixin border-right-radius($radius) { 13 | border-top-right-radius: $radius; 14 | border-bottom-right-radius: $radius; 15 | } 16 | 17 | @mixin border-bottom-radius($radius) { 18 | border-bottom-right-radius: $radius; 19 | border-bottom-left-radius: $radius; 20 | } 21 | 22 | @mixin border-left-radius($radius) { 23 | border-top-left-radius: $radius; 24 | border-bottom-left-radius: $radius; 25 | } 26 | -------------------------------------------------------------------------------- /components/range-slider/snippets/single-hendler.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /components/dropdown/snippets/dropdown-hover.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /components/dropdown/snippets/dropdown.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /components/select2/changelog.md: -------------------------------------------------------------------------------- 1 | #Change Log 2 | All notable changes to this project will be documented in this file. 3 | `Propeller` adheres to [Semantic Versioning](http://semver.org/). 4 | 5 | --- 6 | 7 | ## [1.2.0] (05/03/2018) 8 | Released on Thursday, March 05, 2018. All issues associated with this milestone can be found using this [filter](https://github.com/digicorp/propeller/issues). 9 | 10 | #### Highlights 11 | * Added Sass variables and maps and functions to make customizing Select2 theming easier. 12 | 13 | #### Added 14 | ###### SCSS 15 | * [#79](https://github.com/digicorp/propeller/commit/5fdf64671f28f8437795dccee95024af1896c9b4): Added Sass variables and maps and functions to make customizing Select2 theming easier. -------------------------------------------------------------------------------- /scss/mixins/_font-face.scss: -------------------------------------------------------------------------------- 1 | @mixin font-face($name, $path, $weight: null, $style: null, $exts: eot woff ttf svg) { 2 | $src: null; 3 | 4 | $extmods: ( 5 | eot: "?", 6 | svg: "#" + str-replace($name, " ", "_") 7 | ); 8 | 9 | $formats: ( 10 | otf: "opentype", 11 | ttf: "truetype" 12 | ); 13 | 14 | @each $ext in $exts { 15 | $extmod: if(map-has-key($extmods, $ext), $ext + map-get($extmods, $ext), $ext); 16 | $format: if(map-has-key($formats, $ext), map-get($formats, $ext), $ext); 17 | $src: append($src, url(quote($path + "." + $extmod)) format(quote($format)), comma); 18 | } 19 | 20 | @font-face { 21 | font-family: quote($name); 22 | font-style: $style; 23 | font-weight: $weight; 24 | src: $src; 25 | } 26 | } -------------------------------------------------------------------------------- /components/data-table/scss/mixins/_border-radius.scss: -------------------------------------------------------------------------------- 1 | // Single side border-radius 2 | 3 | @mixin border-radius($radius: $border-radius) { 4 | border-radius: $radius; 5 | } 6 | 7 | @mixin border-top-radius($radius) { 8 | border-top-left-radius: $radius; 9 | border-top-right-radius: $radius; 10 | } 11 | 12 | @mixin border-right-radius($radius) { 13 | border-top-right-radius: $radius; 14 | border-bottom-right-radius: $radius; 15 | } 16 | 17 | @mixin border-bottom-radius($radius) { 18 | border-bottom-right-radius: $radius; 19 | border-bottom-left-radius: $radius; 20 | } 21 | 22 | @mixin border-left-radius($radius) { 23 | border-top-left-radius: $radius; 24 | border-bottom-left-radius: $radius; 25 | } 26 | -------------------------------------------------------------------------------- /components/datetimepicker/scss/mixins/_border-radius.scss: -------------------------------------------------------------------------------- 1 | // Single side border-radius 2 | 3 | @mixin border-radius($radius: $border-radius) { 4 | border-radius: $radius; 5 | } 6 | 7 | @mixin border-top-radius($radius) { 8 | border-top-left-radius: $radius; 9 | border-top-right-radius: $radius; 10 | } 11 | 12 | @mixin border-right-radius($radius) { 13 | border-top-right-radius: $radius; 14 | border-bottom-right-radius: $radius; 15 | } 16 | 17 | @mixin border-bottom-radius($radius) { 18 | border-bottom-right-radius: $radius; 19 | border-bottom-left-radius: $radius; 20 | } 21 | 22 | @mixin border-left-radius($radius) { 23 | border-top-left-radius: $radius; 24 | border-bottom-left-radius: $radius; 25 | } 26 | -------------------------------------------------------------------------------- /components/get-started/snippets/get-started.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /components/range-slider/changelog.md: -------------------------------------------------------------------------------- 1 | #Change Log 2 | All notable changes to this project will be documented in this file. 3 | `Propeller` adheres to [Semantic Versioning](http://semver.org/). 4 | 5 | --- 6 | 7 | ## [1.2.0] (05/03/2018) 8 | Released on Thursday, March 05, 2018. All issues associated with this milestone can be found using this [filter](https://github.com/digicorp/propeller/issues). 9 | 10 | #### Highlights 11 | * Added Sass variables and maps and functions to make customizing Range Slider theming easier. 12 | 13 | #### Added 14 | ###### SCSS 15 | * [#79](https://github.com/digicorp/propeller/commit/5fdf64671f28f8437795dccee95024af1896c9b4): Added Sass variables and maps and functions to make customizing Range Slider theming easier. -------------------------------------------------------------------------------- /components/checkbox/snippets/inline-checkbox.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 7 | 11 | 15 | 18 |
-------------------------------------------------------------------------------- /components/datetimepicker/changelog.md: -------------------------------------------------------------------------------- 1 | #Change Log 2 | All notable changes to this project will be documented in this file. 3 | `Propeller` adheres to [Semantic Versioning](http://semver.org/). 4 | 5 | --- 6 | 7 | ## [1.2.0] (01/03/2018) 8 | Released on Thursday, March 01, 2018. All issues associated with this milestone can be found using this [filter](https://github.com/digicorp/propeller/issues). 9 | 10 | #### Highlights 11 | * Added Sass variables and maps and functions to make customizing DateTimePicker theming easier. 12 | 13 | #### Added 14 | ###### SCSS 15 | * [#79](https://github.com/digicorp/propeller/commit/5fdf64671f28f8437795dccee95024af1896c9b4): Added Sass variables and maps and functions to make customizing DateTimePicker theming easier. -------------------------------------------------------------------------------- /components/form/snippets/bootstrap-basic.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 |
6 | 7 | 8 |
9 | 10 | 11 |
12 | 13 | 14 |
15 | 16 | 23 |
24 | -------------------------------------------------------------------------------- /components/tooltip/snippets/basic-bootstrap-tooltip.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /components/alert/snippets/alerts.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /components/custom-scrollbar/changelog.md: -------------------------------------------------------------------------------- 1 | #Change Log 2 | All notable changes to this project will be documented in this file. 3 | `Propeller` adheres to [Semantic Versioning](http://semver.org/). 4 | 5 | --- 6 | 7 | ## [1.2.0] (05/03/2018) 8 | Released on Thursday, March 05, 2018. All issues associated with this milestone can be found using this [filter](https://github.com/digicorp/propeller/issues). 9 | 10 | #### Highlights 11 | * Added Sass variables and maps and functions to make customizing Custom Scrollbar theming easier. 12 | 13 | #### Added 14 | ###### SCSS 15 | * [#79](https://github.com/digicorp/propeller/commit/5fdf64671f28f8437795dccee95024af1896c9b4): Added Sass variables and maps and functions to make customizing Custom Scrollbar theming easier. -------------------------------------------------------------------------------- /components/dropdown/snippets/bootstrap-basic.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/modal/snippets/dialogs.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /components/popover/snippets/popover.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /components/range-slider/snippets/multiple-hendler.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /components/modal/snippets/dialogs.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller icons */ 5 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 6 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 7 | 8 | /* Propeller typography */ 9 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 10 | 11 | /* Propeller card */ 12 | @import "https://opensource.propeller.in/components/card/css/card.css"; 13 | 14 | /* Propeller button */ 15 | @import "https://opensource.propeller.in/components/button/css/button.css"; 16 | 17 | /* Propeller modal */ 18 | @import "https://opensource.propeller.in/components/modal/css/modal.css"; -------------------------------------------------------------------------------- /components/popover/snippets/popover-colore.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /components/custom-scrollbar/snippets/snap-scroll.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 22 | -------------------------------------------------------------------------------- /components/popover/snippets/popover-html.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /components/tab/snippets/tab-with-dropdown.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /scss/mixins/_table-row.scss: -------------------------------------------------------------------------------- 1 | // Tables 2 | @mixin table-row-variant($state, $background) { 3 | // Exact selectors below required to override `.table-striped` and prevent 4 | // inheritance to nested tables. 5 | .table-#{$state} { 6 | &, 7 | > th, 8 | > td { 9 | background-color: $background; 10 | } 11 | } 12 | 13 | // Hover states for `.table-hover` 14 | // Note: this is not available for cells or rows within `thead` or `tfoot`. 15 | .table-hover { 16 | $hover-background: darken($background, 5%); 17 | .table-#{$state} { 18 | @include hover { 19 | background-color: $hover-background; 20 | > td, 21 | > th { 22 | background-color: $hover-background; 23 | } 24 | } 25 | } 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /components/table/snippets/table-card.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller card */ 8 | @import "https://opensource.propeller.in/components/card/css/card.css"; 9 | 10 | /* Propeller icons */ 11 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 12 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 13 | 14 | /* Propeller text fields */ 15 | @import "https://opensource.propeller.in/components/textfield/css/textfield.css"; 16 | 17 | /* Propeller table */ 18 | @import "https://opensource.propeller.in/components/table/css/table.css"; -------------------------------------------------------------------------------- /components/range-slider/snippets/single-tooltip-hendler.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /components/accordion/snippets/accordion-scalable.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller icons */ 8 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 9 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 10 | 11 | /* Propeller button */ 12 | @import "https://opensource.propeller.in/components/button/css/button.css"; 13 | 14 | /* Propeller list */ 15 | @import "https://opensource.propeller.in/components/list/css/list.css"; 16 | 17 | /* Propeller accordion */ 18 | @import "https://opensource.propeller.in/components/accordion/css/accordion.css"; -------------------------------------------------------------------------------- /components/range-slider/scss/_variables.scss: -------------------------------------------------------------------------------- 1 | $transition-base: all .2s ease-in-out !default; 2 | 3 | // Range slider 4 | $range-slider-height: 2px !default; 5 | $range-slider-spacer-top: 40px !default; 6 | $range-slider-spacer-bottom: 6px !default; 7 | $range-slider-bar-bg: #4285f4 !default; 8 | $range-slider-bg: #dedede !default; 9 | 10 | $range-slider-marker-horizontal-bg: #000000 !default; 11 | $range-slider-marker-horizontal-height: 2px !default; 12 | 13 | $range-slider-marker-vertical-bg: #000000 !default; 14 | $range-slider-marker-vertical-width: 2px !default; 15 | 16 | $range-slider-tooltip-bg: $range-slider-bar-bg !default; 17 | $range-slider-tooltip-color: #ffffff !default; 18 | $range-slider-tooltip-font-size: 11px !default; 19 | $range-slider-disabled-bg: #d0d0d0 !default; -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "propeller", 3 | "description": "Propeller is a front-end responsive framework based on Google's Material Design Standards & Bootstrap.", 4 | "keywords": [ 5 | "css", 6 | "js", 7 | "mobile-first", 8 | "responsive", 9 | "front-end", 10 | "framework", 11 | "web" 12 | ], 13 | "version": "0.0.5", 14 | "homepage": "http://propeller.in/", 15 | "authors": [ 16 | "Digicorp, Inc" 17 | ], 18 | "main": [ 19 | "dist/css/propeller.css", 20 | "dist/js/propeller.js" 21 | ], 22 | "license": "MIT", 23 | "ignore": [ 24 | "archive", 25 | "assets", 26 | ".gitignore", 27 | ".npmignore", 28 | "templates", 29 | "components/*/snippets/**" 30 | ], 31 | "dependencies": { 32 | "bootstrap": "^3.0.0", 33 | "jquery":"^1.9.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /components/range-slider/snippets/single-hendler-bottom-tooltip.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /components/datetimepicker/snippets/datepicker-popup.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller input */ 8 | @import "https://opensource.propeller.in/components/textfield/css/textfield.css"; 9 | 10 | /* Propeller icons */ 11 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 12 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 13 | 14 | /* CSS for Date and Time picker */ 15 | @import "https://opensource.propeller.in/components/datetimepicker/css/bootstrap-datetimepicker.css"; 16 | @import "https://opensource.propeller.in/components/datetimepicker/css/pmd-datetimepicker.css"; -------------------------------------------------------------------------------- /components/range-slider/snippets/multiple-tooltip-hendler.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 22 | -------------------------------------------------------------------------------- /components/progressbar/snippets/progressbar-static.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 |
8 | 9 | 10 |
11 | 12 | 13 |
-------------------------------------------------------------------------------- /components/range-slider/snippets/tooltip-bottom-lower-hendler.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 20 | -------------------------------------------------------------------------------- /components/range-slider/snippets/tooltip-bottom-upper-hendler.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 21 | -------------------------------------------------------------------------------- /components/select2/snippets/selectbox-with-search.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 21 | -------------------------------------------------------------------------------- /components/progressbar/snippets/progressbar-bootstrap.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 |
6 |
7 | 8 | 9 |
10 |
11 |
12 | 13 | 14 |
15 |
16 |
17 | 18 | 19 |
20 |
21 |
-------------------------------------------------------------------------------- /components/range-slider/snippets/verticle-multiple-hendler.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 |
6 | 7 | 8 |
9 | 10 | 11 |
12 | 13 | -------------------------------------------------------------------------------- /components/range-slider/snippets/multiple-tooltip-bottom-hendler.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 22 | -------------------------------------------------------------------------------- /components/datetimepicker/snippets/datepicker.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller input */ 8 | @import "https://opensource.propeller.in/components/textfield/css/textfield.css"; 9 | 10 | /* Propeller icons */ 11 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 12 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 13 | 14 | /* Bootstrap datetimepicker */ 15 | @import "https://opensource.propeller.in/components/datetimepicker/css/bootstrap-datetimepicker.css"; 16 | 17 | /* Propeller datetimepicker */ 18 | @import "https://opensource.propeller.in/components/datetimepicker/css/pmd-datetimepicker.css"; -------------------------------------------------------------------------------- /scss/propeller.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Propeller v1.3.3 (http://propeller.in/) 3 | * Copyright 2016-2021 Digicorp, Inc 4 | * Licensed under MIT (http://propeller.in/LICENSE) 5 | */ 6 | 7 | @import "functions"; 8 | @import "variables"; 9 | @import "mixins"; 10 | @import "propeller-roboto"; 11 | @import "typography"; 12 | @import "shadow"; 13 | @import "google-icons"; 14 | @import "card"; 15 | @import "accordion"; 16 | @import "alert"; 17 | @import "badge"; 18 | @import "button"; 19 | @import "modal"; 20 | @import "dropdown"; 21 | @import "textfield"; 22 | @import "checkbox"; 23 | @import "radio"; 24 | @import "toggle-switch"; 25 | @import "list"; 26 | @import "navbar"; 27 | @import "popover"; 28 | @import "progressbar"; 29 | @import "sidebar"; 30 | @import "tab"; 31 | @import "table"; 32 | @import "tooltip"; 33 | @import "floating-action-button"; 34 | @import "utilities"; 35 | -------------------------------------------------------------------------------- /components/button/snippets/button-default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /components/range-slider/snippets/single-step-hendler.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /components/select2/snippets/selectbox-tags.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /components/tooltip/snippets/tooltip.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /components/typography/snippets/typography-list-align.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
Description lists
4 |
A description list is perfect for defining terms.
5 | 6 |
Euismod
7 |
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
8 |
Donec id elit non mi porta gravida at eget metus.
9 | 10 |
Malesuada porta
11 |
Etiam porta sem malesuada magna mollis euismod.
12 | 13 |
Truncated term is truncated
14 |
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
15 |
-------------------------------------------------------------------------------- /components/modal/snippets/dialogs-media.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller icons */ 5 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 6 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 7 | 8 | /* Propeller typography */ 9 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 10 | 11 | /* Propeller card */ 12 | @import "https://opensource.propeller.in/components/card/css/card.css"; 13 | 14 | /* Propeller button */ 15 | @import "https://opensource.propeller.in/components/button/css/button.css"; 16 | 17 | /* Propeller list */ 18 | @import "https://opensource.propeller.in/components/list/css/list.css"; 19 | 20 | /* Propeller modal */ 21 | @import "https://opensource.propeller.in/components/modal/css/modal.css"; 22 | -------------------------------------------------------------------------------- /components/select2/snippets/selectbox-tags-add.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /components/modal/snippets/dialogs-simple-listing.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller card */ 8 | @import "https://opensource.propeller.in/components/card/css/card.css"; 9 | 10 | /* Propeller buttons */ 11 | @import "https://opensource.propeller.in/components/button/css/button.css"; 12 | 13 | /* Propeller list */ 14 | @import "https://opensource.propeller.in/components/list/css/list.css"; 15 | 16 | /* Propeller icons */ 17 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 18 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 19 | 20 | /* Propeller modal */ 21 | @import "https://opensource.propeller.in/components/modal/css/modal.css"; -------------------------------------------------------------------------------- /components/navbar/snippets/menu.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller navbar */ 8 | @import "https://opensource.propeller.in/components/navbar/css/navbar.css"; 9 | 10 | /* Propeller dropdowns */ 11 | @import "https://opensource.propeller.in/components/dropdown/css/dropdown.css"; 12 | 13 | /* Propeller buttons */ 14 | @import "https://opensource.propeller.in/components/button/css/button.css"; 15 | 16 | /* Propeller list */ 17 | @import "https://opensource.propeller.in/components/list/css/list.css"; 18 | 19 | /* Propeller icons */ 20 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 21 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; -------------------------------------------------------------------------------- /components/select2/snippets/selectbox.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /components/select2/scss/_variables.scss: -------------------------------------------------------------------------------- 1 | $font-family-sans-serif: Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; 2 | $font-size-base: 1rem !default; 3 | $border-width: 1px !default; 4 | $transition-base: all .2s ease-in-out !default; 5 | 6 | // TextField 7 | $textfield-font-size: $font-size-base !default; 8 | $textfield-border-height: $border-width !default; 9 | $textfield-border-color: #e6e6e6 !default; 10 | $textfield-padding-bottom: 0.375rem !default; 11 | 12 | // Select2 13 | $select2-border-color: $textfield-border-color !default; 14 | $select2-border-width: $textfield-border-height !default; 15 | $select2-padding-y: 6px !default; 16 | $select2-color: #555555 !default; 17 | $select2-font-family: $font-family-sans-serif !default; 18 | $select2-font-size: 14px !default; -------------------------------------------------------------------------------- /components/progressbar/snippets/progressbar-striped.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 |
8 | 9 | 10 |
11 | 12 | 13 |
-------------------------------------------------------------------------------- /components/typography/snippets/typography-inline-text.html: -------------------------------------------------------------------------------- 1 | 2 |

You can use the mark tag to highlight text.

3 | 4 | 5 |

This line of text is meant to be treated as deleted text.

6 | 7 | 8 |

This line of text is meant to be treated as no longer accurate.

9 | 10 | 11 |

This line of text is meant to be treated as an addition to the document.

12 | 13 | 14 |

This line of text will render as underlined

15 | 16 | 17 |

This line of text is meant to be treated as fine print.

18 | 19 | 20 |

This line rendered as bold text.

21 | 22 | 23 |

This line rendered as italicized text.

-------------------------------------------------------------------------------- /components/checkbox/snippets/checkbox.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 7 |
8 | 9 | 10 |
11 | 15 |
16 | 17 | 18 |
19 | 23 |
-------------------------------------------------------------------------------- /components/icons/css/google-icons.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Propeller v1.3.3 (http://propeller.in): google-icons.css 3 | * Copyright 2016-2021 Digicorp, Inc. 4 | * Licensed under MIT (http://propeller.in/LICENSE) 5 | */ 6 | .material-icons.pmd-xs, .material-icons.md-18 { 7 | font-size: 18px; 8 | } 9 | 10 | .material-icons.pmd-sm, .material-icons.md-24 { 11 | font-size: 24px; 12 | } 13 | 14 | .material-icons.pmd-md, .material-icons.md-36 { 15 | font-size: 36px; 16 | } 17 | 18 | .material-icons.pmd-lg, .material-icons.md-48 { 19 | font-size: 48px; 20 | } 21 | 22 | .material-icons.md-dark { 23 | color: #333333; 24 | } 25 | 26 | .material-icons.md-dark.md-inactive { 27 | color: rgba(51, 51, 51, 0.25); 28 | } 29 | 30 | .material-icons.md-light { 31 | color: #fff; 32 | } 33 | 34 | .material-icons.md-light.md-inactive { 35 | color: rgba(255, 255, 255, 0.25); 36 | } 37 | 38 | /*# sourceMappingURL=google-icons.css.map */ -------------------------------------------------------------------------------- /components/alert/snippets/alert-link.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | 7 | 10 | 11 | 12 | 15 | 16 | 17 | 20 | -------------------------------------------------------------------------------- /components/button/snippets/button-circle.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /components/accordion/snippets/accordion.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Google Icon Font */ 5 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 6 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 7 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 8 | 9 | /* Propeller typography */ 10 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 11 | 12 | /* Propeller icons */ 13 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 14 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 15 | 16 | /* Propeller button */ 17 | @import "https://opensource.propeller.in/components/button/css/button.css"; 18 | 19 | /* Propeller accordion */ 20 | @import "https://opensource.propeller.in/components/accordion/css/accordion.css"; 21 | -------------------------------------------------------------------------------- /components/select2/scss/pmd-select2.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "file": "pmd-select2.css", 4 | "sources": [ 5 | "pmd-select2.scss", 6 | "_variables.scss" 7 | ], 8 | "names": [], 9 | "mappings": "AAAA;;;;GAIG;AAKH,AACC,6BAD4B,CAC5B,kBAAkB,CAAA;EACjB,MAAM,EAAC,IAAI;EACX,aAAa,ECVS,GAAG,CDUW,KAAK,CCJhB,OAAO;EDKhC,UAAU,EAAC,IAAI;EACf,aAAa,EAAC,CAAC;EACf,gBAAgB,EAAC,WAAW;EAC5B,KAAK,ECDc,OAAO;EDEvB,WAAW,ECjBiB,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,iBAAiB;EDkBjI,SAAS,ECDU,IAAI;CDE1B;;AAVF,AAWC,6BAX4B,CAW5B,0BAA0B,CAAA;EACzB,OAAO,ECPe,GAAG,CDOE,IAAI,CCPT,GAAG,CDO0B,CAAC;CACpD;;AAbF,AAgBE,6BAhB2B,AAc3B,yBAAyB,CAEzB,kBAAkB,EAhBpB,6BAA6B,AAe3B,wBAAwB,CACxB,kBAAkB,CAAC;EAClB,UAAU,EAAC,IAAI;EACf,YAAY,ECnBY,OAAO;CDoB/B;;AAnBH,AAuBG,6BAvB0B,CAqB5B,4BAA4B,CAC3B,uBAAuB,CACtB,sBAAsB,CAAA;EACrB,OAAO,EAAE,CAAC;CACV;;AAzBJ,AA2BE,6BA3B2B,CAqB5B,4BAA4B,CAM3B,0BAA0B,CAAA;EACzB,MAAM,EAAC,WAAW;EAClB,MAAM,ECpCe,GAAG,CDoCK,KAAK,CC9BV,OAAO;CD+B/B" 10 | } -------------------------------------------------------------------------------- /components/icons/snippets/icons-sizing-variation.html: -------------------------------------------------------------------------------- 1 | 2 | sentiment_dissatisfied 3 | 4 | 5 | account_balance 6 | 7 | 8 | supervisor_account 9 | 10 | 11 | add_to_queue 12 | 13 | 14 | sentiment_dissatisfied 15 | 16 | 17 | sentiment_dissatisfied 18 | 19 | 20 | sentiment_dissatisfied 21 | 22 | 23 | sentiment_dissatisfied 24 | 25 | -------------------------------------------------------------------------------- /components/navbar/snippets/menu.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /components/sidebar/snippets/sidebar.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /components/button/snippets/button-propeller.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /grunt/.csslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "adjoining-classes": false, 3 | "box-model": false, 4 | "box-sizing": false, 5 | "bulletproof-font-face": false, 6 | "compatible-vendor-prefixes": false, 7 | "display-property-grouping": false, 8 | "duplicate-background-images": true, 9 | "duplicate-properties": true, 10 | "empty-rules": true, 11 | "fallback-colors": false, 12 | "floats": true, 13 | "font-faces": false, 14 | "font-sizes": false, 15 | "gradients": false, 16 | "ids": true, 17 | "import": true, 18 | "important": false, 19 | "known-properties": false, 20 | "non-link-hover": false, 21 | "outline-none": false, 22 | "overqualified-elements": false, 23 | "qualified-headings": false, 24 | "regex-selectors": false, 25 | "shorthand": true, 26 | "star-property-hack": false, 27 | "text-indent": false, 28 | "underscore-property-hack": false, 29 | "vendor-prefix": false, 30 | "unique-headings": false, 31 | "universal-selector": false, 32 | "unqualified-attributes": false, 33 | "zero-units": false 34 | } -------------------------------------------------------------------------------- /components/button/snippets/button-circle-flat.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /components/data-table/changelog.md: -------------------------------------------------------------------------------- 1 | #Change Log 2 | All notable changes to this project will be documented in this file. 3 | `Propeller` adheres to [Semantic Versioning](http://semver.org/). 4 | 5 | --- 6 | 7 | ## [1.2.0] (05/03/2018) 8 | Released on Thursday, March 05, 2018. All issues associated with this milestone can be found using this [filter](https://github.com/digicorp/propeller/issues). 9 | 10 | #### Highlights 11 | * Added Sass variables and maps and functions to make customizing Data Table theming easier. 12 | * Fixed background color issue in custom-select class in Data Table. 13 | 14 | #### Added 15 | ###### SCSS 16 | * [#79](https://github.com/digicorp/propeller/commit/5fdf64671f28f8437795dccee95024af1896c9b4): Added Sass variables and maps and functions to make customizing Data Table theming easier. 17 | 18 | #### Removed 19 | ###### CSS 20 | * [#79](https://github.com/digicorp/propeller/commit/5fdf64671f28f8437795dccee95024af1896c9b4): Removed unnecessary images from the custom-select class in Data Table. -------------------------------------------------------------------------------- /components/sidebar/snippets/sidebar.css: -------------------------------------------------------------------------------- 1 | /* Bootstrap css */ 2 | @import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"; 3 | 4 | /* Propeller typography */ 5 | @import "https://opensource.propeller.in/components/typography/css/typography.css"; 6 | 7 | /* Propeller navbar */ 8 | @import "https://opensource.propeller.in/components/navbar/css/navbar.css"; 9 | 10 | /* Propeller dropdowns */ 11 | @import "https://opensource.propeller.in/components/dropdown/css/dropdown.css"; 12 | 13 | /* Propeller buttons */ 14 | @import "https://opensource.propeller.in/components/button/css/button.css"; 15 | 16 | /* Propeller list */ 17 | @import "https://opensource.propeller.in/components/list/css/list.css"; 18 | 19 | /* Propeller icons */ 20 | @import "http://fonts.googleapis.com/icon?family=Material+Icons"; 21 | @import "https://opensource.propeller.in/components/icons/css/google-icons.css"; 22 | 23 | /* Propeller sidebar */ 24 | @import "https://opensource.propeller.in/components/sidebar/css/sidebar.css"; 25 | -------------------------------------------------------------------------------- /components/datetimepicker/snippets/datepicker.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /components/typography/snippets/typography-list.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /components/datetimepicker/snippets/datepicker-default.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /components/datetimepicker/snippets/datepicker-time.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /components/list/snippets/group-items-with-heading.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 |

List group item heading

5 |

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

6 |
7 | 8 |

List group item heading

9 |

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

10 |
11 | 12 |

List group item heading

13 |

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

14 |
15 |
-------------------------------------------------------------------------------- /components/button/snippets/button-circle-raised.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /components/datetimepicker/snippets/datepicker-inline.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /components/popover/snippets/on-click.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /components/datetimepicker/snippets/datepicker-popup.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /components/popover/snippets/on-hover.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /components/radio/snippets/radio.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 7 |
8 | 9 | 10 |
11 | 15 |
16 | 17 | 18 |
19 | 23 |
-------------------------------------------------------------------------------- /components/button/snippets/button-flat.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /components/popover/snippets/colored.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /components/select2/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "propellerkit-select2", 3 | "version": "1.2.0", 4 | "description": "Select2 gives a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options. We have used Select2 plugin as a reference which we have then customized based on our Propeller theme.", 5 | "homepage": "http://propeller.in/", 6 | "author": "Digicorp, Inc", 7 | "license": "MIT", 8 | "main":"js/pmd-select2.js", 9 | "scripts": { 10 | "test": "npm install propellerkit-select2" 11 | }, 12 | "repository": { 13 | "type": "git", 14 | "url": "https://github.com/digicorp/propeller/tree/master/components/select2" 15 | }, 16 | "keywords": [ 17 | "css", 18 | "scss", 19 | "js", 20 | "material design", 21 | "mobile-first", 22 | "responsive", 23 | "front-end", 24 | "framework", 25 | "web", 26 | "select2" 27 | ], 28 | "dependencies": { 29 | "propellerkit":"*.*.*", 30 | "select2": "^4.0.2", 31 | "select2-bootstrap-theme":"^0.1.0-beta.4" 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /scss/_google-icons.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Propeller v1.3.3 (http://propeller.in): google-icons.css 3 | * Copyright 2016-2021 Digicorp, Inc. 4 | * Licensed under MIT (http://propeller.in/LICENSE) 5 | */ 6 | 7 | // Rules for sizing the icon 8 | .material-icons.pmd-xs, .material-icons.md-18 { 9 | font-size: $material-icons-xs; 10 | } 11 | .material-icons.pmd-sm, .material-icons.md-24 { 12 | font-size: $material-icons-sm; 13 | } 14 | .material-icons.pmd-md,.material-icons.md-36 { 15 | font-size: $material-icons-md; 16 | } 17 | .material-icons.pmd-lg,.material-icons.md-48 { 18 | font-size: $material-icons-lg; 19 | } 20 | 21 | // Rules for using icons as black on a light background. 22 | .material-icons.md-dark { 23 | color: $material-icons-dark-color; 24 | } 25 | .material-icons.md-dark.md-inactive { 26 | color: $material-icons-dark-inactive-color; 27 | } 28 | 29 | // Rules for using icons as white on a dark background. 30 | .material-icons.md-light { 31 | color: $material-icons-light-color; 32 | } 33 | .material-icons.md-light.md-inactive { 34 | color: $material-icons-light-inactive-color; 35 | } 36 | -------------------------------------------------------------------------------- /components/button/snippets/button-raised.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | --------------------------------------------------------------------------------