add: React Bootstrap Framework & Argon Dashboard 2
This commit is contained in:
@ -0,0 +1,45 @@
|
||||
// Waves Animation & Styling
|
||||
|
||||
$waves-position: relative !default;
|
||||
$waves-width: 100% !default;
|
||||
$waves-height: 16vh !default;
|
||||
$waves-min-height: 100px !default;
|
||||
$waves-max-height: 150px !default;
|
||||
$waves-margin-bottom: -7px !default;
|
||||
$waves-height-sm: 50px !default;
|
||||
$waves-min-height-sm: $waves-height-sm !default;
|
||||
$waves-rotate: rotate(180deg) !default;
|
||||
$waves-mobile-height: 40px !default;
|
||||
|
||||
$moving-waves-keyframe-0: translate3d(-90px,0,0) !default;
|
||||
$moving-waves-keyframe-100: translate3d(85px,0,0) !default;
|
||||
$moving-waves-animation: move-forever 40s cubic-bezier(.55,.5,.45,.5) infinite !default;
|
||||
$moving-waves-child-1-delay: -2s !default;
|
||||
$moving-waves-child-1-duration: 11s !default;
|
||||
$moving-waves-child-2-delay: -4s !default;
|
||||
$moving-waves-child-2-duration: 13s !default;
|
||||
$moving-waves-child-3-delay: -3s !default;
|
||||
$moving-waves-child-3-duration: 15s !default;
|
||||
$moving-waves-child-4-delay: -4s !default;
|
||||
$moving-waves-child-4-duration: 20s !default;
|
||||
$moving-waves-child-5-delay: -4s !default;
|
||||
$moving-waves-child-5-duration: 25s !default;
|
||||
$moving-waves-child-6-delay: -3s !default;
|
||||
$moving-waves-child-6-duration: 30s !default;
|
||||
|
||||
// Fade In
|
||||
|
||||
$fade-in-animation-name: fadeInBottom !default;
|
||||
$fade-in-animation-top-name: fadeInTop !default;
|
||||
$fade-in-bottom-transform: translateY(100%) !default;
|
||||
$fade-in-top-transform: translateY(-100%) !default;
|
||||
|
||||
|
||||
$fade-in-1-animation-duration: 1.5s !default;
|
||||
$fade-in-2-animation-duration: 1.75s !default;
|
||||
$fade-in-3-animation-duration: 2s !default;
|
||||
$fade-in-4-animation-duration: 2.25s !default;
|
||||
$fade-in-5-animation-duration: 2.5s !default;
|
||||
|
||||
|
||||
$floating-man-width: 350px !default;
|
@ -0,0 +1,28 @@
|
||||
// Avatar
|
||||
$avatar-height: 48px !default;
|
||||
$avatar-width: 48px !default;
|
||||
|
||||
$avatar-xs-height: 24px !default;
|
||||
$avatar-xs-width: 24px !default;
|
||||
|
||||
$avatar-sm-height: 36px !default;
|
||||
$avatar-sm-width: 36px !default;
|
||||
|
||||
$avatar-lg-height: 58px !default;
|
||||
$avatar-lg-width: 58px !default;
|
||||
|
||||
$avatar-xl-height: 74px !default;
|
||||
$avatar-xl-width: 74px !default;
|
||||
|
||||
$avatar-xxl-height: 110px !default;
|
||||
$avatar-xxl-width: 110px !default;
|
||||
|
||||
$avatar-font-size: 1rem !default;
|
||||
$avatar-content-margin: .75rem !default;
|
||||
|
||||
|
||||
// Avatar Group
|
||||
$avatar-group-border: 2px !default;
|
||||
$avatar-group-zindex: 2 !default;
|
||||
$avatar-group-zindex-hover: 3 !default;
|
||||
$avatar-group-double: -1rem !default;
|
@ -0,0 +1,38 @@
|
||||
// Badge
|
||||
$badge-sm-padding: .45em .775em !default;
|
||||
$badge-sm-font-size: .65em !default;
|
||||
$badge-md-padding: .65em 1em !default;
|
||||
$badge-lg-padding: .85em 1.375em !default;
|
||||
$badge-inline-margin-right: .625rem !default;
|
||||
$badge-inline-span-top: 2px !default;
|
||||
$badge-btn-margin: .5rem !default;
|
||||
|
||||
// Badge Circle
|
||||
$badge-circle-border-radius: 50% !default;
|
||||
$badge-circle-width: 1.25rem !default;
|
||||
$badge-circle-height: 1.25rem !default;
|
||||
$badge-circle-font-size: .75rem !default;
|
||||
$badge-circle-font-weight: 600 !default;
|
||||
|
||||
$badge-circle-md-width: 1.5rem !default;
|
||||
$badge-circle-md-height: 1.5rem !default;
|
||||
|
||||
$badge-circle-lg-width: 2rem !default;
|
||||
$badge-circle-lg-height: 2rem !default;
|
||||
|
||||
//Badge Dot
|
||||
$badge-dot-icon-width: .375rem !default;
|
||||
$badge-dot-icon-height: .375rem !default;
|
||||
$badge-dot-icon-radius: 50% !default;
|
||||
$badge-dot-icon-margin-right: .375rem !default;
|
||||
|
||||
$badge-dot-md-icon-width: .5rem !default;
|
||||
$badge-dot-md-icon-height: .5rem !default;
|
||||
|
||||
$badge-dot-lg-icon-width: .625rem !default;
|
||||
$badge-dot-lg-icon-height: .625rem !default;
|
||||
|
||||
//Badge Floating
|
||||
$badge-floating-top: -50% !default;
|
||||
$badge-floating-border: 3px !default;
|
||||
$badge-floating-transform: translate(147%, 50%) !default;
|
@ -0,0 +1,5 @@
|
||||
$breadcrumb-dark-bg: $dark !default;
|
||||
$breadcrumb-dark-color: $gray-100 !default;
|
||||
$breadcrumb-dark-hover-color: $white !default;
|
||||
$breadcrumb-dark-active-color: $gray-300 !default;
|
||||
$breadcrumb-dark-divider-color: $gray-500 !default;
|
@ -0,0 +1,28 @@
|
||||
// Card Profile
|
||||
$card-profile-body-text-align: center !default;
|
||||
$card-profile-body-padding: 1.25rem 2rem !default;
|
||||
$card-profile-avatar-margin: 0 auto !default;
|
||||
$card-profile-img-mt: 32px !default;
|
||||
$card-profile-img-radius: 50% !default;
|
||||
$card-profile-img-width: 130px !default;
|
||||
$card-profile-btn-mt: 24px !default;
|
||||
$card-profile-p-line-height: 1.778 !default;
|
||||
|
||||
// Card Pricing
|
||||
$card-pricing-body-padding: 2.25rem !default;
|
||||
$card-pricing-line-height: 1.111 !default;
|
||||
$card-pricing-title-mb: $card-bg-description-margin !default;
|
||||
$card-pricing-td-line-height: 1.429 !default;
|
||||
$card-pricing-icon-height: 4rem !default;
|
||||
$card-pricing-icon-width: $card-pricing-icon-height !default;
|
||||
$card-pricing-icon-position: absolute !default;
|
||||
$card-pricing-icon-top: -22px !default;
|
||||
$card-pricing-icon-font-size: 1.25rem !default;
|
||||
$card-pricing-icon-lg-font-size: 1.75rem !default;
|
||||
$card-pricing-i-padding: 18px !default;
|
||||
$card-pricing-badge-padding: 5px !default;
|
||||
$card-pricing-badge-font-size: 6px !default;
|
||||
$card-pricing-badge-position: relative !default;
|
||||
$card-pricing-badge-top: -2px !default;
|
||||
$card-pricing-border-color: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
|
||||
$card-pricing-border-color-dark: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
|
@ -0,0 +1,68 @@
|
||||
$card-box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !default;
|
||||
$card-background-blur: rgba(255, 255, 255, 0.8) !default;
|
||||
|
||||
$card-header-padding: 1.5rem !default;
|
||||
|
||||
$card-body-padding: $card-header-padding !default;
|
||||
$card-plain-bg-color: transparent !default;
|
||||
$card-plain-box-shadow: none !default;
|
||||
|
||||
$card-footer-padding: $card-body-padding !default;
|
||||
|
||||
$card-title-font-weight: $font-weight-bold !default;
|
||||
$card-title-line-height: 1.2 !default;
|
||||
|
||||
$card-author-display: flex !default;
|
||||
$card-author-name-line-height: 1.571 !default;
|
||||
$card-author-name-color: #3A416F !default;
|
||||
$card-author-stats-color: #5D6494 !default;
|
||||
$card-avatar-width: 30px !default;
|
||||
$card-avatar-height: $card-avatar-width !default;
|
||||
$card-avatar-overflow: hidden !default;
|
||||
$card-avatar-radius: 50% !default;
|
||||
$card-avatar-mr: 5px !default;
|
||||
$card-stats-name-mt: -4px !default;
|
||||
$card-name-ml: .25rem !default;
|
||||
|
||||
$card-badge-text-transform: uppercase !default;
|
||||
$card-badge-bg-color: #FAFAFF !default;
|
||||
|
||||
|
||||
// Card Background
|
||||
$card-bg-align-items: center !default;
|
||||
$card-bg-body-position: relative !default;
|
||||
$card-bg-body-z-index: 2 !default;
|
||||
$card-bg-content-min-height: 330px !default;
|
||||
$card-bg-content-max-width: 450px !default;
|
||||
$card-bg-content-pt: 60px !default;
|
||||
$card-bg-content-pb: $card-bg-content-pt !default;
|
||||
$card-bg-body-left-width: 90% !default;
|
||||
|
||||
$card-bg-description-margin: 24px !default;
|
||||
|
||||
$card-bg-filter-position: absolute !default;
|
||||
$card-bg-filter-top: 0 !default;
|
||||
$card-bg-filter-bottom: $card-bg-filter-top !default;
|
||||
$card-bg-filter-left: $card-bg-filter-top !default;
|
||||
$card-bg-filter-height: 100% !default;
|
||||
$card-bg-filter-width: $card-bg-filter-height !default;
|
||||
$card-bg-filter-z-index: 1 !default;
|
||||
$card-bg-filter-display: block !default;
|
||||
$card-bg-filter-content: "" !default;
|
||||
$card-bg-filter-bg: rgba(0,0,0,.4) !default;
|
||||
$card-bg-filter-mask-bg: rgba(0,0,0,.2) !default;
|
||||
$card-bg-filter-radius: 1rem !default;
|
||||
|
||||
$card-full-bg-bg-position: 50% !default;
|
||||
$card-full-bg-bg-size: cover !default;
|
||||
$card-full-bg-mb: 30px !default;
|
||||
$card-full-bg-width: 100% !default;
|
||||
$card-full-bg-height: $card-full-bg-width !default;
|
||||
$card-full-bg-position: absolute !default;
|
||||
$card-full-bg-radius: $card-bg-filter-radius !default;
|
||||
|
||||
$card-carousel-prev-icon-position: 3rem !default;
|
||||
$card-carousel-icons-top: 2rem !default;
|
||||
$card-carousel-icons-zindex: 5 !default;
|
||||
$card-carousel-icons-width: 1rem !default;
|
||||
$card-carousel-icons-height: $card-carousel-icons-width !default;
|
@ -0,0 +1,8 @@
|
||||
$choices-box-shadow: $dropdown-box-shadow !default;
|
||||
$choices-border-radius: .5rem !default;
|
||||
$choices-animation: .3s cubic-bezier(.23,1,.32,1) !default;
|
||||
$choices-transition: $dropdown-transition !default;
|
||||
$choices-transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0px, 37px, 0px) !important !default;
|
||||
$choices-transform-show: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0,37px,5px) !important !default;
|
||||
$choices-padding-y: 1rem !default;
|
||||
$choices-padding-x: .5rem !default;
|
@ -0,0 +1,10 @@
|
||||
$dark-version-body-color: rgba(255, 255, 255, .8) !default;
|
||||
$dark-version-bg-color: #051139 !default;
|
||||
$dark-version-sidenav-bg-color: #111C44 !default;
|
||||
$dark-version-card-bg-color: #111C44 !default;
|
||||
$dark-version-card-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .20), 0 1px 5px 0 rgba(0, 0, 0, .12) !default;
|
||||
$dark-version-input-bg-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, rgba(210, 210, 210, .6) 1px, rgba(209, 209, 209, 0) 0) !default;
|
||||
$dark-version-border-color: rgba(255, 255, 255, .4) !default;
|
||||
$dark-version-table-color: rgba(255, 255, 255, .6) !default;
|
||||
$dark-version-caret-sidebar-color: rgba(206, 212, 218, .7) !default;
|
||||
$dark-nav-link-active-shadow: 0 0 2rem 0 rgba(0, 0, 0, .15) !default;
|
@ -0,0 +1,55 @@
|
||||
$dropdown-subitem-position: 101% !default;
|
||||
$dropdown-transition: visibility .25s,opacity .25s,transform .25s !default;
|
||||
$dropdown-transform-origin: 50% 0 !default;
|
||||
$dropdown-transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0px, 37px, 0px) !important !default;
|
||||
$dropdown-transform-show: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 37px,5px) !important !default;
|
||||
$dropdown-animation-show: show-navbar-dropdown .25s ease forwards !default;
|
||||
$dropdown-animation: hide-navbar-dropdown .25s ease forwards !default;
|
||||
|
||||
$dropdown-multilevel-transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0px, 0px, 0px) !important !default;
|
||||
$dropdown-multilevel-transform-show: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 0px,5px) !important !default;
|
||||
|
||||
$dropup-transform-origin: bottom !default;
|
||||
$dropup-transform: perspective(999px) rotateX(12deg) translateZ(0) translate3d(0px, 0px, 0px) !important !default;
|
||||
$dropup-transform-show: perspective(999px) rotateX(0deg) translateZ(0) translate3d(1px,0px,5px) !important !default;
|
||||
|
||||
$dropdown-icon-margin-right: .75rem !default;
|
||||
|
||||
$dropdown-toggle-arrow-transform: rotate(180deg) !default;
|
||||
$dropdown-toggle-arrow-transition: .3s ease !default;
|
||||
|
||||
$dropdown-button-after-margin-top: 3px !default;
|
||||
|
||||
$dropdown-animation-arrow-left-position: 28px !default;
|
||||
$dropup-animation-arrow-bottom-position: 22px !default;
|
||||
$dropdown-animation-arrow-font-size: 22px !default;
|
||||
$dropup-animation-arrow-transition: bottom .35s ease !default;
|
||||
$dropdown-animation-arrow-transition: top .35s ease !default;
|
||||
$dropup-mb: .5rem !default;
|
||||
|
||||
$dropdown-mt: 40px !default;
|
||||
$dropdown-hover-after-bottom-pos: -24px !default;
|
||||
$dropdown-hover-after-bottom-pos: -24px !default;
|
||||
$dropdown-hover-arrow-active-top: -20px !default;
|
||||
|
||||
$dropdown-subitem-position-right: -197px !default;
|
||||
$dropdown-subitem-left-hover: -8px !default;
|
||||
$dropdown-subitem-arrow-rotate: rotate(-90deg) !default;
|
||||
|
||||
$dropdown-md-min-width: 15rem !default;
|
||||
$dropdown-lg-min-width: 23rem !default;
|
||||
$dropdown-lg-width-responsive: 19rem !default;
|
||||
$dropdown-xl-min-width: 40rem !default;
|
||||
|
||||
$dropdown-subitem-position: 101% !default;
|
||||
|
||||
|
||||
// Extend
|
||||
$dropdown-subitem-position-right: -197px !default;
|
||||
$dropdown-subitem-left-hover: -8px !default;
|
||||
$dropdown-subitem-arrow-rotate: rotate(-90deg) !default;
|
||||
|
||||
$dropdown-md-min-width: 15rem !default;
|
||||
$dropdown-lg-min-width: 23rem !default;
|
||||
$dropdown-lg-width-responsive: 19rem !default;
|
||||
$dropdown-xl-min-width: 40rem !default;
|
@ -0,0 +1,7 @@
|
||||
$fixed-plugin-bottom: 30px !default;
|
||||
$fixed-plugin-right: $fixed-plugin-bottom !default;
|
||||
$fixed-plugin-radius: 50% !default;
|
||||
$fixed-plugin-box-shadow: $navbar-box-shadow !default;
|
||||
$fixed-plugin-button-z-index: 990 !default;
|
||||
$fixed-plugin-card-z-index: 1020 !default;
|
||||
$fixed-plugin-card-width: 360px !default;
|
@ -0,0 +1,3 @@
|
||||
$slider-dim: 15px !default;
|
||||
$slider-position: 2px !default;
|
||||
$moving-circle: translateX(21px) !default;
|
@ -0,0 +1,5 @@
|
||||
$fc-event-title-padding-y: .2rem !default;
|
||||
$fc-event-title-padding-x: .3rem !default;
|
||||
|
||||
$fc-daygrid-event-border-radius: .35rem !default;
|
||||
$fc-theme-standard-dark-border-color: rgba($secondary, .3) !default;
|
@ -0,0 +1,24 @@
|
||||
$page-header-padding: 0 !default;
|
||||
$page-header-position: relative !default;
|
||||
$page-header-overflow: hidden !default;
|
||||
$page-header-display: flex !default;
|
||||
$page-header-align-items: center !default;
|
||||
$page-header-bg-size: cover !default;
|
||||
$page-header-bg-position: 50% !default;
|
||||
|
||||
$mask-position: absolute !default;
|
||||
$mask-bg-size: cover !default;
|
||||
$mask-bg-position: center center !default;
|
||||
$mask-top: 0 !default;
|
||||
$mask-left: $mask-top !default;
|
||||
$mask-width: 100% !default;
|
||||
$mask-height: $mask-width !default;
|
||||
$mask-opacity: .8 !default;
|
||||
|
||||
$page-header-conteiner-index: 1 !default;
|
||||
|
||||
$header-oblique-img-width: 60% !default;
|
||||
$header-oblique-img-right: -10rem !default;
|
||||
$header-oblique-transform: skewX(-10deg) !default;
|
||||
$header-oblique-overflow: hidden !default;
|
||||
$header-oblique-img-transform: skewX(10deg) !default;
|
@ -0,0 +1,32 @@
|
||||
$icon-shape-bg-image: linear-gradient(310deg,#7928CA,#FF0080) !default;
|
||||
$icon-shape-bg-position: center !default;
|
||||
|
||||
$icon-striped-bg-md: 85px !default;
|
||||
$icon-striped-bg-lg: 111px !default;
|
||||
$icon-striped-bg-xl: 80px !default;
|
||||
|
||||
$icon-striped-icon-mt: 25% !default;
|
||||
$icon-striped-icon-ml: -24% !default;
|
||||
|
||||
$icon-shape-icon-opacity: .8 !default;
|
||||
$info-icon-top: 14px !default;
|
||||
$info-icon-top-xxs: -5px !default;
|
||||
$info-icon-top-xs: -3px !default;
|
||||
$info-icon-top-sm: 3px !default;
|
||||
$info-icon-top-md: 12px !default;
|
||||
$info-icon-top-lg: 20px !default;
|
||||
$info-icon-top-xl: 33px !default;
|
||||
$info-icon-position: relative !default;
|
||||
|
||||
$icon-xxs-width: 20px !default;
|
||||
$icon-xxs-height: $icon-xxs-width !default;
|
||||
$icon-xs-width: 24px !default;
|
||||
$icon-xs-height: $icon-xs-width !default;
|
||||
$icon-sm-width: 32px !default;
|
||||
$icon-sm-height: $icon-sm-width !default;
|
||||
$icon-md-width: 48px !default;
|
||||
$icon-md-height: $icon-md-width !default;
|
||||
$icon-lg-width: 64px !default;
|
||||
$icon-lg-height: $icon-lg-width !default;
|
||||
$icon-xl-width: 100px !default;
|
||||
$icon-xl-height: $icon-xl-width !default;
|
@ -0,0 +1,52 @@
|
||||
// Text Border
|
||||
$text-border-bg-color: rgba($secondary,.5) !default;
|
||||
$text-border-bg-color-before: linear-gradient(90deg,transparent,rgba(117,117,117,.4),rgba(117,117,117,.4)) !default;
|
||||
$text-border-bg-color-after: linear-gradient(90deg,rgba(117,117,117,.4),rgba(117,117,117,.4),transparent) !default;
|
||||
$text-border-display: inline-block !default;
|
||||
$text-border-width: 30% !default;
|
||||
$text-border-height: 1px !default;
|
||||
$text-border-position: relative !default;
|
||||
$text-border-vertical-align: middle !default;
|
||||
$text-border-before-right: .5em !default;
|
||||
$text-border-before-ml: -50% !default;
|
||||
$text-border-after-left: $text-border-before-right !default;
|
||||
$text-border-after-mr: $text-border-before-ml !default;
|
||||
|
||||
// Header Shapes
|
||||
|
||||
$shape-1-width: 55% !default;
|
||||
$shape-1-left: 15% !default;
|
||||
$shape-2-width: 35% !default;
|
||||
$shape-2-left: 20% !default;
|
||||
$shape-3-width: 50% !default;
|
||||
$shape-3-left: -28rem !default;
|
||||
|
||||
$shape-img-1-right: 7% !default;
|
||||
$shape-img-1-width: 36% !default;
|
||||
$shape-img-1-margin-top: 12% !default;
|
||||
|
||||
$shape-img-2-left: 24% !default;
|
||||
$shape-img-2-width: 27% !default;
|
||||
$shape-img-2-margin-top: 10% !default;
|
||||
|
||||
// Comming Soon page
|
||||
|
||||
$coming-rotate-transform: rotate(20deg) !default;
|
||||
|
||||
// Tilt Animation
|
||||
|
||||
$tilt-transform-style: preserve-3d !default;
|
||||
$tilt-transform-up-transform: translateZ(50px) scale(0.7) !default;
|
||||
$tilt-transform-up-transition: all 0.5s !default;
|
||||
|
||||
// Round Slider
|
||||
|
||||
$round-slider-m-width: 200px !default;
|
||||
$round-slider-scale-m-width: 300px !default;
|
||||
$round-slider-transition: all .5s ease-out 0s !default;
|
||||
|
||||
// Perspective
|
||||
|
||||
$transform-perspective-right: scale(1) perspective(2000px) rotateY(-35deg) rotateX(2deg) rotate(0deg) !default;
|
||||
$transform-perspective-right-sm: scale(.7) perspective(2000px) rotateY( -32deg) rotateX( 2deg) rotate( 0deg) !default;
|
||||
$transform-perspective-right-xs: scale(.5) perspective(2000px) rotateY( -30deg) rotateX( 2deg) rotate( 0deg) !default;
|
@ -0,0 +1,62 @@
|
||||
// Horizontal Faded Line
|
||||
$hr-bg: transparent !default;
|
||||
$hr-transform: rotate(90deg) !default;
|
||||
$hr-bg-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) !default;
|
||||
$hr-bg-dark-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;
|
||||
|
||||
|
||||
// Gradient Animation
|
||||
$gradient-animation-background: linear-gradient(-45deg, $info-gradient, $danger, $warning, $primary-gradient, $dark) !default;
|
||||
$gradient-animation-bg-size: 400% 400% !default;
|
||||
|
||||
// Device Wrapper
|
||||
$device-wrapper-radius: 3.5rem !default;
|
||||
$device-wrapper-box-shadow: 0 12px 15px rgba(140, 152, 164, 0.1) !default;
|
||||
$device-wrapper-animation: gradient 10s ease infinite !default;
|
||||
|
||||
|
||||
// Nav pills
|
||||
$nav-pills-link-border-radius: 0.5rem !default;
|
||||
$nav-pills-link-box-shadow: 0px 1px 5px 1px #ddd !default;
|
||||
$nav-pills-link-active-padding: 7px 15px !default;
|
||||
$nav-pills-link-active-margin: 1px !default;
|
||||
$nav-pills-link-active-animation: .2s ease !default;
|
||||
|
||||
// Table Progress
|
||||
|
||||
$table-progress-width: 120px !default;
|
||||
$table-progress-height: 3px !default;
|
||||
$table-progress-margin: 0 !default;
|
||||
|
||||
// Tooltip Arrow
|
||||
|
||||
$tooltip-arrow-left: 1px !default;
|
||||
$tooltip-arrow-right: $tooltip-arrow-left !default;
|
||||
|
||||
// Footer Link hover animation
|
||||
|
||||
$footer-link-animation: opacity .3 ease !default;
|
||||
|
||||
// Blur background
|
||||
|
||||
$blur-light-background: rgba(255, 255, 255, 0.4) !default;
|
||||
$blur-dark-background: rgba(0, 0, 0, 0.3) !default;
|
||||
|
||||
// HR w/ opacity
|
||||
|
||||
$hr-bg-color: transparent !default;
|
||||
$hr-width: 1px !default;
|
||||
$hr-margin: .75rem 0 !default;
|
||||
$hr-horizontal-bg-image-light: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)) !default;
|
||||
$hr-horizontal-bg-image-gray-light: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)) !default;
|
||||
$hr-horizontal-bg-image-dark: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;
|
||||
$hr-vertical-bg-image-light: linear-gradient(to bottom, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)) !default;
|
||||
$hr-vertical-bg-image-dark: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;
|
||||
|
||||
|
||||
// Skew Separator
|
||||
|
||||
$separator-height: 150px !default;
|
||||
$separator-transform: translateZ(0) !default;
|
||||
|
||||
$argon-default-color: #172b4d !default;
|
@ -0,0 +1,65 @@
|
||||
$navbar-light-bg: #FBFBFB !default;
|
||||
$navbar-light-hover-bg: darken($gray-100, 5%) !default;
|
||||
$navbar-light-active-bg: darken($gray-100, 5%) !default;
|
||||
$navbar-light-border-color: rgba($black, .05) !default;
|
||||
$navbar-light-color: rgba($black, .6) !default;
|
||||
$navbar-light-hover-color: rgba($black, .7) !default;
|
||||
$navbar-light-active-color: rgba($black, .9) !default;
|
||||
$navbar-light-disabled-color: rgba($black, .3) !default;
|
||||
$navbar-light-toggler-border-color: transparent !default;
|
||||
// Vertical navbar
|
||||
$sidenav-header-width: 4.875rem !default;
|
||||
$sidenav-card-opacity: .65 !default;
|
||||
$navbar-vertical-box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !default;
|
||||
$navbar-vertical-border-color: rgba($black, .05) !default;
|
||||
$navbar-vertical-width: 3.875rem !default;
|
||||
$navbar-vertical-open-width: 15.625rem !default;
|
||||
$navbar-vertical-padding-x: 1rem !default;
|
||||
$navbar-vertical-nav-link-padding-x: .5rem !default;
|
||||
$navbar-vertical-nav-link-padding-y: .675rem !default;
|
||||
$navbar-vertical-sidenav-normal-ml: 4.01rem !default;
|
||||
$navbar-vertical-m: 1rem !default;
|
||||
$navbar-vertical-inner: calc(100vh - 360px) !default;
|
||||
$navbar-icon-min-width: 1.8rem !default;
|
||||
$navbar-icon-margin-left: 0.15rem !default;
|
||||
$navbar-breadcrumb-padding-y: $nav-link-padding-y !default;
|
||||
$navbar-breadcrumb-padding-x: 0 !default;
|
||||
$navbar-light-border-color: $border-color !default;
|
||||
$navbar-dark-bg: transparent !default;
|
||||
$navbar-dark-hover-bg: rgba(255, 255, 255, .1) !default;
|
||||
$navbar-dark-active-bg: rgba(255, 255, 255, .1) !default;
|
||||
$navbar-dark-border-color: rgba(255, 255, 255, .1) !default;
|
||||
$navbar-dark-color: rgba($white, .95) !default;
|
||||
$navbar-dark-hover-color: rgba($white, .65) !default;
|
||||
$navbar-dark-active-color: rgba($white, .65) !default;
|
||||
$navbar-dark-disabled-color: rgba($white, .25) !default;
|
||||
$navbar-dark-toggler-border-color: transparent !default;
|
||||
$navbar-padding-y: 1rem !default;
|
||||
$navbar-padding-x: 1rem !default;
|
||||
$navbar-nav-link-padding-x: 1rem !default;
|
||||
$navbar-nav-link-padding-y: 1rem !default;
|
||||
$navbar-nav-link-font-size: .875rem !default;
|
||||
$navbar-nav-link-font-weight: 500 !default;
|
||||
$navbar-nav-link-text-transform: normal !default;
|
||||
$navbar-nav-link-letter-spacing: 0 !default;
|
||||
$navbar-nav-link-border-radius: $border-radius-sm !default;
|
||||
$font-size-xs: ($font-size-base * .75) !default;
|
||||
$transition-base-time: .25s !default;
|
||||
$transition-cubic-bezier: all $transition-base-time cubic-bezier(.68, -0.55, .265, 1.55) !default;
|
||||
$dark-sidebar-nav-active-bg: rgba(255, 255, 255, .13) !default;
|
||||
|
||||
// Navbar collapse
|
||||
|
||||
$navbar-vertical-collapse-dot-size: 5px !default;
|
||||
$navbar-vertical-collapse-dot-size-active: 8px !default;
|
||||
$navbar-vertical-collapse-margin-left: 1.35rem !default;
|
||||
$navbar-vertical-collapse-left: -18px !default;
|
||||
$navbar-vertical-collapse-top: 50% !default;
|
||||
$navbar-vertical-collapse-translate: translate(0,-50%) !default;
|
||||
|
||||
$navbar-vertical-hidden-width: 6rem !default;
|
||||
|
||||
// RTL Page
|
||||
|
||||
$rtl-sidebar-bullet-right: -1.125rem !default;
|
||||
$rtl-sidebar-hover-padding-right: 2.5rem !default;
|
@ -0,0 +1,17 @@
|
||||
// Navbar toggler icon on responsive styling
|
||||
|
||||
$navbar-toggler-bar-display: block !default;
|
||||
$navbar-toggler-bar-position: relative !default;
|
||||
$navbar-toggler-bar-width: 22px !default;
|
||||
$navbar-toggler-bar-height: 1px !default;
|
||||
$navbar-toggler-bar-radius: 1px !default;
|
||||
$navbar-toggler-bar-transition: all 0.2s !default;
|
||||
$navbar-toggler-bar-margin-top: 7px !default;
|
||||
|
||||
$navbar-toggler-bar-1-transform: rotate(45deg) !default;
|
||||
$navbar-toggler-bar-1-transform-origin: 10% 10% !default;
|
||||
$navbar-toggler-bar-1-margin-top: 4px !default;
|
||||
$navbar-toggler-bar-2-opacity: 0 !default;
|
||||
$navbar-toggler-bar-3-transform: rotate(-45deg) !default;
|
||||
$navbar-toggler-bar-3-transform-origin: 10% 90% !default;
|
||||
$navbar-toggler-bar-3-margin-top: 3px !default;
|
@ -0,0 +1,19 @@
|
||||
// Pagination
|
||||
|
||||
$pagination-active-box-shadow: $btn-hover-box-shadow !default;
|
||||
|
||||
$page-link-display: flex !default;
|
||||
$page-link-align-items: center !default;
|
||||
$page-link-justify-content: $page-link-align-items !default;
|
||||
$page-link-margin: 0 3px !default;
|
||||
$page-link-radius: 50% !default;
|
||||
$page-link-width: 36px !default;
|
||||
$page-link-height: $page-link-width !default;
|
||||
|
||||
$page-link-width-lg: 46px !default;
|
||||
$page-link-height-lg: $page-link-width-lg !default;
|
||||
$page-link-line-height-lg: $page-link-width-lg !default;
|
||||
|
||||
$page-link-width-sm: 30px !default;
|
||||
$page-link-height-sm: $page-link-width-sm !default;
|
||||
$page-link-line-height-sm: $page-link-width-sm !default;
|
@ -0,0 +1 @@
|
||||
$timeline-step-transform-rtl: translateX(50%) !default;
|
@ -0,0 +1,28 @@
|
||||
// Social Buttons
|
||||
|
||||
$facebook: #3b5998 !default;
|
||||
$facebook-states: darken($facebook, 5%) !default;
|
||||
$twitter: #55acee !default;
|
||||
$twitter-states: darken($twitter, 5%) !default;
|
||||
$instagram: #125688 !default;
|
||||
$instagram-states: darken($instagram, 6%) !default;
|
||||
$linkedin: #0077B5 !default;
|
||||
$linkedin-states: darken($linkedin, 5%) !default;
|
||||
$pinterest: #cc2127 !default;
|
||||
$pinterest-states: darken($pinterest, 6%) !default;
|
||||
$youtube: #e52d27 !default;
|
||||
$youtube-states: darken($youtube, 6%) !default;
|
||||
$dribbble: #ea4c89 !default;
|
||||
$dribbble-states: darken($dribbble, 6%) !default;
|
||||
$github: #24292E !default;
|
||||
$github-states: darken($github, 6%) !default;
|
||||
$reddit: #ff4500 !default;
|
||||
$reddit-states: darken($reddit, 6%) !default;
|
||||
$tumblr: #35465c !default;
|
||||
$tumblr-states: darken($tumblr, 6%) !default;
|
||||
$behance: #1769ff !default;
|
||||
$behance-states: darken($behance, 6%) !default;
|
||||
$vimeo: #1AB7EA !default;
|
||||
$vimeo-states: darken($vimeo, 6%) !default;
|
||||
$slack: #3aaf85 !default;
|
||||
$slack-states: darken($slack, 6%) !default;
|
@ -0,0 +1,19 @@
|
||||
$table-head-spacer-y: .75rem !default;
|
||||
$table-head-spacer-x: 1rem !default;
|
||||
$table-head-font-size: .65rem !default;
|
||||
$table-head-font-weight: $font-weight-bold !default;
|
||||
$table-head-text-transform: uppercase !default;
|
||||
$table-head-letter-spacing: 1px !default;
|
||||
$table-head-bg: $gray-100 !default;
|
||||
$table-head-color: $gray-600 !default;
|
||||
$table-action-color: $gray-500 !default;
|
||||
|
||||
$table-body-font-size: .8125rem !default;
|
||||
|
||||
$table-dark-bg: theme-color("default") !default;
|
||||
$table-dark-accent-bg: rgba($white, .05) !default;
|
||||
$table-dark-hover-bg: rgba($white, .075) !default;
|
||||
|
||||
$table-dark-head-bg: lighten($dark, 4%) !default;
|
||||
$table-dark-head-color: lighten($dark, 35%) !default;
|
||||
$table-dark-action-color: lighten($dark, 35%) !default;
|
@ -0,0 +1,19 @@
|
||||
// Timeline
|
||||
|
||||
$timeline-axis-width: 2px !default;
|
||||
$timeline-axis-color: $border-color !default;
|
||||
$timeline-left: 1rem !default;
|
||||
|
||||
$timeline-step-bg: $white !default;
|
||||
$timeline-step-width: 26px !default;
|
||||
$timeline-step-height: $timeline-step-width !default;
|
||||
$timeline-step-radius: 50% !default;
|
||||
$timeline-step-transform: translateX(-50%) !default;
|
||||
$timeline-step-line-height: 1.4 !default;
|
||||
|
||||
$timeline-step-border-width: 2px !default;
|
||||
$timeline-step-border-color: $timeline-axis-color !default;
|
||||
|
||||
$timeline-content-margin-left: 45px !default;
|
||||
$timeline-content-padding-top: .35rem !default;
|
||||
$timeline-content-top: -6px !default;
|
@ -0,0 +1,22 @@
|
||||
// Colores Shadow on cards
|
||||
$colored-shadow-top: 3.5% !default;
|
||||
$colored-shadow-blur: 12px !default;
|
||||
$colored-shadow-scale: .94 !default;
|
||||
$colored-shadow-scale-avatar: .87 !default;
|
||||
|
||||
// Card Projects
|
||||
$card-project-transition: .4s cubic-bezier(.215,.61,.355,1) !default;
|
||||
$card-project-avatar-transform: scale(.8) translateY(-45px) !default;
|
||||
$card-project-hover-transform: translateY(-2px) !default;
|
||||
|
||||
// Transform Perspective effect
|
||||
$transform-perspective: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg) !default;
|
||||
$transform-perspective-inverse: scale(1) perspective(1040px) rotateY(11deg) rotateX(-2deg) rotate(-2deg) !default;
|
||||
|
||||
// Z index
|
||||
$z-index2: 2 !default;
|
||||
|
||||
// Width in PX
|
||||
$width-32-px: 32px !default;
|
||||
$width-48-px: 48px !default;
|
||||
$width-64-px: 64px !default;
|
@ -0,0 +1,191 @@
|
||||
// on hover transition variables
|
||||
$move-transition: .2s ease-out !default;
|
||||
$move-overflow: hidden !default;
|
||||
$move-transform: perspective(999px) rotateX(0deg) translate3d(0,0,0) !default;
|
||||
$move-transform-origin: 50% 0 !default;
|
||||
$move-backface-visibility: hidden !default;
|
||||
$move-will-change: transform,box-shadow !default;
|
||||
$move-hover-transform: perspective(999px) rotateX(7deg) translate3d(0px,-4px,5px) !default;
|
||||
|
||||
// Sections Height Utilities
|
||||
$section-height-25-min-height: 25vh !default;
|
||||
$section-height-35-min-height: 35vh !default;
|
||||
$section-height-45-min-height: 45vh !default;
|
||||
$section-height-50-min-height: 50vh !default;
|
||||
$section-height-55-min-height: 55vh !default;
|
||||
$section-height-65-min-height: 65vh !default;
|
||||
$section-height-70-min-height: 70vh !default;
|
||||
$section-height-75-min-height: 75vh !default;
|
||||
$section-height-80-min-height: 80vh !default;
|
||||
$section-height-85-min-height: 85vh !default;
|
||||
$section-height-90-min-height: 90vh !default;
|
||||
$section-height-95-min-height: 95vh !default;
|
||||
$section-height-100-min-height: 100vh !default;
|
||||
|
||||
// extra padding utilities variables - CT
|
||||
$padding-6: 4rem !default;
|
||||
$padding-7: 6rem !default;
|
||||
$padding-8: 8rem !default;
|
||||
$padding-9: 10rem !default;
|
||||
$padding-10: 12rem !default;
|
||||
$padding-11: 14rem !default;
|
||||
$padding-12: 16rem !default;
|
||||
|
||||
// extra margins utilities variables - CT
|
||||
$margin-6: 4rem !default;
|
||||
$margin-7: 6rem !default;
|
||||
$margin-8: 8rem !default;
|
||||
$margin-9: 10rem !default;
|
||||
$margin-10: 12rem !default;
|
||||
$margin-11: 14rem !default;
|
||||
$margin-12: 16rem !default;
|
||||
|
||||
// extra width values variables - CT
|
||||
$width-0: 0% !default;
|
||||
$width-1: 1% !default;
|
||||
$width-2: 2% !default;
|
||||
$width-3: 3% !default;
|
||||
$width-4: 4% !default;
|
||||
$width-5: 5% !default;
|
||||
$width-6: 6% !default;
|
||||
$width-7: 7% !default;
|
||||
$width-8: 8% !default;
|
||||
$width-9: 9% !default;
|
||||
$width-10: 10% !default;
|
||||
$width-15: 15% !default;
|
||||
$width-20: 20% !default;
|
||||
$width-25: 25% !default;
|
||||
$width-30: 30% !default;
|
||||
$width-35: 35% !default;
|
||||
$width-40: 40% !default;
|
||||
$width-45: 45% !default;
|
||||
$width-50: 50% !default;
|
||||
$width-55: 55% !default;
|
||||
$width-60: 60% !default;
|
||||
$width-65: 65% !default;
|
||||
$width-70: 70% !default;
|
||||
$width-75: 75% !default;
|
||||
$width-80: 80% !default;
|
||||
$width-85: 85% !default;
|
||||
$width-90: 90% !default;
|
||||
$width-95: 95% !default;
|
||||
$width-100: 100% !default;
|
||||
|
||||
// extra max width values variables - CT
|
||||
$max-width-100: 100px !default;
|
||||
$max-width-200: 200px !default;
|
||||
$max-width-300: 300px !default;
|
||||
$max-width-400: 400px !default;
|
||||
$max-width-500: 500px !default;
|
||||
|
||||
// extra height values variables - CT
|
||||
$height-100: 100px !default;
|
||||
$height-200: 200px !default;
|
||||
$height-300: 300px !default;
|
||||
$height-400: 400px !default;
|
||||
$height-500: 500px !default;
|
||||
$height-600: 600px !default;
|
||||
|
||||
|
||||
// extra min height values variables - CT
|
||||
$min-height-100: 100px !default;
|
||||
$min-height-150: 150px !default;
|
||||
$min-height-160: 160px !default;
|
||||
$min-height-200: 200px !default;
|
||||
$min-height-250: 250px !default;
|
||||
$min-height-300: 300px !default;
|
||||
$min-height-400: 400px !default;
|
||||
$min-height-500: 500px !default;
|
||||
$min-height-600: 600px !default;
|
||||
|
||||
// extra min height values variables - CT
|
||||
$max-height-100: 100px !default;
|
||||
$max-height-150: 150px !default;
|
||||
$max-height-160: 160px !default;
|
||||
$max-height-200: 200px !default;
|
||||
$max-height-250: 250px !default;
|
||||
$max-height-300: 300px !default;
|
||||
$max-height-400: 400px !default;
|
||||
$max-height-500: 500px !default;
|
||||
$max-height-600: 600px !default;
|
||||
|
||||
// extra min height vh values variables - CT
|
||||
$max-height-vh-10: 10vh !default;
|
||||
$max-height-vh-20: 20vh !default;
|
||||
$max-height-vh-30: 30vh !default;
|
||||
$max-height-vh-40: 40vh !default;
|
||||
$max-height-vh-50: 50vh !default;
|
||||
$max-height-vh-60: 60vh !default;
|
||||
$max-height-vh-70: 70vh !default;
|
||||
$max-height-vh-80: 80vh !default;
|
||||
$max-height-vh-90: 90vh !default;
|
||||
$max-height-vh-100: 100vh !default;
|
||||
|
||||
// Extra Padding values Map
|
||||
$paddings: (
|
||||
"6": $padding-6,
|
||||
"7": $padding-7,
|
||||
"8": $padding-8,
|
||||
"9": $padding-9,
|
||||
"10": $padding-10,
|
||||
"11": $padding-11,
|
||||
"12": $padding-12
|
||||
) !default;
|
||||
|
||||
// Extra Margins values Map
|
||||
$margins: (
|
||||
"6": $margin-6,
|
||||
"7": $margin-7,
|
||||
"8": $margin-8,
|
||||
"9": $margin-9,
|
||||
"10": $margin-10,
|
||||
"11": $margin-11,
|
||||
"12": $margin-12
|
||||
) !default;
|
||||
|
||||
$width: (
|
||||
"0": $width-0,
|
||||
"1": $width-1,
|
||||
"2": $width-2,
|
||||
"3": $width-3,
|
||||
"4": $width-4,
|
||||
"5": $width-5,
|
||||
"6": $width-6,
|
||||
"7": $width-7,
|
||||
"8": $width-8,
|
||||
"9": $width-9,
|
||||
"10": $width-10,
|
||||
"15": $width-15,
|
||||
"20": $width-20,
|
||||
"25": $width-25,
|
||||
"30": $width-30,
|
||||
"35": $width-35,
|
||||
"40": $width-40,
|
||||
"45": $width-45,
|
||||
"50": $width-50,
|
||||
"55": $width-55,
|
||||
"60": $width-60,
|
||||
"65": $width-65,
|
||||
"70": $width-70,
|
||||
"75": $width-75,
|
||||
"80": $width-80,
|
||||
"85": $width-85,
|
||||
"90": $width-90,
|
||||
"95": $width-95,
|
||||
"100": $width-100,
|
||||
"auto": auto
|
||||
) !default;
|
||||
|
||||
|
||||
// blur effect variables
|
||||
$blur-border-radius-rounded: 40px !default;
|
||||
$blur-box-shadow: inset 0px 0px 2px #fefefed1 !default;
|
||||
$blur-backdrop-filter: saturate(200%) blur(30px) !default;
|
||||
$blur-backdrop-filter-less: saturate(20%) blur(30px) !default;
|
||||
|
||||
$shadow-blur-box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, .9), 0 20px 27px 0 rgba(0, 0, 0, .05) !default;
|
||||
|
||||
// sidebar variables
|
||||
|
||||
$sidebar-width: 80px !default;
|
||||
$sidebar-transition: 1s ease !default;
|
@ -0,0 +1,5 @@
|
||||
$animation-name: fadeInBottom !default;
|
||||
$animation-mode: both !default;
|
||||
$animation-duration: 1.5s !default;
|
||||
$transform-scale: scale(0.6) !default;
|
||||
$position-left: 18% !default;
|
Reference in New Issue
Block a user