├── .github ├── .gitignore └── workflows │ ├── pkgdown.yaml │ └── R-CMD-check.yaml ├── inst ├── assets │ ├── scss │ │ ├── custom │ │ │ ├── _accordion.scss │ │ │ ├── _carousel.scss │ │ │ ├── _grid.scss │ │ │ ├── utilities │ │ │ │ ├── _sizing.scss │ │ │ │ ├── _transform.scss │ │ │ │ ├── _position.scss │ │ │ │ ├── _shadows.scss │ │ │ │ ├── _backgrounds.scss │ │ │ │ ├── _floating.scss │ │ │ │ ├── _text.scss │ │ │ │ ├── _helper.scss │ │ │ │ └── _spacing.scss │ │ │ ├── _reboot.scss │ │ │ ├── mixins │ │ │ │ ├── _icon.scss │ │ │ │ ├── _alert.scss │ │ │ │ ├── _badge.scss │ │ │ │ ├── _modals.scss │ │ │ │ ├── _background-variant.scss │ │ │ │ ├── _popover.scss │ │ │ │ └── _forms.scss │ │ │ ├── _popover.scss │ │ │ ├── _mixins.scss │ │ │ ├── _utilities.scss │ │ │ ├── _modal.scss │ │ │ ├── vendor │ │ │ │ └── _headroom.scss │ │ │ ├── _functions.scss │ │ │ ├── _separator.scss │ │ │ ├── _close.scss │ │ │ ├── _list-group.scss │ │ │ ├── _pagination.scss │ │ │ ├── _avatars.scss │ │ │ ├── _badge.scss │ │ │ ├── _input-group.scss │ │ │ ├── _progress.scss │ │ │ ├── _icons.scss │ │ │ ├── _type.scss │ │ │ ├── _alerts.scss │ │ │ ├── _dropdown.scss │ │ │ ├── _nav.scss │ │ │ ├── _footer.scss │ │ │ ├── _card.scss │ │ │ └── _forms.scss │ │ ├── bootstrap │ │ │ ├── utilities │ │ │ │ ├── _clearfix.scss │ │ │ │ ├── _screenreaders.scss │ │ │ │ ├── _visibility.scss │ │ │ │ ├── _shadows.scss │ │ │ │ ├── _sizing.scss │ │ │ │ ├── _float.scss │ │ │ │ ├── _align.scss │ │ │ │ ├── _background.scss │ │ │ │ ├── _position.scss │ │ │ │ ├── _embed.scss │ │ │ │ ├── _display.scss │ │ │ │ ├── _spacing.scss │ │ │ │ ├── _borders.scss │ │ │ │ ├── _text.scss │ │ │ │ └── _flex.scss │ │ │ ├── _media.scss │ │ │ ├── mixins │ │ │ │ ├── _box-shadow.scss │ │ │ │ ├── _size.scss │ │ │ │ ├── _clearfix.scss │ │ │ │ ├── _visibility.scss │ │ │ │ ├── _lists.scss │ │ │ │ ├── _text-truncate.scss │ │ │ │ ├── _resize.scss │ │ │ │ ├── _float.scss │ │ │ │ ├── _badge.scss │ │ │ │ ├── _alert.scss │ │ │ │ ├── _nav-divider.scss │ │ │ │ ├── _text-emphasis.scss │ │ │ │ ├── _transition.scss │ │ │ │ ├── _text-hide.scss │ │ │ │ ├── _list-group.scss │ │ │ │ ├── _pagination.scss │ │ │ │ ├── _background-variant.scss │ │ │ │ ├── _reset-text.scss │ │ │ │ ├── _table-row.scss │ │ │ │ ├── _border-radius.scss │ │ │ │ ├── _screen-reader.scss │ │ │ │ ├── _hover.scss │ │ │ │ ├── _image.scss │ │ │ │ ├── _caret.scss │ │ │ │ ├── _grid.scss │ │ │ │ ├── _grid-framework.scss │ │ │ │ └── _gradients.scss │ │ │ ├── _transitions.scss │ │ │ ├── _jumbotron.scss │ │ │ ├── _utilities.scss │ │ │ ├── _root.scss │ │ │ ├── _progress.scss │ │ │ ├── _close.scss │ │ │ ├── _mixins.scss │ │ │ ├── _code.scss │ │ │ ├── _badge.scss │ │ │ ├── _grid.scss │ │ │ ├── _images.scss │ │ │ ├── _alert.scss │ │ │ ├── _breadcrumb.scss │ │ │ ├── _pagination.scss │ │ │ ├── _nav.scss │ │ │ ├── _type.scss │ │ │ ├── _functions.scss │ │ │ └── _tooltip.scss │ │ └── argon.scss │ ├── vendor │ │ ├── nucleo │ │ │ ├── fonts │ │ │ │ ├── nucleo-icons.eot │ │ │ │ ├── nucleo-icons.ttf │ │ │ │ ├── nucleo-icons.woff │ │ │ │ └── nucleo-icons.woff2 │ │ │ └── css │ │ │ │ └── nucleo-svg.css │ │ └── font-awesome │ │ │ └── fonts │ │ │ ├── FontAwesome.otf │ │ │ ├── fontawesome-webfont.eot │ │ │ ├── fontawesome-webfont.ttf │ │ │ ├── fontawesome-webfont.woff │ │ │ └── fontawesome-webfont.woff2 │ └── js │ │ └── argon.min.js └── images │ └── imac.svg ├── vignettes └── .gitignore ├── revdep ├── failures.md ├── problems.md └── README.md ├── man ├── figures │ ├── argonRDemo.png │ └── argonR_logo.png ├── argonProfileStats.Rd ├── argonLead.Rd ├── argonProfileStat.Rd ├── argonMuted.Rd ├── argonNavMenu.Rd ├── argonDropdown.Rd ├── argonH1.Rd ├── argonCascadeItem.Rd ├── argonPaginationItem.Rd ├── argonTab.Rd ├── argonContainer.Rd ├── argonCarouselItem.Rd ├── argonInstall.Rd ├── argonIcon.Rd ├── argonNavItem.Rd ├── argonPersp.Rd ├── argonQuote.Rd ├── argonTextColor.Rd ├── argonProgress.Rd ├── argonPadding.Rd ├── argonMargin.Rd ├── argonUser.Rd ├── argonDropdownItem.Rd ├── argonBlur.Rd ├── argonSocialButton.Rd ├── NS.Rd ├── argonBadge.Rd ├── argonColumn.Rd ├── argonAlert.Rd ├── argonContact.Rd ├── argonPagination.Rd ├── argonTooltip.Rd ├── argonModal.Rd ├── argonRow.Rd ├── argonCarousel.Rd ├── argonImage.Rd ├── argonIconWrapper.Rd ├── argonPage.Rd ├── argonPageTemplate.Rd ├── argonButton.Rd ├── argonCascade.Rd ├── argonTabSet.Rd ├── argonProfile.Rd ├── argonFooter.Rd ├── argonSection.Rd ├── argonCard.Rd └── argonNavbar.Rd ├── docs ├── reference │ └── figures │ │ ├── argonRDemo.png │ │ └── argonR_logo.png ├── pkgdown.yml ├── link.svg └── docsearch.js ├── .gitignore ├── .Rbuildignore ├── cran-comments.md ├── argonR.Rproj ├── DESCRIPTION ├── R ├── argonBadge.R ├── argonColumn.R ├── argonRow.R ├── argonUser.R ├── argonAlert.R ├── argonProgress.R ├── argonImage.R ├── argonFooter.R ├── argonModal.R ├── argonIcon.R └── argonPagination.R ├── NAMESPACE ├── NEWS.md ├── README.md └── _pkgdown.yml /.github/.gitignore: -------------------------------------------------------------------------------- 1 | *.html 2 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/_accordion.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /vignettes/.gitignore: -------------------------------------------------------------------------------- 1 | *.html 2 | *.R 3 | -------------------------------------------------------------------------------- /revdep/failures.md: -------------------------------------------------------------------------------- 1 | *Wow, no problems at all. :)* -------------------------------------------------------------------------------- /revdep/problems.md: -------------------------------------------------------------------------------- 1 | *Wow, no problems at all. :)* -------------------------------------------------------------------------------- /inst/assets/scss/custom/_carousel.scss: -------------------------------------------------------------------------------- 1 | // Bootstrap carousel 2 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/utilities/_clearfix.scss: -------------------------------------------------------------------------------- 1 | .clearfix { 2 | @include clearfix(); 3 | } 4 | -------------------------------------------------------------------------------- /man/figures/argonRDemo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RinteRface/argonR/HEAD/man/figures/argonRDemo.png -------------------------------------------------------------------------------- /man/figures/argonR_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RinteRface/argonR/HEAD/man/figures/argonR_logo.png -------------------------------------------------------------------------------- /docs/reference/figures/argonRDemo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RinteRface/argonR/HEAD/docs/reference/figures/argonRDemo.png -------------------------------------------------------------------------------- /inst/assets/scss/custom/_grid.scss: -------------------------------------------------------------------------------- 1 | @include media-breakpoint-up(lg) { 2 | .container-lg { 3 | max-width: 1160px; 4 | } 5 | } -------------------------------------------------------------------------------- /docs/reference/figures/argonR_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RinteRface/argonR/HEAD/docs/reference/figures/argonR_logo.png -------------------------------------------------------------------------------- /inst/assets/scss/custom/utilities/_sizing.scss: -------------------------------------------------------------------------------- 1 | // Height values in vh 2 | 3 | .h-100vh { 4 | height: 100vh !important; 5 | } 6 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/_media.scss: -------------------------------------------------------------------------------- 1 | .media { 2 | display: flex; 3 | align-items: flex-start; 4 | } 5 | 6 | .media-body { 7 | flex: 1; 8 | } 9 | -------------------------------------------------------------------------------- /inst/assets/vendor/nucleo/fonts/nucleo-icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RinteRface/argonR/HEAD/inst/assets/vendor/nucleo/fonts/nucleo-icons.eot -------------------------------------------------------------------------------- /inst/assets/vendor/nucleo/fonts/nucleo-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RinteRface/argonR/HEAD/inst/assets/vendor/nucleo/fonts/nucleo-icons.ttf -------------------------------------------------------------------------------- /inst/assets/vendor/nucleo/fonts/nucleo-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RinteRface/argonR/HEAD/inst/assets/vendor/nucleo/fonts/nucleo-icons.woff -------------------------------------------------------------------------------- /inst/assets/vendor/nucleo/fonts/nucleo-icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RinteRface/argonR/HEAD/inst/assets/vendor/nucleo/fonts/nucleo-icons.woff2 -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_box-shadow.scss: -------------------------------------------------------------------------------- 1 | @mixin box-shadow($shadow...) { 2 | @if $enable-shadows { 3 | box-shadow: $shadow; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /inst/assets/vendor/font-awesome/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RinteRface/argonR/HEAD/inst/assets/vendor/font-awesome/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_size.scss: -------------------------------------------------------------------------------- 1 | // Sizing shortcuts 2 | 3 | @mixin size($width, $height: $width) { 4 | width: $width; 5 | height: $height; 6 | } 7 | -------------------------------------------------------------------------------- /docs/pkgdown.yml: -------------------------------------------------------------------------------- 1 | pandoc: 2.14.0.3 2 | pkgdown: 1.6.1 3 | pkgdown_sha: ~ 4 | articles: 5 | getting_started: getting_started.html 6 | last_built: 2021-11-15T13:12Z 7 | 8 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_clearfix.scss: -------------------------------------------------------------------------------- 1 | @mixin clearfix() { 2 | &::after { 3 | display: block; 4 | clear: both; 5 | content: ""; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /inst/assets/vendor/font-awesome/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RinteRface/argonR/HEAD/inst/assets/vendor/font-awesome/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /inst/assets/vendor/font-awesome/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RinteRface/argonR/HEAD/inst/assets/vendor/font-awesome/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /inst/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RinteRface/argonR/HEAD/inst/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /inst/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RinteRface/argonR/HEAD/inst/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | inst/doc 2 | .Rproj.user 3 | .Rhistory 4 | .RData 5 | .Ruserdata 6 | .DS_Store 7 | revdep/checks.noindex 8 | revdep/library.noindex 9 | revdep/data.sqlite 10 | docs 11 | -------------------------------------------------------------------------------- /.Rbuildignore: -------------------------------------------------------------------------------- 1 | ^CRAN-RELEASE$ 2 | ^docs$ 3 | ^_pkgdown\.yml$ 4 | ^cran-comments\.md$ 5 | ^.*\.Rproj$ 6 | ^\.Rproj\.user$ 7 | ^revdep$ 8 | ^CODE_OF_CONDUCT\.md$ 9 | ^\.github$ 10 | ^pkgdown$ 11 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/_reboot.scss: -------------------------------------------------------------------------------- 1 | iframe { 2 | border: 0; 3 | } 4 | 5 | figcaption, 6 | figure, 7 | main { 8 | display: block; 9 | } 10 | 11 | main { 12 | overflow: hidden; 13 | } -------------------------------------------------------------------------------- /inst/assets/scss/custom/mixins/_icon.scss: -------------------------------------------------------------------------------- 1 | @mixin icon-shape-variant($color) { 2 | color: saturate(darken($color, 10%), 10); 3 | background-color: transparentize(lighten($color, 10%), .5); 4 | } -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_visibility.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Visibility 4 | 5 | @mixin invisible($visibility) { 6 | visibility: $visibility !important; 7 | } 8 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/utilities/_screenreaders.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Screenreaders 3 | // 4 | 5 | .sr-only { 6 | @include sr-only(); 7 | } 8 | 9 | .sr-only-focusable { 10 | @include sr-only-focusable(); 11 | } 12 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/utilities/_visibility.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Visibility utilities 3 | // 4 | 5 | .visible { 6 | @include invisible(visible); 7 | } 8 | 9 | .invisible { 10 | @include invisible(hidden); 11 | } 12 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_lists.scss: -------------------------------------------------------------------------------- 1 | // Lists 2 | 3 | // Unstyled keeps list items block level, just removes default browser padding and list-style 4 | @mixin list-unstyled { 5 | padding-left: 0; 6 | list-style: none; 7 | } 8 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_text-truncate.scss: -------------------------------------------------------------------------------- 1 | // Text truncate 2 | // Requires inline-block or block for proper styling 3 | 4 | @mixin text-truncate() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_resize.scss: -------------------------------------------------------------------------------- 1 | // Resize anything 2 | 3 | @mixin resizable($direction) { 4 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` 5 | resize: $direction; // Options: horizontal, vertical, both 6 | } 7 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_float.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | @mixin float-left { 4 | float: left !important; 5 | } 6 | @mixin float-right { 7 | float: right !important; 8 | } 9 | @mixin float-none { 10 | float: none !important; 11 | } 12 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/utilities/_shadows.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | .shadow-sm { box-shadow: $box-shadow-sm !important; } 4 | .shadow { box-shadow: $box-shadow !important; } 5 | .shadow-lg { box-shadow: $box-shadow-lg !important; } 6 | .shadow-none { box-shadow: none !important; } 7 | -------------------------------------------------------------------------------- /cran-comments.md: -------------------------------------------------------------------------------- 1 | ## Test environments 2 | * local OS X install, R 3.4.4 3 | * R-hub check 4 | * Ubuntu 16.04.6 LTS (on travis-ci), R 3.6.1 (2017-01-27) 5 | * win-builder (devel and release) 6 | 7 | ## R CMD check results 8 | 9 | 0 errors | 0 warnings | 0 notes 10 | 11 | ## Revdep check 12 | Nothing to declare 13 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/_popover.scss: -------------------------------------------------------------------------------- 1 | .popover { 2 | border: 0; 3 | } 4 | 5 | .popover-header { 6 | font-weight: $font-weight-bold; 7 | } 8 | 9 | // Alternative colors 10 | @each $color, $value in $theme-colors { 11 | .popover-#{$color} { 12 | @include popover-variant($value); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_badge.scss: -------------------------------------------------------------------------------- 1 | @mixin badge-variant($bg) { 2 | color: color-yiq($bg); 3 | background-color: $bg; 4 | 5 | &[href] { 6 | @include hover-focus { 7 | color: color-yiq($bg); 8 | text-decoration: none; 9 | background-color: darken($bg, 10%); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_alert.scss: -------------------------------------------------------------------------------- 1 | @mixin alert-variant($background, $border, $color) { 2 | color: $color; 3 | @include gradient-bg($background); 4 | border-color: $border; 5 | 6 | hr { 7 | border-top-color: darken($border, 5%); 8 | } 9 | 10 | .alert-link { 11 | color: darken($color, 10%); 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/utilities/_transform.scss: -------------------------------------------------------------------------------- 1 | @include media-breakpoint-up(lg) { 2 | .transform-perspective-right { 3 | transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg); 4 | } 5 | .transform-perspective-left{ 6 | transform: scale(1) perspective(2000px) rotateY(11deg) rotateX(2deg) rotate(-2deg) 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_nav-divider.scss: -------------------------------------------------------------------------------- 1 | // Horizontal dividers 2 | // 3 | // Dividers (basically an hr) within dropdowns and nav lists 4 | 5 | @mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) { 6 | height: 0; 7 | margin: $margin-y 0; 8 | overflow: hidden; 9 | border-top: 1px solid $color; 10 | } 11 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/_mixins.scss: -------------------------------------------------------------------------------- 1 | @import "custom/mixins/alert.scss"; 2 | @import "custom/mixins/badge.scss"; 3 | @import "custom/mixins/background-variant.scss"; 4 | @import "custom/mixins/buttons.scss"; 5 | @import "custom/mixins/forms.scss"; 6 | @import "custom/mixins/icon.scss"; 7 | @import "custom/mixins/modals.scss"; 8 | @import "custom/mixins/popover.scss"; -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_text-emphasis.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Typography 4 | 5 | @mixin text-emphasis-variant($parent, $color) { 6 | #{$parent} { 7 | color: $color !important; 8 | } 9 | a#{$parent} { 10 | @include hover-focus { 11 | color: darken($color, 10%) !important; 12 | } 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/mixins/_alert.scss: -------------------------------------------------------------------------------- 1 | @mixin alert-variant($background, $border, $color) { 2 | color: color-yiq($background); 3 | @include gradient-bg($background); 4 | border-color: $border; 5 | 6 | hr { 7 | border-top-color: darken($border, 5%); 8 | } 9 | 10 | .alert-link { 11 | color: darken($color, 10%); 12 | } 13 | } -------------------------------------------------------------------------------- /inst/assets/scss/custom/utilities/_position.scss: -------------------------------------------------------------------------------- 1 | @each $size, $value in $spacers { 2 | .top-#{$size} { 3 | top: $value; 4 | } 5 | .right-#{$size} { 6 | right: $value; 7 | } 8 | .bottom-#{$size} { 9 | bottom: $value; 10 | } 11 | .left-#{$size} { 12 | left: $value; 13 | } 14 | } 15 | 16 | .center { 17 | left: 50%; 18 | transform: translateX(-50%); 19 | } -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_transition.scss: -------------------------------------------------------------------------------- 1 | @mixin transition($transition...) { 2 | @if $enable-transitions { 3 | @if length($transition) == 0 { 4 | transition: $transition-base; 5 | } @else { 6 | transition: $transition; 7 | } 8 | } 9 | 10 | @media screen and (prefers-reduced-motion: reduce) { 11 | transition: none; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/mixins/_badge.scss: -------------------------------------------------------------------------------- 1 | @mixin badge-variant($bg) { 2 | color: saturate(darken($bg, 10%), 10); 3 | background-color: transparentize(lighten($bg, 25%), .5); 4 | 5 | &[href] { 6 | @include hover-focus { 7 | color: color-yiq($bg); 8 | text-decoration: none; 9 | background-color: darken($bg, 10%); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /argonR.Rproj: -------------------------------------------------------------------------------- 1 | Version: 1.0 2 | 3 | RestoreWorkspace: Default 4 | SaveWorkspace: Default 5 | AlwaysSaveHistory: Default 6 | 7 | EnableCodeIndexing: Yes 8 | UseSpacesForTab: Yes 9 | NumSpacesForTab: 2 10 | Encoding: UTF-8 11 | 12 | RnwWeave: Sweave 13 | LaTeX: pdfLaTeX 14 | 15 | BuildType: Package 16 | PackageUseDevtools: Yes 17 | PackageInstallArgs: --no-multiarch --with-keep.source 18 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/utilities/_sizing.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Width and height 4 | 5 | @each $prop, $abbrev in (width: w, height: h) { 6 | @each $size, $length in $sizes { 7 | .#{$abbrev}-#{$size} { #{$prop}: $length !important; } 8 | } 9 | } 10 | 11 | .mw-100 { max-width: 100% !important; } 12 | .mh-100 { max-height: 100% !important; } 13 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/utilities/_float.scss: -------------------------------------------------------------------------------- 1 | @each $breakpoint in map-keys($grid-breakpoints) { 2 | @include media-breakpoint-up($breakpoint) { 3 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); 4 | 5 | .float#{$infix}-left { @include float-left; } 6 | .float#{$infix}-right { @include float-right; } 7 | .float#{$infix}-none { @include float-none; } 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/_utilities.scss: -------------------------------------------------------------------------------- 1 | @import "custom/utilities/backgrounds.scss"; 2 | @import "custom/utilities/floating.scss"; 3 | @import "custom/utilities/helper.scss"; 4 | @import "custom/utilities/position.scss"; 5 | @import "custom/utilities/sizing.scss"; 6 | @import "custom/utilities/spacing.scss"; 7 | @import "custom/utilities/shadows.scss"; 8 | @import "custom/utilities/text.scss"; 9 | @import "custom/utilities/transform.scss"; -------------------------------------------------------------------------------- /inst/assets/scss/custom/utilities/_shadows.scss: -------------------------------------------------------------------------------- 1 | [class*="shadow"] { 2 | @if $enable-transitions { 3 | transition: $transition-base; 4 | } 5 | } 6 | 7 | .shadow-sm--hover:hover { box-shadow: $box-shadow-sm !important; } 8 | .shadow--hover:hover { box-shadow: $box-shadow !important; } 9 | .shadow-lg--hover:hover { box-shadow: $box-shadow-lg !important; } 10 | .shadow-none--hover:hover { box-shadow: none !important; } 11 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/_transitions.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable selector-no-qualifying-type 2 | 3 | .fade { 4 | @include transition($transition-fade); 5 | 6 | &:not(.show) { 7 | opacity: 0; 8 | } 9 | } 10 | 11 | .collapse { 12 | &:not(.show) { 13 | display: none; 14 | } 15 | } 16 | 17 | .collapsing { 18 | position: relative; 19 | height: 0; 20 | overflow: hidden; 21 | @include transition($transition-collapse); 22 | } 23 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/_jumbotron.scss: -------------------------------------------------------------------------------- 1 | .jumbotron { 2 | padding: $jumbotron-padding ($jumbotron-padding / 2); 3 | margin-bottom: $jumbotron-padding; 4 | background-color: $jumbotron-bg; 5 | @include border-radius($border-radius-lg); 6 | 7 | @include media-breakpoint-up(sm) { 8 | padding: ($jumbotron-padding * 2) $jumbotron-padding; 9 | } 10 | } 11 | 12 | .jumbotron-fluid { 13 | padding-right: 0; 14 | padding-left: 0; 15 | @include border-radius(0); 16 | } 17 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/utilities/_align.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | .align-baseline { vertical-align: baseline !important; } // Browser default 4 | .align-top { vertical-align: top !important; } 5 | .align-middle { vertical-align: middle !important; } 6 | .align-bottom { vertical-align: bottom !important; } 7 | .align-text-bottom { vertical-align: text-bottom !important; } 8 | .align-text-top { vertical-align: text-top !important; } 9 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_text-hide.scss: -------------------------------------------------------------------------------- 1 | // CSS image replacement 2 | @mixin text-hide($ignore-warning: false) { 3 | // stylelint-disable-next-line font-family-no-missing-generic-family-keyword 4 | font: 0/0 a; 5 | color: transparent; 6 | text-shadow: none; 7 | background-color: transparent; 8 | border: 0; 9 | 10 | @if ($ignore-warning != true) { 11 | @warn "The `text-hide()` mixin has been deprecated as of v4.1.0. It will be removed entirely in v5."; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /man/argonProfileStats.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonProfile.R 3 | \name{argonProfileStats} 4 | \alias{argonProfileStats} 5 | \title{Create a Boostrap 4 profile card stats container} 6 | \usage{ 7 | argonProfileStats(...) 8 | } 9 | \arguments{ 10 | \item{...}{Slot for \link{argonProfileStat}.} 11 | } 12 | \description{ 13 | Build an argon profile card stats container 14 | } 15 | \author{ 16 | David Granjon, \email{dgranjon@ymail.com} 17 | } 18 | -------------------------------------------------------------------------------- /man/argonLead.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/typography.R 3 | \name{argonLead} 4 | \alias{argonLead} 5 | \title{Create a custom p tag} 6 | \usage{ 7 | argonLead(...) 8 | } 9 | \arguments{ 10 | \item{...}{Any text.} 11 | } 12 | \description{ 13 | A custom p tag 14 | } 15 | \examples{ 16 | if (interactive()) { 17 | library(argonR) 18 | argonLead("Badges") 19 | } 20 | 21 | 22 | } 23 | \author{ 24 | David Granjon, \email{dgranjon@ymail.com} 25 | } 26 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/utilities/_background.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | @each $color, $value in $theme-colors { 4 | @include bg-variant(".bg-#{$color}", $value); 5 | } 6 | 7 | @if $enable-gradients { 8 | @each $color, $value in $theme-colors { 9 | @include bg-gradient-variant(".bg-gradient-#{$color}", $value); 10 | } 11 | } 12 | 13 | .bg-white { 14 | background-color: $white !important; 15 | } 16 | 17 | .bg-transparent { 18 | background-color: transparent !important; 19 | } 20 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/mixins/_modals.scss: -------------------------------------------------------------------------------- 1 | @mixin modal-variant($background) { 2 | .modal-title { 3 | color: color-yiq($background); 4 | } 5 | .modal-header, 6 | .modal-footer { 7 | border-color: rgba(color-yiq($background), .075); 8 | } 9 | .modal-content { 10 | background-color: $background; 11 | color: color-yiq($background); 12 | 13 | .heading { 14 | color: color-yiq($background); 15 | } 16 | } 17 | 18 | .close { 19 | &>span:not(.sr-only) { 20 | color: $white; 21 | } 22 | } 23 | } -------------------------------------------------------------------------------- /man/argonProfileStat.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonProfile.R 3 | \name{argonProfileStat} 4 | \alias{argonProfileStat} 5 | \title{Create a Boostrap 4 profile card stat item} 6 | \usage{ 7 | argonProfileStat(value, description) 8 | } 9 | \arguments{ 10 | \item{value}{Stat value.} 11 | 12 | \item{description}{Stat description.} 13 | } 14 | \description{ 15 | Build an argon profile card stat item 16 | } 17 | \author{ 18 | David Granjon, \email{dgranjon@ymail.com} 19 | } 20 | -------------------------------------------------------------------------------- /man/argonMuted.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/typography.R 3 | \name{argonMuted} 4 | \alias{argonMuted} 5 | \title{Create a muted text} 6 | \usage{ 7 | argonMuted(...) 8 | } 9 | \arguments{ 10 | \item{...}{Any text.} 11 | } 12 | \description{ 13 | Apply the class muted to a text 14 | } 15 | \examples{ 16 | if (interactive()) { 17 | library(argonR) 18 | argonMuted(argonLead("Badges")) 19 | } 20 | 21 | 22 | } 23 | \author{ 24 | David Granjon, \email{dgranjon@ymail.com} 25 | } 26 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/_utilities.scss: -------------------------------------------------------------------------------- 1 | @import "utilities/align"; 2 | @import "utilities/background"; 3 | @import "utilities/borders"; 4 | @import "utilities/clearfix"; 5 | @import "utilities/display"; 6 | @import "utilities/embed"; 7 | @import "utilities/flex"; 8 | @import "utilities/float"; 9 | @import "utilities/position"; 10 | @import "utilities/screenreaders"; 11 | @import "utilities/shadows"; 12 | @import "utilities/sizing"; 13 | @import "utilities/spacing"; 14 | @import "utilities/text"; 15 | @import "utilities/visibility"; 16 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_list-group.scss: -------------------------------------------------------------------------------- 1 | // List Groups 2 | 3 | @mixin list-group-item-variant($state, $background, $color) { 4 | .list-group-item-#{$state} { 5 | color: $color; 6 | background-color: $background; 7 | 8 | &.list-group-item-action { 9 | @include hover-focus { 10 | color: $color; 11 | background-color: darken($background, 5%); 12 | } 13 | 14 | &.active { 15 | color: $white; 16 | background-color: $color; 17 | border-color: $color; 18 | } 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/_modal.scss: -------------------------------------------------------------------------------- 1 | .modal-content { 2 | border: 0; 3 | @if $enable-rounded { 4 | border-radius: $modal-content-border-radius; 5 | } @else { 6 | border-radius: 0; 7 | } 8 | } 9 | 10 | 11 | .modal-fluid { 12 | .modal-dialog { 13 | margin-top: 0; 14 | margin-bottom: 0; 15 | } 16 | .modal-content { 17 | border-radius: 0; 18 | } 19 | } 20 | 21 | @each $color, $value in $theme-colors { 22 | .modal-#{$color} { 23 | @include modal-variant($value); 24 | } 25 | } 26 | 27 | -------------------------------------------------------------------------------- /man/argonNavMenu.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonNavbar.R 3 | \name{argonNavMenu} 4 | \alias{argonNavMenu} 5 | \title{Create a Boostrap 4 argon navbar menu} 6 | \usage{ 7 | argonNavMenu(..., side = "left") 8 | } 9 | \arguments{ 10 | \item{...}{Slot for \link{argonNavItem} and \link{argonDropdown}.} 11 | 12 | \item{side}{Nav menu side. "left by default" but can also be "right".} 13 | } 14 | \description{ 15 | Build an argon navbar menu 16 | } 17 | \author{ 18 | David Granjon, \email{dgranjon@ymail.com} 19 | } 20 | -------------------------------------------------------------------------------- /man/argonDropdown.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonNavbar.R 3 | \name{argonDropdown} 4 | \alias{argonDropdown} 5 | \title{Create a Boostrap 4 argon dropdown menu} 6 | \usage{ 7 | argonDropdown(..., name, size = NULL) 8 | } 9 | \arguments{ 10 | \item{...}{Slot for \link{argonDropdownItem}.} 11 | 12 | \item{name}{Dropdown menu name.} 13 | 14 | \item{size}{Dropdown size: NULL or "xl".} 15 | } 16 | \description{ 17 | Build an argon dropdown menu 18 | } 19 | \author{ 20 | David Granjon, \email{dgranjon@ymail.com} 21 | } 22 | -------------------------------------------------------------------------------- /man/argonH1.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/typography.R 3 | \name{argonH1} 4 | \alias{argonH1} 5 | \title{Create a custim h1 tag} 6 | \usage{ 7 | argonH1(..., display) 8 | } 9 | \arguments{ 10 | \item{...}{Any text.} 11 | 12 | \item{display}{value between 1 and 4.} 13 | } 14 | \description{ 15 | A custom h1 tag 16 | } 17 | \examples{ 18 | if (interactive()) { 19 | library(argonR) 20 | argonH1(display = 3, "ArgonR elements") 21 | } 22 | 23 | 24 | } 25 | \author{ 26 | David Granjon, \email{dgranjon@ymail.com} 27 | } 28 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/mixins/_background-variant.scss: -------------------------------------------------------------------------------- 1 | // Contextual backgrounds 2 | @mixin bg-variant($parent, $color) { 3 | #{$parent} { 4 | background-color: $color !important; 5 | } 6 | a#{$parent}, 7 | button#{$parent} { 8 | @include hover-focus { 9 | background-color: darken($color, 10%) !important; 10 | } 11 | } 12 | } 13 | 14 | @mixin bg-gradient-variant($parent, $color) { 15 | #{$parent} { 16 | background: linear-gradient(87deg, $color 0, adjust-hue($color, 25%) 100%) !important; 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /man/argonCascadeItem.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/extra-effects.R 3 | \name{argonCascadeItem} 4 | \alias{argonCascadeItem} 5 | \title{Create a Boostrap 4 cascade item} 6 | \usage{ 7 | argonCascadeItem(name, size = NULL, src = NULL) 8 | } 9 | \arguments{ 10 | \item{name}{Icon name.} 11 | 12 | \item{size}{Icon size: NULL, "sm" or "lg".} 13 | 14 | \item{src}{Optional external url, link, ...} 15 | } 16 | \description{ 17 | Build an argon cascade item 18 | } 19 | \author{ 20 | David Granjon, \email{dgranjon@ymail.com} 21 | } 22 | -------------------------------------------------------------------------------- /man/argonPaginationItem.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonPagination.R 3 | \name{argonPaginationItem} 4 | \alias{argonPaginationItem} 5 | \title{Build an argon pagination item} 6 | \usage{ 7 | argonPaginationItem(name, src = NULL) 8 | } 9 | \arguments{ 10 | \item{name}{Item name. Better to use numerics such as 1, 2, 3, ...} 11 | 12 | \item{src}{Item target. Another html page for instance.} 13 | } 14 | \description{ 15 | Build an argon pagination item 16 | } 17 | \author{ 18 | David Granjon, \email{dgranjon@ymail.com} 19 | } 20 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/vendor/_headroom.scss: -------------------------------------------------------------------------------- 1 | 2 | .headroom { 3 | will-change: transform; 4 | background-color: inherit; 5 | @include transition($transition-base); 6 | } 7 | .headroom--pinned { 8 | @extend .position-fixed; 9 | transform: translateY(0%); 10 | } 11 | .headroom--unpinned { 12 | @extend .position-fixed; 13 | transform: translateY(-100%); 14 | } 15 | 16 | .headroom--not-top { 17 | padding-top: .5rem; 18 | padding-bottom: .5rem; 19 | background-color: theme-color("default") !important; 20 | box-shadow: 0 1px 10px rgba(130, 130, 134, 0.1); 21 | } -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_pagination.scss: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | @mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) { 4 | .page-link { 5 | padding: $padding-y $padding-x; 6 | font-size: $font-size; 7 | line-height: $line-height; 8 | } 9 | 10 | .page-item { 11 | &:first-child { 12 | .page-link { 13 | @include border-left-radius($border-radius); 14 | } 15 | } 16 | &:last-child { 17 | .page-link { 18 | @include border-right-radius($border-radius); 19 | } 20 | } 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /man/argonTab.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonTabs.R 3 | \name{argonTab} 4 | \alias{argonTab} 5 | \title{Create a Boostrap 4 tab item} 6 | \usage{ 7 | argonTab(..., tabName, active = FALSE) 8 | } 9 | \arguments{ 10 | \item{...}{Tab content} 11 | 12 | \item{tabName}{Tab name: it will be also passed as the id argument. Should be unique.} 13 | 14 | \item{active}{Whether the tab is active or not. FALSE bu default.} 15 | } 16 | \description{ 17 | Build an argon tab item 18 | } 19 | \author{ 20 | David Granjon, \email{dgranjon@ymail.com} 21 | } 22 | -------------------------------------------------------------------------------- /man/argonContainer.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/typography.R 3 | \name{argonContainer} 4 | \alias{argonContainer} 5 | \title{Create a boostrap 4 container} 6 | \usage{ 7 | argonContainer(..., size = NULL) 8 | } 9 | \arguments{ 10 | \item{...}{Tag to be embedded.} 11 | 12 | \item{size}{Container size. NULL or "lg".} 13 | } 14 | \description{ 15 | Create a boostrap 4 container 16 | } 17 | \examples{ 18 | if (interactive()) { 19 | library(argonR) 20 | argonContainer() 21 | } 22 | 23 | } 24 | \author{ 25 | David Granjon, \email{dgranjon@ymail.com} 26 | } 27 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_background-variant.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Contextual backgrounds 4 | 5 | @mixin bg-variant($parent, $color) { 6 | #{$parent} { 7 | background-color: $color !important; 8 | } 9 | a#{$parent}, 10 | button#{$parent} { 11 | @include hover-focus { 12 | background-color: darken($color, 10%) !important; 13 | } 14 | } 15 | } 16 | 17 | @mixin bg-gradient-variant($parent, $color) { 18 | #{$parent} { 19 | background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /man/argonCarouselItem.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonCarousel.R 3 | \name{argonCarouselItem} 4 | \alias{argonCarouselItem} 5 | \title{Create a carousel item} 6 | \usage{ 7 | argonCarouselItem(src = NULL, active = FALSE, mode = "img") 8 | } 9 | \arguments{ 10 | \item{src}{Image url or path.} 11 | 12 | \item{active}{Whether the item is active or not.} 13 | 14 | \item{mode}{Item mode: "img" by default but also "iframe" or "video".} 15 | } 16 | \description{ 17 | Build an argon carousel item 18 | } 19 | \author{ 20 | David Granjon, \email{dgranjon@ymail.com} 21 | } 22 | -------------------------------------------------------------------------------- /man/argonInstall.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonPage.R 3 | \name{argonInstall} 4 | \alias{argonInstall} 5 | \title{Install argon assets} 6 | \usage{ 7 | argonInstall(path = getwd()) 8 | } 9 | \arguments{ 10 | \item{path}{Where to store assets. By default, getwd().} 11 | } 12 | \description{ 13 | Install argon assets 14 | } 15 | \note{ 16 | argon assets are stored in the inst folder similarly as the package folder. 17 | } 18 | \examples{ 19 | if(interactive()){ 20 | library(argonR) 21 | argonInstall() 22 | } 23 | 24 | } 25 | \author{ 26 | David Granjon, \email{dgranjon@ymail.com} 27 | } 28 | -------------------------------------------------------------------------------- /man/argonIcon.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonIcon.R 3 | \name{argonIcon} 4 | \alias{argonIcon} 5 | \title{Create a Nucleo icon} 6 | \usage{ 7 | argonIcon(name, color = NULL) 8 | } 9 | \arguments{ 10 | \item{name}{icon name.} 11 | 12 | \item{color}{icon color. See \url{https://demos.creative-tim.com/argon-design-system/docs/foundation/colors.html}.} 13 | } 14 | \description{ 15 | Build an argon Nucleo icon 16 | } 17 | \examples{ 18 | if (interactive()) { 19 | library(argonR) 20 | argonIcon("atom") 21 | } 22 | 23 | 24 | } 25 | \author{ 26 | David Granjon, \email{dgranjon@ymail.com} 27 | } 28 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_reset-text.scss: -------------------------------------------------------------------------------- 1 | @mixin reset-text { 2 | font-family: $font-family-base; 3 | // We deliberately do NOT reset font-size or word-wrap. 4 | font-style: normal; 5 | font-weight: $font-weight-normal; 6 | line-height: $line-height-base; 7 | text-align: left; // Fallback for where `start` is not supported 8 | text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties 9 | text-decoration: none; 10 | text-shadow: none; 11 | text-transform: none; 12 | letter-spacing: normal; 13 | word-break: normal; 14 | word-spacing: normal; 15 | white-space: normal; 16 | line-break: auto; 17 | } 18 | -------------------------------------------------------------------------------- /man/argonNavItem.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonNavbar.R 3 | \name{argonNavItem} 4 | \alias{argonNavItem} 5 | \title{Create a Boostrap 4 argon navbar item} 6 | \usage{ 7 | argonNavItem(name = NULL, src = NULL, icon = NULL, tooltip = NULL) 8 | } 9 | \arguments{ 10 | \item{name}{Item name.} 11 | 12 | \item{src}{HTML target page.} 13 | 14 | \item{icon}{Item icon of any. Expect \link{argonIcon} or \link[shiny]{icon}.} 15 | 16 | \item{tooltip}{Text to display when the item is hovered.} 17 | } 18 | \description{ 19 | Build an argon navbar item 20 | } 21 | \author{ 22 | David Granjon, \email{dgranjon@ymail.com} 23 | } 24 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/_root.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | // Custom variable values only support SassScript inside `#{}`. 3 | @each $color, $value in $colors { 4 | --#{$color}: #{$value}; 5 | } 6 | 7 | @each $color, $value in $theme-colors { 8 | --#{$color}: #{$value}; 9 | } 10 | 11 | @each $bp, $value in $grid-breakpoints { 12 | --breakpoint-#{$bp}: #{$value}; 13 | } 14 | 15 | // Use `inspect` for lists so that quoted items keep the quotes. 16 | // See https://github.com/sass/sass/issues/2383#issuecomment-336349172 17 | --font-family-sans-serif: #{inspect($font-family-sans-serif)}; 18 | --font-family-monospace: #{inspect($font-family-monospace)}; 19 | } 20 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/_functions.scss: -------------------------------------------------------------------------------- 1 | // Retrieve color Sass maps 2 | 3 | @function section-color($key: "primary") { 4 | @return map-get($section-colors, $key); 5 | } 6 | 7 | // Lines colors 8 | 9 | @function shapes-primary-color($key: "step-1-gradient-bg") { 10 | @return map-get($shapes-primary-colors, $key); 11 | } 12 | 13 | @function shapes-default-color($key: "step-1-gradient-bg") { 14 | @return map-get($shapes-default-colors, $key); 15 | } 16 | 17 | @function lines-light-color($key: "step-1-gradient-bg") { 18 | @return map-get($shapes-light-colors, $key); 19 | } 20 | 21 | @function shapes-dark-color($key: "step-1-gradient-bg") { 22 | @return map-get($shapes-dark-colors, $key); 23 | } -------------------------------------------------------------------------------- /man/argonPersp.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/extra-effects.R 3 | \name{argonPersp} 4 | \alias{argonPersp} 5 | \title{Create a Boostrap 4 perspective effect} 6 | \usage{ 7 | argonPersp(..., side) 8 | } 9 | \arguments{ 10 | \item{...}{Tag to be treated by the persp effect.} 11 | 12 | \item{side}{Perspective side effect. "right" or "left".} 13 | } 14 | \description{ 15 | Build an argon perspective effect 16 | } 17 | \note{ 18 | Disabled on small screens (not a bug) 19 | } 20 | \examples{ 21 | if (interactive()) { 22 | library(argonR) 23 | argonPersp(argonCard(), side = "right") 24 | } 25 | 26 | } 27 | \author{ 28 | David Granjon, \email{dgranjon@ymail.com} 29 | } 30 | -------------------------------------------------------------------------------- /man/argonQuote.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/typography.R 3 | \name{argonQuote} 4 | \alias{argonQuote} 5 | \title{Create a quotation tag} 6 | \usage{ 7 | argonQuote(..., footer = NULL, source = NULL, align = "center") 8 | } 9 | \arguments{ 10 | \item{...}{Any text.} 11 | 12 | \item{footer}{Footer content, if any.} 13 | 14 | \item{source}{Source if any.} 15 | 16 | \item{align}{Text alignement. "center", "right" or "left".} 17 | } 18 | \description{ 19 | A custom quotation tool 20 | } 21 | \examples{ 22 | if (interactive()) { 23 | library(argonR) 24 | argonQuote(align = "center", "I am a text") 25 | } 26 | 27 | } 28 | \author{ 29 | David Granjon, \email{dgranjon@ymail.com} 30 | } 31 | -------------------------------------------------------------------------------- /man/argonTextColor.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/typography.R 3 | \name{argonTextColor} 4 | \alias{argonTextColor} 5 | \title{Add a custom color to a text} 6 | \usage{ 7 | argonTextColor(tag, color) 8 | } 9 | \arguments{ 10 | \item{tag}{Any tag containing text.} 11 | 12 | \item{color}{Text color. See \url{https://demos.creative-tim.com/argon-design-system/docs/foundation/colors.html}.} 13 | } 14 | \description{ 15 | A custom color fo your text 16 | } 17 | \examples{ 18 | if (interactive()) { 19 | library(argonR) 20 | library(htmltools) 21 | argonTextColor( 22 | tag = h1("test"), 23 | color = "success" 24 | ) 25 | } 26 | 27 | 28 | } 29 | \author{ 30 | David Granjon, \email{dgranjon@ymail.com} 31 | } 32 | -------------------------------------------------------------------------------- /revdep/README.md: -------------------------------------------------------------------------------- 1 | # Platform 2 | 3 | |field |value | 4 | |:--------|:----------------------------| 5 | |version |R version 3.5.0 (2018-04-23) | 6 | |os |macOS 10.14.6 | 7 | |system |x86_64, darwin15.6.0 | 8 | |ui |RStudio | 9 | |language |(EN) | 10 | |collate |en_US.UTF-8 | 11 | |ctype |en_US.UTF-8 | 12 | |tz |Europe/Zurich | 13 | |date |2019-11-27 | 14 | 15 | # Dependencies 16 | 17 | |package |old |new |Δ | 18 | |:-------|:-----|:----------|:--| 19 | |argonR |0.1.0 |0.2.0.9000 |* | 20 | |digest |NA |0.6.23 |* | 21 | |rlang |NA |0.4.2 |* | 22 | 23 | # Revdeps 24 | 25 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/_separator.scss: -------------------------------------------------------------------------------- 1 | .separator { 2 | position: absolute; 3 | top: auto; 4 | left: 0; 5 | right: 0; 6 | width: 100%; 7 | height: 150px; 8 | z-index: 1; 9 | transform: translateZ(0); 10 | overflow: hidden; 11 | pointer-events: none; 12 | 13 | svg { 14 | position: absolute; 15 | pointer-events: none; 16 | } 17 | } 18 | 19 | .separator-top { 20 | top: 0; 21 | bottom: auto; 22 | 23 | svg { 24 | top: 0; 25 | } 26 | } 27 | 28 | .separator-bottom { 29 | top: auto; 30 | bottom: 0; 31 | 32 | svg { 33 | bottom: 0; 34 | } 35 | } 36 | 37 | .separator-inverse { 38 | transform: rotate(180deg); 39 | } 40 | 41 | // Styles 42 | 43 | .separator-skew { 44 | height: 60px; 45 | } 46 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/mixins/_popover.scss: -------------------------------------------------------------------------------- 1 | @mixin popover-variant($background) { 2 | 3 | background-color: $background; 4 | 5 | .popover-header { 6 | background-color: $background; 7 | color: color-yiq($background); 8 | } 9 | 10 | .popover-body { 11 | color: color-yiq($background); 12 | } 13 | .popover-header{ 14 | border-color: rgba(color-yiq($background), .2); 15 | } 16 | &.bs-popover-top { 17 | .arrow::after { 18 | border-top-color: $background; 19 | } 20 | } 21 | &.bs-popover-right { 22 | .arrow::after { 23 | border-right-color: $background; 24 | } 25 | } 26 | &.bs-popover-bottom { 27 | .arrow::after { 28 | border-bottom-color: $background; 29 | } 30 | } 31 | &.bs-popover-left { 32 | .arrow::after { 33 | border-left-color: $background; 34 | } 35 | } 36 | } -------------------------------------------------------------------------------- /man/argonProgress.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonProgress.R 3 | \name{argonProgress} 4 | \alias{argonProgress} 5 | \title{Create a progress bar} 6 | \usage{ 7 | argonProgress(value, text = NULL, status = "primary") 8 | } 9 | \arguments{ 10 | \item{value}{Progress value between 0 and 100.} 11 | 12 | \item{text}{Label text.} 13 | 14 | \item{status}{Progress status color. See \url{https://demos.creative-tim.com/argon-design-system/docs/foundation/colors.html}.} 15 | } 16 | \description{ 17 | Build an argon progress bar 18 | } 19 | \examples{ 20 | if (interactive()) { 21 | library(argonR) 22 | argonProgress(value = 10, status = "danger", text = "Custom Text") 23 | } 24 | 25 | 26 | } 27 | \author{ 28 | David Granjon, \email{dgranjon@ymail.com} 29 | } 30 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/_close.scss: -------------------------------------------------------------------------------- 1 | .close { 2 | @if $enable-transitions { 3 | transition: $transition-base; 4 | } 5 | &>span:not(.sr-only) { 6 | background-color: $close-bg; 7 | color: $close-color; 8 | line-height: 17px; 9 | height: 1.25rem; 10 | width: 1.25rem; 11 | border-radius: 50%; 12 | font-size: 1.25rem; 13 | display: block; 14 | @if $enable-transitions { 15 | transition: $transition-base; 16 | } 17 | } 18 | 19 | &:hover, 20 | &:focus { 21 | background-color: $close-hover-bg; 22 | color: $close-hover-color; 23 | outline: none; 24 | 25 | span:not(.sr-only) { 26 | background-color: $close-hover-bg; 27 | } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_table-row.scss: -------------------------------------------------------------------------------- 1 | // Tables 2 | 3 | @mixin table-row-variant($state, $background) { 4 | // Exact selectors below required to override `.table-striped` and prevent 5 | // inheritance to nested tables. 6 | .table-#{$state} { 7 | &, 8 | > th, 9 | > td { 10 | background-color: $background; 11 | } 12 | } 13 | 14 | // Hover states for `.table-hover` 15 | // Note: this is not available for cells or rows within `thead` or `tfoot`. 16 | .table-hover { 17 | $hover-background: darken($background, 5%); 18 | 19 | .table-#{$state} { 20 | @include hover { 21 | background-color: $hover-background; 22 | 23 | > td, 24 | > th { 25 | background-color: $hover-background; 26 | } 27 | } 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /man/argonPadding.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/typography.R 3 | \name{argonPadding} 4 | \alias{argonPadding} 5 | \title{Change tag padding} 6 | \usage{ 7 | argonPadding(tag, orientation, value) 8 | } 9 | \arguments{ 10 | \item{tag}{Tag to be treated.} 11 | 12 | \item{orientation}{Padding side. See \url{https://getbootstrap.com/docs/4.1/utilities/spacing/}.} 13 | 14 | \item{value}{Padding value. See \url{https://getbootstrap.com/docs/4.1/utilities/spacing/}.} 15 | } 16 | \description{ 17 | Change tag padding 18 | } 19 | \examples{ 20 | if (interactive()) { 21 | library(argonR) 22 | argonPadding(tag = h1("test"), orientation = NULL, value = 5) 23 | argonPadding(tag = h1("test"), orientation = "x", value = 2) 24 | } 25 | 26 | } 27 | \author{ 28 | David Granjon, \email{dgranjon@ymail.com} 29 | } 30 | -------------------------------------------------------------------------------- /docs/link.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 12 | 13 | -------------------------------------------------------------------------------- /man/argonMargin.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/typography.R 3 | \name{argonMargin} 4 | \alias{argonMargin} 5 | \title{Change tag margins} 6 | \usage{ 7 | argonMargin(tag, orientation, value) 8 | } 9 | \arguments{ 10 | \item{tag}{Tag to be treated.} 11 | 12 | \item{orientation}{Margin side. See \url{https://getbootstrap.com/docs/4.1/utilities/spacing/}.} 13 | 14 | \item{value}{Margin value, negative or positive. See \url{https://getbootstrap.com/docs/4.1/utilities/spacing/}.} 15 | } 16 | \description{ 17 | Change tag margins 18 | } 19 | \examples{ 20 | if (interactive()) { 21 | library(argonR) 22 | argonMargin(tag = h1("test"), orientation = "t", value = -1) 23 | argonMargin(tag = h1("test"), orientation = "x", value = 7) 24 | } 25 | 26 | } 27 | \author{ 28 | David Granjon, \email{dgranjon@ymail.com} 29 | } 30 | -------------------------------------------------------------------------------- /man/argonUser.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonUser.R 3 | \name{argonUser} 4 | \alias{argonUser} 5 | \title{Create a Boostrap 4 user image} 6 | \usage{ 7 | argonUser(..., title = NULL, subtitle = NULL, src = NULL) 8 | } 9 | \arguments{ 10 | \item{...}{Any element such as \link{argonIcon}...} 11 | 12 | \item{title}{User title.} 13 | 14 | \item{subtitle}{User subtitle.} 15 | 16 | \item{src}{User image url or path.} 17 | } 18 | \description{ 19 | Build an argon user image 20 | } 21 | \examples{ 22 | if (interactive()) { 23 | library(argonR) 24 | argonUser( 25 | title = "Ryan Tompson", 26 | subtitle = "Web Developer", 27 | src = "https://demos.creative-tim.com/argon-design-system/assets/img/theme/team-1-800x800.jpg" 28 | ) 29 | } 30 | 31 | 32 | } 33 | \author{ 34 | David Granjon, \email{dgranjon@ymail.com} 35 | } 36 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/utilities/_position.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Common values 4 | 5 | // Sass list not in variables since it's not intended for customization. 6 | // stylelint-disable-next-line scss/dollar-variable-default 7 | $positions: static, relative, absolute, fixed, sticky; 8 | 9 | @each $position in $positions { 10 | .position-#{$position} { position: $position !important; } 11 | } 12 | 13 | // Shorthand 14 | 15 | .fixed-top { 16 | position: fixed; 17 | top: 0; 18 | right: 0; 19 | left: 0; 20 | z-index: $zindex-fixed; 21 | } 22 | 23 | .fixed-bottom { 24 | position: fixed; 25 | right: 0; 26 | bottom: 0; 27 | left: 0; 28 | z-index: $zindex-fixed; 29 | } 30 | 31 | .sticky-top { 32 | @supports (position: sticky) { 33 | position: sticky; 34 | top: 0; 35 | z-index: $zindex-sticky; 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /man/argonDropdownItem.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonNavbar.R 3 | \name{argonDropdownItem} 4 | \alias{argonDropdownItem} 5 | \title{Create a Boostrap 4 argon dropdown item} 6 | \usage{ 7 | argonDropdownItem( 8 | name = NULL, 9 | description = NULL, 10 | src = NULL, 11 | icon = NULL, 12 | status = NULL 13 | ) 14 | } 15 | \arguments{ 16 | \item{name}{Item name.} 17 | 18 | \item{description}{Item description if any.} 19 | 20 | \item{src}{HTML target page.} 21 | 22 | \item{icon}{Item icon of any. Expect \link{argonIcon} or \link[shiny]{icon}.} 23 | 24 | \item{status}{Icon and name color status. See \url{https://demos.creative-tim.com/argon-design-system/docs/foundation/colors.html}.} 25 | } 26 | \description{ 27 | Build an argon dropdown item 28 | } 29 | \author{ 30 | David Granjon, \email{dgranjon@ymail.com} 31 | } 32 | -------------------------------------------------------------------------------- /man/argonBlur.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/extra-effects.R 3 | \name{argonBlur} 4 | \alias{argonBlur} 5 | \title{Create a Boostrap 4 blur effect} 6 | \usage{ 7 | argonBlur(..., text = NULL, text_color = NULL) 8 | } 9 | \arguments{ 10 | \item{...}{Tag to be treated by the blur effect.} 11 | 12 | \item{text}{Text that appears on hover.} 13 | 14 | \item{text_color}{Text color. See \url{https://demos.creative-tim.com/argon-design-system/docs/foundation/colors.html}.} 15 | } 16 | \description{ 17 | Build an argon blur effect 18 | } 19 | \note{ 20 | Not compatible with argonDash 21 | } 22 | \examples{ 23 | if (interactive()) { 24 | library(argonR) 25 | argonBlur( 26 | argonImage( 27 | src = "inst/images/imac.svg", 28 | floating = TRUE 29 | ) 30 | ) 31 | } 32 | 33 | } 34 | \author{ 35 | David Granjon, \email{dgranjon@ymail.com} 36 | } 37 | -------------------------------------------------------------------------------- /man/argonSocialButton.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonButton.R 3 | \name{argonSocialButton} 4 | \alias{argonSocialButton} 5 | \title{Create a Boostrap 4 argon social button} 6 | \usage{ 7 | argonSocialButton(src = NULL, status = "default", icon = NULL) 8 | } 9 | \arguments{ 10 | \item{src}{Button external link.} 11 | 12 | \item{status}{Button color. See \url{https://demos.creative-tim.com/argon-design-system/docs/components/buttons.html}.} 13 | 14 | \item{icon}{Button icon. Expect \link[shiny]{icon}.} 15 | } 16 | \description{ 17 | Build an argon social button 18 | } 19 | \examples{ 20 | if(interactive()){ 21 | library(argonR) 22 | argonSocialButton( 23 | src = "http://rinterface.com", 24 | status = "danger", 25 | icon = icon("facebook") 26 | ) 27 | } 28 | 29 | } 30 | \author{ 31 | David Granjon, \email{dgranjon@ymail.com} 32 | } 33 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/_list-group.scss: -------------------------------------------------------------------------------- 1 | // Space list items 2 | 3 | .list-group-space { 4 | .list-group-item { 5 | margin-bottom: 1.5rem; 6 | @include border-radius($list-group-border-radius); 7 | } 8 | } 9 | 10 | 11 | // List group components 12 | 13 | .list-group-img { 14 | width: 3rem; 15 | height: 3rem; 16 | border-radius: 50%; 17 | vertical-align: top; 18 | margin: -.1rem 1.2rem 0 -.2rem; 19 | } 20 | .list-group-content { 21 | -webkit-box-flex: 1; 22 | -ms-flex: 1; 23 | flex: 1; 24 | min-width: 0; 25 | } 26 | .list-group-content > p { 27 | color: $gray-500; 28 | line-height: 1.5; 29 | margin: .2rem 0 0; 30 | } 31 | .list-group-heading { 32 | font-size: $font-size-base; 33 | color: $gray-800; 34 | } 35 | .list-group-heading > small { 36 | float: right; 37 | color: $gray-500; 38 | font-weight: 500; 39 | } 40 | -------------------------------------------------------------------------------- /man/NS.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/utils.R 3 | \docType{data} 4 | \name{NS} 5 | \alias{NS} 6 | \alias{ns.sep} 7 | \title{Namespaced IDs for inputs/outputs} 8 | \format{ 9 | An object of class \code{character} of length 1. 10 | } 11 | \usage{ 12 | NS(namespace, id = NULL) 13 | 14 | ns.sep 15 | } 16 | \arguments{ 17 | \item{namespace}{The character vector to use for the namespace. 18 | This can have any length, though a single element is most common. 19 | Length 0 will cause the id to be returned without a namespace, and 20 | length 2 will be interpreted as multiple namespaces, in increasing 21 | order of specificity (i.e. starting with the top-level namespace).} 22 | 23 | \item{id}{The id string to be namespaced (optional).} 24 | } 25 | \description{ 26 | Namespaced IDs for inputs/outputs 27 | } 28 | \keyword{datasets} 29 | \keyword{internal} 30 | -------------------------------------------------------------------------------- /man/argonBadge.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonBadge.R 3 | \name{argonBadge} 4 | \alias{argonBadge} 5 | \title{Create a Boostrap 4 badge} 6 | \usage{ 7 | argonBadge(text = NULL, src = NULL, pill = FALSE, status = "default") 8 | } 9 | \arguments{ 10 | \item{text}{Badge text.} 11 | 12 | \item{src}{Badge external link.} 13 | 14 | \item{pill}{Pill mode. FALSE by default.} 15 | 16 | \item{status}{Badge status. See \url{https://demos.creative-tim.com/argon-design-system/docs/components/badge.html}.} 17 | } 18 | \description{ 19 | Build an argon badge 20 | } 21 | \examples{ 22 | if (interactive()) { 23 | library(argonR) 24 | argonBadge( 25 | text = "My badge", 26 | src = "https://www.google.com", 27 | pill = FALSE, 28 | status = "success" 29 | ) 30 | } 31 | 32 | 33 | } 34 | \author{ 35 | David Granjon, \email{dgranjon@ymail.com} 36 | } 37 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/_pagination.scss: -------------------------------------------------------------------------------- 1 | .page-item { 2 | &.active .page-link { 3 | box-shadow: $pagination-active-box-shadow; 4 | } 5 | 6 | .page-link, 7 | span { 8 | display: flex; 9 | align-items: center; 10 | justify-content: center; 11 | padding: 0; 12 | margin: 0 3px; 13 | border-radius: 50% !important; 14 | width: 36px; 15 | height: 36px; 16 | font-size: $font-size-sm; 17 | } 18 | } 19 | 20 | .pagination-lg { 21 | .page-item { 22 | .page-link, 23 | span { 24 | width: 46px; 25 | height: 46px; 26 | line-height: 46px; 27 | } 28 | } 29 | } 30 | 31 | .pagination-sm { 32 | .page-item { 33 | .page-link, 34 | span { 35 | width: 30px; 36 | height: 30px; 37 | line-height: 30px; 38 | } 39 | } 40 | } -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_border-radius.scss: -------------------------------------------------------------------------------- 1 | // Single side border-radius 2 | 3 | @mixin border-radius($radius: $border-radius) { 4 | @if $enable-rounded { 5 | border-radius: $radius; 6 | } 7 | } 8 | 9 | @mixin border-top-radius($radius) { 10 | @if $enable-rounded { 11 | border-top-left-radius: $radius; 12 | border-top-right-radius: $radius; 13 | } 14 | } 15 | 16 | @mixin border-right-radius($radius) { 17 | @if $enable-rounded { 18 | border-top-right-radius: $radius; 19 | border-bottom-right-radius: $radius; 20 | } 21 | } 22 | 23 | @mixin border-bottom-radius($radius) { 24 | @if $enable-rounded { 25 | border-bottom-right-radius: $radius; 26 | border-bottom-left-radius: $radius; 27 | } 28 | } 29 | 30 | @mixin border-left-radius($radius) { 31 | @if $enable-rounded { 32 | border-top-left-radius: $radius; 33 | border-bottom-left-radius: $radius; 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_screen-reader.scss: -------------------------------------------------------------------------------- 1 | // Only display content to screen readers 2 | // 3 | // See: https://a11yproject.com/posts/how-to-hide-content/ 4 | // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ 5 | 6 | @mixin sr-only { 7 | position: absolute; 8 | width: 1px; 9 | height: 1px; 10 | padding: 0; 11 | overflow: hidden; 12 | clip: rect(0, 0, 0, 0); 13 | white-space: nowrap; 14 | border: 0; 15 | } 16 | 17 | // Use in conjunction with .sr-only to only display content when it's focused. 18 | // 19 | // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 20 | // 21 | // Credit: HTML5 Boilerplate 22 | 23 | @mixin sr-only-focusable { 24 | &:active, 25 | &:focus { 26 | position: static; 27 | width: auto; 28 | height: auto; 29 | overflow: visible; 30 | clip: auto; 31 | white-space: normal; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/_avatars.scss: -------------------------------------------------------------------------------- 1 | .avatar { 2 | color: $white; 3 | background-color: $gray-500; 4 | display: inline-flex; 5 | align-items: center; 6 | justify-content: center; 7 | font-size: 1rem; 8 | border-radius: 50%; 9 | height: 48px; 10 | width: 48px; 11 | } 12 | 13 | .avatar img { 14 | width: 100%; 15 | border-radius: 50%; 16 | } 17 | 18 | .avatar + .avatar-content { 19 | display: inline-block; 20 | margin-left: .75rem; 21 | } 22 | .avatar-lg { 23 | width: 58px; 24 | height: 58px; 25 | font-size: $font-size-sm; 26 | } 27 | 28 | .avatar-sm { 29 | width: 38px; 30 | height: 38px; 31 | font-size: $font-size-sm; 32 | } 33 | 34 | // Overlapped avatars 35 | 36 | .avatar-group { 37 | .avatar { 38 | position: relative; 39 | z-index: 2; 40 | border: 2px solid $card-bg; 41 | 42 | &:hover { 43 | z-index: 3; 44 | } 45 | } 46 | 47 | .avatar + .avatar { 48 | margin-left: -1rem; 49 | 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_hover.scss: -------------------------------------------------------------------------------- 1 | // Hover mixin and `$enable-hover-media-query` are deprecated. 2 | // 3 | // Originally added during our alphas and maintained during betas, this mixin was 4 | // designed to prevent `:hover` stickiness on iOS-an issue where hover styles 5 | // would persist after initial touch. 6 | // 7 | // For backward compatibility, we've kept these mixins and updated them to 8 | // always return their regular pseudo-classes instead of a shimmed media query. 9 | // 10 | // Issue: https://github.com/twbs/bootstrap/issues/25195 11 | 12 | @mixin hover { 13 | &:hover { @content; } 14 | } 15 | 16 | @mixin hover-focus { 17 | &:hover, 18 | &:focus { 19 | @content; 20 | } 21 | } 22 | 23 | @mixin plain-hover-focus { 24 | &, 25 | &:hover, 26 | &:focus { 27 | @content; 28 | } 29 | } 30 | 31 | @mixin hover-focus-active { 32 | &:hover, 33 | &:focus, 34 | &:active { 35 | @content; 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /man/argonColumn.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonColumn.R 3 | \name{argonColumn} 4 | \alias{argonColumn} 5 | \title{Create a Boostrap 4 column} 6 | \usage{ 7 | argonColumn(..., width = NULL, center = FALSE, offset = NULL) 8 | } 9 | \arguments{ 10 | \item{...}{Any UI element.} 11 | 12 | \item{width}{Optional. Column width between 1 and 12.} 13 | 14 | \item{center}{Whether to center column elements or not. FALSE by default.} 15 | 16 | \item{offset}{Column offset. NULL by default. Importantly, offset + width cannot exceed 12!} 17 | } 18 | \description{ 19 | Build an argon column 20 | } 21 | \examples{ 22 | if (interactive()) { 23 | library(argonR) 24 | argonColumn( 25 | width = 4, 26 | argonAlert( 27 | icon = "basket", 28 | status = "danger", 29 | "This is an alert", 30 | closable = TRUE 31 | ) 32 | ) 33 | } 34 | 35 | 36 | } 37 | \author{ 38 | David Granjon, \email{dgranjon@ymail.com} 39 | } 40 | -------------------------------------------------------------------------------- /man/argonAlert.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonAlert.R 3 | \name{argonAlert} 4 | \alias{argonAlert} 5 | \title{Create a Boostrap 4 argon alert} 6 | \usage{ 7 | argonAlert(..., icon = NULL, status = "default", closable = TRUE) 8 | } 9 | \arguments{ 10 | \item{...}{Alert content.} 11 | 12 | \item{icon}{Alert icon. Expect \link{argonIcon} or \link[shiny]{icon}.} 13 | 14 | \item{status}{Alert status. See \url{https://demos.creative-tim.com/argon-design-system/docs/components/alerts.html}.} 15 | 16 | \item{closable}{Whether to make the alert closable or not. TRUE by default.} 17 | } 18 | \description{ 19 | Build an argon alert 20 | } 21 | \examples{ 22 | if (interactive()) { 23 | library(argonR) 24 | argonAlert( 25 | icon = argonIcon("basket"), 26 | status = "danger", 27 | "This is an alert", 28 | closable = TRUE 29 | ) 30 | } 31 | 32 | 33 | } 34 | \author{ 35 | David Granjon, \email{dgranjon@ymail.com} 36 | } 37 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/utilities/_embed.scss: -------------------------------------------------------------------------------- 1 | // Credit: Nicolas Gallagher and SUIT CSS. 2 | 3 | .embed-responsive { 4 | position: relative; 5 | display: block; 6 | width: 100%; 7 | padding: 0; 8 | overflow: hidden; 9 | 10 | &::before { 11 | display: block; 12 | content: ""; 13 | } 14 | 15 | .embed-responsive-item, 16 | iframe, 17 | embed, 18 | object, 19 | video { 20 | position: absolute; 21 | top: 0; 22 | bottom: 0; 23 | left: 0; 24 | width: 100%; 25 | height: 100%; 26 | border: 0; 27 | } 28 | } 29 | 30 | .embed-responsive-21by9 { 31 | &::before { 32 | padding-top: percentage(9 / 21); 33 | } 34 | } 35 | 36 | .embed-responsive-16by9 { 37 | &::before { 38 | padding-top: percentage(9 / 16); 39 | } 40 | } 41 | 42 | .embed-responsive-4by3 { 43 | &::before { 44 | padding-top: percentage(3 / 4); 45 | } 46 | } 47 | 48 | .embed-responsive-1by1 { 49 | &::before { 50 | padding-top: percentage(1 / 1); 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/utilities/_backgrounds.scss: -------------------------------------------------------------------------------- 1 | @each $color, $value in $colors { 2 | @include bg-variant(".bg-#{$color}", $value); 3 | } 4 | 5 | @each $color, $value in $theme-colors { 6 | @include bg-gradient-variant(".bg-gradient-#{$color}", $value); 7 | } 8 | 9 | @each $color, $value in $colors { 10 | @include bg-gradient-variant(".bg-gradient-#{$color}", $value); 11 | } 12 | 13 | 14 | // Sections 15 | 16 | section { 17 | //background-color: section-color("primary"); 18 | } 19 | 20 | @each $color, $value in $section-colors { 21 | @include bg-variant(".section-#{$color}", $value); 22 | } 23 | 24 | @each $color, $value in $theme-colors { 25 | @include bg-gradient-variant(".bg-gradient-#{$color}", $value); 26 | } 27 | 28 | 29 | // Shape (svg) fill colors 30 | @each $color, $value in $theme-colors { 31 | .fill-#{$color} { 32 | fill: $value; 33 | } 34 | 35 | .stroke-#{$color} { 36 | stroke: $value; 37 | } 38 | } 39 | 40 | .fill-opacity-8 { 41 | fill-opacity: .8; 42 | } -------------------------------------------------------------------------------- /DESCRIPTION: -------------------------------------------------------------------------------- 1 | Package: argonR 2 | Type: Package 3 | Title: R Interface to Argon HTML Design 4 | Version: 0.2.0 5 | Authors@R: c( 6 | person("David", "Granjon", email = "dgranjon@ymail.com", role = c("aut", "cre")), 7 | person(family = "RinteRface", role = "cph"), 8 | person(family = "Creative Tim", role = c("ctb", "cph"), comment = "Argon theme for Bootstrap 4"), 9 | person("Winston", "Chang", role = c("ctb", "cph"), comment = "Unexported functions from htmltools")) 10 | Maintainer: David Granjon 11 | Description: R wrapper around the argon HTML library. 12 | More at . 13 | URL: https://github.com/RinteRface/argonR, https://rinterface.github.io/argonR/ 14 | BugReports: https://github.com/RinteRface/argonR/issues 15 | Imports: htmltools, utils, rstudioapi 16 | Suggests: 17 | magrittr, 18 | knitr, 19 | rmarkdown, 20 | shiny 21 | License: GPL-2 22 | Encoding: UTF-8 23 | LazyData: true 24 | RoxygenNote: 7.2.3 25 | VignetteBuilder: knitr 26 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/_progress.scss: -------------------------------------------------------------------------------- 1 | @keyframes progress-bar-stripes { 2 | from { background-position: $progress-height 0; } 3 | to { background-position: 0 0; } 4 | } 5 | 6 | .progress { 7 | display: flex; 8 | height: $progress-height; 9 | overflow: hidden; // force rounded corners by cropping it 10 | font-size: $progress-font-size; 11 | background-color: $progress-bg; 12 | @include border-radius($progress-border-radius); 13 | @include box-shadow($progress-box-shadow); 14 | } 15 | 16 | .progress-bar { 17 | display: flex; 18 | flex-direction: column; 19 | justify-content: center; 20 | color: $progress-bar-color; 21 | text-align: center; 22 | white-space: nowrap; 23 | background-color: $progress-bar-bg; 24 | @include transition($progress-bar-transition); 25 | } 26 | 27 | .progress-bar-striped { 28 | @include gradient-striped(); 29 | background-size: $progress-height $progress-height; 30 | } 31 | 32 | .progress-bar-animated { 33 | animation: progress-bar-stripes $progress-bar-animation-timing; 34 | } 35 | -------------------------------------------------------------------------------- /man/argonContact.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonContact.R 3 | \name{argonContact} 4 | \alias{argonContact} 5 | \title{Create a Boostrap 4 argon contact form} 6 | \usage{ 7 | argonContact( 8 | title = NULL, 9 | subtitle = NULL, 10 | name = "Your name", 11 | mail = "Email Adress", 12 | subject = "Subject", 13 | message, 14 | mailto, 15 | width = 8 16 | ) 17 | } 18 | \arguments{ 19 | \item{title}{Form title.} 20 | 21 | \item{subtitle}{Form subtitle.} 22 | 23 | \item{name}{Contact name.} 24 | 25 | \item{mail}{Contact mail.} 26 | 27 | \item{subject}{Message subject.} 28 | 29 | \item{message}{For message} 30 | 31 | \item{mailto}{Adress to which send the form.} 32 | 33 | \item{width}{Form width. Between 1 and 12.} 34 | } 35 | \description{ 36 | Build an argon contact form 37 | } 38 | \note{ 39 | Need to have an active formspree.io account. 40 | See \url{https://formspree.io}. Only works on web-server! 41 | } 42 | \author{ 43 | David Granjon, \email{dgranjon@ymail.com} 44 | } 45 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/_close.scss: -------------------------------------------------------------------------------- 1 | .close { 2 | float: right; 3 | font-size: $close-font-size; 4 | font-weight: $close-font-weight; 5 | line-height: 1; 6 | color: $close-color; 7 | text-shadow: $close-text-shadow; 8 | opacity: .5; 9 | 10 | &:not(:disabled):not(.disabled) { 11 | 12 | @include hover-focus { 13 | color: $close-color; 14 | text-decoration: none; 15 | opacity: .75; 16 | } 17 | 18 | // Opinionated: add "hand" cursor to non-disabled .close elements 19 | cursor: pointer; 20 | } 21 | } 22 | 23 | // Additional properties for button version 24 | // iOS requires the button element instead of an anchor tag. 25 | // If you want the anchor version, it requires `href="#"`. 26 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 27 | 28 | // stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type 29 | button.close { 30 | padding: 0; 31 | background-color: transparent; 32 | border: 0; 33 | -webkit-appearance: none; 34 | } 35 | // stylelint-enable 36 | -------------------------------------------------------------------------------- /man/argonPagination.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonPagination.R 3 | \name{argonPagination} 4 | \alias{argonPagination} 5 | \title{Build an argon pagination container} 6 | \usage{ 7 | argonPagination(..., size = NULL, align = NULL) 8 | } 9 | \arguments{ 10 | \item{...}{Slot for \link{argonPaginationItem}.} 11 | 12 | \item{size}{Pagination size: NULL, "sm" or "lg".} 13 | 14 | \item{align}{Pagination alignement. NULL (left), "center" or "end" (right).} 15 | } 16 | \description{ 17 | Build an argon pagination container 18 | } 19 | \note{ 20 | align will not work if you embed the argonPagination in an argonRow. 21 | } 22 | \examples{ 23 | if(interactive()){ 24 | library(argonR) 25 | argonPagination( 26 | size = "lg", 27 | align = "center", 28 | argonPaginationItem( 29 | name = 1, 30 | src = "test.html" 31 | ), 32 | argonPaginationItem( 33 | name = 2, 34 | src = "https://www.google.com" 35 | ) 36 | ) 37 | } 38 | 39 | } 40 | \author{ 41 | David Granjon, \email{dgranjon@ymail.com} 42 | } 43 | -------------------------------------------------------------------------------- /man/argonTooltip.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/typography.R 3 | \name{argonTooltip} 4 | \alias{argonTooltip} 5 | \title{Create a boostrap 4 tooltip} 6 | \usage{ 7 | argonTooltip(tag, position, title = NULL) 8 | } 9 | \arguments{ 10 | \item{tag}{Tag to be documented.} 11 | 12 | \item{position}{Where to display the toolptip: "top", "right", "bottom" or "left".} 13 | 14 | \item{title}{Tooltip title.} 15 | } 16 | \description{ 17 | Create a boostrap 4 tooltip 18 | } 19 | \examples{ 20 | if (interactive()) { 21 | library(argonR) 22 | argonTooltip( 23 | position = "left", 24 | title = "I am a nice card", 25 | argonCard( 26 | status = "primary", 27 | width = 12, 28 | title = "Card 1", 29 | hover_lift = TRUE, 30 | shadow = TRUE, 31 | icon = "check-bold", 32 | src = "#", 33 | "Argon is a great free UI package based on Bootstrap 4 34 | that includes the most important components and features." 35 | ) 36 | ) 37 | } 38 | 39 | } 40 | \author{ 41 | David Granjon, \email{dgranjon@ymail.com} 42 | } 43 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/utilities/_floating.scss: -------------------------------------------------------------------------------- 1 | .floating { 2 | animation: floating 3s ease infinite; 3 | will-change: transform; 4 | 5 | &:hover { 6 | animation-play-state: paused; 7 | } 8 | } 9 | 10 | .floating-lg { 11 | animation: floating-lg 3s ease infinite; 12 | } 13 | 14 | .floating-sm { 15 | animation: floating-sm 3s ease infinite; 16 | } 17 | 18 | // Keyframes 19 | 20 | @keyframes floating-lg { 21 | 0% { 22 | transform: translateY(0px) 23 | } 24 | 50% { 25 | transform: translateY(15px) 26 | } 27 | 100% { 28 | transform: translateY(0px) 29 | } 30 | } 31 | 32 | @keyframes floating { 33 | 0% { 34 | transform: translateY(0px) 35 | } 36 | 50% { 37 | transform: translateY(10px) 38 | } 39 | 100% { 40 | transform: translateY(0px) 41 | } 42 | } 43 | 44 | @keyframes floating-sm { 45 | 0% { 46 | transform: translateY(0px) 47 | } 48 | 50% { 49 | transform: translateY(5px) 50 | } 51 | 100% { 52 | transform: translateY(0px) 53 | } 54 | } -------------------------------------------------------------------------------- /inst/assets/scss/custom/utilities/_text.scss: -------------------------------------------------------------------------------- 1 | // Weight and italics 2 | 3 | .font-weight-300 { font-weight: 300 !important; } 4 | .font-weight-400 { font-weight: 400 !important; } 5 | .font-weight-500 { font-weight: 500 !important; } 6 | .font-weight-600 { font-weight: 600 !important; } 7 | .font-weight-700 { font-weight: 700 !important; } 8 | .font-weight-800 { font-weight: 800 !important; } 9 | .font-weight-900 { font-weight: 900 !important; } 10 | 11 | 12 | // Text decorations 13 | 14 | .text-underline { text-decoration: underline; } 15 | .text-through { text-decoration: line-through; } 16 | 17 | 18 | // Line heights 19 | 20 | .lh-100 { line-height: 1; } 21 | .lh-110 { line-height: 1.1; } 22 | .lh-120 { line-height: 1.2; } 23 | .lh-130 { line-height: 1.3; } 24 | .lh-140 { line-height: 1.4; } 25 | .lh-150 { line-height: 1.5; } 26 | .lh-160 { line-height: 1.6; } 27 | .lh-170 { line-height: 1.7; } 28 | .lh-180 { line-height: 1.8; } 29 | 30 | 31 | // Letter spacings 32 | 33 | .ls-1 { letter-spacing: .0625rem; } 34 | .ls-15 { letter-spacing: .09375rem; } 35 | .ls-2 { letter-spacing: 0.125rem; } -------------------------------------------------------------------------------- /R/argonBadge.R: -------------------------------------------------------------------------------- 1 | #' Create a Boostrap 4 badge 2 | #' 3 | #' Build an argon badge 4 | #' 5 | #' @param text Badge text. 6 | #' @param src Badge external link. 7 | #' @param pill Pill mode. FALSE by default. 8 | #' @param status Badge status. See \url{https://demos.creative-tim.com/argon-design-system/docs/components/badge.html}. 9 | #' 10 | #' @examples 11 | #' if (interactive()) { 12 | #' library(argonR) 13 | #' argonBadge( 14 | #' text = "My badge", 15 | #' src = "https://www.google.com", 16 | #' pill = FALSE, 17 | #' status = "success" 18 | #' ) 19 | #' } 20 | #' 21 | #' 22 | #' @author David Granjon, \email{dgranjon@@ymail.com} 23 | #' 24 | #' @export 25 | argonBadge <- function(text = NULL, src = NULL, pill = FALSE, status = "default") { 26 | 27 | badgeCl <- "badge" 28 | if (pill) badgeCl <- paste0(badgeCl, " badge-pill") 29 | if (!is.null(status)) badgeCl <- paste0(badgeCl, " badge-", status) 30 | 31 | if (!is.null(src)) { 32 | htmltools::a(href = src, class = badgeCl, text) 33 | } else { 34 | htmltools::tags$span(class = badgeCl, text) 35 | } 36 | 37 | } -------------------------------------------------------------------------------- /R/argonColumn.R: -------------------------------------------------------------------------------- 1 | #' Create a Boostrap 4 column 2 | #' 3 | #' Build an argon column 4 | #' 5 | #' @param ... Any UI element. 6 | #' @param width Optional. Column width between 1 and 12. 7 | #' @param center Whether to center column elements or not. FALSE by default. 8 | #' @param offset Column offset. NULL by default. Importantly, offset + width cannot exceed 12! 9 | #' 10 | #' @examples 11 | #' if (interactive()) { 12 | #' library(argonR) 13 | #' argonColumn( 14 | #' width = 4, 15 | #' argonAlert( 16 | #' icon = "basket", 17 | #' status = "danger", 18 | #' "This is an alert", 19 | #' closable = TRUE 20 | #' ) 21 | #' ) 22 | #' } 23 | #' 24 | #' 25 | #' @author David Granjon, \email{dgranjon@@ymail.com} 26 | #' 27 | #' @export 28 | argonColumn <- function (..., width = NULL, center = FALSE, offset = NULL) { 29 | colCl <- "col-sm" 30 | if (!is.null(width)) colCl <- paste0(colCl, " col-sm-", width) 31 | if (!is.null(offset)) colCl <- paste0(colCl, " offset-sm-", offset) 32 | if (center) colCl <- paste0(colCl, " text-center") 33 | htmltools::tags$div(class = colCl, ...) 34 | } -------------------------------------------------------------------------------- /inst/assets/scss/custom/utilities/_helper.scss: -------------------------------------------------------------------------------- 1 | // Image 2 | 3 | .img-center { 4 | display: block; 5 | margin-left: auto; 6 | margin-right: auto; 7 | } 8 | 9 | // Clearfix 10 | 11 | .floatfix { 12 | &:before, 13 | &:after { 14 | content: ''; 15 | display: table; 16 | } 17 | &:after { 18 | clear: both; 19 | } 20 | } 21 | 22 | // Overflows 23 | 24 | .overflow-visible { 25 | overflow: visible !important; 26 | } 27 | .overflow-hidden { 28 | overflow: hidden !important; 29 | } 30 | 31 | // Opacity classes 32 | 33 | .opacity-1 { 34 | opacity: .1 !important; 35 | } 36 | .opacity-2 { 37 | opacity: .2 !important; 38 | } 39 | .opacity-3 { 40 | opacity: .3 !important; 41 | } 42 | .opacity-4 { 43 | opacity: .4 !important; 44 | } 45 | .opacity-5 { 46 | opacity: .5 !important; 47 | } 48 | .opacity-6 { 49 | opacity: .6 !important; 50 | } 51 | .opacity-7 { 52 | opacity: .7 !important; 53 | } 54 | .opacity-8 { 55 | opacity: .8 !important; 56 | } 57 | .opacity-8 { 58 | opacity: .9 !important; 59 | } 60 | .opacity-10 { 61 | opacity: 1 !important; 62 | } -------------------------------------------------------------------------------- /man/argonModal.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonModal.R 3 | \name{argonModal} 4 | \alias{argonModal} 5 | \title{Create a Boostrap 4 argon modal} 6 | \usage{ 7 | argonModal(..., id, title = NULL, status = NULL, gradient = FALSE) 8 | } 9 | \arguments{ 10 | \item{...}{Modal body content.} 11 | 12 | \item{id}{Modal unique id. Should be the same as modal_id from \link{argonButton}.} 13 | 14 | \item{title}{Modal title.} 15 | 16 | \item{status}{Modal color. See \url{https://demos.creative-tim.com/argon-design-system/docs/foundation/colors.html}.} 17 | 18 | \item{gradient}{Modal background gradient. FALSE by default. Does not work if status is NULL.} 19 | } 20 | \description{ 21 | Build an argon modal 22 | } 23 | \examples{ 24 | if(interactive()){ 25 | library(argonR) 26 | argonModal( 27 | id = "modal1", 28 | title = "This is a modal", 29 | status = "danger", 30 | gradient = TRUE, 31 | "YOU SHOULD READ THIS!", 32 | br(), 33 | "A small river named Duden flows by their place and supplies it with the necessary regelialia." 34 | ) 35 | } 36 | 37 | } 38 | \author{ 39 | David Granjon, \email{dgranjon@ymail.com} 40 | } 41 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Toggles 2 | // 3 | // Used in conjunction with global variables to enable certain theme features. 4 | 5 | // Utilities 6 | @import "mixins/breakpoints"; 7 | @import "mixins/hover"; 8 | @import "mixins/image"; 9 | @import "mixins/badge"; 10 | @import "mixins/resize"; 11 | @import "mixins/screen-reader"; 12 | @import "mixins/size"; 13 | @import "mixins/reset-text"; 14 | @import "mixins/text-emphasis"; 15 | @import "mixins/text-hide"; 16 | @import "mixins/text-truncate"; 17 | @import "mixins/visibility"; 18 | 19 | // // Components 20 | @import "mixins/alert"; 21 | @import "mixins/buttons"; 22 | @import "mixins/caret"; 23 | @import "mixins/pagination"; 24 | @import "mixins/lists"; 25 | @import "mixins/list-group"; 26 | @import "mixins/nav-divider"; 27 | @import "mixins/forms"; 28 | @import "mixins/table-row"; 29 | 30 | // // Skins 31 | @import "mixins/background-variant"; 32 | @import "mixins/border-radius"; 33 | @import "mixins/box-shadow"; 34 | @import "mixins/gradients"; 35 | @import "mixins/transition"; 36 | 37 | // // Layout 38 | @import "mixins/clearfix"; 39 | @import "mixins/grid-framework"; 40 | @import "mixins/grid"; 41 | @import "mixins/float"; 42 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/_code.scss: -------------------------------------------------------------------------------- 1 | // Inline code 2 | code { 3 | font-size: $code-font-size; 4 | color: $code-color; 5 | word-break: break-word; 6 | 7 | // Streamline the style when inside anchors to avoid broken underline and more 8 | a > & { 9 | color: inherit; 10 | } 11 | } 12 | 13 | // User input typically entered via keyboard 14 | kbd { 15 | padding: $kbd-padding-y $kbd-padding-x; 16 | font-size: $kbd-font-size; 17 | color: $kbd-color; 18 | background-color: $kbd-bg; 19 | @include border-radius($border-radius-sm); 20 | @include box-shadow($kbd-box-shadow); 21 | 22 | kbd { 23 | padding: 0; 24 | font-size: 100%; 25 | font-weight: $nested-kbd-font-weight; 26 | @include box-shadow(none); 27 | } 28 | } 29 | 30 | // Blocks of code 31 | pre { 32 | display: block; 33 | font-size: $code-font-size; 34 | color: $pre-color; 35 | 36 | // Account for some code outputs that place code tags in pre tags 37 | code { 38 | font-size: inherit; 39 | color: inherit; 40 | word-break: normal; 41 | } 42 | } 43 | 44 | // Enable scrollable blocks of code 45 | .pre-scrollable { 46 | max-height: $pre-scrollable-max-height; 47 | overflow-y: scroll; 48 | } 49 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/_badge.scss: -------------------------------------------------------------------------------- 1 | // Base class 2 | // 3 | // Requires one of the contextual, color modifier classes for `color` and 4 | // `background-color`. 5 | 6 | .badge { 7 | display: inline-block; 8 | padding: $badge-padding-y $badge-padding-x; 9 | font-size: $badge-font-size; 10 | font-weight: $badge-font-weight; 11 | line-height: 1; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | @include border-radius($badge-border-radius); 16 | 17 | // Empty badges collapse automatically 18 | &:empty { 19 | display: none; 20 | } 21 | } 22 | 23 | // Quick fix for badges in buttons 24 | .btn .badge { 25 | position: relative; 26 | top: -1px; 27 | } 28 | 29 | // Pill badges 30 | // 31 | // Make them extra rounded with a modifier to replace v3's badges. 32 | 33 | .badge-pill { 34 | padding-right: $badge-pill-padding-x; 35 | padding-left: $badge-pill-padding-x; 36 | @include border-radius($badge-pill-border-radius); 37 | } 38 | 39 | // Colors 40 | // 41 | // Contextual variations (linked badges get darker on :hover). 42 | 43 | @each $color, $value in $theme-colors { 44 | .badge-#{$color} { 45 | @include badge-variant($value); 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /NAMESPACE: -------------------------------------------------------------------------------- 1 | # Generated by roxygen2: do not edit by hand 2 | 3 | export(argonAlert) 4 | export(argonBadge) 5 | export(argonBlur) 6 | export(argonButton) 7 | export(argonCard) 8 | export(argonCarousel) 9 | export(argonCarouselItem) 10 | export(argonCascade) 11 | export(argonCascadeItem) 12 | export(argonColumn) 13 | export(argonContact) 14 | export(argonContainer) 15 | export(argonDropdown) 16 | export(argonDropdownItem) 17 | export(argonFooter) 18 | export(argonH1) 19 | export(argonIcon) 20 | export(argonIconWrapper) 21 | export(argonImage) 22 | export(argonInstall) 23 | export(argonLead) 24 | export(argonMargin) 25 | export(argonModal) 26 | export(argonMuted) 27 | export(argonNavItem) 28 | export(argonNavMenu) 29 | export(argonNavbar) 30 | export(argonPadding) 31 | export(argonPage) 32 | export(argonPageTemplate) 33 | export(argonPagination) 34 | export(argonPaginationItem) 35 | export(argonPersp) 36 | export(argonProfile) 37 | export(argonProfileStat) 38 | export(argonProfileStats) 39 | export(argonProgress) 40 | export(argonQuote) 41 | export(argonRow) 42 | export(argonSection) 43 | export(argonSocialButton) 44 | export(argonTab) 45 | export(argonTabSet) 46 | export(argonTextColor) 47 | export(argonTooltip) 48 | export(argonUser) 49 | export(ns.sep) 50 | -------------------------------------------------------------------------------- /man/argonRow.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonRow.R 3 | \name{argonRow} 4 | \alias{argonRow} 5 | \title{Create a Boostrap 4 row} 6 | \usage{ 7 | argonRow(..., center = FALSE) 8 | } 9 | \arguments{ 10 | \item{...}{Any UI element.} 11 | 12 | \item{center}{Whether to center row elements or not. FALSE by default.} 13 | } 14 | \description{ 15 | Build an argon row 16 | } 17 | \examples{ 18 | if (interactive()) { 19 | library(argonR) 20 | argonRow( 21 | argonColumn( 22 | width = 6, 23 | argonH1( 24 | display = 3, 25 | "ArgonR, HTML static template for R", 26 | htmltools::span("completed with examples") 27 | ) \%>\% argonTextColor(color = "white"), 28 | argonLead( 29 | "Argon is a great free UI package based on Bootstrap 30 | 4 that includes the most important components and features" 31 | ) \%>\% argonTextColor(color = "white") 32 | ), 33 | argonColumn( 34 | width = 6, 35 | argonImage( 36 | src = "inst/images/imac.svg", 37 | floating = TRUE 38 | ) \%>\% argonPersp(side = "right") 39 | \%>\% argonBlur() 40 | ) 41 | ) 42 | } 43 | 44 | 45 | } 46 | \author{ 47 | David Granjon, \email{dgranjon@ymail.com} 48 | } 49 | -------------------------------------------------------------------------------- /man/argonCarousel.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonCarousel.R 3 | \name{argonCarousel} 4 | \alias{argonCarousel} 5 | \title{Create a carousel} 6 | \usage{ 7 | argonCarousel(..., id, floating = FALSE, hover_lift = FALSE, width = 6) 8 | } 9 | \arguments{ 10 | \item{...}{Slot for \link{argonCarouselItem}.} 11 | 12 | \item{id}{Carousel unique id.} 13 | 14 | \item{floating}{Whether to apply a floating effect. FALSE by default.} 15 | 16 | \item{hover_lift}{Whether to apply a lift effect on hover. FALSE by default. 17 | Not compatible with floating. Only if card_mode is TRUE.} 18 | 19 | \item{width}{Carousel width.} 20 | } 21 | \description{ 22 | Build an argon carousel 23 | } 24 | \examples{ 25 | if (interactive()) { 26 | library(argonR) 27 | argonCarousel( 28 | id = "carousel2", 29 | argonCarouselItem( 30 | src = "https://demos.creative-tim.com/argon-design-system/assets/img/theme/img-1-1200x1000.jpg", 31 | active = TRUE 32 | ), 33 | argonCarouselItem( 34 | src = "https://demos.creative-tim.com/argon-design-system/assets/img/theme/img-2-1200x1000.jpg", 35 | active = FALSE 36 | ) 37 | ) 38 | } 39 | 40 | 41 | } 42 | \author{ 43 | David Granjon, \email{dgranjon@ymail.com} 44 | } 45 | -------------------------------------------------------------------------------- /man/argonImage.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonImage.R 3 | \name{argonImage} 4 | \alias{argonImage} 5 | \title{Create a Boostrap 4 image container} 6 | \usage{ 7 | argonImage( 8 | src = NULL, 9 | url = NULL, 10 | floating = FALSE, 11 | card_mode = FALSE, 12 | hover_lift = FALSE, 13 | width = NULL 14 | ) 15 | } 16 | \arguments{ 17 | \item{src}{Image source or path.} 18 | 19 | \item{url}{Only with card_mode on. Optional external link.} 20 | 21 | \item{floating}{Whether to apply a floating effect. FALSE by default.} 22 | 23 | \item{card_mode}{Whether to include the image in a card wrapper. FALSE by default.} 24 | 25 | \item{hover_lift}{Whether to apply a lift effect on hover. FALSE by default. 26 | Not compatible with floating. Only if card_mode is TRUE.} 27 | 28 | \item{width}{Image manual width in px.} 29 | } 30 | \description{ 31 | Build an argon image container 32 | } 33 | \examples{ 34 | if (interactive()) { 35 | library(argonR) 36 | argonImage( 37 | floating = TRUE, 38 | src = "https://demos.creative-tim.com/argon-design-system/assets/img/ill/ill-2.svg", 39 | hover_lift = TRUE 40 | ) 41 | } 42 | 43 | 44 | } 45 | \author{ 46 | David Granjon, \email{dgranjon@ymail.com} 47 | } 48 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/_grid.scss: -------------------------------------------------------------------------------- 1 | // Container widths 2 | // 3 | // Set the container width, and override it for fixed navbars in media queries. 4 | 5 | @if $enable-grid-classes { 6 | .container { 7 | @include make-container(); 8 | @include make-container-max-widths(); 9 | } 10 | } 11 | 12 | // Fluid container 13 | // 14 | // Utilizes the mixin meant for fixed width containers, but with 100% width for 15 | // fluid, full width layouts. 16 | 17 | @if $enable-grid-classes { 18 | .container-fluid { 19 | @include make-container(); 20 | } 21 | } 22 | 23 | // Row 24 | // 25 | // Rows contain and clear the floats of your columns. 26 | 27 | @if $enable-grid-classes { 28 | .row { 29 | @include make-row(); 30 | } 31 | 32 | // Remove the negative margin from default .row, then the horizontal padding 33 | // from all immediate children columns (to prevent runaway style inheritance). 34 | .no-gutters { 35 | margin-right: 0; 36 | margin-left: 0; 37 | 38 | > .col, 39 | > [class*="col-"] { 40 | padding-right: 0; 41 | padding-left: 0; 42 | } 43 | } 44 | } 45 | 46 | // Columns 47 | // 48 | // Common styles for small and large grid columns 49 | 50 | @if $enable-grid-classes { 51 | @include make-grid-columns(); 52 | } 53 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/_badge.scss: -------------------------------------------------------------------------------- 1 | .badge { 2 | text-transform: $badge-text-transfom; 3 | 4 | a { 5 | color: #FFF; 6 | } 7 | } 8 | 9 | // Variations 10 | .badge-pill { 11 | padding-right: $badge-pill-padding-x; 12 | padding-left: $badge-pill-padding-x; 13 | } 14 | 15 | .badge-circle { 16 | text-align: center; 17 | display: inline-flex; 18 | align-items: center; 19 | justify-content: center; 20 | border-radius: 50%; 21 | width: 2rem; 22 | height: 2rem; 23 | font-size: .875rem; 24 | } 25 | 26 | // Multiple inline badges 27 | .badge-inline { 28 | margin-right: .625rem; 29 | } 30 | 31 | .badge-inline + span { 32 | top: 2px; 33 | position: relative; 34 | } 35 | 36 | .badge-inline + span > a { 37 | text-decoration: underline; 38 | } 39 | 40 | // Sizes 41 | .badge-md { 42 | padding: .65em 1em; 43 | } 44 | 45 | .badge-lg { 46 | padding: .85em 1.375em; 47 | } 48 | 49 | 50 | // Color variations 51 | 52 | .badge-secondary { 53 | color: $gray-800; 54 | } 55 | 56 | // Link badges 57 | 58 | .btn { 59 | .badge { 60 | &:not(:first-child) { 61 | margin-left: .5rem; 62 | } 63 | &:not(:last-child) { 64 | margin-right: .5rem; 65 | } 66 | } 67 | } -------------------------------------------------------------------------------- /R/argonRow.R: -------------------------------------------------------------------------------- 1 | #' Create a Boostrap 4 row 2 | #' 3 | #' Build an argon row 4 | #' 5 | #' @param ... Any UI element. 6 | #' @param center Whether to center row elements or not. FALSE by default. 7 | #' 8 | #' @examples 9 | #' if (interactive()) { 10 | #' library(argonR) 11 | #' argonRow( 12 | #' argonColumn( 13 | #' width = 6, 14 | #' argonH1( 15 | #' display = 3, 16 | #' "ArgonR, HTML static template for R", 17 | #' htmltools::span("completed with examples") 18 | #' ) %>% argonTextColor(color = "white"), 19 | #' argonLead( 20 | #' "Argon is a great free UI package based on Bootstrap 21 | #' 4 that includes the most important components and features" 22 | #' ) %>% argonTextColor(color = "white") 23 | #' ), 24 | #' argonColumn( 25 | #' width = 6, 26 | #' argonImage( 27 | #' src = "inst/images/imac.svg", 28 | #' floating = TRUE 29 | #' ) %>% argonPersp(side = "right") 30 | #' %>% argonBlur() 31 | #' ) 32 | #' ) 33 | #' } 34 | #' 35 | #' 36 | #' @author David Granjon, \email{dgranjon@@ymail.com} 37 | #' 38 | #' @export 39 | argonRow <- function(..., center = FALSE) { 40 | rowCl <- "row" 41 | if (center) rowCl <- paste0(rowCl, " align-items-center justify-content-center") 42 | 43 | htmltools::tags$div(class = rowCl, ..., htmltools::tags$br()) 44 | } -------------------------------------------------------------------------------- /R/argonUser.R: -------------------------------------------------------------------------------- 1 | #' Create a Boostrap 4 user image 2 | #' 3 | #' Build an argon user image 4 | #' 5 | #' @param ... Any element such as \link{argonIcon}... 6 | #' @param title User title. 7 | #' @param subtitle User subtitle. 8 | #' @param src User image url or path. 9 | #' 10 | #' @examples 11 | #' if (interactive()) { 12 | #' library(argonR) 13 | #' argonUser( 14 | #' title = "Ryan Tompson", 15 | #' subtitle = "Web Developer", 16 | #' src = "https://demos.creative-tim.com/argon-design-system/assets/img/theme/team-1-800x800.jpg" 17 | #' ) 18 | #' } 19 | #' 20 | #' 21 | #' @author David Granjon, \email{dgranjon@@ymail.com} 22 | #' 23 | #' @export 24 | argonUser <- function(..., title = NULL, subtitle = NULL, src = NULL) { 25 | htmltools::tags$div( 26 | class = "px-4", 27 | # image 28 | htmltools::img( 29 | src = src, 30 | class = "rounded-circle img-center img-fluid shadow shadow-lg--hover", 31 | style = "width: 200px;" 32 | ), 33 | htmltools::tags$div( 34 | class = "pt-4 text-center", 35 | # title/subtitle 36 | htmltools::tags$h5( 37 | htmltools::span(class = "d-block mb-1", title), 38 | htmltools::tags$small(class = "h6 text-muted", subtitle) 39 | ), 40 | htmltools::tags$div( 41 | class = "mt-3", 42 | ... 43 | ) 44 | ) 45 | ) 46 | } -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/_images.scss: -------------------------------------------------------------------------------- 1 | // Responsive images (ensure images don't scale beyond their parents) 2 | // 3 | // This is purposefully opt-in via an explicit class rather than being the default for all ``s. 4 | // We previously tried the "images are responsive by default" approach in Bootstrap v2, 5 | // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps) 6 | // which weren't expecting the images within themselves to be involuntarily resized. 7 | // See also https://github.com/twbs/bootstrap/issues/18178 8 | .img-fluid { 9 | @include img-fluid; 10 | } 11 | 12 | 13 | // Image thumbnails 14 | .img-thumbnail { 15 | padding: $thumbnail-padding; 16 | background-color: $thumbnail-bg; 17 | border: $thumbnail-border-width solid $thumbnail-border-color; 18 | @include border-radius($thumbnail-border-radius); 19 | @include box-shadow($thumbnail-box-shadow); 20 | 21 | // Keep them at most 100% wide 22 | @include img-fluid; 23 | } 24 | 25 | // 26 | // Figures 27 | // 28 | 29 | .figure { 30 | // Ensures the caption's text aligns with the image. 31 | display: inline-block; 32 | } 33 | 34 | .figure-img { 35 | margin-bottom: ($spacer / 2); 36 | line-height: 1; 37 | } 38 | 39 | .figure-caption { 40 | font-size: $figure-caption-font-size; 41 | color: $figure-caption-color; 42 | } 43 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/mixins/_image.scss: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | 6 | // Responsive image 7 | // 8 | // Keep images from scaling beyond the width of their parents. 9 | 10 | @mixin img-fluid { 11 | // Part 1: Set a maximum relative to the parent 12 | max-width: 100%; 13 | // Part 2: Override the height to auto, otherwise images will be stretched 14 | // when setting a width and height attribute on the img element. 15 | height: auto; 16 | } 17 | 18 | 19 | // Retina image 20 | // 21 | // Short retina mixin for setting background-image and -size. 22 | 23 | // stylelint-disable indentation, media-query-list-comma-newline-after 24 | @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) { 25 | background-image: url($file-1x); 26 | 27 | // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio, 28 | // but doesn't convert dppx=>dpi. 29 | // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard. 30 | // Compatibility info: https://caniuse.com/#feat=css-media-resolution 31 | @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx 32 | only screen and (min-resolution: 2dppx) { // Standardized 33 | background-image: url($file-2x); 34 | background-size: $width-1x $height-1x; 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /man/argonIconWrapper.Rd: -------------------------------------------------------------------------------- 1 | % Generated by roxygen2: do not edit by hand 2 | % Please edit documentation in R/argonIcon.R 3 | \name{argonIconWrapper} 4 | \alias{argonIconWrapper} 5 | \title{Create a Nucleo icon wrapper} 6 | \usage{ 7 | argonIconWrapper( 8 | iconTag, 9 | circle = TRUE, 10 | size = NULL, 11 | status = "default", 12 | gradient_color = NULL, 13 | shadow = TRUE, 14 | hover_shadow = FALSE 15 | ) 16 | } 17 | \arguments{ 18 | \item{iconTag}{Slot for \link{argonIcon}} 19 | 20 | \item{circle}{Wrapper's shape. TRUE by default.} 21 | 22 | \item{size}{Wrapper size. "sm", "md" or "lg".} 23 | 24 | \item{status}{Wrapper color. See \url{https://demos.creative-tim.com/argon-design-system/docs/foundation/colors.html}.} 25 | 26 | \item{gradient_color}{icon gradient background color.} 27 | 28 | \item{shadow}{Whether to apply a shadow effet. TRUE by default.} 29 | 30 | \item{hover_shadow}{Only if shadow is TRUE. Whether to enlarge the shadow on hover. FALSE by default.} 31 | } 32 | \description{ 33 | Build an argon Nucleo icon wrapper 34 | } 35 | \examples{ 36 | if (interactive()) { 37 | library(argonR) 38 | argonIconWrapper( 39 | iconTag = argonIcon("atom"), 40 | size = "lg", 41 | status = "danger", 42 | shadow = TRUE, 43 | hover_shadow = TRUE 44 | ) 45 | } 46 | 47 | 48 | } 49 | \author{ 50 | David Granjon, \email{dgranjon@ymail.com} 51 | } 52 | -------------------------------------------------------------------------------- /NEWS.md: -------------------------------------------------------------------------------- 1 | # argonR 0.2.0 2 | - Fix #9: remove close button from `argonModal()`. Thanks @Morais14 3 | - change the icon parameter of `argonTabSet()`, `argonCard()`, `argonAlert()`, 4 | `argonDropdownItem()`, `argonNavItem()`, `argonButton()` and `argonSocialButton()` 5 | Now you can use `icon("cogs")` from shiny or `argonIcon()` as usual 6 | - add offset arg to `argonColumn()` 7 | - Add btn_text argument to `argonCard()` 8 | - Fix #1: headroom.js and add the corresponding argument to `argonNavbar()` 9 | - Fix #7 introduced with #4 10 | - `argonProgress()` text arg has been set to NULL by default 11 | - Fix #4: prefix all `argonTabs()` by the namespace of their `argonTabSet()` container 12 | Thanks @shawnlinxl! 13 | - Fix #2: setting background_color in `argonCard()` make the background title 14 | transparent 15 | - add width argument to `argonImage()` 16 | - bug fix: `argonImage()` link was missing when card_mode is FALSE in `argonImage()` 17 | - add hex 18 | - add a view argument to `argonPageTemplate()` 19 | - add analytics argument to `argonPage()` 20 | - add href argument to `argonNavbar()` 21 | - add src_collapsed arg to `argonNavbar()` so that brand logo are displayed on small screens 22 | - add `argonContact()` 23 | - add favicon argument to `argonPage()` and update assets folder accordingly 24 | - add src argument to `argonButton()` 25 | - add `argonSocialButton()` 26 | 27 | # argonR 0.1.0 28 | - first release -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/_alert.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Base styles 3 | // 4 | 5 | .alert { 6 | position: relative; 7 | padding: $alert-padding-y $alert-padding-x; 8 | margin-bottom: $alert-margin-bottom; 9 | border: $alert-border-width solid transparent; 10 | @include border-radius($alert-border-radius); 11 | } 12 | 13 | // Headings for larger alerts 14 | .alert-heading { 15 | // Specified to prevent conflicts of changing $headings-color 16 | color: inherit; 17 | } 18 | 19 | // Provide class for links that match alerts 20 | .alert-link { 21 | font-weight: $alert-link-font-weight; 22 | } 23 | 24 | 25 | // Dismissible alerts 26 | // 27 | // Expand the right padding and account for the close button's positioning. 28 | 29 | .alert-dismissible { 30 | padding-right: ($close-font-size + $alert-padding-x * 2); 31 | 32 | // Adjust close link position 33 | .close { 34 | position: absolute; 35 | top: 0; 36 | right: 0; 37 | padding: $alert-padding-y $alert-padding-x; 38 | color: inherit; 39 | } 40 | } 41 | 42 | 43 | // Alternate styles 44 | // 45 | // Generate contextual modifier classes for colorizing the alert. 46 | 47 | @each $color, $value in $theme-colors { 48 | .alert-#{$color} { 49 | @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level)); 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /inst/assets/scss/custom/_input-group.scss: -------------------------------------------------------------------------------- 1 | .input-group { 2 | box-shadow: $input-box-shadow; 3 | border-radius: $input-border-radius; 4 | transition: $transition-base; 5 | 6 | .form-control { 7 | box-shadow: none; 8 | 9 | &:not(:first-child) { 10 | border-left: 0; 11 | padding-left: 0; 12 | } 13 | &:not(:last-child) { 14 | border-right: 0; 15 | padding-right: 0; 16 | } 17 | &:focus { 18 | box-shadow: none; 19 | } 20 | } 21 | } 22 | 23 | .input-group-text { 24 | transition: $input-transition; 25 | } 26 | 27 | .input-group-alternative { 28 | box-shadow: $input-alternative-box-shadow; 29 | border: 0; 30 | transition: box-shadow .15s ease; 31 | 32 | .form-control, 33 | .input-group-text { 34 | border: 0; 35 | box-shadow: none; 36 | } 37 | } 38 | 39 | .focused { 40 | .input-group-alternative { 41 | box-shadow: $input-focus-alternative-box-shadow !important; 42 | } 43 | } 44 | 45 | 46 | // .focus class is applied dinamycally from theme.js 47 | 48 | .focused { 49 | .input-group { 50 | box-shadow: $input-focus-box-shadow; 51 | } 52 | 53 | .input-group-text { 54 | color: $input-group-addon-focus-color; 55 | background-color: $input-group-addon-focus-bg; 56 | border-color: $input-group-addon-focus-border-color; 57 | } 58 | 59 | .form-control { 60 | border-color: $input-group-addon-focus-border-color; 61 | } 62 | } 63 | -------------------------------------------------------------------------------- /inst/assets/scss/bootstrap/_breadcrumb.scss: -------------------------------------------------------------------------------- 1 | .breadcrumb { 2 | display: flex; 3 | flex-wrap: wrap; 4 | padding: $breadcrumb-padding-y $breadcrumb-padding-x; 5 | margin-bottom: $breadcrumb-margin-bottom; 6 | list-style: none; 7 | background-color: $breadcrumb-bg; 8 | @include border-radius($breadcrumb-border-radius); 9 | } 10 | 11 | .breadcrumb-item { 12 | // The separator between breadcrumbs (by default, a forward-slash: "/") 13 | + .breadcrumb-item { 14 | padding-left: $breadcrumb-item-padding; 15 | 16 | &::before { 17 | display: inline-block; // Suppress underlining of the separator in modern browsers 18 | padding-right: $breadcrumb-item-padding; 19 | color: $breadcrumb-divider-color; 20 | content: $breadcrumb-divider; 21 | } 22 | } 23 | 24 | // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built 25 | // without `