`s.
-
-.nav {
- display: flex;
- flex-wrap: wrap;
- padding-left: 0;
- margin-bottom: 0;
- list-style: none;
-}
-
-.nav-link {
- display: block;
- padding: $nav-link-padding-y $nav-link-padding-x;
- @include font-size($nav-link-font-size);
- font-weight: $nav-link-font-weight;
- color: $nav-link-color;
- text-decoration: if($link-decoration == none, null, none);
- @include transition($nav-link-transition);
-
- &:hover,
- &:focus {
- color: $nav-link-hover-color;
- text-decoration: if($link-hover-decoration == underline, none, null);
- }
-
- // Disabled state lightens text
- &.disabled {
- color: $nav-link-disabled-color;
- pointer-events: none;
- cursor: default;
- }
-}
-
-//
-// Tabs
-//
-
-.nav-tabs {
- border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
-
- .nav-link {
- margin-bottom: -$nav-tabs-border-width;
- background: none;
- border: $nav-tabs-border-width solid transparent;
- @include border-top-radius($nav-tabs-border-radius);
-
- &:hover,
- &:focus {
- border-color: $nav-tabs-link-hover-border-color;
- // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link
- isolation: isolate;
- }
-
- &.disabled {
- color: $nav-link-disabled-color;
- background-color: transparent;
- border-color: transparent;
- }
- }
-
- .nav-link.active,
- .nav-item.show .nav-link {
- color: $nav-tabs-link-active-color;
- background-color: $nav-tabs-link-active-bg;
- border-color: $nav-tabs-link-active-border-color;
- }
-
- .dropdown-menu {
- // Make dropdown border overlap tab border
- margin-top: -$nav-tabs-border-width;
- // Remove the top rounded corners here since there is a hard edge above the menu
- @include border-top-radius(0);
- }
-}
-
-
-//
-// Pills
-//
-
-.nav-pills {
- .nav-link {
- background: none;
- border: 0;
- @include border-radius($nav-pills-border-radius);
- }
-
- .nav-link.active,
- .show > .nav-link {
- color: $nav-pills-link-active-color;
- @include gradient-bg($nav-pills-link-active-bg);
- }
-}
-
-
-//
-// Justified variants
-//
-
-.nav-fill {
- > .nav-link,
- .nav-item {
- flex: 1 1 auto;
- text-align: center;
- }
-}
-
-.nav-justified {
- > .nav-link,
- .nav-item {
- flex-basis: 0;
- flex-grow: 1;
- text-align: center;
- }
-}
-
-
-// Tabbable tabs
-//
-// Hide tabbable panes to start, show them when `.active`
-
-.tab-content {
- > .tab-pane {
- display: none;
- }
- > .active {
- display: block;
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/_navbar.scss b/app/static/assets/scss/soft-design-system/bootstrap/_navbar.scss
deleted file mode 100644
index 21126b4..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/_navbar.scss
+++ /dev/null
@@ -1,304 +0,0 @@
-// Contents
-//
-// Navbar
-// Navbar brand
-// Navbar nav
-// Navbar text
-// Responsive navbar
-// Navbar position
-// Navbar themes
-
-
-// Navbar
-//
-// Provide a static navbar from which we expand to create full-width, fixed, and
-// other navbar variations.
-
-.navbar {
- position: relative;
- display: flex;
- flex-wrap: wrap; // allow us to do the line break for collapsing content
- align-items: center;
- justify-content: space-between; // space out brand from logo
- padding-top: $navbar-padding-y;
- padding-right: $navbar-padding-x; // default: null
- padding-bottom: $navbar-padding-y;
- padding-left: $navbar-padding-x; // default: null
- @include gradient-bg();
-
- // Because flex properties aren't inherited, we need to redeclare these first
- // few properties so that content nested within behave properly.
- // The `flex-wrap` property is inherited to simplify the expanded navbars
- %container-flex-properties {
- display: flex;
- flex-wrap: inherit;
- align-items: center;
- justify-content: space-between;
- }
-
- > .container,
- > .container-fluid {
- @extend %container-flex-properties;
- }
-
- @each $breakpoint, $container-max-width in $container-max-widths {
- > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {
- @extend %container-flex-properties;
- }
- }
-}
-
-
-// Navbar brand
-//
-// Used for brand, project, or site names.
-
-.navbar-brand {
- padding-top: $navbar-brand-padding-y;
- padding-bottom: $navbar-brand-padding-y;
- margin-right: $navbar-brand-margin-end;
- @include font-size($navbar-brand-font-size);
- text-decoration: if($link-decoration == none, null, none);
- white-space: nowrap;
-
- &:hover,
- &:focus {
- text-decoration: if($link-hover-decoration == underline, none, null);
- }
-}
-
-
-// Navbar nav
-//
-// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
-
-.navbar-nav {
- display: flex;
- flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
- padding-left: 0;
- margin-bottom: 0;
- list-style: none;
-
- .nav-link {
- padding-right: 0;
- padding-left: 0;
- }
-
- .dropdown-menu {
- position: static;
- }
-}
-
-
-// Navbar text
-//
-//
-
-.navbar-text {
- padding-top: $nav-link-padding-y;
- padding-bottom: $nav-link-padding-y;
-}
-
-
-// Responsive navbar
-//
-// Custom styles for responsive collapsing and toggling of navbar contents.
-// Powered by the collapse Bootstrap JavaScript plugin.
-
-// When collapsed, prevent the toggleable navbar contents from appearing in
-// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
-// on the `.navbar` parent.
-.navbar-collapse {
- flex-basis: 100%;
- flex-grow: 1;
- // For always expanded or extra full navbars, ensure content aligns itself
- // properly vertically. Can be easily overridden with flex utilities.
- align-items: center;
-}
-
-// Button for toggling the navbar when in its collapsed state
-.navbar-toggler {
- padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
- @include font-size($navbar-toggler-font-size);
- line-height: 1;
- background-color: transparent; // remove default button style
- border: $border-width solid transparent; // remove default button style
- @include border-radius($navbar-toggler-border-radius);
- @include transition($navbar-toggler-transition);
-
- &:hover {
- text-decoration: none;
- }
-
- &:focus {
- text-decoration: none;
- outline: 0;
- box-shadow: 0 0 0 $navbar-toggler-focus-width;
- }
-}
-
-// Keep as a separate element so folks can easily override it with another icon
-// or image file as needed.
-.navbar-toggler-icon {
- display: inline-block;
- width: 1.5em;
- height: 1.5em;
- vertical-align: middle;
- background-repeat: no-repeat;
- background-position: center;
- background-size: 100%;
-}
-
-.navbar-nav-scroll {
- max-height: var(--#{$variable-prefix}scroll-height, 75vh);
- overflow-y: auto;
-}
-
-// Generate series of `.navbar-expand-*` responsive classes for configuring
-// where your navbar collapses.
-.navbar-expand {
- @each $breakpoint in map-keys($grid-breakpoints) {
- $next: breakpoint-next($breakpoint, $grid-breakpoints);
- $infix: breakpoint-infix($next, $grid-breakpoints);
-
- // stylelint-disable-next-line scss/selector-no-union-class-name
- &#{$infix} {
- @include media-breakpoint-up($next) {
- flex-wrap: nowrap;
- justify-content: flex-start;
-
- .navbar-nav {
- flex-direction: row;
-
- .dropdown-menu {
- position: absolute;
- }
-
- .nav-link {
- padding-right: $navbar-nav-link-padding-x;
- padding-left: $navbar-nav-link-padding-x;
- }
- }
-
- .navbar-nav-scroll {
- overflow: visible;
- }
-
- .navbar-collapse {
- display: flex !important; // stylelint-disable-line declaration-no-important
- flex-basis: auto;
- }
-
- .navbar-toggler {
- display: none;
- }
- }
- }
- }
-}
-
-
-// Navbar themes
-//
-// Styles for switching between navbars with light or dark background.
-
-// Dark links against a light background
-.navbar-light {
- .navbar-brand {
- color: $navbar-light-brand-color;
-
- &:hover,
- &:focus {
- color: $navbar-light-brand-hover-color;
- }
- }
-
- .navbar-nav {
- .nav-link {
- color: $navbar-light-color;
-
- &:hover,
- &:focus {
- color: $navbar-light-hover-color;
- }
-
- &.disabled {
- color: $navbar-light-disabled-color;
- }
- }
-
- .show > .nav-link,
- .nav-link.active {
- color: $navbar-light-active-color;
- }
- }
-
- .navbar-toggler {
- color: $navbar-light-color;
- border-color: $navbar-light-toggler-border-color;
- }
-
- .navbar-toggler-icon {
- background-image: escape-svg($navbar-light-toggler-icon-bg);
- }
-
- .navbar-text {
- color: $navbar-light-color;
-
- a,
- a:hover,
- a:focus {
- color: $navbar-light-active-color;
- }
- }
-}
-
-// White links against a dark background
-.navbar-dark {
- .navbar-brand {
- color: $navbar-dark-brand-color;
-
- &:hover,
- &:focus {
- color: $navbar-dark-brand-hover-color;
- }
- }
-
- .navbar-nav {
- .nav-link {
- color: $navbar-dark-color;
-
- &:hover,
- &:focus {
- color: $navbar-dark-hover-color;
- }
-
- &.disabled {
- color: $navbar-dark-disabled-color;
- }
- }
-
- .show > .nav-link,
- .nav-link.active {
- color: $navbar-dark-active-color;
- }
- }
-
- .navbar-toggler {
- color: $navbar-dark-color;
- border-color: $navbar-dark-toggler-border-color;
- }
-
- .navbar-toggler-icon {
- background-image: escape-svg($navbar-dark-toggler-icon-bg);
- }
-
- .navbar-text {
- color: $navbar-dark-color;
- a,
- a:hover,
- a:focus {
- color: $navbar-dark-active-color;
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/_pagination.scss b/app/static/assets/scss/soft-design-system/bootstrap/_pagination.scss
deleted file mode 100644
index 9c46666..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/_pagination.scss
+++ /dev/null
@@ -1,64 +0,0 @@
-.pagination {
- display: flex;
- @include list-unstyled();
-}
-
-.page-link {
- position: relative;
- display: block;
- color: $pagination-color;
- text-decoration: if($link-decoration == none, null, none);
- background-color: $pagination-bg;
- border: $pagination-border-width solid $pagination-border-color;
- @include transition($pagination-transition);
-
- &:hover {
- z-index: 2;
- color: $pagination-hover-color;
- text-decoration: if($link-hover-decoration == underline, none, null);
- background-color: $pagination-hover-bg;
- border-color: $pagination-hover-border-color;
- }
-
- &:focus {
- z-index: 3;
- color: $pagination-focus-color;
- background-color: $pagination-focus-bg;
- outline: $pagination-focus-outline;
- box-shadow: $pagination-focus-box-shadow;
- }
-}
-
-.page-item {
- &:not(:first-child) .page-link {
- margin-left: $pagination-margin-start;
- }
-
- &.active .page-link {
- z-index: 3;
- color: $pagination-active-color;
- @include gradient-bg($pagination-active-bg);
- border-color: $pagination-active-border-color;
- }
-
- &.disabled .page-link {
- color: $pagination-disabled-color;
- pointer-events: none;
- background-color: $pagination-disabled-bg;
- border-color: $pagination-disabled-border-color;
- }
-}
-
-
-//
-// Sizing
-//
-@include pagination-size($pagination-padding-y, $pagination-padding-x, null, $pagination-border-radius);
-
-.pagination-lg {
- @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $pagination-border-radius-lg);
-}
-
-.pagination-sm {
- @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $pagination-border-radius-sm);
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/_popover.scss b/app/static/assets/scss/soft-design-system/bootstrap/_popover.scss
deleted file mode 100644
index a55555e..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/_popover.scss
+++ /dev/null
@@ -1,158 +0,0 @@
-.popover {
- position: absolute;
- top: 0;
- left: 0 #{"/* rtl:ignore */"};
- z-index: $zindex-popover;
- display: block;
- max-width: $popover-max-width;
- // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
- // So reset our font and text properties to avoid inheriting weird values.
- @include reset-text();
- @include font-size($popover-font-size);
- // Allow breaking very long words so they don't overflow the popover's bounds
- word-wrap: break-word;
- background-color: $popover-bg;
- background-clip: padding-box;
- border: $popover-border-width solid $popover-border-color;
- @include border-radius($popover-border-radius);
- @include box-shadow($popover-box-shadow);
-
- .popover-arrow {
- position: absolute;
- display: block;
- width: $popover-arrow-width;
- height: $popover-arrow-height;
-
- &::before,
- &::after {
- position: absolute;
- display: block;
- content: "";
- border-color: transparent;
- border-style: solid;
- }
- }
-}
-
-.bs-popover-top {
- > .popover-arrow {
- bottom: subtract(-$popover-arrow-height, $popover-border-width);
-
- &::before {
- bottom: 0;
- border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
- border-top-color: $popover-arrow-outer-color;
- }
-
- &::after {
- bottom: $popover-border-width;
- border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
- border-top-color: $popover-arrow-color;
- }
- }
-}
-
-.bs-popover-end {
- > .popover-arrow {
- left: subtract(-$popover-arrow-height, $popover-border-width);
- width: $popover-arrow-height;
- height: $popover-arrow-width;
-
- &::before {
- left: 0;
- border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
- border-right-color: $popover-arrow-outer-color;
- }
-
- &::after {
- left: $popover-border-width;
- border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
- border-right-color: $popover-arrow-color;
- }
- }
-}
-
-.bs-popover-bottom {
- > .popover-arrow {
- top: subtract(-$popover-arrow-height, $popover-border-width);
-
- &::before {
- top: 0;
- border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
- border-bottom-color: $popover-arrow-outer-color;
- }
-
- &::after {
- top: $popover-border-width;
- border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
- border-bottom-color: $popover-arrow-color;
- }
- }
-
- // This will remove the popover-header's border just below the arrow
- .popover-header::before {
- position: absolute;
- top: 0;
- left: 50%;
- display: block;
- width: $popover-arrow-width;
- margin-left: -$popover-arrow-width / 2;
- content: "";
- border-bottom: $popover-border-width solid $popover-header-bg;
- }
-}
-
-.bs-popover-start {
- > .popover-arrow {
- right: subtract(-$popover-arrow-height, $popover-border-width);
- width: $popover-arrow-height;
- height: $popover-arrow-width;
-
- &::before {
- right: 0;
- border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
- border-left-color: $popover-arrow-outer-color;
- }
-
- &::after {
- right: $popover-border-width;
- border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
- border-left-color: $popover-arrow-color;
- }
- }
-}
-
-.bs-popover-auto {
- &[data-popper-placement^="top"] {
- @extend .bs-popover-top;
- }
- &[data-popper-placement^="right"] {
- @extend .bs-popover-end;
- }
- &[data-popper-placement^="bottom"] {
- @extend .bs-popover-bottom;
- }
- &[data-popper-placement^="left"] {
- @extend .bs-popover-start;
- }
-}
-
-// Offset the popover to account for the popover arrow
-.popover-header {
- padding: $popover-header-padding-y $popover-header-padding-x;
- margin-bottom: 0; // Reset the default from Reboot
- @include font-size($font-size-base);
- color: $popover-header-color;
- background-color: $popover-header-bg;
- border-bottom: $popover-border-width solid shade-color($popover-header-bg, 10%);
- @include border-top-radius($popover-inner-border-radius);
-
- &:empty {
- display: none;
- }
-}
-
-.popover-body {
- padding: $popover-body-padding-y $popover-body-padding-x;
- color: $popover-body-color;
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/_progress.scss b/app/static/assets/scss/soft-design-system/bootstrap/_progress.scss
deleted file mode 100644
index b48ffc4..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/_progress.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-// Disable animation if transitions are disabled
-@if $enable-transitions {
- @keyframes progress-bar-stripes {
- 0% { background-position-x: $progress-height; }
- }
-}
-
-.progress {
- display: flex;
- height: $progress-height;
- overflow: hidden; // force rounded corners by cropping it
- @include font-size($progress-font-size);
- background-color: $progress-bg;
- @include border-radius($progress-border-radius);
- @include box-shadow($progress-box-shadow);
-}
-
-.progress-bar {
- display: flex;
- flex-direction: column;
- justify-content: center;
- overflow: hidden;
- color: $progress-bar-color;
- text-align: center;
- white-space: nowrap;
- background-color: $progress-bar-bg;
- @include transition($progress-bar-transition);
-}
-
-.progress-bar-striped {
- @include gradient-striped();
- background-size: $progress-height $progress-height;
-}
-
-@if $enable-transitions {
- .progress-bar-animated {
- animation: $progress-bar-animation-timing progress-bar-stripes;
-
- @if $enable-reduced-motion {
- @media (prefers-reduced-motion: reduce) {
- animation: none;
- }
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/_reboot.scss b/app/static/assets/scss/soft-design-system/bootstrap/_reboot.scss
deleted file mode 100644
index 973b5d1..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/_reboot.scss
+++ /dev/null
@@ -1,635 +0,0 @@
-// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
-
-
-// Reboot
-//
-// Normalization of HTML elements, manually forked from Normalize.css to remove
-// styles targeting irrelevant browsers while applying new styles.
-//
-// Normalize is licensed MIT. https://github.com/necolas/normalize.css
-
-
-// Document
-//
-// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
-
-*,
-*::before,
-*::after {
- box-sizing: border-box;
-}
-
-
-// Root
-//
-// Ability to the value of the root font sizes, affecting the value of `rem`.
-// null by default, thus nothing is generated.
-
-:root {
- font-size: $font-size-root;
-
- @if $enable-smooth-scroll {
- @media (prefers-reduced-motion: no-preference) {
- scroll-behavior: smooth;
- }
- }
-}
-
-
-// Body
-//
-// 1. Remove the margin in all browsers.
-// 2. As a best practice, apply a default `background-color`.
-// 3. Prevent adjustments of font size after orientation changes in iOS.
-// 4. Change the default tap highlight to be completely transparent in iOS.
-
-body {
- margin: 0; // 1
- font-family: $font-family-base;
- @include font-size($font-size-base);
- font-weight: $font-weight-base;
- line-height: $line-height-base;
- color: $body-color;
- text-align: $body-text-align;
- background-color: $body-bg; // 2
- -webkit-text-size-adjust: 100%; // 3
- -webkit-tap-highlight-color: rgba($black, 0); // 4
-}
-
-
-// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline
-// on elements that programmatically receive focus but wouldn't normally show a visible
-// focus outline. In general, this would mean that the outline is only applied if the
-// interaction that led to the element receiving programmatic focus was a keyboard interaction,
-// or the browser has somehow determined that the user is primarily a keyboard user and/or
-// wants focus outlines to always be presented.
-// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
-// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/
-
-[tabindex="-1"]:focus:not(:focus-visible) {
- outline: 0 !important;
-}
-
-
-// Content grouping
-//
-// 1. Reset Firefox's gray color
-// 2. Set correct height and prevent the `size` attribute to make the `hr` look like an input field
-
-hr {
- margin: $hr-margin-y 0;
- color: $hr-color; // 1
- background-color: currentColor;
- border: 0;
- opacity: $hr-opacity;
-}
-
-hr:not([size]) {
- height: $hr-height; // 2
-}
-
-
-// Typography
-//
-// 1. Remove top margins from headings
-// By default, ``-`` all receive top and bottom margins. We nuke the top
-// margin for easier control within type scales as it avoids margin collapsing.
-
-%heading {
- margin-top: 0; // 1
- margin-bottom: $headings-margin-bottom;
- font-family: $headings-font-family;
- font-style: $headings-font-style;
- font-weight: $headings-font-weight;
- line-height: $headings-line-height;
- color: $headings-color;
-}
-
-h1 {
- @extend %heading;
- @include font-size($h1-font-size);
-}
-
-h2 {
- @extend %heading;
- @include font-size($h2-font-size);
-}
-
-h3 {
- @extend %heading;
- @include font-size($h3-font-size);
-}
-
-h4 {
- @extend %heading;
- @include font-size($h4-font-size);
-}
-
-h5 {
- @extend %heading;
- @include font-size($h5-font-size);
-}
-
-h6 {
- @extend %heading;
- @include font-size($h6-font-size);
-}
-
-
-// Reset margins on paragraphs
-//
-// Similarly, the top margin on ` `s get reset. However, we also reset the
-// bottom margin to use `rem` units instead of `em`.
-
-p {
- margin-top: 0;
- margin-bottom: $paragraph-margin-bottom;
-}
-
-
-// Abbreviations
-//
-// 1. Duplicate behavior to the data-bs-* attribute for our tooltip plugin
-// 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
-// 3. Add explicit cursor to indicate changed behavior.
-// 4. Prevent the text-decoration to be skipped.
-
-abbr[title],
-abbr[data-bs-original-title] { // 1
- text-decoration: underline; // 2
- text-decoration: underline dotted; // 2
- cursor: help; // 3
- text-decoration-skip-ink: none; // 4
-}
-
-
-// Address
-
-address {
- margin-bottom: 1rem;
- font-style: normal;
- line-height: inherit;
-}
-
-
-// Lists
-
-ol,
-ul {
- padding-left: 2rem;
-}
-
-ol,
-ul,
-dl {
- margin-top: 0;
- margin-bottom: 1rem;
-}
-
-ol ol,
-ul ul,
-ol ul,
-ul ol {
- margin-bottom: 0;
-}
-
-dt {
- font-weight: $dt-font-weight;
-}
-
-// 1. Undo browser default
-
-dd {
- margin-bottom: .5rem;
- margin-left: 0; // 1
-}
-
-
-// Blockquote
-
-blockquote {
- margin: 0 0 1rem;
-}
-
-
-// Strong
-//
-// Add the correct font weight in Chrome, Edge, and Safari
-
-b,
-strong {
- font-weight: $font-weight-bolder;
-}
-
-
-// Small
-//
-// Add the correct font size in all browsers
-
-small {
- @include font-size($small-font-size);
-}
-
-
-// Mark
-
-mark {
- padding: $mark-padding;
- background-color: $mark-bg;
-}
-
-
-// Sub and Sup
-//
-// Prevent `sub` and `sup` elements from affecting the line height in
-// all browsers.
-
-sub,
-sup {
- position: relative;
- @include font-size($sub-sup-font-size);
- line-height: 0;
- vertical-align: baseline;
-}
-
-sub { bottom: -.25em; }
-sup { top: -.5em; }
-
-
-// Links
-
-a {
- color: $link-color;
- text-decoration: $link-decoration;
-
- &:hover {
- color: $link-hover-color;
- text-decoration: $link-hover-decoration;
- }
-}
-
-// And undo these styles for placeholder links/named anchors (without href).
-// It would be more straightforward to just use a[href] in previous block, but that
-// causes specificity issues in many other styles that are too complex to fix.
-// See https://github.com/twbs/bootstrap/issues/19402
-
-a:not([href]):not([class]) {
- &,
- &:hover {
- color: inherit;
- text-decoration: none;
- }
-}
-
-
-// Code
-
-pre,
-code,
-kbd,
-samp {
- font-family: $font-family-code;
- @include font-size(1em); // Correct the odd `em` font sizing in all browsers.
- direction: ltr #{"/* rtl:ignore */"};
- unicode-bidi: bidi-override;
-}
-
-// 1. Remove browser default top margin
-// 2. Reset browser default of `1em` to use `rem`s
-// 3. Don't allow content to break outside
-
-pre {
- display: block;
- margin-top: 0; // 1
- margin-bottom: 1rem; // 2
- overflow: auto; // 3
- @include font-size($code-font-size);
- color: $pre-color;
-
- // Account for some code outputs that place code tags in pre tags
- code {
- @include font-size(inherit);
- color: inherit;
- word-break: normal;
- }
-}
-
-code {
- @include font-size($code-font-size);
- color: $code-color;
- word-wrap: break-word;
-
- // Streamline the style when inside anchors to avoid broken underline and more
- a > & {
- color: inherit;
- }
-}
-
-kbd {
- padding: $kbd-padding-y $kbd-padding-x;
- @include font-size($kbd-font-size);
- color: $kbd-color;
- background-color: $kbd-bg;
- @include border-radius($border-radius-sm);
-
- kbd {
- padding: 0;
- @include font-size(1em);
- font-weight: $nested-kbd-font-weight;
- }
-}
-
-
-// Figures
-//
-// Apply a consistent margin strategy (matches our type styles).
-
-figure {
- margin: 0 0 1rem;
-}
-
-
-// Images and content
-
-img,
-svg {
- vertical-align: middle;
-}
-
-
-// Tables
-//
-// Prevent double borders
-
-table {
- caption-side: bottom;
- border-collapse: collapse;
-}
-
-caption {
- padding-top: $table-cell-padding-y;
- padding-bottom: $table-cell-padding-y;
- color: $table-caption-color;
- text-align: left;
-}
-
-// 1. Removes font-weight bold by inheriting
-// 2. Matches default `
` alignment by inheriting `text-align`.
-// 3. Fix alignment for Safari
-
-th {
- font-weight: $table-th-font-weight; // 1
- text-align: inherit; // 2
- text-align: -webkit-match-parent; // 3
-}
-
-thead,
-tbody,
-tfoot,
-tr,
-td,
-th {
- border-color: inherit;
- border-style: solid;
- border-width: 0;
-}
-
-
-// Forms
-//
-// 1. Allow labels to use `margin` for spacing.
-
-label {
- display: inline-block; // 1
-}
-
-// Remove the default `border-radius` that macOS Chrome adds.
-// See https://github.com/twbs/bootstrap/issues/24093
-
-button {
- // stylelint-disable-next-line property-disallowed-list
- border-radius: 0;
-}
-
-// Explicitly remove focus outline in Chromium when it shouldn't be
-// visible (e.g. as result of mouse click or touch tap). It already
-// should be doing this automatically, but seems to currently be
-// confused and applies its very visible two-tone outline anyway.
-
-button:focus:not(:focus-visible) {
- outline: 0;
-}
-
-// 1. Remove the margin in Firefox and Safari
-
-input,
-button,
-select,
-optgroup,
-textarea {
- margin: 0; // 1
- font-family: inherit;
- @include font-size(inherit);
- line-height: inherit;
-}
-
-// Remove the inheritance of text transform in Firefox
-
-button,
-select {
- text-transform: none;
-}
-
-// Set the cursor for non-`` buttons
-//
-// Details at https://github.com/twbs/bootstrap/pull/30562
-[role="button"] {
- cursor: pointer;
-}
-
-// Remove the inheritance of word-wrap in Safari.
-// See https://github.com/twbs/bootstrap/issues/24990
-
-select {
- word-wrap: normal;
-}
-
-// Remove the dropdown arrow in Chrome from inputs built with datalists.
-// See https://stackoverflow.com/a/54997118
-
-[list]::-webkit-calendar-picker-indicator {
- display: none;
-}
-
-// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
-// controls in Android 4.
-// 2. Correct the inability to style clickable types in iOS and Safari.
-// 3. Opinionated: add "hand" cursor to non-disabled button elements.
-
-button,
-[type="button"], // 1
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button; // 2
-
- @if $enable-button-pointers {
- &:not(:disabled) {
- cursor: pointer; // 3
- }
- }
-}
-
-// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
-
-::-moz-focus-inner {
- padding: 0;
- border-style: none;
-}
-
-// 1. Textareas should really only resize vertically so they don't break their (horizontal) containers.
-
-textarea {
- resize: vertical; // 1
-}
-
-// 1. Browsers set a default `min-width: min-content;` on fieldsets,
-// unlike e.g. ``s, which have `min-width: 0;` by default.
-// So we reset that to ensure fieldsets behave more like a standard block element.
-// See https://github.com/twbs/bootstrap/issues/12359
-// and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
-// 2. Reset the default outline behavior of fieldsets so they don't affect page layout.
-
-fieldset {
- min-width: 0; // 1
- padding: 0; // 2
- margin: 0; // 2
- border: 0; // 2
-}
-
-// 1. By using `float: left`, the legend will behave like a block element.
-// This way the border of a fieldset wraps around the legend if present.
-// 2. Fix wrapping bug.
-// See https://github.com/twbs/bootstrap/issues/29712
-
-legend {
- float: left; // 1
- width: 100%;
- padding: 0;
- margin-bottom: $legend-margin-bottom;
- @include font-size($legend-font-size);
- font-weight: $legend-font-weight;
- line-height: inherit;
-
- + * {
- clear: left; // 2
- }
-}
-
-// Fix height of inputs with a type of datetime-local, date, month, week, or time
-// See https://github.com/twbs/bootstrap/issues/18842
-
-::-webkit-datetime-edit-fields-wrapper,
-::-webkit-datetime-edit-text,
-::-webkit-datetime-edit-minute,
-::-webkit-datetime-edit-hour-field,
-::-webkit-datetime-edit-day-field,
-::-webkit-datetime-edit-month-field,
-::-webkit-datetime-edit-year-field {
- padding: 0;
-}
-
-::-webkit-inner-spin-button {
- height: auto;
-}
-
-// 1. Correct the outline style in Safari.
-// 2. This overrides the extra rounded corners on search inputs in iOS so that our
-// `.form-control` class can properly style them. Note that this cannot simply
-// be added to `.form-control` as it's not specific enough. For details, see
-// https://github.com/twbs/bootstrap/issues/11586.
-
-[type="search"] {
- outline-offset: -2px; // 1
- -webkit-appearance: textfield; // 2
-}
-
-// 1. A few input types should stay LTR
-// See https://rtlstyling.com/posts/rtl-styling#form-inputs
-// 2. RTL only output
-// See https://rtlcss.com/learn/usage-guide/control-directives/#raw
-
-/* rtl:raw:
-[type="tel"],
-[type="url"],
-[type="email"],
-[type="number"] {
- direction: ltr;
-}
-*/
-
-// Remove the inner padding in Chrome and Safari on macOS.
-
-::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-// Remove padding around color pickers in webkit browsers
-
-::-webkit-color-swatch-wrapper {
- padding: 0;
-}
-
-
-// Inherit font family and line height for file input buttons
-
-// stylelint-disable-next-line selector-pseudo-element-no-unknown
-::file-selector-button {
- font: inherit;
-}
-
-// 1. Change font properties to `inherit`
-// 2. Correct the inability to style clickable types in iOS and Safari.
-
-::-webkit-file-upload-button {
- font: inherit; // 1
- -webkit-appearance: button; // 2
-}
-
-// Correct element displays
-
-output {
- display: inline-block;
-}
-
-// Remove border from iframe
-
-iframe {
- border: 0;
-}
-
-// Summary
-//
-// 1. Add the correct display in all browsers
-
-summary {
- display: list-item; // 1
- cursor: pointer;
-}
-
-
-// Progress
-//
-// Add the correct vertical alignment in Chrome, Firefox, and Opera.
-
-progress {
- vertical-align: baseline;
-}
-
-
-// Hidden attribute
-//
-// Always hide an element with the `hidden` HTML attribute.
-
-[hidden] {
- display: none !important;
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/_root.scss b/app/static/assets/scss/soft-design-system/bootstrap/_root.scss
deleted file mode 100644
index 768d634..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/_root.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-:root {
- // Custom variable values only support SassScript inside `#{}`.
- @each $color, $value in $colors {
- --#{$variable-prefix}#{$color}: #{$value};
- }
-
- @each $color, $value in $theme-colors {
- --#{$variable-prefix}#{$color}: #{$value};
- }
-
- // Use `inspect` for lists so that quoted items keep the quotes.
- // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
- --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)};
- --#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)};
- --#{$variable-prefix}gradient: #{$gradient};
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/_spinners.scss b/app/static/assets/scss/soft-design-system/bootstrap/_spinners.scss
deleted file mode 100644
index 7444ed1..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/_spinners.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-//
-// Rotating border
-//
-
-@keyframes spinner-border {
- to { transform: rotate(360deg) #{"/* rtl:ignore */"}; }
-}
-
-.spinner-border {
- display: inline-block;
- width: $spinner-width;
- height: $spinner-height;
- vertical-align: text-bottom;
- border: $spinner-border-width solid currentColor;
- border-right-color: transparent;
- // stylelint-disable-next-line property-disallowed-list
- border-radius: 50%;
- animation: $spinner-animation-speed linear infinite spinner-border;
-}
-
-.spinner-border-sm {
- width: $spinner-width-sm;
- height: $spinner-height-sm;
- border-width: $spinner-border-width-sm;
-}
-
-//
-// Growing circle
-//
-
-@keyframes spinner-grow {
- 0% {
- transform: scale(0);
- }
- 50% {
- opacity: 1;
- transform: none;
- }
-}
-
-.spinner-grow {
- display: inline-block;
- width: $spinner-width;
- height: $spinner-height;
- vertical-align: text-bottom;
- background-color: currentColor;
- // stylelint-disable-next-line property-disallowed-list
- border-radius: 50%;
- opacity: 0;
- animation: $spinner-animation-speed linear infinite spinner-grow;
-}
-
-.spinner-grow-sm {
- width: $spinner-width-sm;
- height: $spinner-height-sm;
-}
-
-@if $enable-reduced-motion {
- @media (prefers-reduced-motion: reduce) {
- .spinner-border,
- .spinner-grow {
- animation-duration: $spinner-animation-speed * 2;
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/_tables.scss b/app/static/assets/scss/soft-design-system/bootstrap/_tables.scss
deleted file mode 100644
index 5036829..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/_tables.scss
+++ /dev/null
@@ -1,150 +0,0 @@
-//
-// Basic Bootstrap table
-//
-
-.table {
- --#{$variable-prefix}table-bg: #{$table-bg};
- --#{$variable-prefix}table-striped-color: #{$table-striped-color};
- --#{$variable-prefix}table-striped-bg: #{$table-striped-bg};
- --#{$variable-prefix}table-active-color: #{$table-active-color};
- --#{$variable-prefix}table-active-bg: #{$table-active-bg};
- --#{$variable-prefix}table-hover-color: #{$table-hover-color};
- --#{$variable-prefix}table-hover-bg: #{$table-hover-bg};
-
- width: 100%;
- margin-bottom: $spacer;
- color: $table-color;
- vertical-align: $table-cell-vertical-align;
- border-color: $table-border-color;
-
- // Target th & td
- // We need the child combinator to prevent styles leaking to nested tables which doesn't have a `.table` class.
- // We use the universal selectors here to simplify the selector (else we would need 6 different selectors).
- // Another advantage is that this generates less code and makes the selector less specific making it easier to override.
- // stylelint-disable-next-line selector-max-universal
- > :not(caption) > * > * {
- padding: $table-cell-padding-y $table-cell-padding-x;
- background-color: var(--#{$variable-prefix}table-bg);
- border-bottom-width: $table-border-width;
- box-shadow: inset 0 0 0 9999px var(--#{$variable-prefix}table-accent-bg);
- }
-
- > tbody {
- vertical-align: inherit;
- }
-
- > thead {
- vertical-align: bottom;
- }
-
- // Highlight border color between thead, tbody and tfoot.
- > :not(:last-child) > :last-child > * {
- border-bottom-color: $table-group-separator-color;
- }
-}
-
-
-//
-// Change placement of captions with a class
-//
-
-.caption-top {
- caption-side: top;
-}
-
-
-//
-// Condensed table w/ half padding
-//
-
-.table-sm {
- // stylelint-disable-next-line selector-max-universal
- > :not(caption) > * > * {
- padding: $table-cell-padding-y-sm $table-cell-padding-x-sm;
- }
-}
-
-
-// Border versions
-//
-// Add or remove borders all around the table and between all the columns.
-//
-// When borders are added on all sides of the cells, the corners can render odd when
-// these borders do not have the same color or if they are semi-transparent.
-// Therefor we add top and border bottoms to the `tr`s and left and right borders
-// to the `td`s or `th`s
-
-.table-bordered {
- > :not(caption) > * {
- border-width: $table-border-width 0;
-
- // stylelint-disable-next-line selector-max-universal
- > * {
- border-width: 0 $table-border-width;
- }
- }
-}
-
-.table-borderless {
- // stylelint-disable-next-line selector-max-universal
- > :not(caption) > * > * {
- border-bottom-width: 0;
- }
-}
-
-// Zebra-striping
-//
-// Default zebra-stripe styles (alternating gray and transparent backgrounds)
-
-.table-striped {
- > tbody > tr:nth-of-type(#{$table-striped-order}) {
- --#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-striped-bg);
- color: var(--#{$variable-prefix}table-striped-color);
- }
-}
-
-// Active table
-//
-// The `.table-active` class can be added to highlight rows or cells
-
-.table-active {
- --#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-active-bg);
- color: var(--#{$variable-prefix}table-active-color);
-}
-
-// Hover effect
-//
-// Placed here since it has to come after the potential zebra striping
-
-.table-hover {
- > tbody > tr:hover {
- --#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-hover-bg);
- color: var(--#{$variable-prefix}table-hover-color);
- }
-}
-
-
-// Table variants
-//
-// Table variants set the table cell backgrounds, border colors
-// and the colors of the striped, hovered & active tables
-
-@each $color, $value in $table-variants {
- @include table-variant($color, $value);
-}
-
-// Responsive tables
-//
-// Generate series of `.table-responsive-*` classes for configuring the screen
-// size of where your table will overflow.
-
-@each $breakpoint in map-keys($grid-breakpoints) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- @include media-breakpoint-down($breakpoint) {
- .table-responsive#{$infix} {
- overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/_toasts.scss b/app/static/assets/scss/soft-design-system/bootstrap/_toasts.scss
deleted file mode 100644
index 5c533d7..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/_toasts.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-.toast {
- width: $toast-max-width;
- max-width: 100%;
- @include font-size($toast-font-size);
- color: $toast-color;
- pointer-events: auto;
- background-color: $toast-background-color;
- background-clip: padding-box;
- border: $toast-border-width solid $toast-border-color;
- box-shadow: $toast-box-shadow;
- @include border-radius($toast-border-radius);
-
- &:not(.showing):not(.show) {
- opacity: 0;
- }
-
- &.hide {
- display: none;
- }
-}
-
-.toast-container {
- width: max-content;
- max-width: 100%;
- pointer-events: none;
-
- > :not(:last-child) {
- margin-bottom: $toast-spacing;
- }
-}
-
-.toast-header {
- display: flex;
- align-items: center;
- padding: $toast-padding-y $toast-padding-x;
- color: $toast-header-color;
- background-color: $toast-header-background-color;
- background-clip: padding-box;
- border-bottom: $toast-border-width solid $toast-header-border-color;
- @include border-top-radius(subtract($toast-border-radius, $toast-border-width));
-
- .btn-close {
- margin-right: $toast-padding-x / -2;
- margin-left: $toast-padding-x;
- }
-}
-
-.toast-body {
- padding: $toast-padding-x; // apply to both vertical and horizontal
- word-wrap: break-word;
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/_tooltip.scss b/app/static/assets/scss/soft-design-system/bootstrap/_tooltip.scss
deleted file mode 100644
index 2993bf7..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/_tooltip.scss
+++ /dev/null
@@ -1,115 +0,0 @@
-// Base class
-.tooltip {
- position: absolute;
- z-index: $zindex-tooltip;
- display: block;
- margin: $tooltip-margin;
- // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
- // So reset our font and text properties to avoid inheriting weird values.
- @include reset-text();
- @include font-size($tooltip-font-size);
- // Allow breaking very long words so they don't overflow the tooltip's bounds
- word-wrap: break-word;
- opacity: 0;
-
- &.show { opacity: $tooltip-opacity; }
-
- .tooltip-arrow {
- position: absolute;
- display: block;
- width: $tooltip-arrow-width;
- height: $tooltip-arrow-height;
-
- &::before {
- position: absolute;
- content: "";
- border-color: transparent;
- border-style: solid;
- }
- }
-}
-
-.bs-tooltip-top {
- padding: $tooltip-arrow-height 0;
-
- .tooltip-arrow {
- bottom: 0;
-
- &::before {
- top: -1px;
- border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
- border-top-color: $tooltip-arrow-color;
- }
- }
-}
-
-.bs-tooltip-end {
- padding: 0 $tooltip-arrow-height;
-
- .tooltip-arrow {
- left: 0;
- width: $tooltip-arrow-height;
- height: $tooltip-arrow-width;
-
- &::before {
- right: -1px;
- border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
- border-right-color: $tooltip-arrow-color;
- }
- }
-}
-
-.bs-tooltip-bottom {
- padding: $tooltip-arrow-height 0;
-
- .tooltip-arrow {
- top: 0;
-
- &::before {
- bottom: -1px;
- border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
- border-bottom-color: $tooltip-arrow-color;
- }
- }
-}
-
-.bs-tooltip-start {
- padding: 0 $tooltip-arrow-height;
-
- .tooltip-arrow {
- right: 0;
- width: $tooltip-arrow-height;
- height: $tooltip-arrow-width;
-
- &::before {
- left: -1px;
- border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
- border-left-color: $tooltip-arrow-color;
- }
- }
-}
-
-.bs-tooltip-auto {
- &[data-popper-placement^="top"] {
- @extend .bs-tooltip-top;
- }
- &[data-popper-placement^="right"] {
- @extend .bs-tooltip-end;
- }
- &[data-popper-placement^="bottom"] {
- @extend .bs-tooltip-bottom;
- }
- &[data-popper-placement^="left"] {
- @extend .bs-tooltip-start;
- }
-}
-
-// Wrapper for the tooltip content
-.tooltip-inner {
- max-width: $tooltip-max-width;
- padding: $tooltip-padding-y $tooltip-padding-x;
- color: $tooltip-color;
- text-align: center;
- background-color: $tooltip-bg;
- @include border-radius($tooltip-border-radius);
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/_transitions.scss b/app/static/assets/scss/soft-design-system/bootstrap/_transitions.scss
deleted file mode 100644
index 3d1db3e..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/_transitions.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-.fade {
- @include transition($transition-fade);
-
- &:not(.show) {
- opacity: 0;
- }
-}
-
-.collapse {
- &:not(.show) {
- display: none;
- }
-}
-
-.collapsing {
- height: 0;
- overflow: hidden;
- @include transition($transition-collapse);
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/_type.scss b/app/static/assets/scss/soft-design-system/bootstrap/_type.scss
deleted file mode 100644
index b2d524c..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/_type.scss
+++ /dev/null
@@ -1,104 +0,0 @@
-//
-// Headings
-//
-.h1 {
- @extend h1;
-}
-
-.h2 {
- @extend h2;
-}
-
-.h3 {
- @extend h3;
-}
-
-.h4 {
- @extend h4;
-}
-
-.h5 {
- @extend h5;
-}
-
-.h6 {
- @extend h6;
-}
-
-
-.lead {
- @include font-size($lead-font-size);
- font-weight: $lead-font-weight;
-}
-
-// Type display classes
-@each $display, $font-size in $display-font-sizes {
- .display-#{$display} {
- @include font-size($font-size);
- font-weight: $display-font-weight;
- line-height: $display-line-height;
- }
-}
-
-//
-// Emphasis
-//
-.small {
- @extend small;
-}
-
-.mark {
- @extend mark;
-}
-
-//
-// Lists
-//
-
-.list-unstyled {
- @include list-unstyled();
-}
-
-// Inline turns list items into inline-block
-.list-inline {
- @include list-unstyled();
-}
-.list-inline-item {
- display: inline-block;
-
- &:not(:last-child) {
- margin-right: $list-inline-padding;
- }
-}
-
-
-//
-// Misc
-//
-
-// Builds on `abbr`
-.initialism {
- @include font-size($initialism-font-size);
- text-transform: uppercase;
-}
-
-// Blockquotes
-.blockquote {
- margin-bottom: $blockquote-margin-y;
- @include font-size($blockquote-font-size);
-
- > :last-child {
- margin-bottom: 0;
- }
-}
-
-.blockquote-footer {
- margin-top: -$blockquote-margin-y;
- margin-bottom: $blockquote-margin-y;
- @include font-size($blockquote-footer-font-size);
- color: $blockquote-footer-color;
-
- &::before {
- content: "\2014\00A0"; // em dash, nbsp
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/_utilities.scss b/app/static/assets/scss/soft-design-system/bootstrap/_utilities.scss
deleted file mode 100644
index 82f3db1..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/_utilities.scss
+++ /dev/null
@@ -1,566 +0,0 @@
-// Utilities
-
-$utilities: () !default;
-// stylelint-disable-next-line scss/dollar-variable-default
-$utilities: map-merge(
- (
- "align": (
- property: vertical-align,
- class: align,
- values: baseline top middle bottom text-bottom text-top
- ),
- "float": (
- responsive: true,
- property: float,
- values: (
- start: left,
- end: right,
- none: none,
- )
- ),
- "overflow": (
- property: overflow,
- values: auto hidden visible scroll,
- ),
- // scss-docs-start utils-display
- "display": (
- responsive: true,
- print: true,
- property: display,
- class: d,
- values: inline inline-block block grid table table-row table-cell flex inline-flex none
- ),
- // scss-docs-end utils-display
- "shadow": (
- property: box-shadow,
- class: shadow,
- values: (
- null: $box-shadow,
- sm: $box-shadow-sm,
- lg: $box-shadow-lg,
- none: none,
- )
- ),
- "position": (
- property: position,
- values: static relative absolute fixed sticky
- ),
- "top": (
- property: top,
- values: $position-values
- ),
- "bottom": (
- property: bottom,
- values: $position-values
- ),
- "start": (
- property: left,
- class: start,
- values: $position-values
- ),
- "end": (
- property: right,
- class: end,
- values: $position-values
- ),
- "translate-middle": (
- property: transform,
- class: translate-middle,
- values: (
- null: translate(-50%, -50%),
- x: translateX(-50%),
- y: translateY(-50%),
- )
- ),
- "border": (
- property: border,
- values: (
- null: $border-width solid $border-color,
- 0: 0,
- )
- ),
- "border-top": (
- property: border-top,
- values: (
- null: $border-width solid $border-color,
- 0: 0,
- )
- ),
- "border-end": (
- property: border-right,
- class: border-end,
- values: (
- null: $border-width solid $border-color,
- 0: 0,
- )
- ),
- "border-bottom": (
- property: border-bottom,
- values: (
- null: $border-width solid $border-color,
- 0: 0,
- )
- ),
- "border-start": (
- property: border-left,
- class: border-start,
- values: (
- null: $border-width solid $border-color,
- 0: 0,
- )
- ),
- "border-color": (
- property: border-color,
- class: border,
- values: map-merge($theme-colors, ("white": $white))
- ),
- "border-width": (
- property: border-width,
- class: border,
- values: $border-widths
- ),
- // Sizing utilities
- "width": (
- property: width,
- class: w,
- values: (
- 25: 25%,
- 50: 50%,
- 75: 75%,
- 100: 100%,
- auto: auto
- )
- ),
- "max-width": (
- property: max-width,
- class: mw,
- values: (100: 100%)
- ),
- "viewport-width": (
- property: width,
- class: vw,
- values: (100: 100vw)
- ),
- "min-viewport-width": (
- property: min-width,
- class: min-vw,
- values: (100: 100vw)
- ),
- "height": (
- property: height,
- class: h,
- values: (
- 25: 25%,
- 50: 50%,
- 75: 75%,
- 100: 100%,
- auto: auto
- )
- ),
- "max-height": (
- property: max-height,
- class: mh,
- values: (100: 100%)
- ),
- "viewport-height": (
- property: height,
- class: vh,
- values: (100: 100vh)
- ),
- "min-viewport-height": (
- property: min-height,
- class: min-vh,
- values: (100: 100vh)
- ),
- // Flex utilities
- "flex": (
- responsive: true,
- property: flex,
- values: (fill: 1 1 auto)
- ),
- "flex-direction": (
- responsive: true,
- property: flex-direction,
- class: flex,
- values: row column row-reverse column-reverse
- ),
- "flex-grow": (
- responsive: true,
- property: flex-grow,
- class: flex,
- values: (
- grow-0: 0,
- grow-1: 1,
- )
- ),
- "flex-shrink": (
- responsive: true,
- property: flex-shrink,
- class: flex,
- values: (
- shrink-0: 0,
- shrink-1: 1,
- )
- ),
- "flex-wrap": (
- responsive: true,
- property: flex-wrap,
- class: flex,
- values: wrap nowrap wrap-reverse
- ),
- "gap": (
- responsive: true,
- property: gap,
- class: gap,
- values: $spacers
- ),
- "justify-content": (
- responsive: true,
- property: justify-content,
- values: (
- start: flex-start,
- end: flex-end,
- center: center,
- between: space-between,
- around: space-around,
- evenly: space-evenly,
- )
- ),
- "align-items": (
- responsive: true,
- property: align-items,
- values: (
- start: flex-start,
- end: flex-end,
- center: center,
- baseline: baseline,
- stretch: stretch,
- )
- ),
- "align-content": (
- responsive: true,
- property: align-content,
- values: (
- start: flex-start,
- end: flex-end,
- center: center,
- between: space-between,
- around: space-around,
- stretch: stretch,
- )
- ),
- "align-self": (
- responsive: true,
- property: align-self,
- values: (
- auto: auto,
- start: flex-start,
- end: flex-end,
- center: center,
- baseline: baseline,
- stretch: stretch,
- )
- ),
- "order": (
- responsive: true,
- property: order,
- values: (
- first: -1,
- 0: 0,
- 1: 1,
- 2: 2,
- 3: 3,
- 4: 4,
- 5: 5,
- last: 6,
- ),
- ),
- // Margin utilities
- "margin": (
- responsive: true,
- property: margin,
- class: m,
- values: map-merge($spacers, (auto: auto))
- ),
- "margin-x": (
- responsive: true,
- property: margin-right margin-left,
- class: mx,
- values: map-merge($spacers, (auto: auto))
- ),
- "margin-y": (
- responsive: true,
- property: margin-top margin-bottom,
- class: my,
- values: map-merge($spacers, (auto: auto))
- ),
- "margin-top": (
- responsive: true,
- property: margin-top,
- class: mt,
- values: map-merge($spacers, (auto: auto))
- ),
- "margin-end": (
- responsive: true,
- property: margin-right,
- class: me,
- values: map-merge($spacers, (auto: auto))
- ),
- "margin-bottom": (
- responsive: true,
- property: margin-bottom,
- class: mb,
- values: map-merge($spacers, (auto: auto))
- ),
- "margin-start": (
- responsive: true,
- property: margin-left,
- class: ms,
- values: map-merge($spacers, (auto: auto))
- ),
- // Negative margin utilities
- "negative-margin": (
- responsive: true,
- property: margin,
- class: m,
- values: $negative-spacers
- ),
- "negative-margin-x": (
- responsive: true,
- property: margin-right margin-left,
- class: mx,
- values: $negative-spacers
- ),
- "negative-margin-y": (
- responsive: true,
- property: margin-top margin-bottom,
- class: my,
- values: $negative-spacers
- ),
- "negative-margin-top": (
- responsive: true,
- property: margin-top,
- class: mt,
- values: $negative-spacers
- ),
- "negative-margin-end": (
- responsive: true,
- property: margin-right,
- class: me,
- values: $negative-spacers
- ),
- "negative-margin-bottom": (
- responsive: true,
- property: margin-bottom,
- class: mb,
- values: $negative-spacers
- ),
- "negative-margin-start": (
- responsive: true,
- property: margin-left,
- class: ms,
- values: $negative-spacers
- ),
- // Padding utilities
- "padding": (
- responsive: true,
- property: padding,
- class: p,
- values: $spacers
- ),
- "padding-x": (
- responsive: true,
- property: padding-right padding-left,
- class: px,
- values: $spacers
- ),
- "padding-y": (
- responsive: true,
- property: padding-top padding-bottom,
- class: py,
- values: $spacers
- ),
- "padding-top": (
- responsive: true,
- property: padding-top,
- class: pt,
- values: $spacers
- ),
- "padding-end": (
- responsive: true,
- property: padding-right,
- class: pe,
- values: $spacers
- ),
- "padding-bottom": (
- responsive: true,
- property: padding-bottom,
- class: pb,
- values: $spacers
- ),
- "padding-start": (
- responsive: true,
- property: padding-left,
- class: ps,
- values: $spacers
- ),
- // Text
- "font-size": (
- rfs: true,
- property: font-size,
- class: fs,
- values: $font-sizes
- ),
- "font-style": (
- property: font-style,
- class: fst,
- values: italic normal
- ),
- "font-weight": (
- property: font-weight,
- class: fw,
- values: (
- light: $font-weight-light,
- lighter: $font-weight-lighter,
- normal: $font-weight-normal,
- bold: $font-weight-bold,
- bolder: $font-weight-bolder
- )
- ),
- "text-transform": (
- property: text-transform,
- class: text,
- values: lowercase uppercase capitalize
- ),
- "text-align": (
- responsive: true,
- property: text-align,
- class: text,
- values: (
- start: left,
- end: right,
- center: center,
- )
- ),
- // scss-docs-start utils-color
- "color": (
- property: color,
- class: text,
- values: map-merge(
- $theme-colors,
- (
- "white": $white,
- "body": $body-color,
- "muted": $text-muted,
- "black-50": rgba($black, .5),
- "white-50": rgba($white, .5),
- "reset": inherit,
- )
- )
- ),
- // scss-docs-end utils-color
- "line-height": (
- property: line-height,
- class: lh,
- values: (
- 1: 1,
- sm: $line-height-sm,
- base: $line-height-base,
- lg: $line-height-lg,
- )
- ),
- // scss-docs-start utils-bg-color
- "background-color": (
- property: background-color,
- class: bg,
- values: map-merge(
- $theme-colors,
- (
- "body": $body-bg,
- "white": $white,
- "transparent": transparent
- )
- )
- ),
- // scss-docs-end utils-bg-color
- "gradient": (
- property: background-image,
- class: bg,
- values: (gradient: var(--#{$variable-prefix}gradient))
- ),
- "white-space": (
- property: white-space,
- class: text,
- values: (
- wrap: normal,
- nowrap: nowrap,
- )
- ),
- "text-decoration": (
- property: text-decoration,
- values: none underline line-through
- ),
- "word-wrap": (
- property: word-wrap word-break,
- class: text,
- values: (break: break-word),
- rtl: false
- ),
- "font-family": (
- property: font-family,
- class: font,
- values: (monospace: var(--#{$variable-prefix}font-monospace))
- ),
- "user-select": (
- property: user-select,
- values: all auto none
- ),
- "pointer-events": (
- property: pointer-events,
- class: pe,
- values: none auto,
- ),
- "rounded": (
- property: border-radius,
- class: rounded,
- values: (
- null: $border-radius,
- 0: 0,
- 1: $border-radius-sm,
- 2: $border-radius,
- 3: $border-radius-lg,
- circle: 50%,
- pill: $border-radius-pill
- )
- ),
- "rounded-top": (
- property: border-top-left-radius border-top-right-radius,
- class: rounded-top,
- values: (null: $border-radius)
- ),
- "rounded-end": (
- property: border-top-right-radius border-bottom-right-radius,
- class: rounded-end,
- values: (null: $border-radius)
- ),
- "rounded-bottom": (
- property: border-bottom-right-radius border-bottom-left-radius,
- class: rounded-bottom,
- values: (null: $border-radius)
- ),
- "rounded-start": (
- property: border-bottom-left-radius border-top-left-radius,
- class: rounded-start,
- values: (null: $border-radius)
- ),
- "visibility": (
- property: visibility,
- class: null,
- values: (
- visible: visible,
- invisible: hidden,
- )
- )
- ),
- $utilities
-);
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/_variables.scss b/app/static/assets/scss/soft-design-system/bootstrap/_variables.scss
deleted file mode 100644
index 3f80144..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/_variables.scss
+++ /dev/null
@@ -1,1356 +0,0 @@
-// Variables
-//
-// Variables should follow the `$component-state-property-size` formula for
-// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
-
-// Color system
-
-// scss-docs-start gray-color-variables
-$white: #fff !default;
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #6c757d !default;
-$gray-700: #495057 !default;
-$gray-800: #343a40 !default;
-$gray-900: #212529 !default;
-$black: #000 !default;
-// scss-docs-end gray-color-variables
-
-// fusv-disable
-// scss-docs-start gray-colors-map
-$grays: (
- "100": $gray-100,
- "200": $gray-200,
- "300": $gray-300,
- "400": $gray-400,
- "500": $gray-500,
- "600": $gray-600,
- "700": $gray-700,
- "800": $gray-800,
- "900": $gray-900
-) !default;
-// scss-docs-end gray-colors-map
-// fusv-enable
-
-// scss-docs-start color-variables
-$blue: #0d6efd !default;
-$indigo: #6610f2 !default;
-$purple: #6f42c1 !default;
-$pink: #d63384 !default;
-$red: #dc3545 !default;
-$orange: #fd7e14 !default;
-$yellow: #ffc107 !default;
-$green: #198754 !default;
-$teal: #20c997 !default;
-$cyan: #0dcaf0 !default;
-// scss-docs-end color-variables
-
-// scss-docs-start colors-map
-$colors: (
- "blue": $blue,
- "indigo": $indigo,
- "purple": $purple,
- "pink": $pink,
- "red": $red,
- "orange": $orange,
- "yellow": $yellow,
- "green": $green,
- "teal": $teal,
- "cyan": $cyan,
- "white": $white,
- "gray": $gray-600,
- "gray-dark": $gray-800
-) !default;
-// scss-docs-end colors-map
-
-// scss-docs-start theme-color-variables
-$primary: $blue !default;
-$secondary: $gray-600 !default;
-$success: $green !default;
-$info: $cyan !default;
-$warning: $yellow !default;
-$danger: $red !default;
-$light: $gray-100 !default;
-$dark: $gray-900 !default;
-// scss-docs-end theme-color-variables
-
-// scss-docs-start theme-colors-map
-$theme-colors: (
- "primary": $primary,
- "secondary": $secondary,
- "success": $success,
- "info": $info,
- "warning": $warning,
- "danger": $danger,
- "light": $light,
- "dark": $dark
-) !default;
-// scss-docs-end theme-colors-map
-
-// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
-// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
-$min-contrast-ratio: 4.5 !default;
-
-// Customize the light and dark text colors for use in our color contrast function.
-$color-contrast-dark: $black !default;
-$color-contrast-light: $white !default;
-
-// fusv-disable
-$blue-100: tint-color($blue, 80%) !default;
-$blue-200: tint-color($blue, 60%) !default;
-$blue-300: tint-color($blue, 40%) !default;
-$blue-400: tint-color($blue, 20%) !default;
-$blue-500: $blue !default;
-$blue-600: shade-color($blue, 20%) !default;
-$blue-700: shade-color($blue, 40%) !default;
-$blue-800: shade-color($blue, 60%) !default;
-$blue-900: shade-color($blue, 80%) !default;
-
-$indigo-100: tint-color($indigo, 80%) !default;
-$indigo-200: tint-color($indigo, 60%) !default;
-$indigo-300: tint-color($indigo, 40%) !default;
-$indigo-400: tint-color($indigo, 20%) !default;
-$indigo-500: $indigo !default;
-$indigo-600: shade-color($indigo, 20%) !default;
-$indigo-700: shade-color($indigo, 40%) !default;
-$indigo-800: shade-color($indigo, 60%) !default;
-$indigo-900: shade-color($indigo, 80%) !default;
-
-$purple-100: tint-color($purple, 80%) !default;
-$purple-200: tint-color($purple, 60%) !default;
-$purple-300: tint-color($purple, 40%) !default;
-$purple-400: tint-color($purple, 20%) !default;
-$purple-500: $purple !default;
-$purple-600: shade-color($purple, 20%) !default;
-$purple-700: shade-color($purple, 40%) !default;
-$purple-800: shade-color($purple, 60%) !default;
-$purple-900: shade-color($purple, 80%) !default;
-
-$pink-100: tint-color($pink, 80%) !default;
-$pink-200: tint-color($pink, 60%) !default;
-$pink-300: tint-color($pink, 40%) !default;
-$pink-400: tint-color($pink, 20%) !default;
-$pink-500: $pink !default;
-$pink-600: shade-color($pink, 20%) !default;
-$pink-700: shade-color($pink, 40%) !default;
-$pink-800: shade-color($pink, 60%) !default;
-$pink-900: shade-color($pink, 80%) !default;
-
-$red-100: tint-color($red, 80%) !default;
-$red-200: tint-color($red, 60%) !default;
-$red-300: tint-color($red, 40%) !default;
-$red-400: tint-color($red, 20%) !default;
-$red-500: $red !default;
-$red-600: shade-color($red, 20%) !default;
-$red-700: shade-color($red, 40%) !default;
-$red-800: shade-color($red, 60%) !default;
-$red-900: shade-color($red, 80%) !default;
-
-$orange-100: tint-color($orange, 80%) !default;
-$orange-200: tint-color($orange, 60%) !default;
-$orange-300: tint-color($orange, 40%) !default;
-$orange-400: tint-color($orange, 20%) !default;
-$orange-500: $orange !default;
-$orange-600: shade-color($orange, 20%) !default;
-$orange-700: shade-color($orange, 40%) !default;
-$orange-800: shade-color($orange, 60%) !default;
-$orange-900: shade-color($orange, 80%) !default;
-
-$yellow-100: tint-color($yellow, 80%) !default;
-$yellow-200: tint-color($yellow, 60%) !default;
-$yellow-300: tint-color($yellow, 40%) !default;
-$yellow-400: tint-color($yellow, 20%) !default;
-$yellow-500: $yellow !default;
-$yellow-600: shade-color($yellow, 20%) !default;
-$yellow-700: shade-color($yellow, 40%) !default;
-$yellow-800: shade-color($yellow, 60%) !default;
-$yellow-900: shade-color($yellow, 80%) !default;
-
-$green-100: tint-color($green, 80%) !default;
-$green-200: tint-color($green, 60%) !default;
-$green-300: tint-color($green, 40%) !default;
-$green-400: tint-color($green, 20%) !default;
-$green-500: $green !default;
-$green-600: shade-color($green, 20%) !default;
-$green-700: shade-color($green, 40%) !default;
-$green-800: shade-color($green, 60%) !default;
-$green-900: shade-color($green, 80%) !default;
-
-$teal-100: tint-color($teal, 80%) !default;
-$teal-200: tint-color($teal, 60%) !default;
-$teal-300: tint-color($teal, 40%) !default;
-$teal-400: tint-color($teal, 20%) !default;
-$teal-500: $teal !default;
-$teal-600: shade-color($teal, 20%) !default;
-$teal-700: shade-color($teal, 40%) !default;
-$teal-800: shade-color($teal, 60%) !default;
-$teal-900: shade-color($teal, 80%) !default;
-
-$cyan-100: tint-color($cyan, 80%) !default;
-$cyan-200: tint-color($cyan, 60%) !default;
-$cyan-300: tint-color($cyan, 40%) !default;
-$cyan-400: tint-color($cyan, 20%) !default;
-$cyan-500: $cyan !default;
-$cyan-600: shade-color($cyan, 20%) !default;
-$cyan-700: shade-color($cyan, 40%) !default;
-$cyan-800: shade-color($cyan, 60%) !default;
-$cyan-900: shade-color($cyan, 80%) !default;
-// fusv-enable
-
-// Characters which are escaped by the escape-svg function
-$escaped-characters: (
- ("<", "%3c"),
- (">", "%3e"),
- ("#", "%23"),
- ("(", "%28"),
- (")", "%29"),
-) !default;
-
-// Options
-//
-// Quickly modify global styling by enabling or disabling optional features.
-
-$enable-caret: true !default;
-$enable-rounded: true !default;
-$enable-shadows: false !default;
-$enable-gradients: false !default;
-$enable-transitions: true !default;
-$enable-reduced-motion: true !default;
-$enable-smooth-scroll: true !default;
-$enable-grid-classes: true !default;
-$enable-button-pointers: true !default;
-$enable-rfs: true !default;
-$enable-validation-icons: true !default;
-$enable-negative-margins: false !default;
-$enable-deprecation-messages: true !default;
-$enable-important-utilities: true !default;
-
-// Prefix for :root CSS variables
-
-$variable-prefix: bs- !default;
-
-// Gradient
-//
-// The gradient which is added to components if `$enable-gradients` is `true`
-// This gradient is also added to elements with `.bg-gradient`
-// scss-docs-start variable-gradient
-$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;
-// scss-docs-end variable-gradient
-
-// Spacing
-//
-// Control the default styling of most Bootstrap elements by modifying these
-// variables. Mostly focused on spacing.
-// You can add more entries to the $spacers map, should you need more variation.
-
-$spacer: 1rem !default;
-$spacers: (
- 0: 0,
- 1: $spacer / 4,
- 2: $spacer / 2,
- 3: $spacer,
- 4: $spacer * 1.5,
- 5: $spacer * 3,
-) !default;
-
-$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;
-
-// Position
-//
-// Define the edge positioning anchors of the position utilities.
-
-$position-values: (
- 0: 0,
- 50: 50%,
- 100: 100%
-) !default;
-
-
-// Body
-//
-// Settings for the `` element.
-
-$body-bg: $white !default;
-$body-color: $gray-900 !default;
-$body-text-align: null !default;
-
-
-// Links
-//
-// Style anchor elements.
-
-$link-color: $primary !default;
-$link-decoration: underline !default;
-$link-shade-percentage: 20% !default;
-$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;
-$link-hover-decoration: null !default;
-
-$stretched-link-pseudo-element: after !default;
-$stretched-link-z-index: 1 !default;
-
-// Paragraphs
-//
-// Style p element.
-
-$paragraph-margin-bottom: 1rem !default;
-
-
-// Grid breakpoints
-//
-// Define the minimum dimensions at which your layout will change,
-// adapting to different screen sizes, for use in media queries.
-
-// scss-docs-start grid-breakpoints
-$grid-breakpoints: (
- xs: 0,
- sm: 576px,
- md: 768px,
- lg: 992px,
- xl: 1200px,
- xxl: 1400px
-) !default;
-// scss-docs-end grid-breakpoints
-
-@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
-@include _assert-starts-at-zero($grid-breakpoints, "$grid-breakpoints");
-
-
-// Grid containers
-//
-// Define the maximum width of `.container` for different screen sizes.
-
-// scss-docs-start container-max-widths
-$container-max-widths: (
- sm: 540px,
- md: 720px,
- lg: 960px,
- xl: 1140px,
- xxl: 1320px
-) !default;
-// scss-docs-end container-max-widths
-
-@include _assert-ascending($container-max-widths, "$container-max-widths");
-
-
-// Grid columns
-//
-// Set the number of columns and specify the width of the gutters.
-
-$grid-columns: 12 !default;
-$grid-gutter-width: 1.5rem !default;
-$grid-row-columns: 6 !default;
-
-$gutters: $spacers !default;
-
-// Container padding
-
-$container-padding-x: $grid-gutter-width / 2 !default;
-
-
-// Components
-//
-// Define common padding and border radius sizes and more.
-
-$border-width: 1px !default;
-$border-widths: (
- 0: 0,
- 1: 1px,
- 2: 2px,
- 3: 3px,
- 4: 4px,
- 5: 5px
-) !default;
-
-$border-color: $gray-300 !default;
-
-$border-radius: .25rem !default;
-$border-radius-sm: .2rem !default;
-$border-radius-lg: .3rem !default;
-$border-radius-pill: 50rem !default;
-
-$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;
-$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;
-$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;
-$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;
-
-$component-active-color: $white !default;
-$component-active-bg: $primary !default;
-
-$caret-width: .3em !default;
-$caret-vertical-align: $caret-width * .85 !default;
-$caret-spacing: $caret-width * .85 !default;
-
-$transition-base: all .2s ease-in-out !default;
-$transition-fade: opacity .15s linear !default;
-$transition-collapse: height .35s ease !default;
-
-// stylelint-disable function-disallowed-list
-// scss-docs-start aspect-ratios
-$aspect-ratios: (
- "1x1": 100%,
- "4x3": calc(3 / 4 * 100%),
- "16x9": calc(9 / 16 * 100%),
- "21x9": calc(9 / 21 * 100%)
-) !default;
-// scss-docs-end aspect-ratios
-// stylelint-enable function-disallowed-list
-
-// Typography
-//
-// Font, line-height, and color for body text, headings, and more.
-
-// stylelint-disable value-keyword-case
-$font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
-$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
-// stylelint-enable value-keyword-case
-$font-family-base: var(--#{$variable-prefix}font-sans-serif) !default;
-$font-family-code: var(--#{$variable-prefix}font-monospace) !default;
-
-// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins
-// $font-size-base effects the font size of the body text
-$font-size-root: null !default;
-$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
-$font-size-sm: $font-size-base * .875 !default;
-$font-size-lg: $font-size-base * 1.25 !default;
-
-$font-weight-lighter: lighter !default;
-$font-weight-light: 300 !default;
-$font-weight-normal: 400 !default;
-$font-weight-bold: 700 !default;
-$font-weight-bolder: bolder !default;
-
-$font-weight-base: $font-weight-normal !default;
-
-$line-height-base: 1.5 !default;
-$line-height-sm: 1.25 !default;
-$line-height-lg: 2 !default;
-
-$h1-font-size: $font-size-base * 2.5 !default;
-$h2-font-size: $font-size-base * 2 !default;
-$h3-font-size: $font-size-base * 1.75 !default;
-$h4-font-size: $font-size-base * 1.5 !default;
-$h5-font-size: $font-size-base * 1.25 !default;
-$h6-font-size: $font-size-base !default;
-
-// scss-docs-start font-sizes
-$font-sizes: (
- 1: $h1-font-size,
- 2: $h2-font-size,
- 3: $h3-font-size,
- 4: $h4-font-size,
- 5: $h5-font-size,
- 6: $h6-font-size
-) !default;
-// scss-docs-end font-sizes
-
-$headings-margin-bottom: $spacer / 2 !default;
-$headings-font-family: null !default;
-$headings-font-style: null !default;
-$headings-font-weight: 500 !default;
-$headings-line-height: 1.2 !default;
-$headings-color: null !default;
-
-// scss-docs-start display-headings
-$display-font-sizes: (
- 1: 5rem,
- 2: 4.5rem,
- 3: 4rem,
- 4: 3.5rem,
- 5: 3rem,
- 6: 2.5rem
-) !default;
-
-$display-font-weight: 300 !default;
-$display-line-height: $headings-line-height !default;
-// scss-docs-end display-headings
-
-$lead-font-size: $font-size-base * 1.25 !default;
-$lead-font-weight: 300 !default;
-
-$small-font-size: .875em !default;
-
-$sub-sup-font-size: .75em !default;
-
-$text-muted: $gray-600 !default;
-
-$initialism-font-size: $small-font-size !default;
-
-$blockquote-margin-y: $spacer !default;
-$blockquote-font-size: $font-size-base * 1.25 !default;
-$blockquote-footer-color: $gray-600 !default;
-$blockquote-footer-font-size: $small-font-size !default;
-
-$hr-margin-y: $spacer !default;
-$hr-color: inherit !default;
-$hr-height: $border-width !default;
-$hr-opacity: .25 !default;
-
-$legend-margin-bottom: .5rem !default;
-$legend-font-size: 1.5rem !default;
-$legend-font-weight: null !default;
-
-$mark-padding: .2em !default;
-
-$dt-font-weight: $font-weight-bold !default;
-
-$nested-kbd-font-weight: $font-weight-bold !default;
-
-$list-inline-padding: .5rem !default;
-
-$mark-bg: #fcf8e3 !default;
-
-
-// Tables
-//
-// Customizes the `.table` component with basic values, each used across all table variations.
-
-// scss-docs-start table-variables
-$table-cell-padding-y: .5rem !default;
-$table-cell-padding-x: .5rem !default;
-$table-cell-padding-y-sm: .25rem !default;
-$table-cell-padding-x-sm: .25rem !default;
-
-$table-cell-vertical-align: top !default;
-
-$table-color: $body-color !default;
-$table-bg: transparent !default;
-
-$table-th-font-weight: null !default;
-
-$table-striped-color: $table-color !default;
-$table-striped-bg-factor: .05 !default;
-$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;
-
-$table-active-color: $table-color !default;
-$table-active-bg-factor: .1 !default;
-$table-active-bg: rgba($black, $table-active-bg-factor) !default;
-
-$table-hover-color: $table-color !default;
-$table-hover-bg-factor: .075 !default;
-$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;
-
-$table-border-factor: .1 !default;
-$table-border-width: $border-width !default;
-$table-border-color: $border-color !default;
-
-$table-striped-order: odd !default;
-
-$table-group-separator-color: currentColor !default;
-
-$table-caption-color: $text-muted !default;
-
-$table-bg-scale: -80% !default;
-
-$table-variants: (
- "primary": shift-color($primary, $table-bg-scale),
- "secondary": shift-color($secondary, $table-bg-scale),
- "success": shift-color($success, $table-bg-scale),
- "info": shift-color($info, $table-bg-scale),
- "warning": shift-color($warning, $table-bg-scale),
- "danger": shift-color($danger, $table-bg-scale),
- "light": $light,
- "dark": $dark,
-) !default;
-// scss-docs-end table-variables
-
-
-// Buttons + Forms
-//
-// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
-
-$input-btn-padding-y: .375rem !default;
-$input-btn-padding-x: .75rem !default;
-$input-btn-font-family: null !default;
-$input-btn-font-size: $font-size-base !default;
-$input-btn-line-height: $line-height-base !default;
-
-$input-btn-focus-width: .25rem !default;
-$input-btn-focus-color-opacity: .25 !default;
-$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;
-$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
-
-$input-btn-padding-y-sm: .25rem !default;
-$input-btn-padding-x-sm: .5rem !default;
-$input-btn-font-size-sm: $font-size-sm !default;
-
-$input-btn-padding-y-lg: .5rem !default;
-$input-btn-padding-x-lg: 1rem !default;
-$input-btn-font-size-lg: $font-size-lg !default;
-
-$input-btn-border-width: $border-width !default;
-
-
-// Buttons
-//
-// For each of Bootstrap's buttons, define text, background, and border color.
-
-$btn-padding-y: $input-btn-padding-y !default;
-$btn-padding-x: $input-btn-padding-x !default;
-$btn-font-family: $input-btn-font-family !default;
-$btn-font-size: $input-btn-font-size !default;
-$btn-line-height: $input-btn-line-height !default;
-$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping
-
-$btn-padding-y-sm: $input-btn-padding-y-sm !default;
-$btn-padding-x-sm: $input-btn-padding-x-sm !default;
-$btn-font-size-sm: $input-btn-font-size-sm !default;
-
-$btn-padding-y-lg: $input-btn-padding-y-lg !default;
-$btn-padding-x-lg: $input-btn-padding-x-lg !default;
-$btn-font-size-lg: $input-btn-font-size-lg !default;
-
-$btn-border-width: $input-btn-border-width !default;
-
-$btn-font-weight: $font-weight-normal !default;
-$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
-$btn-focus-width: $input-btn-focus-width !default;
-$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
-$btn-disabled-opacity: .65 !default;
-$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;
-
-$btn-link-color: $link-color !default;
-$btn-link-hover-color: $link-hover-color !default;
-$btn-link-disabled-color: $gray-600 !default;
-
-// Allows for customizing button radius independently from global border radius
-$btn-border-radius: $border-radius !default;
-$btn-border-radius-sm: $border-radius-sm !default;
-$btn-border-radius-lg: $border-radius-lg !default;
-
-$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
-$btn-hover-bg-shade-amount: 15% !default;
-$btn-hover-bg-tint-amount: 15% !default;
-$btn-hover-border-shade-amount: 20% !default;
-$btn-hover-border-tint-amount: 10% !default;
-$btn-active-bg-shade-amount: 20% !default;
-$btn-active-bg-tint-amount: 20% !default;
-$btn-active-border-shade-amount: 25% !default;
-$btn-active-border-tint-amount: 10% !default;
-
-
-// Forms
-
-$form-text-margin-top: .25rem !default;
-$form-text-font-size: $small-font-size !default;
-$form-text-font-style: null !default;
-$form-text-font-weight: null !default;
-$form-text-color: $text-muted !default;
-
-$form-label-margin-bottom: .5rem !default;
-$form-label-font-size: null !default;
-$form-label-font-style: null !default;
-$form-label-font-weight: null !default;
-$form-label-color: null !default;
-
-$input-padding-y: $input-btn-padding-y !default;
-$input-padding-x: $input-btn-padding-x !default;
-$input-font-family: $input-btn-font-family !default;
-$input-font-size: $input-btn-font-size !default;
-$input-font-weight: $font-weight-base !default;
-$input-line-height: $input-btn-line-height !default;
-
-$input-padding-y-sm: $input-btn-padding-y-sm !default;
-$input-padding-x-sm: $input-btn-padding-x-sm !default;
-$input-font-size-sm: $input-btn-font-size-sm !default;
-
-$input-padding-y-lg: $input-btn-padding-y-lg !default;
-$input-padding-x-lg: $input-btn-padding-x-lg !default;
-$input-font-size-lg: $input-btn-font-size-lg !default;
-
-$input-bg: $white !default;
-$input-disabled-bg: $gray-200 !default;
-$input-disabled-border-color: null !default;
-
-$input-color: $body-color !default;
-$input-border-color: $gray-400 !default;
-$input-border-width: $input-btn-border-width !default;
-$input-box-shadow: $box-shadow-inset !default;
-
-$input-border-radius: $border-radius !default;
-$input-border-radius-sm: $border-radius-sm !default;
-$input-border-radius-lg: $border-radius-lg !default;
-
-$input-focus-bg: $input-bg !default;
-$input-focus-border-color: tint-color($component-active-bg, 50%) !default;
-$input-focus-color: $input-color !default;
-$input-focus-width: $input-btn-focus-width !default;
-$input-focus-box-shadow: $input-btn-focus-box-shadow !default;
-
-$input-placeholder-color: $gray-600 !default;
-$input-plaintext-color: $body-color !default;
-
-$input-height-border: $input-border-width * 2 !default;
-
-$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;
-$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;
-$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;
-
-$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;
-$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;
-$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;
-
-$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
-
-$form-check-input-width: 1em !default;
-$form-check-min-height: $font-size-base * $line-height-base !default;
-$form-check-padding-start: $form-check-input-width + .5em !default;
-$form-check-margin-bottom: .125rem !default;
-$form-check-label-color: null !default;
-$form-check-label-cursor: null !default;
-$form-check-transition: null !default;
-
-$form-check-input-active-filter: brightness(90%) !default;
-
-$form-check-input-bg: $input-bg !default;
-$form-check-input-border: 1px solid rgba(0, 0, 0, .25) !default;
-$form-check-input-border-radius: .25em !default;
-$form-check-radio-border-radius: 50% !default;
-$form-check-input-focus-border: $input-focus-border-color !default;
-$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;
-
-$form-check-input-checked-color: $component-active-color !default;
-$form-check-input-checked-bg-color: $component-active-bg !default;
-$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;
-$form-check-input-checked-bg-image: url("data:image/svg+xml,
") !default;
-$form-check-radio-checked-bg-image: url("data:image/svg+xml,
") !default;
-
-$form-check-input-indeterminate-color: $component-active-color !default;
-$form-check-input-indeterminate-bg-color: $component-active-bg !default;
-$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;
-$form-check-input-indeterminate-bg-image: url("data:image/svg+xml,
") !default;
-
-$form-check-input-disabled-opacity: .5 !default;
-$form-check-label-disabled-opacity: $form-check-input-disabled-opacity !default;
-$form-check-btn-check-disabled-opacity: $btn-disabled-opacity !default;
-
-$form-switch-color: rgba(0, 0, 0, .25) !default;
-$form-switch-width: 2em !default;
-$form-switch-padding-start: $form-switch-width + .5em !default;
-$form-switch-bg-image: url("data:image/svg+xml,
") !default;
-$form-switch-border-radius: $form-switch-width !default;
-$form-switch-transition: background-position .15s ease-in-out !default;
-
-$form-switch-focus-color: $input-focus-border-color !default;
-$form-switch-focus-bg-image: url("data:image/svg+xml,
") !default;
-
-$form-switch-checked-color: $component-active-color !default;
-$form-switch-checked-bg-image: url("data:image/svg+xml,
") !default;
-$form-switch-checked-bg-position: right center !default;
-
-$form-check-inline-margin-end: 1rem !default;
-
-$input-group-addon-padding-y: $input-padding-y !default;
-$input-group-addon-padding-x: $input-padding-x !default;
-$input-group-addon-font-weight: $input-font-weight !default;
-$input-group-addon-color: $input-color !default;
-$input-group-addon-bg: $gray-200 !default;
-$input-group-addon-border-color: $input-border-color !default;
-
-$form-select-padding-y: $input-padding-y !default;
-$form-select-padding-x: $input-padding-x !default;
-$form-select-font-family: $input-font-family !default;
-$form-select-font-size: $input-font-size !default;
-$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image
-$form-select-font-weight: $input-font-weight !default;
-$form-select-line-height: $input-line-height !default;
-$form-select-color: $input-color !default;
-$form-select-disabled-color: $gray-600 !default;
-$form-select-bg: $input-bg !default;
-$form-select-disabled-bg: $gray-200 !default;
-$form-select-disabled-border-color: $input-disabled-border-color !default;
-$form-select-bg-position: right $form-select-padding-x center !default;
-$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions
-$form-select-indicator-color: $gray-800 !default;
-$form-select-indicator: url("data:image/svg+xml,
") !default;
-
-$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;
-$form-select-feedback-icon-position: center right $form-select-indicator-padding !default;
-$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;
-
-$form-select-border-width: $input-border-width !default;
-$form-select-border-color: $input-border-color !default;
-$form-select-border-radius: $border-radius !default;
-$form-select-box-shadow: $box-shadow-inset !default;
-
-$form-select-focus-border-color: $input-focus-border-color !default;
-$form-select-focus-width: $input-focus-width !default;
-$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;
-
-$form-select-padding-y-sm: $input-padding-y-sm !default;
-$form-select-padding-x-sm: $input-padding-x-sm !default;
-$form-select-font-size-sm: $input-font-size-sm !default;
-
-$form-select-padding-y-lg: $input-padding-y-lg !default;
-$form-select-padding-x-lg: $input-padding-x-lg !default;
-$form-select-font-size-lg: $input-font-size-lg !default;
-
-$form-range-track-width: 100% !default;
-$form-range-track-height: .5rem !default;
-$form-range-track-cursor: pointer !default;
-$form-range-track-bg: $gray-300 !default;
-$form-range-track-border-radius: 1rem !default;
-$form-range-track-box-shadow: $box-shadow-inset !default;
-
-$form-range-thumb-width: 1rem !default;
-$form-range-thumb-height: $form-range-thumb-width !default;
-$form-range-thumb-bg: $component-active-bg !default;
-$form-range-thumb-border: 0 !default;
-$form-range-thumb-border-radius: 1rem !default;
-$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;
-$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;
-$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge
-$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;
-$form-range-thumb-disabled-bg: $gray-500 !default;
-$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
-$form-file-button-color: $input-color !default;
-$form-file-button-bg: $input-group-addon-bg !default;
-$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;
-
-$form-floating-height: add(3.5rem, $input-height-border) !default;
-$form-floating-padding-x: $input-padding-x !default;
-$form-floating-padding-y: 1rem !default;
-$form-floating-input-padding-t: 1.625rem !default;
-$form-floating-input-padding-b: .625rem !default;
-$form-floating-label-opacity: .65 !default;
-$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;
-$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;
-
-// Form validation
-
-$form-feedback-margin-top: $form-text-margin-top !default;
-$form-feedback-font-size: $form-text-font-size !default;
-$form-feedback-font-style: $form-text-font-style !default;
-$form-feedback-valid-color: $success !default;
-$form-feedback-invalid-color: $danger !default;
-
-$form-feedback-icon-valid-color: $form-feedback-valid-color !default;
-$form-feedback-icon-valid: url("data:image/svg+xml,
") !default;
-$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
-$form-feedback-icon-invalid: url("data:image/svg+xml,
") !default;
-
-// scss-docs-start form-validation-states
-$form-validation-states: (
- "valid": (
- "color": $form-feedback-valid-color,
- "icon": $form-feedback-icon-valid
- ),
- "invalid": (
- "color": $form-feedback-invalid-color,
- "icon": $form-feedback-icon-invalid
- )
-) !default;
-// scss-docs-end form-validation-states
-
-// Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
-
-// scss-docs-start zindex-stack
-$zindex-dropdown: 1000 !default;
-$zindex-sticky: 1020 !default;
-$zindex-fixed: 1030 !default;
-$zindex-modal-backdrop: 1040 !default;
-$zindex-modal: 1050 !default;
-$zindex-popover: 1060 !default;
-$zindex-tooltip: 1070 !default;
-// scss-docs-end zindex-stack
-
-
-// Navs
-
-$nav-link-padding-y: .5rem !default;
-$nav-link-padding-x: 1rem !default;
-$nav-link-font-size: null !default;
-$nav-link-font-weight: null !default;
-$nav-link-color: null !default;
-$nav-link-hover-color: null !default;
-$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;
-$nav-link-disabled-color: $gray-600 !default;
-
-$nav-tabs-border-color: $gray-300 !default;
-$nav-tabs-border-width: $border-width !default;
-$nav-tabs-border-radius: $border-radius !default;
-$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;
-$nav-tabs-link-active-color: $gray-700 !default;
-$nav-tabs-link-active-bg: $body-bg !default;
-$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
-
-$nav-pills-border-radius: $border-radius !default;
-$nav-pills-link-active-color: $component-active-color !default;
-$nav-pills-link-active-bg: $component-active-bg !default;
-
-
-// Navbar
-
-$navbar-padding-y: $spacer / 2 !default;
-$navbar-padding-x: null !default;
-
-$navbar-nav-link-padding-x: .5rem !default;
-
-$navbar-brand-font-size: $font-size-lg !default;
-// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
-$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
-$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
-$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;
-$navbar-brand-margin-end: 1rem !default;
-
-$navbar-toggler-padding-y: .25rem !default;
-$navbar-toggler-padding-x: .75rem !default;
-$navbar-toggler-font-size: $font-size-lg !default;
-$navbar-toggler-border-radius: $btn-border-radius !default;
-$navbar-toggler-focus-width: $btn-focus-width !default;
-$navbar-toggler-transition: box-shadow .15s ease-in-out !default;
-
-$navbar-dark-color: rgba($white, .55) !default;
-$navbar-dark-hover-color: rgba($white, .75) !default;
-$navbar-dark-active-color: $white !default;
-$navbar-dark-disabled-color: rgba($white, .25) !default;
-$navbar-dark-toggler-icon-bg: url("data:image/svg+xml,
") !default;
-$navbar-dark-toggler-border-color: rgba($white, .1) !default;
-
-$navbar-light-color: rgba($black, .55) !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-icon-bg: url("data:image/svg+xml,
") !default;
-$navbar-light-toggler-border-color: rgba($black, .1) !default;
-
-$navbar-light-brand-color: $navbar-light-active-color !default;
-$navbar-light-brand-hover-color: $navbar-light-active-color !default;
-$navbar-dark-brand-color: $navbar-dark-active-color !default;
-$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;
-
-
-// Dropdowns
-//
-// Dropdown menu container and contents.
-
-$dropdown-min-width: 10rem !default;
-$dropdown-padding-x: 0 !default;
-$dropdown-padding-y: .5rem !default;
-$dropdown-spacer: .125rem !default;
-$dropdown-font-size: $font-size-base !default;
-$dropdown-color: $body-color !default;
-$dropdown-bg: $white !default;
-$dropdown-border-color: rgba($black, .15) !default;
-$dropdown-border-radius: $border-radius !default;
-$dropdown-border-width: $border-width !default;
-$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;
-$dropdown-divider-bg: $dropdown-border-color !default;
-$dropdown-divider-margin-y: $spacer / 2 !default;
-$dropdown-box-shadow: $box-shadow !default;
-
-$dropdown-link-color: $gray-900 !default;
-$dropdown-link-hover-color: shade-color($gray-900, 10%) !default;
-$dropdown-link-hover-bg: $gray-200 !default;
-
-$dropdown-link-active-color: $component-active-color !default;
-$dropdown-link-active-bg: $component-active-bg !default;
-
-$dropdown-link-disabled-color: $gray-500 !default;
-
-$dropdown-item-padding-y: $spacer / 4 !default;
-$dropdown-item-padding-x: $spacer !default;
-
-$dropdown-header-color: $gray-600 !default;
-$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;
-
-$dropdown-dark-color: $gray-300 !default;
-$dropdown-dark-bg: $gray-800 !default;
-$dropdown-dark-border-color: $dropdown-border-color !default;
-$dropdown-dark-divider-bg: $dropdown-divider-bg !default;
-$dropdown-dark-box-shadow: null !default;
-$dropdown-dark-link-color: $dropdown-dark-color !default;
-$dropdown-dark-link-hover-color: $white !default;
-$dropdown-dark-link-hover-bg: rgba($white, .15) !default;
-$dropdown-dark-link-active-color: $dropdown-link-active-color !default;
-$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;
-$dropdown-dark-link-disabled-color: $gray-500 !default;
-$dropdown-dark-header-color: $gray-500 !default;
-
-
-// Pagination
-
-$pagination-padding-y: .375rem !default;
-$pagination-padding-x: .75rem !default;
-$pagination-padding-y-sm: .25rem !default;
-$pagination-padding-x-sm: .5rem !default;
-$pagination-padding-y-lg: .75rem !default;
-$pagination-padding-x-lg: 1.5rem !default;
-
-$pagination-color: $link-color !default;
-$pagination-bg: $white !default;
-$pagination-border-width: $border-width !default;
-$pagination-border-radius: $border-radius !default;
-$pagination-margin-start: -$pagination-border-width !default;
-$pagination-border-color: $gray-300 !default;
-
-$pagination-focus-color: $link-hover-color !default;
-$pagination-focus-bg: $gray-200 !default;
-$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
-$pagination-focus-outline: 0 !default;
-
-$pagination-hover-color: $link-hover-color !default;
-$pagination-hover-bg: $gray-200 !default;
-$pagination-hover-border-color: $gray-300 !default;
-
-$pagination-active-color: $component-active-color !default;
-$pagination-active-bg: $component-active-bg !default;
-$pagination-active-border-color: $pagination-active-bg !default;
-
-$pagination-disabled-color: $gray-600 !default;
-$pagination-disabled-bg: $white !default;
-$pagination-disabled-border-color: $gray-300 !default;
-
-$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
-$pagination-border-radius-sm: $border-radius-sm !default;
-$pagination-border-radius-lg: $border-radius-lg !default;
-
-// Cards
-
-$card-spacer-y: $spacer !default;
-$card-spacer-x: $spacer !default;
-$card-title-spacer-y: $spacer / 2 !default;
-$card-border-width: $border-width !default;
-$card-border-radius: $border-radius !default;
-$card-border-color: rgba($black, .125) !default;
-$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;
-$card-cap-padding-y: $card-spacer-y / 2 !default;
-$card-cap-padding-x: $card-spacer-x !default;
-$card-cap-bg: rgba($black, .03) !default;
-$card-cap-color: null !default;
-$card-height: null !default;
-$card-color: null !default;
-$card-bg: $white !default;
-
-$card-img-overlay-padding: $spacer !default;
-
-$card-group-margin: $grid-gutter-width / 2 !default;
-
-// Accordion
-$accordion-padding-y: 1rem !default;
-$accordion-padding-x: 1.25rem !default;
-$accordion-color: $body-color !default;
-$accordion-bg: transparent !default;
-$accordion-border-width: $border-width !default;
-$accordion-border-color: rgba($black, .125) !default;
-$accordion-border-radius: $border-radius !default;
-
-$accordion-body-padding-y: $accordion-padding-y !default;
-$accordion-body-padding-x: $accordion-padding-x !default;
-
-$accordion-button-padding-y: $accordion-padding-y !default;
-$accordion-button-padding-x: $accordion-padding-x !default;
-$accordion-button-color: $accordion-color !default;
-$accordion-button-bg: $accordion-bg !default;
-$accordion-transition: $btn-transition, border-radius .15s ease !default;
-$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;
-$accordion-button-active-color: shade-color($primary, 10%) !default;
-
-$accordion-button-focus-border-color: $input-focus-border-color !default;
-$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;
-
-$accordion-icon-width: 1.25rem !default;
-$accordion-icon-color: $accordion-color !default;
-$accordion-icon-active-color: $accordion-button-active-color !default;
-$accordion-icon-transition: transform .2s ease-in-out !default;
-$accordion-icon-transform: rotate(180deg) !default;
-
-$accordion-button-icon: url("data:image/svg+xml,
") !default;
-$accordion-button-active-icon: url("data:image/svg+xml,
") !default;
-
-// Tooltips
-
-$tooltip-font-size: $font-size-sm !default;
-$tooltip-max-width: 200px !default;
-$tooltip-color: $white !default;
-$tooltip-bg: $black !default;
-$tooltip-border-radius: $border-radius !default;
-$tooltip-opacity: .9 !default;
-$tooltip-padding-y: $spacer / 4 !default;
-$tooltip-padding-x: $spacer / 2 !default;
-$tooltip-margin: 0 !default;
-
-$tooltip-arrow-width: .8rem !default;
-$tooltip-arrow-height: .4rem !default;
-$tooltip-arrow-color: $tooltip-bg !default;
-
-// Form tooltips must come after regular tooltips
-$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;
-$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;
-$form-feedback-tooltip-font-size: $tooltip-font-size !default;
-$form-feedback-tooltip-line-height: null !default;
-$form-feedback-tooltip-opacity: $tooltip-opacity !default;
-$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;
-
-
-// Popovers
-
-$popover-font-size: $font-size-sm !default;
-$popover-bg: $white !default;
-$popover-max-width: 276px !default;
-$popover-border-width: $border-width !default;
-$popover-border-color: rgba($black, .2) !default;
-$popover-border-radius: $border-radius-lg !default;
-$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;
-$popover-box-shadow: $box-shadow !default;
-
-$popover-header-bg: shade-color($popover-bg, 6%) !default;
-$popover-header-color: $headings-color !default;
-$popover-header-padding-y: .5rem !default;
-$popover-header-padding-x: $spacer !default;
-
-$popover-body-color: $body-color !default;
-$popover-body-padding-y: $spacer !default;
-$popover-body-padding-x: $spacer !default;
-
-$popover-arrow-width: 1rem !default;
-$popover-arrow-height: .5rem !default;
-$popover-arrow-color: $popover-bg !default;
-
-$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
-
-
-// Toasts
-
-$toast-max-width: 350px !default;
-$toast-padding-x: .75rem !default;
-$toast-padding-y: .5rem !default;
-$toast-font-size: .875rem !default;
-$toast-color: null !default;
-$toast-background-color: rgba($white, .85) !default;
-$toast-border-width: 1px !default;
-$toast-border-color: rgba(0, 0, 0, .1) !default;
-$toast-border-radius: $border-radius !default;
-$toast-box-shadow: $box-shadow !default;
-$toast-spacing: $container-padding-x !default;
-
-$toast-header-color: $gray-600 !default;
-$toast-header-background-color: rgba($white, .85) !default;
-$toast-header-border-color: rgba(0, 0, 0, .05) !default;
-
-
-// Badges
-
-$badge-font-size: .75em !default;
-$badge-font-weight: $font-weight-bold !default;
-$badge-color: $white !default;
-$badge-padding-y: .35em !default;
-$badge-padding-x: .65em !default;
-$badge-border-radius: $border-radius !default;
-
-
-// Modals
-
-// Padding applied to the modal body
-$modal-inner-padding: $spacer !default;
-
-// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding
-$modal-footer-margin-between: .5rem !default;
-
-$modal-dialog-margin: .5rem !default;
-$modal-dialog-margin-y-sm-up: 1.75rem !default;
-
-$modal-title-line-height: $line-height-base !default;
-
-$modal-content-color: null !default;
-$modal-content-bg: $white !default;
-$modal-content-border-color: rgba($black, .2) !default;
-$modal-content-border-width: $border-width !default;
-$modal-content-border-radius: $border-radius-lg !default;
-$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;
-$modal-content-box-shadow-xs: $box-shadow-sm !default;
-$modal-content-box-shadow-sm-up: $box-shadow !default;
-
-$modal-backdrop-bg: $black !default;
-$modal-backdrop-opacity: .5 !default;
-$modal-header-border-color: $border-color !default;
-$modal-footer-border-color: $modal-header-border-color !default;
-$modal-header-border-width: $modal-content-border-width !default;
-$modal-footer-border-width: $modal-header-border-width !default;
-$modal-header-padding-y: $modal-inner-padding !default;
-$modal-header-padding-x: $modal-inner-padding !default;
-$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility
-
-$modal-sm: 300px !default;
-$modal-md: 500px !default;
-$modal-lg: 800px !default;
-$modal-xl: 1140px !default;
-
-$modal-fade-transform: translate(0, -50px) !default;
-$modal-show-transform: none !default;
-$modal-transition: transform .3s ease-out !default;
-$modal-scale-transform: scale(1.02) !default;
-
-
-// Alerts
-//
-// Define alert colors, border radius, and padding.
-
-$alert-padding-y: $spacer !default;
-$alert-padding-x: $spacer !default;
-$alert-margin-bottom: 1rem !default;
-$alert-border-radius: $border-radius !default;
-$alert-link-font-weight: $font-weight-bold !default;
-$alert-border-width: $border-width !default;
-
-$alert-bg-scale: -80% !default;
-$alert-border-scale: -70% !default;
-$alert-color-scale: 40% !default;
-
-$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side
-
-
-// Progress bars
-
-$progress-height: 1rem !default;
-$progress-font-size: $font-size-base * .75 !default;
-$progress-bg: $gray-200 !default;
-$progress-border-radius: $border-radius !default;
-$progress-box-shadow: $box-shadow-inset !default;
-$progress-bar-color: $white !default;
-$progress-bar-bg: $primary !default;
-$progress-bar-animation-timing: 1s linear infinite !default;
-$progress-bar-transition: width .6s ease !default;
-
-
-// List group
-
-$list-group-color: null !default;
-$list-group-bg: $white !default;
-$list-group-border-color: rgba($black, .125) !default;
-$list-group-border-width: $border-width !default;
-$list-group-border-radius: $border-radius !default;
-
-$list-group-item-padding-y: $spacer / 2 !default;
-$list-group-item-padding-x: $spacer !default;
-$list-group-item-bg-scale: -80% !default;
-$list-group-item-color-scale: 40% !default;
-
-$list-group-hover-bg: $gray-100 !default;
-$list-group-active-color: $component-active-color !default;
-$list-group-active-bg: $component-active-bg !default;
-$list-group-active-border-color: $list-group-active-bg !default;
-
-$list-group-disabled-color: $gray-600 !default;
-$list-group-disabled-bg: $list-group-bg !default;
-
-$list-group-action-color: $gray-700 !default;
-$list-group-action-hover-color: $list-group-action-color !default;
-
-$list-group-action-active-color: $body-color !default;
-$list-group-action-active-bg: $gray-200 !default;
-
-
-// Image thumbnails
-
-$thumbnail-padding: .25rem !default;
-$thumbnail-bg: $body-bg !default;
-$thumbnail-border-width: $border-width !default;
-$thumbnail-border-color: $gray-300 !default;
-$thumbnail-border-radius: $border-radius !default;
-$thumbnail-box-shadow: $box-shadow-sm !default;
-
-
-// Figures
-
-$figure-caption-font-size: $small-font-size !default;
-$figure-caption-color: $gray-600 !default;
-
-
-// Breadcrumbs
-
-$breadcrumb-font-size: null !default;
-$breadcrumb-padding-y: 0 !default;
-$breadcrumb-padding-x: 0 !default;
-$breadcrumb-item-padding-x: .5rem !default;
-$breadcrumb-margin-bottom: 1rem !default;
-$breadcrumb-bg: null !default;
-$breadcrumb-divider-color: $gray-600 !default;
-$breadcrumb-active-color: $gray-600 !default;
-$breadcrumb-divider: quote("/") !default;
-$breadcrumb-divider-flipped: $breadcrumb-divider !default;
-$breadcrumb-border-radius: null !default;
-
-// Carousel
-
-$carousel-control-color: $white !default;
-$carousel-control-width: 15% !default;
-$carousel-control-opacity: .5 !default;
-$carousel-control-hover-opacity: .9 !default;
-$carousel-control-transition: opacity .15s ease !default;
-
-$carousel-indicator-width: 30px !default;
-$carousel-indicator-height: 3px !default;
-$carousel-indicator-hit-area-height: 10px !default;
-$carousel-indicator-spacer: 3px !default;
-$carousel-indicator-opacity: .5 !default;
-$carousel-indicator-active-bg: $white !default;
-$carousel-indicator-active-opacity: 1 !default;
-$carousel-indicator-transition: opacity .6s ease !default;
-
-$carousel-caption-width: 70% !default;
-$carousel-caption-color: $white !default;
-$carousel-caption-padding-y: 1.25rem !default;
-$carousel-caption-spacer: 1.25rem !default;
-
-$carousel-control-icon-width: 2rem !default;
-
-$carousel-control-prev-icon-bg: url("data:image/svg+xml,
") !default;
-$carousel-control-next-icon-bg: url("data:image/svg+xml,
") !default;
-
-$carousel-transition-duration: .6s !default;
-$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
-
-$carousel-dark-indicator-active-bg: $black !default;
-$carousel-dark-caption-color: $black !default;
-$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;
-
-
-// Spinners
-
-$spinner-width: 2rem !default;
-$spinner-height: $spinner-width !default;
-$spinner-border-width: .25em !default;
-$spinner-animation-speed: .75s !default;
-
-$spinner-width-sm: 1rem !default;
-$spinner-height-sm: $spinner-width-sm !default;
-$spinner-border-width-sm: .2em !default;
-
-
-// Close
-
-$btn-close-width: 1em !default;
-$btn-close-height: $btn-close-width !default;
-$btn-close-padding-x: .25em !default;
-$btn-close-padding-y: $btn-close-padding-x !default;
-$btn-close-color: $black !default;
-$btn-close-bg: url("data:image/svg+xml,
") !default;
-$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;
-$btn-close-opacity: .5 !default;
-$btn-close-hover-opacity: .75 !default;
-$btn-close-focus-opacity: 1 !default;
-$btn-close-disabled-opacity: .25 !default;
-$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;
-
-// Code
-
-$code-font-size: $small-font-size !default;
-$code-color: $pink !default;
-
-$kbd-padding-y: .2rem !default;
-$kbd-padding-x: .4rem !default;
-$kbd-font-size: $code-font-size !default;
-$kbd-color: $white !default;
-$kbd-bg: $gray-900 !default;
-
-$pre-color: null !default;
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/bootstrap-grid.scss b/app/static/assets/scss/soft-design-system/bootstrap/bootstrap-grid.scss
deleted file mode 100644
index e394a29..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/bootstrap-grid.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-/*!
- * Bootstrap Grid v5.0.0-beta2 (https://getbootstrap.com/)
- * Copyright 2011-2021 The Bootstrap Authors
- * Copyright 2011-2021 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- */
-
-$include-column-box-sizing: true !default;
-
-@import "functions";
-@import "variables";
-
-@import "mixins/lists";
-@import "mixins/breakpoints";
-@import "mixins/container";
-@import "mixins/grid";
-@import "mixins/utilities";
-
-@import "vendor/rfs";
-
-@import "containers";
-@import "grid";
-
-@import "utilities";
-// Only use the utilities we need
-// stylelint-disable-next-line scss/dollar-variable-default
-$utilities: map-get-multiple(
- $utilities,
- (
- "display",
- "order",
- "flex",
- "flex-direction",
- "flex-grow",
- "flex-shrink",
- "flex-wrap",
- "justify-content",
- "align-items",
- "align-content",
- "align-self",
- "margin",
- "margin-x",
- "margin-y",
- "margin-top",
- "margin-end",
- "margin-bottom",
- "margin-start",
- "negative-margin",
- "negative-margin-x",
- "negative-margin-y",
- "negative-margin-top",
- "negative-margin-end",
- "negative-margin-bottom",
- "negative-margin-start",
- "padding",
- "padding-x",
- "padding-y",
- "padding-top",
- "padding-end",
- "padding-bottom",
- "padding-start",
- )
-);
-
-@import "utilities/api";
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/bootstrap-reboot.scss b/app/static/assets/scss/soft-design-system/bootstrap/bootstrap-reboot.scss
deleted file mode 100644
index 7aef48c..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/bootstrap-reboot.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-/*!
- * Bootstrap Reboot v5.0.0-beta2 (https://getbootstrap.com/)
- * Copyright 2011-2021 The Bootstrap Authors
- * Copyright 2011-2021 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
- */
-
-@import "functions";
-@import "variables";
-// Prevent the usage of custom properties since we don't add them to `:root` in reboot
-$font-family-base: $font-family-sans-serif; // stylelint-disable-line scss/dollar-variable-default
-$font-family-code: $font-family-monospace; // stylelint-disable-line scss/dollar-variable-default
-@import "mixins";
-@import "reboot";
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/bootstrap-utilities.scss b/app/static/assets/scss/soft-design-system/bootstrap/bootstrap-utilities.scss
deleted file mode 100644
index 6c818b6..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/bootstrap-utilities.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-/*!
- * Bootstrap Utilities v5.0.0-beta2 (https://getbootstrap.com/)
- * Copyright 2011-2021 The Bootstrap Authors
- * Copyright 2011-2021 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- */
-
-// Configuration
-@import "functions";
-@import "variables";
-@import "mixins";
-@import "utilities";
-
-// Helpers
-@import "helpers";
-
-// Utilities
-@import "utilities/api";
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/bootstrap.scss b/app/static/assets/scss/soft-design-system/bootstrap/bootstrap.scss
deleted file mode 100644
index f5f4117..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/bootstrap.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-/*!
- * Bootstrap v5.0.0-beta2 (https://getbootstrap.com/)
- * Copyright 2011-2021 The Bootstrap Authors
- * Copyright 2011-2021 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- */
-
-// scss-docs-start import-stack
-// Configuration
-@import "functions";
-@import "variables";
-@import "mixins";
-@import "utilities";
-
-// Layout & components
-@import "root";
-@import "reboot";
-@import "type";
-@import "images";
-@import "containers";
-@import "grid";
-@import "tables";
-@import "forms";
-@import "buttons";
-@import "transitions";
-@import "dropdown";
-@import "button-group";
-@import "nav";
-@import "navbar";
-@import "card";
-@import "accordion";
-@import "breadcrumb";
-@import "pagination";
-@import "badge";
-@import "alert";
-@import "progress";
-@import "list-group";
-@import "close";
-@import "toasts";
-@import "modal";
-@import "tooltip";
-@import "popover";
-@import "carousel";
-@import "spinners";
-
-// Helpers
-@import "helpers";
-
-// Utilities
-@import "utilities/api";
-// scss-docs-end import-stack
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/forms/_floating-labels.scss b/app/static/assets/scss/soft-design-system/bootstrap/forms/_floating-labels.scss
deleted file mode 100644
index 8b2e2b8..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/forms/_floating-labels.scss
+++ /dev/null
@@ -1,61 +0,0 @@
-.form-floating {
- position: relative;
-
- > .form-control,
- > .form-select {
- height: $form-floating-height;
- padding: $form-floating-padding-y $form-floating-padding-x;
- }
-
- > label {
- position: absolute;
- top: 0;
- left: 0;
- height: 100%; // allow textareas
- padding: $form-floating-padding-y $form-floating-padding-x;
- pointer-events: none;
- border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model
- transform-origin: 0 0;
- @include transition($form-floating-transition);
- }
-
- // stylelint-disable no-duplicate-selectors
- > .form-control {
- &::placeholder {
- color: transparent;
- }
-
- &:focus,
- &:not(:placeholder-shown) {
- padding-top: $form-floating-input-padding-t;
- padding-bottom: $form-floating-input-padding-b;
- }
- // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
- &:-webkit-autofill {
- padding-top: $form-floating-input-padding-t;
- padding-bottom: $form-floating-input-padding-b;
- }
- }
-
- > .form-select {
- padding-top: $form-floating-input-padding-t;
- padding-bottom: $form-floating-input-padding-b;
- }
-
- > .form-control:focus,
- > .form-control:not(:placeholder-shown),
- > .form-select {
- ~ label {
- opacity: $form-floating-label-opacity;
- transform: $form-floating-label-transform;
- }
- }
- // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
- > .form-control:-webkit-autofill {
- ~ label {
- opacity: $form-floating-label-opacity;
- transform: $form-floating-label-transform;
- }
- }
- // stylelint-enable no-duplicate-selectors
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/forms/_form-check.scss b/app/static/assets/scss/soft-design-system/bootstrap/forms/_form-check.scss
deleted file mode 100644
index b34250a..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/forms/_form-check.scss
+++ /dev/null
@@ -1,152 +0,0 @@
-//
-// Check/radio
-//
-
-.form-check {
- display: block;
- min-height: $form-check-min-height;
- padding-left: $form-check-padding-start;
- margin-bottom: $form-check-margin-bottom;
-
- .form-check-input {
- float: left;
- margin-left: $form-check-padding-start * -1;
- }
-}
-
-.form-check-input {
- width: $form-check-input-width;
- height: $form-check-input-width;
- margin-top: ($line-height-base - $form-check-input-width) / 2; // line-height minus check height
- vertical-align: top;
- background-color: $form-check-input-bg;
- background-repeat: no-repeat;
- background-position: center;
- background-size: contain;
- border: $form-check-input-border;
- appearance: none;
- color-adjust: exact; // Keep themed appearance for print
- @include transition($form-check-transition);
-
- &[type="checkbox"] {
- @include border-radius($form-check-input-border-radius);
- }
-
- &[type="radio"] {
- // stylelint-disable-next-line property-disallowed-list
- border-radius: $form-check-radio-border-radius;
- }
-
- &:active {
- filter: $form-check-input-active-filter;
- }
-
- &:focus {
- border-color: $form-check-input-focus-border;
- outline: 0;
- box-shadow: $form-check-input-focus-box-shadow;
- }
-
- &:checked {
- background-color: $form-check-input-checked-bg-color;
- border-color: $form-check-input-checked-border-color;
-
- &[type="checkbox"] {
- @if $enable-gradients {
- background-image: escape-svg($form-check-input-checked-bg-image), var(--#{$variable-prefix}gradient);
- } @else {
- background-image: escape-svg($form-check-input-checked-bg-image);
- }
- }
-
- &[type="radio"] {
- @if $enable-gradients {
- background-image: escape-svg($form-check-radio-checked-bg-image), var(--#{$variable-prefix}gradient);
- } @else {
- background-image: escape-svg($form-check-radio-checked-bg-image);
- }
- }
- }
-
- &[type="checkbox"]:indeterminate {
- background-color: $form-check-input-indeterminate-bg-color;
- border-color: $form-check-input-indeterminate-border-color;
-
- @if $enable-gradients {
- background-image: escape-svg($form-check-input-indeterminate-bg-image), var(--#{$variable-prefix}gradient);
- } @else {
- background-image: escape-svg($form-check-input-indeterminate-bg-image);
- }
- }
-
- &:disabled {
- pointer-events: none;
- filter: none;
- opacity: $form-check-input-disabled-opacity;
- }
-
- // Use disabled attribute in addition of :disabled pseudo-class
- // See: https://github.com/twbs/bootstrap/issues/28247
- &[disabled],
- &:disabled {
- ~ .form-check-label {
- opacity: $form-check-label-disabled-opacity;
- }
- }
-}
-
-.form-check-label {
- color: $form-check-label-color;
- cursor: $form-check-label-cursor;
-}
-
-//
-// Switch
-//
-
-.form-switch {
- padding-left: $form-switch-padding-start;
-
- .form-check-input {
- width: $form-switch-width;
- margin-left: $form-switch-padding-start * -1;
- background-image: escape-svg($form-switch-bg-image);
- background-position: left center;
- @include border-radius($form-switch-border-radius);
- @include transition($form-switch-transition);
-
- &:focus {
- background-image: escape-svg($form-switch-focus-bg-image);
- }
-
- &:checked {
- background-position: $form-switch-checked-bg-position;
-
- @if $enable-gradients {
- background-image: escape-svg($form-switch-checked-bg-image), var(--#{$variable-prefix}gradient);
- } @else {
- background-image: escape-svg($form-switch-checked-bg-image);
- }
- }
- }
-}
-
-.form-check-inline {
- display: inline-block;
- margin-right: $form-check-inline-margin-end;
-}
-
-.btn-check {
- position: absolute;
- clip: rect(0, 0, 0, 0);
- pointer-events: none;
-
- &[disabled],
- &:disabled {
- + .btn {
- pointer-events: none;
- filter: none;
- opacity: $form-check-btn-check-disabled-opacity;
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/forms/_form-control.scss b/app/static/assets/scss/soft-design-system/bootstrap/forms/_form-control.scss
deleted file mode 100644
index bac416f..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/forms/_form-control.scss
+++ /dev/null
@@ -1,223 +0,0 @@
-//
-// General form controls (plus a few specific high-level interventions)
-//
-
-.form-control {
- display: block;
- width: 100%;
- padding: $input-padding-y $input-padding-x;
- font-family: $input-font-family;
- @include font-size($input-font-size);
- font-weight: $input-font-weight;
- line-height: $input-line-height;
- color: $input-color;
- background-color: $input-bg;
- background-clip: padding-box;
- border: $input-border-width solid $input-border-color;
- appearance: none; // Fix appearance for date inputs in Safari
-
- // Note: This has no effect on
s in some browsers, due to the limited stylability of ``s in CSS.
- @include border-radius($input-border-radius, 0);
-
- @include box-shadow($input-box-shadow);
- @include transition($input-transition);
-
- &[type="file"] {
- overflow: hidden; // prevent pseudo element button overlap
-
- &:not(:disabled):not([readonly]) {
- cursor: pointer;
- }
- }
-
- // Customize the `:focus` state to imitate native WebKit styles.
- &:focus {
- color: $input-focus-color;
- background-color: $input-focus-bg;
- border-color: $input-focus-border-color;
- outline: 0;
- @if $enable-shadows {
- @include box-shadow($input-box-shadow, $input-focus-box-shadow);
- } @else {
- // Avoid using mixin so we can pass custom focus shadow properly
- box-shadow: $input-focus-box-shadow;
- }
- }
-
- // Add some height to date inputs on iOS
- // https://github.com/twbs/bootstrap/issues/23307
- // TODO: we can remove this workaround once https://bugs.webkit.org/show_bug.cgi?id=198959 is resolved
- &::-webkit-date-and-time-value {
- // Multiply line-height by 1em if it has no unit
- height: if(unit($input-line-height) == "", $input-line-height * 1em, $input-line-height);
- }
-
- // Placeholder
- &::placeholder {
- color: $input-placeholder-color;
- // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
- opacity: 1;
- }
-
- // Disabled and read-only inputs
- //
- // HTML5 says that controls under a fieldset > legend:first-child won't be
- // disabled if the fieldset is disabled. Due to implementation difficulty, we
- // don't honor that edge case; we style them as disabled anyway.
- &:disabled,
- &[readonly] {
- background-color: $input-disabled-bg;
- border-color: $input-disabled-border-color;
- // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
- opacity: 1;
- }
-
- // File input buttons theming
- // stylelint-disable-next-line selector-pseudo-element-no-unknown
- &::file-selector-button {
- padding: $input-padding-y $input-padding-x;
- margin: (-$input-padding-y) (-$input-padding-x);
- margin-inline-end: $input-padding-x;
- color: $form-file-button-color;
- @include gradient-bg($form-file-button-bg);
- pointer-events: none;
- border-color: inherit;
- border-style: solid;
- border-width: 0;
- border-inline-end-width: $input-border-width;
- border-radius: 0; // stylelint-disable-line property-disallowed-list
- @include transition($btn-transition);
- }
-
- // stylelint-disable-next-line selector-pseudo-element-no-unknown
- &:hover:not(:disabled):not([readonly])::file-selector-button {
- background-color: $form-file-button-hover-bg;
- }
-
- &::-webkit-file-upload-button {
- padding: $input-padding-y $input-padding-x;
- margin: (-$input-padding-y) (-$input-padding-x);
- margin-inline-end: $input-padding-x;
- color: $form-file-button-color;
- @include gradient-bg($form-file-button-bg);
- pointer-events: none;
- border-color: inherit;
- border-style: solid;
- border-width: 0;
- border-inline-end-width: $input-border-width;
- border-radius: 0; // stylelint-disable-line property-disallowed-list
- @include transition($btn-transition);
- }
-
- &:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
- background-color: $form-file-button-hover-bg;
- }
-}
-
-// Readonly controls as plain text
-//
-// Apply class to a readonly input to make it appear like regular plain
-// text (without any border, background color, focus indicator)
-
-.form-control-plaintext {
- display: block;
- width: 100%;
- padding: $input-padding-y 0;
- margin-bottom: 0; // match inputs if this class comes on inputs with default margins
- line-height: $input-line-height;
- color: $input-plaintext-color;
- background-color: transparent;
- border: solid transparent;
- border-width: $input-border-width 0;
-
- &.form-control-sm,
- &.form-control-lg {
- padding-right: 0;
- padding-left: 0;
- }
-}
-
-// Form control sizing
-//
-// Build on `.form-control` with modifier classes to decrease or increase the
-// height and font-size of form controls.
-//
-// Repeated in `_input_group.scss` to avoid Sass extend issues.
-
-.form-control-sm {
- min-height: $input-height-sm;
- padding: $input-padding-y-sm $input-padding-x-sm;
- @include font-size($input-font-size-sm);
- @include border-radius($input-border-radius-sm);
-
- // stylelint-disable-next-line selector-pseudo-element-no-unknown
- &::file-selector-button {
- padding: $input-padding-y-sm $input-padding-x-sm;
- margin: (-$input-padding-y-sm) (-$input-padding-x-sm);
- margin-inline-end: $input-padding-x-sm;
- }
-
- &::-webkit-file-upload-button {
- padding: $input-padding-y-sm $input-padding-x-sm;
- margin: (-$input-padding-y-sm) (-$input-padding-x-sm);
- margin-inline-end: $input-padding-x-sm;
- }
-}
-
-.form-control-lg {
- min-height: $input-height-lg;
- padding: $input-padding-y-lg $input-padding-x-lg;
- @include font-size($input-font-size-lg);
- @include border-radius($input-border-radius-lg);
-
- // stylelint-disable-next-line selector-pseudo-element-no-unknown
- &::file-selector-button {
- padding: $input-padding-y-lg $input-padding-x-lg;
- margin: (-$input-padding-y-lg) (-$input-padding-x-lg);
- margin-inline-end: $input-padding-x-lg;
- }
-
- &::-webkit-file-upload-button {
- padding: $input-padding-y-lg $input-padding-x-lg;
- margin: (-$input-padding-y-lg) (-$input-padding-x-lg);
- margin-inline-end: $input-padding-x-lg;
- }
-}
-
-// Make sure textareas don't shrink too much when resized
-// https://github.com/twbs/bootstrap/pull/29124
-// stylelint-disable selector-no-qualifying-type
-textarea {
- &.form-control {
- min-height: $input-height;
- }
-
- &.form-control-sm {
- min-height: $input-height-sm;
- }
-
- &.form-control-lg {
- min-height: $input-height-lg;
- }
-}
-// stylelint-enable selector-no-qualifying-type
-
-.form-control-color {
- max-width: 3rem;
- height: auto; // Override fixed browser height
- padding: $input-padding-y;
-
- &:not(:disabled):not([readonly]) {
- cursor: pointer;
- }
-
- &::-moz-color-swatch {
- height: if(unit($input-line-height) == "", $input-line-height * 1em, $input-line-height);
- @include border-radius($input-border-radius);
- }
-
- &::-webkit-color-swatch {
- height: if(unit($input-line-height) == "", $input-line-height * 1em, $input-line-height);
- @include border-radius($input-border-radius);
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/forms/_form-range.scss b/app/static/assets/scss/soft-design-system/bootstrap/forms/_form-range.scss
deleted file mode 100644
index ae1d841..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/forms/_form-range.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-// Range
-//
-// Style range inputs the same across browsers. Vendor-specific rules for pseudo
-// elements cannot be mixed. As such, there are no shared styles for focus or
-// active states on prefixed selectors.
-
-.form-range {
- width: 100%;
- height: add($form-range-thumb-height, $form-range-thumb-focus-box-shadow-width * 2);
- padding: 0; // Need to reset padding
- background-color: transparent;
- appearance: none;
-
- &:focus {
- outline: 0;
-
- // Pseudo-elements must be split across multiple rulesets to have an effect.
- // No box-shadow() mixin for focus accessibility.
- &::-webkit-slider-thumb { box-shadow: $form-range-thumb-focus-box-shadow; }
- &::-moz-range-thumb { box-shadow: $form-range-thumb-focus-box-shadow; }
- }
-
- &::-moz-focus-outer {
- border: 0;
- }
-
- &::-webkit-slider-thumb {
- width: $form-range-thumb-width;
- height: $form-range-thumb-height;
- margin-top: ($form-range-track-height - $form-range-thumb-height) / 2; // Webkit specific
- @include gradient-bg($form-range-thumb-bg);
- border: $form-range-thumb-border;
- @include border-radius($form-range-thumb-border-radius);
- @include box-shadow($form-range-thumb-box-shadow);
- @include transition($form-range-thumb-transition);
- appearance: none;
-
- &:active {
- @include gradient-bg($form-range-thumb-active-bg);
- }
- }
-
- &::-webkit-slider-runnable-track {
- width: $form-range-track-width;
- height: $form-range-track-height;
- color: transparent; // Why?
- cursor: $form-range-track-cursor;
- background-color: $form-range-track-bg;
- border-color: transparent;
- @include border-radius($form-range-track-border-radius);
- @include box-shadow($form-range-track-box-shadow);
- }
-
- &::-moz-range-thumb {
- width: $form-range-thumb-width;
- height: $form-range-thumb-height;
- @include gradient-bg($form-range-thumb-bg);
- border: $form-range-thumb-border;
- @include border-radius($form-range-thumb-border-radius);
- @include box-shadow($form-range-thumb-box-shadow);
- @include transition($form-range-thumb-transition);
- appearance: none;
-
- &:active {
- @include gradient-bg($form-range-thumb-active-bg);
- }
- }
-
- &::-moz-range-track {
- width: $form-range-track-width;
- height: $form-range-track-height;
- color: transparent;
- cursor: $form-range-track-cursor;
- background-color: $form-range-track-bg;
- border-color: transparent; // Firefox specific?
- @include border-radius($form-range-track-border-radius);
- @include box-shadow($form-range-track-box-shadow);
- }
-
- &:disabled {
- pointer-events: none;
-
- &::-webkit-slider-thumb {
- background-color: $form-range-thumb-disabled-bg;
- }
-
- &::-moz-range-thumb {
- background-color: $form-range-thumb-disabled-bg;
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/forms/_form-select.scss b/app/static/assets/scss/soft-design-system/bootstrap/forms/_form-select.scss
deleted file mode 100644
index 15d5061..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/forms/_form-select.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-// Select
-//
-// Replaces the browser default select with a custom one, mostly pulled from
-// https://primer.github.io/.
-
-.form-select {
- display: block;
- width: 100%;
- padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x;
- font-family: $form-select-font-family;
- @include font-size($form-select-font-size);
- font-weight: $form-select-font-weight;
- line-height: $form-select-line-height;
- color: $form-select-color;
- background-color: $form-select-bg;
- background-image: escape-svg($form-select-indicator);
- background-repeat: no-repeat;
- background-position: $form-select-bg-position;
- background-size: $form-select-bg-size;
- border: $form-select-border-width solid $form-select-border-color;
- @include border-radius($form-select-border-radius, 0);
- @include box-shadow($form-select-box-shadow);
- appearance: none;
-
- &:focus {
- border-color: $form-select-focus-border-color;
- outline: 0;
- @if $enable-shadows {
- @include box-shadow($form-select-box-shadow, $form-select-focus-box-shadow);
- } @else {
- // Avoid using mixin so we can pass custom focus shadow properly
- box-shadow: $form-select-focus-box-shadow;
- }
- }
-
- &[multiple],
- &[size]:not([size="1"]) {
- padding-right: $form-select-padding-x;
- background-image: none;
- }
-
- &:disabled {
- color: $form-select-disabled-color;
- background-color: $form-select-disabled-bg;
- border-color: $form-select-disabled-border-color;
- }
-
- // Remove outline from select box in FF
- &:-moz-focusring {
- color: transparent;
- text-shadow: 0 0 0 $form-select-color;
- }
-}
-
-.form-select-sm {
- padding-top: $form-select-padding-y-sm;
- padding-bottom: $form-select-padding-y-sm;
- padding-left: $form-select-padding-x-sm;
- @include font-size($form-select-font-size-sm);
-}
-
-.form-select-lg {
- padding-top: $form-select-padding-y-lg;
- padding-bottom: $form-select-padding-y-lg;
- padding-left: $form-select-padding-x-lg;
- @include font-size($form-select-font-size-lg);
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/forms/_form-text.scss b/app/static/assets/scss/soft-design-system/bootstrap/forms/_form-text.scss
deleted file mode 100644
index f080d1a..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/forms/_form-text.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-//
-// Form text
-//
-
-.form-text {
- margin-top: $form-text-margin-top;
- @include font-size($form-text-font-size);
- font-style: $form-text-font-style;
- font-weight: $form-text-font-weight;
- color: $form-text-color;
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/forms/_input-group.scss b/app/static/assets/scss/soft-design-system/bootstrap/forms/_input-group.scss
deleted file mode 100644
index 1400529..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/forms/_input-group.scss
+++ /dev/null
@@ -1,121 +0,0 @@
-//
-// Base styles
-//
-
-.input-group {
- position: relative;
- display: flex;
- flex-wrap: wrap; // For form validation feedback
- align-items: stretch;
- width: 100%;
-
- > .form-control,
- > .form-select {
- position: relative; // For focus state's z-index
- flex: 1 1 auto;
- width: 1%;
- min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size
- }
-
- // Bring the "active" form control to the top of surrounding elements
- > .form-control:focus,
- > .form-select:focus {
- z-index: 3;
- }
-
- // Ensure buttons are always above inputs for more visually pleasing borders.
- // This isn't needed for `.input-group-text` since it shares the same border-color
- // as our inputs.
- .btn {
- position: relative;
- z-index: 2;
-
- &:focus {
- z-index: 3;
- }
- }
-}
-
-
-// Textual addons
-//
-// Serves as a catch-all element for any text or radio/checkbox input you wish
-// to prepend or append to an input.
-
-.input-group-text {
- display: flex;
- align-items: center;
- padding: $input-group-addon-padding-y $input-group-addon-padding-x;
- @include font-size($input-font-size); // Match inputs
- font-weight: $input-group-addon-font-weight;
- line-height: $input-line-height;
- color: $input-group-addon-color;
- text-align: center;
- white-space: nowrap;
- background-color: $input-group-addon-bg;
- border: $input-border-width solid $input-group-addon-border-color;
- @include border-radius($input-border-radius);
-}
-
-
-// Sizing
-//
-// Remix the default form control sizing classes into new ones for easier
-// manipulation.
-
-.input-group-lg > .form-control,
-.input-group-lg > .form-select,
-.input-group-lg > .input-group-text,
-.input-group-lg > .btn {
- padding: $input-padding-y-lg $input-padding-x-lg;
- @include font-size($input-font-size-lg);
- @include border-radius($input-border-radius-lg);
-}
-
-.input-group-sm > .form-control,
-.input-group-sm > .form-select,
-.input-group-sm > .input-group-text,
-.input-group-sm > .btn {
- padding: $input-padding-y-sm $input-padding-x-sm;
- @include font-size($input-font-size-sm);
- @include border-radius($input-border-radius-sm);
-}
-
-.input-group-lg > .form-select,
-.input-group-sm > .form-select {
- padding-right: $form-select-padding-x + $form-select-indicator-padding;
-}
-
-
-// Rounded corners
-//
-// These rulesets must come after the sizing ones to properly override sm and lg
-// border-radius values when extending. They're more specific than we'd like
-// with the `.input-group >` part, but without it, we cannot override the sizing.
-
-// stylelint-disable-next-line no-duplicate-selectors
-.input-group {
- &:not(.has-validation) {
- > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
- > .dropdown-toggle:nth-last-child(n + 3) {
- @include border-end-radius(0);
- }
- }
-
- &.has-validation {
- > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
- > .dropdown-toggle:nth-last-child(n + 4) {
- @include border-end-radius(0);
- }
- }
-
- $validation-messages: "";
- @each $state in map-keys($form-validation-states) {
- $validation-messages: $validation-messages + ":not(." + unquote($state) + "-tooltip)" + ":not(." + unquote($state) + "-feedback)";
- }
-
- > :not(:first-child):not(.dropdown-menu)#{$validation-messages} {
- margin-left: -$input-border-width;
- @include border-start-radius(0);
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/forms/_labels.scss b/app/static/assets/scss/soft-design-system/bootstrap/forms/_labels.scss
deleted file mode 100644
index 39ecafc..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/forms/_labels.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-//
-// Labels
-//
-
-.form-label {
- margin-bottom: $form-label-margin-bottom;
- @include font-size($form-label-font-size);
- font-style: $form-label-font-style;
- font-weight: $form-label-font-weight;
- color: $form-label-color;
-}
-
-// For use with horizontal and inline forms, when you need the label (or legend)
-// text to align with the form controls.
-.col-form-label {
- padding-top: add($input-padding-y, $input-border-width);
- padding-bottom: add($input-padding-y, $input-border-width);
- margin-bottom: 0; // Override the `` default
- @include font-size(inherit); // Override the `` default
- font-style: $form-label-font-style;
- font-weight: $form-label-font-weight;
- line-height: $input-line-height;
- color: $form-label-color;
-}
-
-.col-form-label-lg {
- padding-top: add($input-padding-y-lg, $input-border-width);
- padding-bottom: add($input-padding-y-lg, $input-border-width);
- @include font-size($input-font-size-lg);
-}
-
-.col-form-label-sm {
- padding-top: add($input-padding-y-sm, $input-border-width);
- padding-bottom: add($input-padding-y-sm, $input-border-width);
- @include font-size($input-font-size-sm);
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/forms/_validation.scss b/app/static/assets/scss/soft-design-system/bootstrap/forms/_validation.scss
deleted file mode 100644
index c48123a..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/forms/_validation.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// Form validation
-//
-// Provide feedback to users when form field values are valid or invalid. Works
-// primarily for client-side validation via scoped `:invalid` and `:valid`
-// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
-// server-side validation.
-
-// scss-docs-start form-validation-states-loop
-@each $state, $data in $form-validation-states {
- @include form-validation-state($state, $data...);
-}
-// scss-docs-end form-validation-states-loop
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/helpers/_clearfix.scss b/app/static/assets/scss/soft-design-system/bootstrap/helpers/_clearfix.scss
deleted file mode 100644
index e92522a..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/helpers/_clearfix.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.clearfix {
- @include clearfix();
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/helpers/_colored-links.scss b/app/static/assets/scss/soft-design-system/bootstrap/helpers/_colored-links.scss
deleted file mode 100644
index 8c167de..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/helpers/_colored-links.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-@each $color, $value in $theme-colors {
- .link-#{$color} {
- color: $value;
-
- @if $link-shade-percentage != 0 {
- &:hover,
- &:focus {
- color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage));
- }
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/helpers/_position.scss b/app/static/assets/scss/soft-design-system/bootstrap/helpers/_position.scss
deleted file mode 100644
index 31851eb..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/helpers/_position.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-// Shorthand
-
-.fixed-top {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- z-index: $zindex-fixed;
-}
-
-.fixed-bottom {
- position: fixed;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: $zindex-fixed;
-}
-
-// Responsive sticky top
-@each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- .sticky#{$infix}-top {
- position: sticky;
- top: 0;
- z-index: $zindex-sticky;
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/helpers/_ratio.scss b/app/static/assets/scss/soft-design-system/bootstrap/helpers/_ratio.scss
deleted file mode 100644
index 2390ee3..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/helpers/_ratio.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-// Credit: Nicolas Gallagher and SUIT CSS.
-
-.ratio {
- position: relative;
- width: 100%;
-
- &::before {
- display: block;
- padding-top: var(--#{$variable-prefix}aspect-ratio);
- content: "";
- }
-
- > * {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-}
-
-@each $key, $ratio in $aspect-ratios {
- .ratio-#{$key} {
- --#{$variable-prefix}aspect-ratio: #{$ratio};
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/helpers/_stretched-link.scss b/app/static/assets/scss/soft-design-system/bootstrap/helpers/_stretched-link.scss
deleted file mode 100644
index 71a1c75..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/helpers/_stretched-link.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-//
-// Stretched link
-//
-
-.stretched-link {
- &::#{$stretched-link-pseudo-element} {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: $stretched-link-z-index;
- content: "";
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/helpers/_text-truncation.scss b/app/static/assets/scss/soft-design-system/bootstrap/helpers/_text-truncation.scss
deleted file mode 100644
index 6421dac..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/helpers/_text-truncation.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-//
-// Text truncation
-//
-
-.text-truncate {
- @include text-truncate();
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/helpers/_visually-hidden.scss b/app/static/assets/scss/soft-design-system/bootstrap/helpers/_visually-hidden.scss
deleted file mode 100644
index 4760ff0..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/helpers/_visually-hidden.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-//
-// Visually hidden
-//
-
-.visually-hidden,
-.visually-hidden-focusable:not(:focus):not(:focus-within) {
- @include visually-hidden();
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_alert.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_alert.scss
deleted file mode 100644
index 99ebbc3..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_alert.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@mixin alert-variant($background, $border, $color) {
- color: $color;
- @include gradient-bg($background);
- border-color: $border;
-
- .alert-link {
- color: shade-color($color, 20%);
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_border-radius.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_border-radius.scss
deleted file mode 100644
index 819b8ab..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_border-radius.scss
+++ /dev/null
@@ -1,76 +0,0 @@
-// stylelint-disable property-disallowed-list
-// Single side border-radius
-
-// Helper function to replace negative values with 0
-@function valid-radius($radius) {
- $return: ();
- @each $value in $radius {
- @if type-of($value) == number {
- $return: append($return, max($value, 0));
- } @else {
- $return: append($return, $value);
- }
- }
- @return $return;
-}
-
-@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
- @if $enable-rounded {
- border-radius: valid-radius($radius);
- }
- @else if $fallback-border-radius != false {
- border-radius: $fallback-border-radius;
- }
-}
-
-@mixin border-top-radius($radius: $border-radius) {
- @if $enable-rounded {
- border-top-left-radius: valid-radius($radius);
- border-top-right-radius: valid-radius($radius);
- }
-}
-
-@mixin border-end-radius($radius: $border-radius) {
- @if $enable-rounded {
- border-top-right-radius: valid-radius($radius);
- border-bottom-right-radius: valid-radius($radius);
- }
-}
-
-@mixin border-bottom-radius($radius: $border-radius) {
- @if $enable-rounded {
- border-bottom-right-radius: valid-radius($radius);
- border-bottom-left-radius: valid-radius($radius);
- }
-}
-
-@mixin border-start-radius($radius: $border-radius) {
- @if $enable-rounded {
- border-top-left-radius: valid-radius($radius);
- border-bottom-left-radius: valid-radius($radius);
- }
-}
-
-@mixin border-top-start-radius($radius: $border-radius) {
- @if $enable-rounded {
- border-top-left-radius: valid-radius($radius);
- }
-}
-
-@mixin border-top-end-radius($radius: $border-radius) {
- @if $enable-rounded {
- border-top-right-radius: valid-radius($radius);
- }
-}
-
-@mixin border-bottom-end-radius($radius: $border-radius) {
- @if $enable-rounded {
- border-bottom-right-radius: valid-radius($radius);
- }
-}
-
-@mixin border-bottom-start-radius($radius: $border-radius) {
- @if $enable-rounded {
- border-bottom-left-radius: valid-radius($radius);
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_box-shadow.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_box-shadow.scss
deleted file mode 100644
index 4172541..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_box-shadow.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@mixin box-shadow($shadow...) {
- @if $enable-shadows {
- $result: ();
-
- @each $value in $shadow {
- @if $value != null {
- $result: append($result, $value, "comma");
- }
- @if $value == none and length($shadow) > 1 {
- @warn "The keyword 'none' must be used as a single argument.";
- }
- }
-
- @if (length($result) > 0) {
- box-shadow: $result;
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_breakpoints.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_breakpoints.scss
deleted file mode 100644
index cdc8034..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_breakpoints.scss
+++ /dev/null
@@ -1,127 +0,0 @@
-// Breakpoint viewport sizes and media queries.
-//
-// Breakpoints are defined as a map of (name: minimum width), order from small to large:
-//
-// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
-//
-// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
-
-// Name of the next breakpoint, or null for the last breakpoint.
-//
-// >> breakpoint-next(sm)
-// md
-// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// md
-// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
-// md
-@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
- $n: index($breakpoint-names, $name);
- @if not $n {
- @error "breakpoint `#{$name}` not found in `#{$breakpoints}`";
- }
- @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
-}
-
-// Minimum breakpoint width. Null for the smallest (first) breakpoint.
-//
-// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// 576px
-@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
- $min: map-get($breakpoints, $name);
- @return if($min != 0, $min, null);
-}
-
-// Maximum breakpoint width.
-// The maximum value is reduced by 0.02px to work around the limitations of
-// `min-` and `max-` prefixes and viewports with fractional widths.
-// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
-// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
-// See https://bugs.webkit.org/show_bug.cgi?id=178261
-//
-// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// 767.98px
-@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
- $max: map-get($breakpoints, $name);
- @return if($max and $max > 0, $max - .02, null);
-}
-
-// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
-// Useful for making responsive utilities.
-//
-// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// "" (Returns a blank string)
-// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// "-sm"
-@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
- @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
-}
-
-// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
-// Makes the @content apply to the given breakpoint and wider.
-@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
- $min: breakpoint-min($name, $breakpoints);
- @if $min {
- @media (min-width: $min) {
- @content;
- }
- } @else {
- @content;
- }
-}
-
-// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
-// Makes the @content apply to the given breakpoint and narrower.
-@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
- $max: breakpoint-max($name, $breakpoints);
- @if $max {
- @media (max-width: $max) {
- @content;
- }
- } @else {
- @content;
- }
-}
-
-// Media that spans multiple breakpoint widths.
-// Makes the @content apply between the min and max breakpoints
-@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
- $min: breakpoint-min($lower, $breakpoints);
- $max: breakpoint-max($upper, $breakpoints);
-
- @if $min != null and $max != null {
- @media (min-width: $min) and (max-width: $max) {
- @content;
- }
- } @else if $max == null {
- @include media-breakpoint-up($lower, $breakpoints) {
- @content;
- }
- } @else if $min == null {
- @include media-breakpoint-down($upper, $breakpoints) {
- @content;
- }
- }
-}
-
-// Media between the breakpoint's minimum and maximum widths.
-// No minimum for the smallest breakpoint, and no maximum for the largest one.
-// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
-@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
- $min: breakpoint-min($name, $breakpoints);
- $next: breakpoint-next($name, $breakpoints);
- $max: breakpoint-max($next);
-
- @if $min != null and $max != null {
- @media (min-width: $min) and (max-width: $max) {
- @content;
- }
- } @else if $max == null {
- @include media-breakpoint-up($name, $breakpoints) {
- @content;
- }
- } @else if $min == null {
- @include media-breakpoint-down($next, $breakpoints) {
- @content;
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_buttons.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_buttons.scss
deleted file mode 100644
index 3fbd708..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_buttons.scss
+++ /dev/null
@@ -1,128 +0,0 @@
-// Button variants
-//
-// Easily pump out default styles, as well as :hover, :focus, :active,
-// and disabled options for all buttons
-
-@mixin button-variant(
- $background,
- $border,
- $color: color-contrast($background),
- $hover-background: if($color == $color-contrast-light, shade-color($background, $btn-hover-bg-shade-amount), tint-color($background, $btn-hover-bg-tint-amount)),
- $hover-border: if($color == $color-contrast-light, shade-color($border, $btn-hover-border-shade-amount), tint-color($border, $btn-hover-border-tint-amount)),
- $hover-color: color-contrast($hover-background),
- $active-background: if($color == $color-contrast-light, shade-color($background,$btn-active-bg-shade-amount), tint-color($background, $btn-active-bg-tint-amount)),
- $active-border: if($color == $color-contrast-light, shade-color($border, $btn-active-border-shade-amount), tint-color($border, $btn-active-border-tint-amount)),
- $active-color: color-contrast($active-background),
- $disabled-background: $background,
- $disabled-border: $border,
- $disabled-color: color-contrast($disabled-background)
-) {
- color: $color;
- @include gradient-bg($background);
- border-color: $border;
- @include box-shadow($btn-box-shadow);
-
- &:hover {
- color: $hover-color;
- @include gradient-bg($hover-background);
- border-color: $hover-border;
- }
-
- .btn-check:focus + &,
- &:focus {
- color: $hover-color;
- @include gradient-bg($hover-background);
- border-color: $hover-border;
- @if $enable-shadows {
- @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));
- } @else {
- // Avoid using mixin so we can pass custom focus shadow properly
- box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);
- }
- }
-
- .btn-check:checked + &,
- .btn-check:active + &,
- &:active,
- &.active,
- .show > &.dropdown-toggle {
- color: $active-color;
- background-color: $active-background;
- // Remove CSS gradients if they're enabled
- background-image: if($enable-gradients, none, null);
- border-color: $active-border;
-
- &:focus {
- @if $enable-shadows {
- @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));
- } @else {
- // Avoid using mixin so we can pass custom focus shadow properly
- box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);
- }
- }
- }
-
- &:disabled,
- &.disabled {
- color: $disabled-color;
- background-color: $disabled-background;
- // Remove CSS gradients if they're enabled
- background-image: if($enable-gradients, none, null);
- border-color: $disabled-border;
- }
-}
-
-@mixin button-outline-variant(
- $color,
- $color-hover: color-contrast($color),
- $active-background: $color,
- $active-border: $color,
- $active-color: color-contrast($active-background)
-) {
- color: $color;
- border-color: $color;
-
- &:hover {
- color: $color-hover;
- background-color: $active-background;
- border-color: $active-border;
- }
-
- .btn-check:focus + &,
- &:focus {
- box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
- }
-
- .btn-check:checked + &,
- .btn-check:active + &,
- &:active,
- &.active,
- &.dropdown-toggle.show {
- color: $active-color;
- background-color: $active-background;
- border-color: $active-border;
-
- &:focus {
- @if $enable-shadows {
- @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));
- } @else {
- // Avoid using mixin so we can pass custom focus shadow properly
- box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
- }
- }
- }
-
- &:disabled,
- &.disabled {
- color: $color;
- background-color: transparent;
- }
-}
-
-// Button sizes
-@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {
- padding: $padding-y $padding-x;
- @include font-size($font-size);
- // Manually declare to provide an override to the browser default
- @include border-radius($border-radius, 0);
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_caret.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_caret.scss
deleted file mode 100644
index fc10669..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_caret.scss
+++ /dev/null
@@ -1,62 +0,0 @@
-@mixin caret-down {
- border-top: $caret-width solid;
- border-right: $caret-width solid transparent;
- border-bottom: 0;
- border-left: $caret-width solid transparent;
-}
-
-@mixin caret-up {
- border-top: 0;
- border-right: $caret-width solid transparent;
- border-bottom: $caret-width solid;
- border-left: $caret-width solid transparent;
-}
-
-@mixin caret-end {
- border-top: $caret-width solid transparent;
- border-right: 0;
- border-bottom: $caret-width solid transparent;
- border-left: $caret-width solid;
-}
-
-@mixin caret-start {
- border-top: $caret-width solid transparent;
- border-right: $caret-width solid;
- border-bottom: $caret-width solid transparent;
-}
-
-@mixin caret($direction: down) {
- @if $enable-caret {
- &::after {
- display: inline-block;
- margin-left: $caret-spacing;
- vertical-align: $caret-vertical-align;
- content: "";
- @if $direction == down {
- @include caret-down();
- } @else if $direction == up {
- @include caret-up();
- } @else if $direction == end {
- @include caret-end();
- }
- }
-
- @if $direction == start {
- &::after {
- display: none;
- }
-
- &::before {
- display: inline-block;
- margin-right: $caret-spacing;
- vertical-align: $caret-vertical-align;
- content: "";
- @include caret-start();
- }
- }
-
- &:empty::after {
- margin-left: 0;
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_clearfix.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_clearfix.scss
deleted file mode 100644
index ffc62bb..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_clearfix.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// scss-docs-start clearfix
-@mixin clearfix() {
- &::after {
- display: block;
- clear: both;
- content: "";
- }
-}
-// scss-docs-end clearfix
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_container.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_container.scss
deleted file mode 100644
index ee6044d..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_container.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// Container mixins
-
-@mixin make-container($gutter: $container-padding-x) {
- width: 100%;
- padding-right: var(--#{$variable-prefix}gutter-x, #{$gutter});
- padding-left: var(--#{$variable-prefix}gutter-x, #{$gutter});
- margin-right: auto;
- margin-left: auto;
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_deprecate.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_deprecate.scss
deleted file mode 100644
index df070bc..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_deprecate.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Deprecate mixin
-//
-// This mixin can be used to deprecate mixins or functions.
-// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to
-// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)
-@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {
- @if ($enable-deprecation-messages != false and $ignore-warning != true) {
- @warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.";
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_forms.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_forms.scss
deleted file mode 100644
index 8be4d2e..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_forms.scss
+++ /dev/null
@@ -1,124 +0,0 @@
-// This mixin uses an `if()` technique to be compatible with Dart Sass
-// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details
-@mixin form-validation-state-selector($state) {
- @if ($state == "valid" or $state == "invalid") {
- .was-validated #{if(&, "&", "")}:#{$state},
- #{if(&, "&", "")}.is-#{$state} {
- @content;
- }
- } @else {
- #{if(&, "&", "")}.is-#{$state} {
- @content;
- }
- }
-}
-
-@mixin form-validation-state(
- $state,
- $color,
- $icon,
- $tooltip-color: color-contrast($color),
- $tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity),
- $focus-box-shadow: 0 0 0 $input-focus-width rgba($color, $input-btn-focus-color-opacity)
-) {
- .#{$state}-feedback {
- display: none;
- width: 100%;
- margin-top: $form-feedback-margin-top;
- @include font-size($form-feedback-font-size);
- font-style: $form-feedback-font-style;
- color: $color;
- }
-
- .#{$state}-tooltip {
- position: absolute;
- top: 100%;
- z-index: 5;
- display: none;
- max-width: 100%; // Contain to parent when possible
- padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;
- margin-top: .1rem;
- @include font-size($form-feedback-tooltip-font-size);
- line-height: $form-feedback-tooltip-line-height;
- color: $tooltip-color;
- background-color: $tooltip-bg-color;
- @include border-radius($form-feedback-tooltip-border-radius);
- }
-
- @include form-validation-state-selector($state) {
- ~ .#{$state}-feedback,
- ~ .#{$state}-tooltip {
- display: block;
- }
- }
-
- .form-control {
- @include form-validation-state-selector($state) {
- border-color: $color;
-
- @if $enable-validation-icons {
- padding-right: $input-height-inner;
- background-image: escape-svg($icon);
- background-repeat: no-repeat;
- background-position: right $input-height-inner-quarter center;
- background-size: $input-height-inner-half $input-height-inner-half;
- }
-
- &:focus {
- border-color: $color;
- box-shadow: $focus-box-shadow;
- }
- }
- }
-
- // stylelint-disable-next-line selector-no-qualifying-type
- textarea.form-control {
- @include form-validation-state-selector($state) {
- @if $enable-validation-icons {
- padding-right: $input-height-inner;
- background-position: top $input-height-inner-quarter right $input-height-inner-quarter;
- }
- }
- }
-
- .form-select {
- @include form-validation-state-selector($state) {
- border-color: $color;
-
- @if $enable-validation-icons {
- padding-right: $form-select-feedback-icon-padding-end;
- background-image: escape-svg($form-select-indicator), escape-svg($icon);
- background-position: $form-select-bg-position, $form-select-feedback-icon-position;
- background-size: $form-select-bg-size, $form-select-feedback-icon-size;
- }
-
- &:focus {
- border-color: $color;
- box-shadow: $focus-box-shadow;
- }
- }
- }
-
- .form-check-input {
- @include form-validation-state-selector($state) {
- border-color: $color;
-
- &:checked {
- background-color: $color;
- }
-
- &:focus {
- box-shadow: $focus-box-shadow;
- }
-
- ~ .form-check-label {
- color: $color;
- }
- }
- }
- .form-check-inline .form-check-input {
- ~ .#{$state}-feedback {
- margin-left: .5em;
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_gradients.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_gradients.scss
deleted file mode 100644
index 44167d1..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_gradients.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-// Gradients
-
-// scss-docs-start gradient-bg-mixin
-@mixin gradient-bg($color: null) {
- background-color: $color;
-
- @if $enable-gradients {
- background-image: var(--#{$variable-prefix}gradient);
- }
-}
-// scss-docs-end gradient-bg-mixin
-
-// scss-docs-start gradient-mixins
-// Horizontal gradient, from left to right
-//
-// Creates two color stops, start and end, by specifying a color and position for each color stop.
-@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
- background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
-}
-
-// Vertical gradient, from top to bottom
-//
-// Creates two color stops, start and end, by specifying a color and position for each color stop.
-@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: null, $end-percent: null) {
- background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
-}
-
-@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {
- background-image: linear-gradient($deg, $start-color, $end-color);
-}
-
-@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
- background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
-}
-
-@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
- background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
-}
-
-@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {
- background-image: radial-gradient(circle, $inner-color, $outer-color);
-}
-
-@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {
- background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
-}
-// scss-docs-end gradient-mixins
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_grid.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_grid.scss
deleted file mode 100644
index 92bb88a..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_grid.scss
+++ /dev/null
@@ -1,120 +0,0 @@
-/// Grid system
-//
-// Generate semantic grid columns with these mixins.
-
-@mixin make-row($gutter: $grid-gutter-width) {
- --#{$variable-prefix}gutter-x: #{$gutter};
- --#{$variable-prefix}gutter-y: 0;
- display: flex;
- flex-wrap: wrap;
- margin-top: calc(var(--#{$variable-prefix}gutter-y) * -1); // stylelint-disable-line function-disallowed-list
- margin-right: calc(var(--#{$variable-prefix}gutter-x) / -2); // stylelint-disable-line function-disallowed-list
- margin-left: calc(var(--#{$variable-prefix}gutter-x) / -2); // stylelint-disable-line function-disallowed-list
-}
-
-@mixin make-col-ready($gutter: $grid-gutter-width) {
- // Add box sizing if only the grid is loaded
- box-sizing: if(variable-exists(include-column-box-sizing) and $include-column-box-sizing, border-box, null);
- // Prevent columns from becoming too narrow when at smaller grid tiers by
- // always setting `width: 100%;`. This works because we set the width
- // later on to override this initial width.
- flex-shrink: 0;
- width: 100%;
- max-width: 100%; // Prevent `.col-auto`, `.col` (& responsive variants) from breaking out the grid
- padding-right: calc(var(--#{$variable-prefix}gutter-x) / 2); // stylelint-disable-line function-disallowed-list
- padding-left: calc(var(--#{$variable-prefix}gutter-x) / 2); // stylelint-disable-line function-disallowed-list
- margin-top: var(--#{$variable-prefix}gutter-y);
-}
-
-@mixin make-col($size, $columns: $grid-columns) {
- flex: 0 0 auto;
- width: percentage($size / $columns);
-}
-
-@mixin make-col-auto() {
- flex: 0 0 auto;
- width: auto;
-}
-
-@mixin make-col-offset($size, $columns: $grid-columns) {
- $num: $size / $columns;
- margin-left: if($num == 0, 0, percentage($num));
-}
-
-// Row columns
-//
-// Specify on a parent element(e.g., .row) to force immediate children into NN
-// numberof columns. Supports wrapping to new lines, but does not do a Masonry
-// style grid.
-@mixin row-cols($count) {
- > * {
- flex: 0 0 auto;
- width: 100% / $count;
- }
-}
-
-// Framework grid generation
-//
-// Used only by Bootstrap to generate the correct number of grid classes given
-// any value of `$grid-columns`.
-
-@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
- @each $breakpoint in map-keys($breakpoints) {
- $infix: breakpoint-infix($breakpoint, $breakpoints);
-
- @include media-breakpoint-up($breakpoint, $breakpoints) {
- // Provide basic `.col-{bp}` classes for equal-width flexbox columns
- .col#{$infix} {
- flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
- }
-
- .row-cols#{$infix}-auto > * {
- @include make-col-auto();
- }
-
- @if $grid-row-columns > 0 {
- @for $i from 1 through $grid-row-columns {
- .row-cols#{$infix}-#{$i} {
- @include row-cols($i);
- }
- }
- }
-
- .col#{$infix}-auto {
- @include make-col-auto();
- }
-
- @if $columns > 0 {
- @for $i from 1 through $columns {
- .col#{$infix}-#{$i} {
- @include make-col($i, $columns);
- }
- }
-
- // `$columns - 1` because offsetting by the width of an entire row isn't possible
- @for $i from 0 through ($columns - 1) {
- @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
- .offset#{$infix}-#{$i} {
- @include make-col-offset($i, $columns);
- }
- }
- }
- }
-
- // Gutters
- //
- // Make use of `.g-*`, `.gx-*` or `.gy-*` utilities to change spacing between the columns.
- @each $key, $value in $gutters {
- .g#{$infix}-#{$key},
- .gx#{$infix}-#{$key} {
- --#{$variable-prefix}gutter-x: #{$value};
- }
-
- .g#{$infix}-#{$key},
- .gy#{$infix}-#{$key} {
- --#{$variable-prefix}gutter-y: #{$value};
- }
- }
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_image.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_image.scss
deleted file mode 100644
index e1df779..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_image.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-// Image Mixins
-// - Responsive image
-// - Retina image
-
-
-// Responsive image
-//
-// Keep images from scaling beyond the width of their parents.
-
-@mixin img-fluid {
- // Part 1: Set a maximum relative to the parent
- max-width: 100%;
- // Part 2: Override the height to auto, otherwise images will be stretched
- // when setting a width and height attribute on the img element.
- height: auto;
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_list-group.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_list-group.scss
deleted file mode 100644
index 351e910..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_list-group.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-// List Groups
-
-@mixin list-group-item-variant($state, $background, $color) {
- .list-group-item-#{$state} {
- color: $color;
- background-color: $background;
-
- &.list-group-item-action {
- &:hover,
- &:focus {
- color: $color;
- background-color: shade-color($background, 10%);
- }
-
- &.active {
- color: $white;
- background-color: $color;
- border-color: $color;
- }
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_lists.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_lists.scss
deleted file mode 100644
index 2518562..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_lists.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// Lists
-
-// Unstyled keeps list items block level, just removes default browser padding and list-style
-@mixin list-unstyled {
- padding-left: 0;
- list-style: none;
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_pagination.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_pagination.scss
deleted file mode 100644
index 9cb7fd8..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_pagination.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-// Pagination
-
-@mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) {
- .page-link {
- padding: $padding-y $padding-x;
- @include font-size($font-size);
- }
-
- .page-item {
- @if $pagination-margin-start == (-$pagination-border-width) {
- &:first-child {
- .page-link {
- @include border-start-radius($border-radius);
- }
- }
-
- &:last-child {
- .page-link {
- @include border-end-radius($border-radius);
- }
- }
- } @else {
- //Add border-radius to all pageLinks in case they have left margin
- .page-link {
- @include border-radius($border-radius);
- }
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_reset-text.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_reset-text.scss
deleted file mode 100644
index 354f564..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_reset-text.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-@mixin reset-text {
- font-family: $font-family-base;
- // We deliberately do NOT reset font-size or overflow-wrap / word-wrap.
- font-style: normal;
- font-weight: $font-weight-normal;
- line-height: $line-height-base;
- text-align: left; // Fallback for where `start` is not supported
- text-align: start;
- text-decoration: none;
- text-shadow: none;
- text-transform: none;
- letter-spacing: normal;
- word-break: normal;
- word-spacing: normal;
- white-space: normal;
- line-break: auto;
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_resize.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_resize.scss
deleted file mode 100644
index 66f233a..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_resize.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// Resize anything
-
-@mixin resizable($direction) {
- overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
- resize: $direction; // Options: horizontal, vertical, both
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_table-variants.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_table-variants.scss
deleted file mode 100644
index 9fd0fb0..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_table-variants.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-// scss-docs-start table-variant
-@mixin table-variant($state, $background) {
- .table-#{$state} {
- $color: color-contrast(opaque($body-bg, $background));
- $hover-bg: mix($color, $background, percentage($table-hover-bg-factor));
- $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));
- $active-bg: mix($color, $background, percentage($table-active-bg-factor));
-
- --#{$variable-prefix}table-bg: #{$background};
- --#{$variable-prefix}table-striped-bg: #{$striped-bg};
- --#{$variable-prefix}table-striped-color: #{color-contrast($striped-bg)};
- --#{$variable-prefix}table-active-bg: #{$active-bg};
- --#{$variable-prefix}table-active-color: #{color-contrast($active-bg)};
- --#{$variable-prefix}table-hover-bg: #{$hover-bg};
- --#{$variable-prefix}table-hover-color: #{color-contrast($hover-bg)};
-
- color: $color;
- border-color: mix($color, $background, percentage($table-border-factor));
- }
-}
-// scss-docs-end table-variant
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_text-truncate.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_text-truncate.scss
deleted file mode 100644
index 3504bb1..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_text-truncate.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// Text truncate
-// Requires inline-block or block for proper styling
-
-@mixin text-truncate() {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_transition.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_transition.scss
deleted file mode 100644
index d437f6d..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_transition.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-// stylelint-disable property-disallowed-list
-@mixin transition($transition...) {
- @if length($transition) == 0 {
- $transition: $transition-base;
- }
-
- @if length($transition) > 1 {
- @each $value in $transition {
- @if $value == null or $value == none {
- @warn "The keyword 'none' or 'null' must be used as a single argument.";
- }
- }
- }
-
- @if $enable-transitions {
- @if nth($transition, 1) != null {
- transition: $transition;
- }
-
- @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {
- @media (prefers-reduced-motion: reduce) {
- transition: none;
- }
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_utilities.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_utilities.scss
deleted file mode 100644
index 4d2370a..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_utilities.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-// Utility generator
-// Used to generate utilities & print utilities
-@mixin generate-utility($utility, $infix, $is-rfs-media-query: false) {
- $values: map-get($utility, values);
-
- // If the values are a list or string, convert it into a map
- @if type-of($values) == "string" or type-of(nth($values, 1)) != "list" {
- $values: zip($values, $values);
- }
-
- @each $key, $value in $values {
- $properties: map-get($utility, property);
-
- // Multiple properties are possible, for example with vertical or horizontal margins or paddings
- @if type-of($properties) == "string" {
- $properties: append((), $properties);
- }
-
- // Use custom class if present
- $property-class: if(map-has-key($utility, class), map-get($utility, class), nth($properties, 1));
- $property-class: if($property-class == null, "", $property-class);
-
- // State params to generate pseudo-classes
- $state: if(map-has-key($utility, state), map-get($utility, state), ());
-
- $infix: if($property-class == "" and str-slice($infix, 1, 1) == "-", str-slice($infix, 2), $infix);
-
- // Don't prefix if value key is null (eg. with shadow class)
- $property-class-modifier: if($key, if($property-class == "" and $infix == "", "", "-") + $key, "");
-
- @if map-get($utility, rfs) {
- // Inside the media query
- @if $is-rfs-media-query {
- $val: rfs-value($value);
-
- // Do not render anything if fluid and non fluid values are the same
- $value: if($val == rfs-fluid-value($value), null, $val);
- }
- @else {
- $value: rfs-fluid-value($value);
- }
- }
-
- $is-rtl: map-get($utility, rtl);
-
- @if $value != null {
- @if $is-rtl == false {
- /* rtl:begin:remove */
- }
- .#{$property-class + $infix + $property-class-modifier} {
- @each $property in $properties {
- #{$property}: $value if($enable-important-utilities, !important, null);
- }
- }
-
- @each $pseudo in $state {
- .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {
- @each $property in $properties {
- #{$property}: $value if($enable-important-utilities, !important, null);
- }
- }
- }
- @if $is-rtl == false {
- /* rtl:end:remove */
- }
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_visually-hidden.scss b/app/static/assets/scss/soft-design-system/bootstrap/mixins/_visually-hidden.scss
deleted file mode 100644
index ed7bc9c..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/mixins/_visually-hidden.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Hide content visually while keeping it accessible to assistive technologies
-//
-// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
-// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
-
-@mixin visually-hidden() {
- position: absolute !important;
- width: 1px !important;
- height: 1px !important;
- padding: 0 !important;
- margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686
- overflow: hidden !important;
- clip: rect(0, 0, 0, 0) !important;
- white-space: nowrap !important;
- border: 0 !important;
-}
-
-// Use to only display content when it's focused, or one of its child elements is focused
-// (i.e. when focus is within the element/container that the class was applied to)
-//
-// Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
-
-@mixin visually-hidden-focusable() {
- &:not(:focus):not(:focus-within) {
- @include visually-hidden();
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/utilities/_api.scss b/app/static/assets/scss/soft-design-system/bootstrap/utilities/_api.scss
deleted file mode 100644
index 62e1d39..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/utilities/_api.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-// Loop over each breakpoint
-@each $breakpoint in map-keys($grid-breakpoints) {
-
- // Generate media query if needed
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- // Loop over each utility property
- @each $key, $utility in $utilities {
- // The utility can be disabled with `false`, thus check if the utility is a map first
- // Only proceed if responsive media queries are enabled or if it's the base media query
- @if type-of($utility) == "map" and (map-get($utility, responsive) or $infix == "") {
- @include generate-utility($utility, $infix);
- }
- }
- }
-}
-
-// RFS rescaling
-@media (min-width: $rfs-mq-value) {
- @each $breakpoint in map-keys($grid-breakpoints) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- @if (map-get($grid-breakpoints, $breakpoint) < $rfs-breakpoint) {
- // Loop over each utility property
- @each $key, $utility in $utilities {
- // The utility can be disabled with `false`, thus check if the utility is a map first
- // Only proceed if responsive media queries are enabled or if it's the base media query
- @if type-of($utility) == "map" and map-get($utility, rfs) and (map-get($utility, responsive) or $infix == "") {
- @include generate-utility($utility, $infix, true);
- }
- }
- }
- }
-}
-
-
-// Print utilities
-@media print {
- @each $key, $utility in $utilities {
- // The utility can be disabled with `false`, thus check if the utility is a map first
- // Then check if the utility needs print styles
- @if type-of($utility) == "map" and map-get($utility, print) == true {
- @include generate-utility($utility, "-print");
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/bootstrap/vendor/_rfs.scss b/app/static/assets/scss/soft-design-system/bootstrap/vendor/_rfs.scss
deleted file mode 100644
index 798753e..0000000
--- a/app/static/assets/scss/soft-design-system/bootstrap/vendor/_rfs.scss
+++ /dev/null
@@ -1,312 +0,0 @@
-// stylelint-disable property-blacklist, scss/dollar-variable-default
-
-// SCSS RFS mixin
-//
-// Automated responsive values for font sizes, paddings, margins and much more
-//
-// Licensed under MIT (https://github.com/twbs/rfs/blob/master/LICENSE)
-
-// Configuration
-
-// Base value
-$rfs-base-value: 1.25rem !default;
-$rfs-unit: rem !default;
-
-@if $rfs-unit != rem and $rfs-unit != px {
- @error "`#{$rfs-unit}` is not a valid unit for $rfs-unit. Use `px` or `rem`.";
-}
-
-// Breakpoint at where values start decreasing if screen width is smaller
-$rfs-breakpoint: 1200px !default;
-$rfs-breakpoint-unit: px !default;
-
-@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {
- @error "`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.";
-}
-
-// Resize values based on screen height and width
-$rfs-two-dimensional: false !default;
-
-// Factor of decrease
-$rfs-factor: 10 !default;
-
-@if type-of($rfs-factor) != number or $rfs-factor <= 1 {
- @error "`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.";
-}
-
-// Mode. Possibilities: "min-media-query", "max-media-query"
-$rfs-mode: min-media-query !default;
-
-// Generate enable or disable classes. Possibilities: false, "enable" or "disable"
-$rfs-class: false !default;
-
-// 1 rem = $rfs-rem-value px
-$rfs-rem-value: 16 !default;
-
-// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14
-$rfs-safari-iframe-resize-bug-fix: false !default;
-
-// Disable RFS by setting $enable-rfs to false
-$enable-rfs: true !default;
-
-// Cache $rfs-base-value unit
-$rfs-base-value-unit: unit($rfs-base-value);
-
-// Remove px-unit from $rfs-base-value for calculations
-@if $rfs-base-value-unit == px {
- $rfs-base-value: $rfs-base-value / ($rfs-base-value * 0 + 1);
-}
-@else if $rfs-base-value-unit == rem {
- $rfs-base-value: $rfs-base-value / ($rfs-base-value * 0 + 1 / $rfs-rem-value);
-}
-
-// Cache $rfs-breakpoint unit to prevent multiple calls
-$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);
-
-// Remove unit from $rfs-breakpoint for calculations
-@if $rfs-breakpoint-unit-cache == px {
- $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);
-}
-@else if $rfs-breakpoint-unit-cache == rem or $rfs-breakpoint-unit-cache == "em" {
- $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);
-}
-
-// Calculate the media query value
-$rfs-mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit});
-$rfs-mq-property-width: if($rfs-mode == max-media-query, max-width, min-width);
-$rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height);
-
-// Internal mixin used to determine which media query needs to be used
-@mixin _rfs-media-query {
- @if $rfs-two-dimensional {
- @if $rfs-mode == max-media-query {
- @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}), (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {
- @content;
- }
- }
- @else {
- @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) and (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {
- @content;
- }
- }
- }
- @else {
- @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {
- @content;
- }
- }
-}
-
-// Internal mixin that adds disable classes to the selector if needed.
-@mixin _rfs-rule {
- @if $rfs-class == disable and $rfs-mode == max-media-query {
- // Adding an extra class increases specificity, which prevents the media query to override the property
- &,
- .disable-rfs &,
- &.disable-rfs {
- @content;
- }
- }
- @else if $rfs-class == enable and $rfs-mode == min-media-query {
- .enable-rfs &,
- &.enable-rfs {
- @content;
- }
- }
- @else {
- @content;
- }
-}
-
-// Internal mixin that adds enable classes to the selector if needed.
-@mixin _rfs-media-query-rule {
-
- @if $rfs-class == enable {
- @if $rfs-mode == min-media-query {
- @content;
- }
-
- @include _rfs-media-query {
- .enable-rfs &,
- &.enable-rfs {
- @content;
- }
- }
- }
- @else {
- @if $rfs-class == disable and $rfs-mode == min-media-query {
- .disable-rfs &,
- &.disable-rfs {
- @content;
- }
- }
- @include _rfs-media-query {
- @content;
- }
- }
-}
-
-// Helper function to get the formatted non-responsive value
-@function rfs-value($values) {
- // Convert to list
- $values: if(type-of($values) != list, ($values,), $values);
-
- $val: '';
-
- // Loop over each value and calculate value
- @each $value in $values {
- @if $value == 0 {
- $val: $val + ' 0';
- }
- @else {
- // Cache $value unit
- $unit: if(type-of($value) == "number", unit($value), false);
-
- @if $unit == px {
- // Convert to rem if needed
- $val: $val + ' ' + if($rfs-unit == rem, #{$value / ($value * 0 + $rfs-rem-value)}rem, $value);
- }
- @else if $unit == rem {
- // Convert to px if needed
- $val: $val + ' ' + if($rfs-unit == px, #{$value / ($value * 0 + 1) * $rfs-rem-value}px, $value);
- }
- @else {
- // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
- $val: $val + ' ' + $value;
- }
- }
- }
-
- // Remove first space
- @return unquote(str-slice($val, 2));
-}
-
-// Helper function to get the responsive value calculated by RFS
-@function rfs-fluid-value($values) {
- // Convert to list
- $values: if(type-of($values) != list, ($values,), $values);
-
- $val: '';
-
- // Loop over each value and calculate value
- @each $value in $values {
- @if $value == 0 {
- $val: $val + ' 0';
- }
-
- @else {
- // Cache $value unit
- $unit: if(type-of($value) == "number", unit($value), false);
-
- // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
- @if not $unit or $unit != px and $unit != rem {
- $val: $val + ' ' + $value;
- }
-
- @else {
- // Remove unit from $value for calculations
- $value: $value / ($value * 0 + if($unit == px, 1, 1 / $rfs-rem-value));
-
- // Only add the media query if the value is greater than the minimum value
- @if abs($value) <= $rfs-base-value or not $enable-rfs {
- $val: $val + ' ' + if($rfs-unit == rem, #{$value / $rfs-rem-value}rem, #{$value}px);
- }
- @else {
- // Calculate the minimum value
- $value-min: $rfs-base-value + (abs($value) - $rfs-base-value) / $rfs-factor;
-
- // Calculate difference between $value and the minimum value
- $value-diff: abs($value) - $value-min;
-
- // Base value formatting
- $min-width: if($rfs-unit == rem, #{$value-min / $rfs-rem-value}rem, #{$value-min}px);
-
- // Use negative value if needed
- $min-width: if($value < 0, -$min-width, $min-width);
-
- // Use `vmin` if two-dimensional is enabled
- $variable-unit: if($rfs-two-dimensional, vmin, vw);
-
- // Calculate the variable width between 0 and $rfs-breakpoint
- $variable-width: #{$value-diff * 100 / $rfs-breakpoint}#{$variable-unit};
-
- // Return the calculated value
- $val: $val + ' calc(' + $min-width + if($value < 0, ' - ', ' + ') + $variable-width + ')';
- }
- }
- }
- }
-
- // Remove first space
- @return unquote(str-slice($val, 2));
-}
-
-// RFS mixin
-@mixin rfs($values, $property: font-size) {
- @if $values != null {
- $val: rfs-value($values);
- $fluidVal: rfs-fluid-value($values);
-
- // Do not print the media query if responsive & non-responsive values are the same
- @if $val == $fluidVal {
- #{$property}: $val;
- }
- @else {
- @include _rfs-rule {
- #{$property}: if($rfs-mode == max-media-query, $val, $fluidVal);
-
- // Include safari iframe resize fix if needed
- min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);
- }
-
- @include _rfs-media-query-rule {
- #{$property}: if($rfs-mode == max-media-query, $fluidVal, $val);
- }
- }
- }
-}
-
-// Shorthand helper mixins
-@mixin font-size($value) {
- @include rfs($value);
-}
-
-@mixin padding($value) {
- @include rfs($value, padding);
-}
-
-@mixin padding-top($value) {
- @include rfs($value, padding-top);
-}
-
-@mixin padding-right($value) {
- @include rfs($value, padding-right);
-}
-
-@mixin padding-bottom($value) {
- @include rfs($value, padding-bottom);
-}
-
-@mixin padding-left($value) {
- @include rfs($value, padding-left);
-}
-
-@mixin margin($value) {
- @include rfs($value, margin);
-}
-
-@mixin margin-top($value) {
- @include rfs($value, margin-top);
-}
-
-@mixin margin-right($value) {
- @include rfs($value, margin-right);
-}
-
-@mixin margin-bottom($value) {
- @include rfs($value, margin-bottom);
-}
-
-@mixin margin-left($value) {
- @include rfs($value, margin-left);
-}
diff --git a/app/static/assets/scss/soft-design-system/cards/card-background.scss b/app/static/assets/scss/soft-design-system/cards/card-background.scss
deleted file mode 100644
index bdefed7..0000000
--- a/app/static/assets/scss/soft-design-system/cards/card-background.scss
+++ /dev/null
@@ -1,118 +0,0 @@
-.card {
- &.card-background {
- align-items: $card-bg-align-items;
-
- .full-background {
- background-position: $card-full-bg-bg-position;
- background-size: $card-full-bg-bg-size;
- margin-bottom: $card-full-bg-mb;
- width: $card-full-bg-width;
- height: $card-full-bg-height;
- position: $card-full-bg-position;
- border-radius: $card-border-radius;
- }
-
- .card-body {
- color: $white;
- position: $card-bg-body-position;
- z-index: $card-bg-body-z-index;
-
- .content-center,
- .content-left {
- min-height: $card-bg-content-min-height;
- max-width: $card-bg-content-max-width;
- padding-top: $card-bg-content-pt;
- padding-bottom: $card-bg-content-pb;
- }
- .content-center {
- text-align: center;
- }
- &.body-left {
- width: $card-bg-body-left-width;
- }
-
- .author {
- .name {
- span,
- .stats {
- color: $white;
- }
- }
- }
- }
-
- &:after {
- position: $card-bg-filter-position;
- top: $card-bg-filter-top;
- bottom: $card-bg-filter-bottom;
- left: $card-bg-filter-left;
- height: $card-bg-filter-height;
- width: $card-bg-filter-width;
- z-index: $card-bg-filter-z-index;
- display: $card-bg-filter-display;
- content: $card-bg-filter-content;
- background: $card-bg-filter-bg;
- border-radius: $card-border-radius;
- }
-
- &.card-background-mask-primary{
- &:before {
- background: $card-bg-filter-mask-bg;
- }
- &:after {
- @include gradient-directional($primary-gradient 0%, $primary-gradient-state 100%, $deg: 310deg);
- opacity: .85;
- }
- }
-
- &.card-background-mask-info{
- &:before {
- background: $card-bg-filter-mask-bg;
- }
- &:after {
- @include gradient-directional($info-gradient 0%, $info-gradient-state 100%, $deg: 310deg);
- opacity: .85;
- }
- }
-
- &.card-background-mask-success{
- &:before {
- background: $card-bg-filter-mask-bg;
- }
- &:after {
- @include gradient-directional($success-gradient 0%, $success-gradient-state 100%, $deg: 310deg);
- opacity: .85;
- }
- }
-
- &.card-background-mask-warning{
- &:before {
- background: $card-bg-filter-mask-bg;
- }
- &:after {
- @include gradient-directional($warning-gradient 0%, $warning-gradient-state 100%, $deg: 310deg);
- opacity: .85;
- }
- }
-
- &.card-background-mask-danger{
- &:before {
- background: $card-bg-filter-mask-bg;
- }
- &:after {
- @include gradient-directional($danger-gradient 0%, $danger-gradient-state 100%, $deg: 310deg);
- opacity: .85;
- }
- }
-
- .card-category {
- font-size: $font-size-sm;
- font-weight: $font-weight-bold;
- }
-
- .card-description {
- margin-top: $card-bg-description-margin;
- margin-bottom: $card-bg-description-margin;
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/custom/_styles.scss b/app/static/assets/scss/soft-design-system/custom/_styles.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/app/static/assets/scss/soft-design-system/custom/_variables.scss b/app/static/assets/scss/soft-design-system/custom/_variables.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/app/static/assets/scss/soft-design-system/forms/_form-check.scss b/app/static/assets/scss/soft-design-system/forms/_form-check.scss
deleted file mode 100644
index 3fcd414..0000000
--- a/app/static/assets/scss/soft-design-system/forms/_form-check.scss
+++ /dev/null
@@ -1,72 +0,0 @@
-.form-check:not(.form-switch) .form-check-input {
- &[type="checkbox"],
- &[type="radio"] {
- border: 1px solid darken($gray-200, 10%);
- margin-top: $form-text-margin-top;
- position: relative;
-
- &:checked {
- border: 0;
- }
- }
-
- &[type="checkbox"] {
- &:after {
- transition: opacity $form-check-transition-time ease-in-out;
- font-family: "FontAwesome";
- content: "\f00c";
- width: 100%;
- height: 100%;
- color: $form-check-input-checked-color;
- position: absolute;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: $font-size-sm - .205;
- opacity: 0;
- }
-
- &:checked:after {
- opacity: 1;
- }
- }
-
- &[type="radio"] {
- transition: border 0s;
-
- &:after {
- transition: opacity $form-check-transition-time ease-in-out;
- content: "";
- position: absolute;
- width: $form-check-radio-after-width;
- height: $form-check-radio-after-width;
- border-radius: 50%;
- background-color: $white;
- opacity: 0;
- }
-
- &:checked {
- padding: 6px;
- }
-
- &:checked:after {
- opacity: 1;
- }
- }
-}
-
-.form-check-label,
-.form-check-input[type="checkbox"] {
- cursor: pointer;
-}
-
-.form-check-label{
- font-size:$font-size-sm;
- font-weight: $font-weight-normal;
-}
-
-.form-check-input{
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
-}
diff --git a/app/static/assets/scss/soft-design-system/forms/_form-select.scss b/app/static/assets/scss/soft-design-system/forms/_form-select.scss
deleted file mode 100644
index 292dc2e..0000000
--- a/app/static/assets/scss/soft-design-system/forms/_form-select.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.form-select {
- transition: $input-transition;
-}
diff --git a/app/static/assets/scss/soft-design-system/forms/_form-switch.scss b/app/static/assets/scss/soft-design-system/forms/_form-switch.scss
deleted file mode 100644
index d0446c0..0000000
--- a/app/static/assets/scss/soft-design-system/forms/_form-switch.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-.form-switch{
- .form-check-input{
- border: 1px solid $gray-200;
- position: relative;
- background-color: rgba($dark-gradient-state, .1);
- height: $form-check-input-width + .02;
-
- &:after {
- transition: transform $form-check-transition-time ease-in-out, background-color $form-check-transition-time ease-in-out;
- content: "";
- width: $form-switch-check-after-width;
- height: $form-switch-check-after-width;
- border-radius: 50%;
- position: absolute;
- background-color: $white;
- transform: translateX($form-switch-translate-x-start);
- box-shadow: $form-switch-round-box-shadow;
- top: 1px;
- }
-
- &:checked:after {
- transform: translateX($form-switch-translate-x-end);
- }
-
- &:checked {
- border-color: rgba($dark-gradient-state, .95);
- background-color: rgba($dark-gradient-state, .95);
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/forms/_forms.scss b/app/static/assets/scss/soft-design-system/forms/_forms.scss
deleted file mode 100644
index 096263b..0000000
--- a/app/static/assets/scss/soft-design-system/forms/_forms.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-@import 'input-group';
-@import 'form-check';
-@import 'form-switch';
-@import 'form-select';
-@import 'labels';
-@import 'inputs';
diff --git a/app/static/assets/scss/soft-design-system/forms/_input-group.scss b/app/static/assets/scss/soft-design-system/forms/_input-group.scss
deleted file mode 100644
index 5761434..0000000
--- a/app/static/assets/scss/soft-design-system/forms/_input-group.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-.input-group {
- @include border-radius($input-border-radius, 0);
-
- &,
- .input-group-text {
- transition: $input-transition;
- }
-
- & > :not(:first-child):not(.dropdown-menu) {
- margin-left: 0;
- }
-
- .form-control {
- &:focus {
- border-left: $input-border-width solid $input-focus-border-color !important;
- border-right: $input-border-width solid $input-focus-border-color !important;
- }
-
- &:not(:first-child) {
- border-left: 0;
- padding-left: 0;
- }
- &:not(:last-child) {
- border-right: 0;
- padding-right: 0;
- }
-
- & + .input-group-text {
- border-left: 0;
- border-right: $input-border-width solid $input-border-color;
- }
- }
-
- .input-group-text {
- border-right: 0;
- }
-}
-
-
-.form-group {
- margin-bottom: 1rem;
-}
diff --git a/app/static/assets/scss/soft-design-system/forms/_inputs.scss b/app/static/assets/scss/soft-design-system/forms/_inputs.scss
deleted file mode 100644
index f343dfa..0000000
--- a/app/static/assets/scss/soft-design-system/forms/_inputs.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-.form-control{
- &.is-invalid{
- &:focus{
- box-shadow: 0 0 0 2px rgba($form-feedback-invalid-color, .6);
- }
- }
-
- &.is-valid{
- &:focus{
- box-shadow: 0 0 0 2px rgba($form-feedback-valid-color, .65);
- }
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/forms/_labels.scss b/app/static/assets/scss/soft-design-system/forms/_labels.scss
deleted file mode 100644
index 5117f69..0000000
--- a/app/static/assets/scss/soft-design-system/forms/_labels.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-//
-// Labels
-//
-
-label,
-.form-label {
- font-size: $form-label-font-size;
- font-weight: $form-label-font-weight;
- margin-bottom: $form-label-margin-bottom;
- color: $form-label-color;
- margin-left: $form-label-margin-left;
-}
diff --git a/app/static/assets/scss/soft-design-system/mixins/_hover.scss b/app/static/assets/scss/soft-design-system/mixins/_hover.scss
deleted file mode 100644
index 19872ff..0000000
--- a/app/static/assets/scss/soft-design-system/mixins/_hover.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-
-@mixin hover() {
- &:hover { @content; }
-}
-
-@mixin hover-focus() {
- &:hover,
- &:focus {
- @content;
- }
-}
-
-@mixin plain-hover-focus() {
- &,
- &:hover,
- &:focus {
- @content;
- }
-}
-
-@mixin hover-focus-active() {
- &:hover,
- &:focus,
- &:active {
- @content;
- }
-}
diff --git a/app/static/assets/scss/soft-design-system/mixins/mixins.scss b/app/static/assets/scss/soft-design-system/mixins/mixins.scss
deleted file mode 100644
index 213b48f..0000000
--- a/app/static/assets/scss/soft-design-system/mixins/mixins.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import "hover";
diff --git a/app/static/assets/scss/soft-design-system/theme.scss b/app/static/assets/scss/soft-design-system/theme.scss
deleted file mode 100644
index f499cca..0000000
--- a/app/static/assets/scss/soft-design-system/theme.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-/*!
-
-=========================================================
-* Soft UI Design System - v1.0.1
-=========================================================
-
-* Product Page: https://www.creative-tim.com/product/soft-ui-design-system
-* Copyright 2021 Creative Tim (https://www.creative-tim.com)
-* Licensed under MIT (site.license)
-
-* Coded by www.creative-tim.com
-
-=========================================================
-
-* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-*/
-
-// {{ site.product.name }} components
-
-// Mixin
-@import "mixins/mixins";
-
-// Core Components - extra styling
-@import "alert";
-@import "avatars/avatar";
-@import "buttons";
-@import "cards";
-@import "dropdown";
-@import "forms/forms";
-@import "footer";
-@import "gradients";
-@import "header";
-@import "info-areas";
-@import "misc";
-@import "navbar";
-@import "nav";
-@import "pagination";
-@import "popovers";
-@import "progress";
-@import "typography";
-@import "tooltips";
-@import "utilities";
-
-// Plugins
-@import "vendor/plugins";
diff --git a/app/static/assets/scss/soft-design-system/variables/_animations.scss b/app/static/assets/scss/soft-design-system/variables/_animations.scss
deleted file mode 100644
index 329eedd..0000000
--- a/app/static/assets/scss/soft-design-system/variables/_animations.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-// 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;
diff --git a/app/static/assets/scss/soft-design-system/variables/_avatars.scss b/app/static/assets/scss/soft-design-system/variables/_avatars.scss
deleted file mode 100644
index 5e2fc68..0000000
--- a/app/static/assets/scss/soft-design-system/variables/_avatars.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-// 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;
diff --git a/app/static/assets/scss/soft-design-system/variables/_cards.scss b/app/static/assets/scss/soft-design-system/variables/_cards.scss
deleted file mode 100644
index 0b8e791..0000000
--- a/app/static/assets/scss/soft-design-system/variables/_cards.scss
+++ /dev/null
@@ -1,62 +0,0 @@
-$card-box-shadow: 0 20px 27px 0 rgba(0,0,0,0.05) !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;
diff --git a/app/static/assets/scss/soft-design-system/variables/_choices.scss b/app/static/assets/scss/soft-design-system/variables/_choices.scss
deleted file mode 100644
index 07f6780..0000000
--- a/app/static/assets/scss/soft-design-system/variables/_choices.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-$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;
diff --git a/app/static/assets/scss/soft-design-system/variables/_dropdowns.scss b/app/static/assets/scss/soft-design-system/variables/_dropdowns.scss
deleted file mode 100644
index af234f6..0000000
--- a/app/static/assets/scss/soft-design-system/variables/_dropdowns.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-$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-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: 8px !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;
diff --git a/app/static/assets/scss/soft-design-system/variables/_form-switch.scss b/app/static/assets/scss/soft-design-system/variables/_form-switch.scss
deleted file mode 100644
index ccf9b5b..0000000
--- a/app/static/assets/scss/soft-design-system/variables/_form-switch.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-$slider-dim: 15px !default;
-$slider-position: 2px !default;
-$moving-circle: translateX(21px) !default;
diff --git a/app/static/assets/scss/soft-design-system/variables/_header.scss b/app/static/assets/scss/soft-design-system/variables/_header.scss
deleted file mode 100644
index 41864e6..0000000
--- a/app/static/assets/scss/soft-design-system/variables/_header.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-$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;
diff --git a/app/static/assets/scss/soft-design-system/variables/_info-areas.scss b/app/static/assets/scss/soft-design-system/variables/_info-areas.scss
deleted file mode 100644
index ff7a5ba..0000000
--- a/app/static/assets/scss/soft-design-system/variables/_info-areas.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-$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: 11px !default;
-$info-icon-top-xs: -4px !default;
-$info-icon-top-sm: 2px !default;
-$info-icon-top-md: 22% !default;
-$info-icon-top-lg: 31% !default;
-$info-icon-top-xl: 37% !default;
-$info-icon-position: relative !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;
diff --git a/app/static/assets/scss/soft-design-system/variables/_misc.scss b/app/static/assets/scss/soft-design-system/variables/_misc.scss
deleted file mode 100644
index 277ece6..0000000
--- a/app/static/assets/scss/soft-design-system/variables/_misc.scss
+++ /dev/null
@@ -1,59 +0,0 @@
-// 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-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;
-
-// 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;
diff --git a/app/static/assets/scss/soft-design-system/variables/_navbar.scss b/app/static/assets/scss/soft-design-system/variables/_navbar.scss
deleted file mode 100644
index 013bfa9..0000000
--- a/app/static/assets/scss/soft-design-system/variables/_navbar.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-// 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;
diff --git a/app/static/assets/scss/soft-design-system/variables/_pagination.scss b/app/static/assets/scss/soft-design-system/variables/_pagination.scss
deleted file mode 100644
index 46a54a0..0000000
--- a/app/static/assets/scss/soft-design-system/variables/_pagination.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-// 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;
diff --git a/app/static/assets/scss/soft-design-system/variables/_utilities.scss b/app/static/assets/scss/soft-design-system/variables/_utilities.scss
deleted file mode 100644
index 4b8a4f9..0000000
--- a/app/static/assets/scss/soft-design-system/variables/_utilities.scss
+++ /dev/null
@@ -1,274 +0,0 @@
-// 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-50-min-height: 50vh !default;
-$section-height-75-min-height: 75vh !default;
-$section-height-85-min-height: 85vh !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 margins utilities variables - CT
-$opacity-0: 0 !default;
-$opacity-1: .1 !default;
-$opacity-2: .2 !default;
-$opacity-3: .3 !default;
-$opacity-4: .4 !default;
-$opacity-5: .5 !default;
-$opacity-6: .6 !default;
-$opacity-7: .7 !default;
-$opacity-8: .8 !default;
-$opacity-9: .9 !default;
-$opacity-10: 1 !default;
-
-// Z-index
-$z-index: (
- "0": 0,
- "1": 1,
- "2": 2,
- "3": 3
-) !default;
-
-// extra right values variables - CT
-$right-0: 0% !default;
-$right-1: 1% !default;
-$right-2: 2% !default;
-$right-3: 3% !default;
-$right-4: 4% !default;
-$right-5: 5% !default;
-$right-6: 6% !default;
-$right-7: 7% !default;
-$right-8: 8% !default;
-$right-9: 9% !default;
-$right-10: 10% !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;
-
-
-// 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;
-
-// 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: 200px !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: 200px !default;
-$max-height-300: 300px !default;
-$max-height-400: 400px !default;
-$max-height-500: 500px !default;
-$max-height-600: 600px !default;
-
-// letter spacing - CT
-$letter-spacing-1: 1px !default;
-$letter-spacing-2: 2px !default;
-$letter-spacing-3: 3px !default;
-$letter-spacing-4: 4px !default;
-$letter-spacing-5: 5px !default;
-
-// top values - CT
-$top-1: 1rem !default;
-$top-2: 2rem !default;
-$top-3: 3rem !default;
-$top-4: 4rem !default;
-$top-5: 5rem !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;
-
-// Extra Opacity values Map
-$opacities: (
- "0": $opacity-0,
- "1": $opacity-1,
- "2": $opacity-2,
- "3": $opacity-3,
- "4": $opacity-4,
- "5": $opacity-5,
- "6": $opacity-6,
- "7": $opacity-7,
- "8": $opacity-8,
- "9": $opacity-9,
- "10": $opacity-10
-) !default;
-
-$end: (
- "0": $right-0,
- "1": $right-1,
- "2": $right-2,
- "3": $right-3,
- "4": $right-4,
- "5": $right-5,
- "6": $right-6,
- "7": $right-7,
- "8": $right-8,
- "9": $right-9,
- "10": $right-10
-) !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,
- "45": $width-45
-) !default;
-
-$max-width: (
- "100": $max-width-100,
- "200": $max-width-200,
- "300": $max-width-300,
- "400": $max-width-400,
- "500": $max-width-500
-) !default;
-
-$height: (
- "100": $height-100,
- "200": $height-200,
- "300": $height-300,
- "400": $height-400,
- "500": $height-500
-) !default;
-
-$min-height: (
- "100": $min-height-100,
- "150": $min-height-150,
- "160": $min-height-160,
- "200": $min-height-200,
- "250": $min-height-250,
- "300": $min-height-300,
- "400": $min-height-400,
- "500": $min-height-500,
- "600": $min-height-600
-) !default;
-
-$max-height: (
- "100": $max-height-100,
- "150": $max-height-150,
- "160": $max-height-160,
- "200": $max-height-200,
- "250": $max-height-250,
- "300": $max-height-300,
- "400": $max-height-400,
- "500": $max-height-500,
- "600": $max-height-600
-) !default;
-
-$letterSpacing: (
- "1": $letter-spacing-1,
- "2": $letter-spacing-2,
- "3": $letter-spacing-3,
- "4": $letter-spacing-4,
- "5": $letter-spacing-5
-) !default;
-
-
-$top: (
- "1": $top-1,
- "2": $top-2,
- "3": $top-3,
- "4": $top-4,
- "5": $top-5
-) !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;
diff --git a/app/static/assets/scss/soft-design-system/vendor/_choices.scss b/app/static/assets/scss/soft-design-system/vendor/_choices.scss
deleted file mode 100644
index 5ed69fe..0000000
--- a/app/static/assets/scss/soft-design-system/vendor/_choices.scss
+++ /dev/null
@@ -1,454 +0,0 @@
-/*===============================
-= Choices =
-===============================*/
-.choices {
- position: relative;
- margin-bottom: 24px;
- font-size: 16px;
-}
-
-.choices:focus {
- outline: none;
-}
-
-.choices:last-child {
- margin-bottom: 0;
-}
-
-.choices.is-disabled .choices__inner,
-.choices.is-disabled .choices__input {
- background-color: #eaeaea;
- cursor: not-allowed;
- -webkit-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-.choices.is-disabled .choices__item {
- cursor: not-allowed;
-}
-
-.choices [hidden] {
- display: none !important;
-}
-
-.choices[data-type*='select-one'] {
- cursor: pointer;
-}
-
-.choices[data-type*='select-one'] .choices__inner {
- padding-bottom: 7.5px;
-}
-
-.choices[data-type*='select-one'] .choices__input {
- display: block;
- width: 100%;
- padding: 10px;
- border-bottom: 1px solid #dddddd;
- background-color: #ffffff;
- margin: 0;
-}
-
-.choices[data-type*='select-one'] .choices__button {
- background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
- padding: 0;
- background-size: 8px;
- position: absolute;
- top: 50%;
- right: 0;
- margin-top: -10px;
- margin-right: 25px;
- height: 20px;
- width: 20px;
- border-radius: 10em;
- opacity: 0.5;
-}
-
-.choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
- opacity: 1;
-}
-
-.choices[data-type*='select-one'] .choices__button:focus {
- box-shadow: 0px 0px 0px 2px #00bcd4;
-}
-
-.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
- display: none;
-}
-
-.choices[data-type*='select-one']:after {
- content: "\f107";
- font: normal normal normal 14px/1 FontAwesome;
- position: absolute;
- right: 13.5px;
- top: 14px;
- pointer-events: none;
- transition: $dropdown-toggle-arrow-transition;
-}
-
-.choices[data-type*='select-one'].is-open:after {
- transform: $dropdown-toggle-arrow-transform;
-}
-
-.choices[data-type*='select-one'][dir='rtl']:after {
- left: 11.5px;
- right: auto;
-}
-
-.choices[data-type*='select-one'][dir='rtl'] .choices__button {
- right: auto;
- left: 0;
- margin-left: 25px;
- margin-right: 0;
-}
-
-.choices[data-type*='select-multiple'] .choices__inner,
-.choices[data-type*='text'] .choices__inner {
- cursor: text;
-}
-
-.choices[data-type*='select-multiple'] .choices__button,
-.choices[data-type*='text'] .choices__button {
- position: relative;
- display: inline-block;
- margin-top: 0;
- margin-right: -6px;
- margin-bottom: 0;
- margin-left: 8px;
- padding-left: 17px;
- border-left: 1px solid rgba($white, .3);
- background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
- background-size: 8px;
- width: 8px;
- line-height: 1;
- opacity: 0.75;
- border-radius: 0;
- transition: $transition-base;
-}
-
-.choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus,
-.choices[data-type*='text'] .choices__button:hover,
-.choices[data-type*='text'] .choices__button:focus {
- opacity: 1;
-}
-
-.choices__inner {
- display: flex;
- align-items: center;
- vertical-align: top;
- width: 100%;
- // background-color: #f9f9f9;
- padding: $input-padding-y $input-padding-x;
- border: 1px solid $input-border-color;
- border-radius: .5rem;
- font-size: 14px;
- min-height: 40px;
- overflow: hidden;
-}
-
-.is-focused .choices__inner,
-.is-open .choices__inner {
- border-color: #b7b7b7;
-}
-
-.is-open .choices__inner {
- border-radius: 2.5px 2.5px 0 0;
-}
-
-.is-flipped.is-open .choices__inner {
- border-radius: 0 0 2.5px 2.5px;
-}
-
-.choices__list {
- margin: 0;
- padding-left: 0;
- list-style: none;
-}
-
-.choices__list--single {
- display: inline-block;
- // padding: 4px 16px 4px 4px;
- width: 100%;
-}
-
-[dir='rtl'] .choices__list--single {
- padding-right: 4px;
- padding-left: 16px;
-}
-
-.choices__list--single .choices__item {
- width: 100%;
-}
-
-.choices__list--multiple {
- display: inline;
-}
-
-.choices__list--multiple .choices__item {
- display: inline-block;
- vertical-align: middle;
- border-radius: 20px;
- padding: 4px 10px;
- font-size: 12px;
- font-weight: 500;
- margin-right: 3.75px;
- margin-bottom: 3.75px;
- background-color: $dark-gradient-state;
- border: 1px solid $dark-gradient-state;
- color: #ffffff;
- word-break: break-all;
- box-sizing: border-box;
-}
-
-.choices__list--multiple .choices__item[data-deletable] {
- padding-right: 5px;
-}
-
-[dir='rtl'] .choices__list--multiple .choices__item {
- margin-right: 0;
- margin-left: 3.75px;
-}
-
-.choices__list--multiple .choices__item.is-highlighted {
- background-color: #00a5bb;
- border: 1px solid #008fa1;
-}
-
-.is-disabled .choices__list--multiple .choices__item {
- background-color: #aaaaaa;
- border: 1px solid #919191;
-}
-
-.choices__list--dropdown {
- visibility: hidden;
- z-index: 1;
- position: absolute;
- width: 100%;
- background-color: #ffffff;
- border: 1px solid #dddddd;
- top: 100%;
- margin-top: -1px;
- border-bottom-left-radius: 2.5px;
- border-bottom-right-radius: 2.5px;
- word-break: break-all;
- will-change: visibility;
-}
-
-.choices__list--dropdown.is-active {
- visibility: visible;
-}
-
-.is-open .choices__list--dropdown {
- border-color: #b7b7b7;
-}
-
-.is-flipped .choices__list--dropdown {
- top: auto;
- bottom: 200%;
- margin-top: 0;
- margin-bottom: -1px;
- border-radius: $choices-border-radius;
-}
-
-.choices__list--dropdown .choices__list {
- position: relative;
- max-height: 300px;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- will-change: scroll-position;
-}
-
-.choices__list--dropdown .choices__item {
- position: relative;
- padding: $dropdown-item-padding-y $dropdown-item-padding-x;
- @include font-size($dropdown-font-size);
- border-radius: $border-radius-md;
- transition: background-color $dropdown-transition-time, color $dropdown-transition-time;
-}
-
-[dir='rtl'] .choices__list--dropdown .choices__item {
- text-align: right;
-}
-
-@media (min-width: 640px) {
- .choices__list--dropdown .choices__item--selectable {
- padding-right: 100px;
- }
- .choices__list--dropdown .choices__item--selectable:after {
- content: attr(data-select-text);
- font-size: 12px;
- opacity: 0;
- position: absolute;
- right: 10px;
- top: 50%;
- transform: translateY(-50%);
- transition: opacity $dropdown-transition-time;
- }
- [dir='rtl'] .choices__list--dropdown .choices__item--selectable {
- text-align: right;
- padding-left: 100px;
- padding-right: 10px;
- }
- [dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
- right: auto;
- left: 10px;
- }
-}
-
-.choices__list--dropdown .choices__item--selectable.is-highlighted {
- background-color: #f2f2f2;
-}
-
-.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
- opacity: 0.5;
-}
-
-.choices__item {
- cursor: default;
-}
-
-.choices__item--selectable {
- cursor: pointer;
-}
-
-.choices__item--disabled {
- cursor: not-allowed;
- -webkit-user-select: none;
- -ms-user-select: none;
- user-select: none;
- opacity: 0.5;
-}
-
-.choices__heading {
- font-weight: 600;
- font-size: 12px;
- padding: 10px;
- border-bottom: 1px solid #f7f7f7;
- color: gray;
-}
-
-.choices__button {
- text-indent: -9999px;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border: 0;
- background-color: transparent;
- background-repeat: no-repeat;
- background-position: center;
- cursor: pointer;
-}
-
-.choices__button:focus {
- outline: none;
-}
-
-.choices__input {
- display: inline-block;
- vertical-align: baseline;
- background-color: $white;
- font-size: 14px;
- margin-bottom: 5px;
- border: 0;
- border-radius: 0;
- max-width: 100%;
- padding: 4px 0 4px 2px;
-}
-
-.choices__input:focus {
- outline: 0;
-}
-
-[dir='rtl'] .choices__input {
- padding-right: 2px;
- padding-left: 0;
-}
-
-.choices__placeholder {
- opacity: 0.5;
-}
-
-/*===== End of Choices ======*/
-
-
-///////////// Creative Tim Changes
-
-.is-open .choices__inner{
- border-radius: $choices-border-radius;
-}
-
-.choices__list--dropdown{
- display: block;
- opacity: 0;
- top: 19px;
- transform-origin: $dropdown-transform-origin;
- pointer-events: none;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- will-change: transform,box-shadow;
- border: none;
- border-radius: $choices-border-radius;
- box-shadow: $choices-box-shadow;
- transform: $choices-transform;
- padding: $choices-padding-y $choices-padding-x;
- transition: $choices-transition;
-
- &.is-active{
- transform: $dropdown-transform-show;
- opacity: 1;
- display: block;
- pointer-events: auto;
-
- &:before {
- top: $dropdown-hover-arrow-active-top;
- }
- }
-
- // .is-flipped &.is-active {
- // transform: $dropup-transform-show;
- // }
-
- &:before {
- font-family: "FontAwesome";
- content: "\f0d8";
- position: absolute;
- top: 0;
- left: $dropdown-animation-arrow-left-position;
- right: auto;
- font-size: $dropdown-animation-arrow-font-size;
- color: $white;
- transition: $dropdown-animation-arrow-transition;
- }
-}
-
-// .choices__item--choice{
-// color: $dark;
-// }
-
-.choices[data-type*=select-one] .choices__input{
- border-bottom-color: $gray-100;
-}
-
-.choices__list--dropdown .choices__item--selectable.is-highlighted{
- background: $dropdown-link-hover-bg;
- color: $dropdown-link-hover-color;
-}
-
-.is-focused .choices__inner,
-.is-open .choices__inner{
- box-shadow: $input-focus-box-shadow;
- border-color: $input-focus-border-color;
-}
-
-@each $name, $value in $theme-colors {
- @if $name == 'dark' {
- $value: $dark-gradient-state;
- }
- .choices-#{$name} {
- background-color: $value;
- }
-}
-
-
-
-/////////////
diff --git a/app/static/assets/scss/soft-design-system/vendor/_flatpickr.scss b/app/static/assets/scss/soft-design-system/vendor/_flatpickr.scss
deleted file mode 100644
index c094292..0000000
--- a/app/static/assets/scss/soft-design-system/vendor/_flatpickr.scss
+++ /dev/null
@@ -1,876 +0,0 @@
-.flatpickr-calendar {
- background: transparent;
- opacity: 0;
- display: none;
- text-align: center;
- visibility: hidden;
- padding: 0;
- -webkit-animation: none;
- animation: none;
- direction: ltr;
- border: 0;
- font-size: 14px;
- line-height: 24px;
- border-radius: 5px;
- position: absolute;
- width: 307.875px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- -ms-touch-action: manipulation;
- touch-action: manipulation;
- background: #fff;
- -webkit-box-shadow: $box-shadow-lg;
-}
-.flatpickr-calendar.open,
-.flatpickr-calendar.inline {
- opacity: 1;
- max-height: 640px;
- visibility: visible;
-}
-.flatpickr-calendar.open {
- display: inline-block;
- z-index: 99999;
-}
-.flatpickr-calendar.animate.open {
- -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
- animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
-}
-.flatpickr-calendar.inline {
- display: block;
- position: relative;
- top: 2px;
-}
-.flatpickr-calendar.static {
- position: absolute;
- top: calc(100% + 2px);
-}
-.flatpickr-calendar.static.open {
- z-index: 999;
- display: block;
-}
-.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
- -webkit-box-shadow: none !important;
- box-shadow: none !important;
-}
-.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
- -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
- box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
-}
-.flatpickr-calendar .hasWeeks .dayContainer,
-.flatpickr-calendar .hasTime .dayContainer {
- border-bottom: 0;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
-.flatpickr-calendar .hasWeeks .dayContainer {
- border-left: 0;
-}
-.flatpickr-calendar.hasTime .flatpickr-time {
- height: 40px;
- border-top: 1px solid #e6e6e6;
-}
-.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
- height: auto;
-}
-.flatpickr-calendar:before,
-.flatpickr-calendar:after {
- position: absolute;
- display: block;
- pointer-events: none;
- border: solid transparent;
- content: '';
- height: 0;
- width: 0;
- left: 22px;
-}
-.flatpickr-calendar.rightMost:before,
-.flatpickr-calendar.arrowRight:before,
-.flatpickr-calendar.rightMost:after,
-.flatpickr-calendar.arrowRight:after {
- left: auto;
- right: 22px;
-}
-.flatpickr-calendar.arrowCenter:before,
-.flatpickr-calendar.arrowCenter:after {
- left: 50%;
- right: 50%;
-}
-.flatpickr-calendar:before {
- border-width: 5px;
- margin: 0 -5px;
-}
-.flatpickr-calendar:after {
- border-width: 4px;
- margin: 0 -4px;
-}
-.flatpickr-calendar.arrowTop:before,
-.flatpickr-calendar.arrowTop:after {
- bottom: 100%;
-}
-.flatpickr-calendar.arrowTop:before {
- border-bottom-color: #fff;
-}
-.flatpickr-calendar.arrowTop:after {
- border-bottom-color: #fff;
-}
-.flatpickr-calendar.arrowBottom:before,
-.flatpickr-calendar.arrowBottom:after {
- top: 100%;
-}
-.flatpickr-calendar.arrowBottom:before {
- border-top-color: #e6e6e6;
-}
-.flatpickr-calendar.arrowBottom:after {
- border-top-color: #fff;
-}
-.flatpickr-calendar:focus {
- outline: 0;
-}
-.flatpickr-wrapper {
- position: relative;
- display: inline-block;
-}
-.flatpickr-months {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
-}
-.flatpickr-months .flatpickr-month {
- background: transparent;
- color: rgba(0,0,0,0.9);
- fill: rgba(0,0,0,0.9);
- height: 34px;
- line-height: 1;
- text-align: center;
- position: relative;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- overflow: hidden;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
-}
-.flatpickr-months .flatpickr-prev-month,
-.flatpickr-months .flatpickr-next-month {
- text-decoration: none;
- cursor: pointer;
- position: absolute;
- top: 0;
- height: 34px;
- padding: 10px;
- z-index: 3;
- color: rgba(0,0,0,0.9);
- fill: rgba(0,0,0,0.9);
-}
-.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
-.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
- display: none;
-}
-.flatpickr-months .flatpickr-prev-month i,
-.flatpickr-months .flatpickr-next-month i {
- position: relative;
-}
-.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
-.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
-/*
- /*rtl:begin:ignore*/
-/*
- */
- left: 0;
-/*
- /*rtl:end:ignore*/
-/*
- */
-}
-/*
- /*rtl:begin:ignore*/
-/*
- /*rtl:end:ignore*/
-.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
-.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
-/*
- /*rtl:begin:ignore*/
-/*
- */
- right: 0;
-/*
- /*rtl:end:ignore*/
-/*
- */
-}
-/*
- /*rtl:begin:ignore*/
-/*
- /*rtl:end:ignore*/
-.flatpickr-months .flatpickr-prev-month:hover,
-.flatpickr-months .flatpickr-next-month:hover {
- color: #959ea9;
-}
-.flatpickr-months .flatpickr-prev-month:hover svg,
-.flatpickr-months .flatpickr-next-month:hover svg {
- fill: #f64747;
-}
-.flatpickr-months .flatpickr-prev-month svg,
-.flatpickr-months .flatpickr-next-month svg {
- width: 14px;
- height: 14px;
-}
-.flatpickr-months .flatpickr-prev-month svg path,
-.flatpickr-months .flatpickr-next-month svg path {
- -webkit-transition: fill 0.1s;
- transition: fill 0.1s;
- fill: inherit;
-}
-.numInputWrapper {
- position: relative;
- height: auto;
-}
-.numInputWrapper input,
-.numInputWrapper span {
- display: inline-block;
-}
-.numInputWrapper input {
- width: 100%;
-}
-.numInputWrapper input::-ms-clear {
- display: none;
-}
-.numInputWrapper input::-webkit-outer-spin-button,
-.numInputWrapper input::-webkit-inner-spin-button {
- margin: 0;
- -webkit-appearance: none;
-}
-.numInputWrapper span {
- position: absolute;
- right: 0;
- width: 14px;
- padding: 0 4px 0 2px;
- height: 50%;
- line-height: 50%;
- opacity: 0;
- cursor: pointer;
- border: 1px solid rgba(57,57,57,0.15);
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
-}
-.numInputWrapper span:hover {
- background: rgba(0,0,0,0.1);
-}
-.numInputWrapper span:active {
- background: rgba(0,0,0,0.2);
-}
-.numInputWrapper span:after {
- display: block;
- content: "";
- position: absolute;
-}
-.numInputWrapper span.arrowUp {
- top: 0;
- border-bottom: 0;
-}
-.numInputWrapper span.arrowUp:after {
- border-left: 4px solid transparent;
- border-right: 4px solid transparent;
- border-bottom: 4px solid rgba(57,57,57,0.6);
- top: 26%;
-}
-.numInputWrapper span.arrowDown {
- top: 50%;
-}
-.numInputWrapper span.arrowDown:after {
- border-left: 4px solid transparent;
- border-right: 4px solid transparent;
- border-top: 4px solid rgba(57,57,57,0.6);
- top: 40%;
-}
-.numInputWrapper span svg {
- width: inherit;
- height: auto;
-}
-.numInputWrapper span svg path {
- fill: rgba(0,0,0,0.5);
-}
-.numInputWrapper:hover {
- background: rgba(0,0,0,0.05);
-}
-.numInputWrapper:hover span {
- opacity: 1;
-}
-.flatpickr-current-month {
- font-size: 135%;
- line-height: inherit;
- font-weight: 300;
- color: inherit;
- position: absolute;
- width: 75%;
- left: 12.5%;
- padding: 7.48px 0 0 0;
- line-height: 1;
- height: 34px;
- display: inline-block;
- text-align: center;
- -webkit-transform: translate3d(0px, 0px, 0px);
- transform: translate3d(0px, 0px, 0px);
-}
-.flatpickr-current-month span.cur-month {
- font-family: inherit;
- font-weight: 700;
- color: inherit;
- display: inline-block;
- margin-left: 0.5ch;
- padding: 0;
-}
-.flatpickr-current-month span.cur-month:hover {
- background: rgba(0,0,0,0.05);
-}
-.flatpickr-current-month .numInputWrapper {
- width: 6ch;
- width: 7ch\0;
- display: inline-block;
-}
-.flatpickr-current-month .numInputWrapper span.arrowUp:after {
- border-bottom-color: rgba(0,0,0,0.9);
-}
-.flatpickr-current-month .numInputWrapper span.arrowDown:after {
- border-top-color: rgba(0,0,0,0.9);
-}
-.flatpickr-current-month input.cur-year {
- background: transparent;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- color: inherit;
- cursor: text;
- padding: 0 0 0 0.5ch;
- margin: 0;
- display: inline-block;
- font-size: inherit;
- font-family: inherit;
- font-weight: 300;
- line-height: inherit;
- height: auto;
- border: 0;
- border-radius: 0;
- vertical-align: initial;
- -webkit-appearance: textfield;
- -moz-appearance: textfield;
- appearance: textfield;
-}
-.flatpickr-current-month input.cur-year:focus {
- outline: 0;
-}
-.flatpickr-current-month input.cur-year[disabled],
-.flatpickr-current-month input.cur-year[disabled]:hover {
- font-size: 100%;
- color: rgba(0,0,0,0.5);
- background: transparent;
- pointer-events: none;
-}
-.flatpickr-current-month .flatpickr-monthDropdown-months {
- appearance: menulist;
- background: transparent;
- border: none;
- border-radius: 0;
- box-sizing: border-box;
- color: inherit;
- cursor: pointer;
- font-size: inherit;
- font-family: inherit;
- font-weight: 300;
- height: auto;
- line-height: inherit;
- margin: -1px 0 0 0;
- outline: none;
- padding: 0 0 0 0.5ch;
- position: relative;
- vertical-align: initial;
- -webkit-box-sizing: border-box;
- -webkit-appearance: menulist;
- -moz-appearance: menulist;
- width: auto;
-}
-.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
-.flatpickr-current-month .flatpickr-monthDropdown-months:active {
- outline: none;
-}
-.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
- background: rgba(0,0,0,0.05);
-}
-.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
- background-color: transparent;
- outline: none;
- padding: 0;
-}
-.flatpickr-weekdays {
- background: transparent;
- text-align: center;
- overflow: hidden;
- width: 100%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- height: 28px;
-}
-.flatpickr-weekdays .flatpickr-weekdaycontainer {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
-}
-span.flatpickr-weekday {
- cursor: default;
- font-size: 90%;
- background: transparent;
- color: rgba(0,0,0,0.54);
- line-height: 1;
- margin: 0;
- text-align: center;
- display: block;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- font-weight: bolder;
-}
-.dayContainer,
-.flatpickr-weeks {
- padding: 1px 0 0 0;
-}
-.flatpickr-days {
- position: relative;
- overflow: hidden;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- width: 307.875px;
-}
-.flatpickr-days:focus {
- outline: 0;
-}
-.dayContainer {
- padding: 0;
- outline: 0;
- text-align: left;
- width: 307.875px;
- min-width: 307.875px;
- max-width: 307.875px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: inline-block;
- display: -ms-flexbox;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-flex-wrap: wrap;
- flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-around;
- justify-content: space-around;
- -webkit-transform: translate3d(0px, 0px, 0px);
- transform: translate3d(0px, 0px, 0px);
- opacity: 1;
-}
-.dayContainer + .dayContainer {
- -webkit-box-shadow: -1px 0 0 #e6e6e6;
- box-shadow: -1px 0 0 #e6e6e6;
-}
-.flatpickr-day {
- background: none;
- border: 1px solid transparent;
- border-radius: 150px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- color: #393939;
- cursor: pointer;
- font-weight: 400;
- width: 14.2857143%;
- -webkit-flex-basis: 14.2857143%;
- -ms-flex-preferred-size: 14.2857143%;
- flex-basis: 14.2857143%;
- max-width: 39px;
- height: 39px;
- line-height: 39px;
- margin: 0;
- display: inline-block;
- position: relative;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- text-align: center;
-}
-.flatpickr-day.inRange,
-.flatpickr-day.prevMonthDay.inRange,
-.flatpickr-day.nextMonthDay.inRange,
-.flatpickr-day.today.inRange,
-.flatpickr-day.prevMonthDay.today.inRange,
-.flatpickr-day.nextMonthDay.today.inRange,
-.flatpickr-day:hover,
-.flatpickr-day.prevMonthDay:hover,
-.flatpickr-day.nextMonthDay:hover,
-.flatpickr-day:focus,
-.flatpickr-day.prevMonthDay:focus,
-.flatpickr-day.nextMonthDay:focus {
- cursor: pointer;
- outline: 0;
- background: #e6e6e6;
- border-color: #e6e6e6;
-}
-.flatpickr-day.today {
- border-color: #959ea9;
-}
-.flatpickr-day.today:hover,
-.flatpickr-day.today:focus {
- border-color: #959ea9;
- background: #959ea9;
- color: #fff;
-}
-.flatpickr-day.selected,
-.flatpickr-day.startRange,
-.flatpickr-day.endRange,
-.flatpickr-day.selected.inRange,
-.flatpickr-day.startRange.inRange,
-.flatpickr-day.endRange.inRange,
-.flatpickr-day.selected:focus,
-.flatpickr-day.startRange:focus,
-.flatpickr-day.endRange:focus,
-.flatpickr-day.selected:hover,
-.flatpickr-day.startRange:hover,
-.flatpickr-day.endRange:hover,
-.flatpickr-day.selected.prevMonthDay,
-.flatpickr-day.startRange.prevMonthDay,
-.flatpickr-day.endRange.prevMonthDay,
-.flatpickr-day.selected.nextMonthDay,
-.flatpickr-day.startRange.nextMonthDay,
-.flatpickr-day.endRange.nextMonthDay {
- background: #569ff7;
- -webkit-box-shadow: none;
- box-shadow: none;
- color: #fff;
- border-color: #569ff7;
-}
-.flatpickr-day.selected.startRange,
-.flatpickr-day.startRange.startRange,
-.flatpickr-day.endRange.startRange {
- border-radius: 50px 0 0 50px;
-}
-.flatpickr-day.selected.endRange,
-.flatpickr-day.startRange.endRange,
-.flatpickr-day.endRange.endRange {
- border-radius: 0 50px 50px 0;
-}
-.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
-.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
-.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
- -webkit-box-shadow: -10px 0 0 #569ff7;
- box-shadow: -10px 0 0 #569ff7;
-}
-.flatpickr-day.selected.startRange.endRange,
-.flatpickr-day.startRange.startRange.endRange,
-.flatpickr-day.endRange.startRange.endRange {
- border-radius: 50px;
-}
-.flatpickr-day.inRange {
- border-radius: 0;
- -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
- box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
-}
-.flatpickr-day.flatpickr-disabled,
-.flatpickr-day.flatpickr-disabled:hover,
-.flatpickr-day.prevMonthDay,
-.flatpickr-day.nextMonthDay,
-.flatpickr-day.notAllowed,
-.flatpickr-day.notAllowed.prevMonthDay,
-.flatpickr-day.notAllowed.nextMonthDay {
- color: rgba(57,57,57,0.3);
- background: transparent;
- border-color: transparent;
- cursor: default;
-}
-.flatpickr-day.flatpickr-disabled,
-.flatpickr-day.flatpickr-disabled:hover {
- cursor: not-allowed;
- color: rgba(57,57,57,0.1);
-}
-.flatpickr-day.week.selected {
- border-radius: 0;
- -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
- box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
-}
-.flatpickr-day.hidden {
- visibility: hidden;
-}
-.rangeMode .flatpickr-day {
- margin-top: 1px;
-}
-.flatpickr-weekwrapper {
- float: left;
-}
-.flatpickr-weekwrapper .flatpickr-weeks {
- padding: 0 12px;
- -webkit-box-shadow: 1px 0 0 #e6e6e6;
- box-shadow: 1px 0 0 #e6e6e6;
-}
-.flatpickr-weekwrapper .flatpickr-weekday {
- float: none;
- width: 100%;
- line-height: 28px;
-}
-.flatpickr-weekwrapper span.flatpickr-day,
-.flatpickr-weekwrapper span.flatpickr-day:hover {
- display: block;
- width: 100%;
- max-width: none;
- color: rgba(57,57,57,0.3);
- background: transparent;
- cursor: default;
- border: none;
-}
-.flatpickr-innerContainer {
- display: block;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- overflow: hidden;
-}
-.flatpickr-rContainer {
- display: inline-block;
- padding: 0;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
-}
-.flatpickr-time {
- text-align: center;
- outline: 0;
- display: block;
- height: 0;
- line-height: 40px;
- max-height: 40px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- overflow: hidden;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
-}
-.flatpickr-time:after {
- content: "";
- display: table;
- clear: both;
-}
-.flatpickr-time .numInputWrapper {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- width: 40%;
- height: 40px;
- float: left;
-}
-.flatpickr-time .numInputWrapper span.arrowUp:after {
- border-bottom-color: #393939;
-}
-.flatpickr-time .numInputWrapper span.arrowDown:after {
- border-top-color: #393939;
-}
-.flatpickr-time.hasSeconds .numInputWrapper {
- width: 26%;
-}
-.flatpickr-time.time24hr .numInputWrapper {
- width: 49%;
-}
-.flatpickr-time input {
- background: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
- border: 0;
- border-radius: 0;
- text-align: center;
- margin: 0;
- padding: 0;
- height: inherit;
- line-height: inherit;
- color: #393939;
- font-size: 14px;
- position: relative;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-appearance: textfield;
- -moz-appearance: textfield;
- appearance: textfield;
-}
-.flatpickr-time input.flatpickr-hour {
- font-weight: bold;
-}
-.flatpickr-time input.flatpickr-minute,
-.flatpickr-time input.flatpickr-second {
- font-weight: 400;
-}
-.flatpickr-time input:focus {
- outline: 0;
- border: 0;
-}
-.flatpickr-time .flatpickr-time-separator,
-.flatpickr-time .flatpickr-am-pm {
- height: inherit;
- float: left;
- line-height: inherit;
- color: #393939;
- font-weight: bold;
- width: 2%;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- align-self: center;
-}
-.flatpickr-time .flatpickr-am-pm {
- outline: 0;
- width: 18%;
- cursor: pointer;
- text-align: center;
- font-weight: 400;
-}
-.flatpickr-time input:hover,
-.flatpickr-time .flatpickr-am-pm:hover,
-.flatpickr-time input:focus,
-.flatpickr-time .flatpickr-am-pm:focus {
- background: #eee;
-}
-.flatpickr-input[readonly] {
- cursor: pointer;
-}
-@-webkit-keyframes fpFadeInDown {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, -20px, 0);
- transform: translate3d(0, -20px, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
-}
-@keyframes fpFadeInDown {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, -20px, 0);
- transform: translate3d(0, -20px, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
-}
-
-
-
-
-//////////// Creative Tim Changes
-
-.datepicker.flatpickr-input{
- background-color: $white;
-}
-
-.flatpickr-calendar {
-
- &.open {
- margin-left: -38px;
- margin-top: 4px;
- }
-
- &.arrowBottom {
- margin-top: -20px;
- }
-
- .flatpickr-innerContainer {
- margin-top: 15px !important;
- }
-
- .numInputWrapper {
- span {
- border: none;
- border-bottom: 1px solid rgba(57, 57, 57, 0.15);
- }
-
- &:hover {
- .arrowUp,
- .arrowDown {
- margin-top: 3px;
- }
- }
- }
-
- .flatpickr-day {
- &.today,
- &.selected,
- &.startRange,
- &.endRange {
- background: $primary !important;
- color: $white;
- border: none;
- }
-
- &.inRange {
- background: rgba(94, 114, 228, 0.28);
- border: none;
- -webkit-box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8;
- box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8;
- }
-
- &:not(.selected) {
- &:hover,
- &:focus {
- background: rgba(94, 114, 228, 0.28);
- border: none;
- }
- }
- }
-
- .flatpickr-time input:hover,
- .flatpickr-time .flatpickr-am-pm:hover,
- .flatpickr-time input:focus,
- .flatpickr-time .flatpickr-am-pm:focus {
- background: rgba(94, 114, 228, 0.28);
- }
-}
-
-.flatpickr {
- &.form-control {
- background: $white;
- }
-}
-
-.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
-.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
-.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){
- box-shadow: -10px 0 0 $primary;
-}
-
-////////////
diff --git a/app/static/assets/scss/soft-design-system/vendor/_nouislider.scss b/app/static/assets/scss/soft-design-system/vendor/_nouislider.scss
deleted file mode 100644
index 4c317c1..0000000
--- a/app/static/assets/scss/soft-design-system/vendor/_nouislider.scss
+++ /dev/null
@@ -1,298 +0,0 @@
-/*! nouislider - 14.6.3 - 11/19/2020 */
-/* Functional styling;
- * These styles are required for noUiSlider to function.
- * You don't need to change these rules to apply your design.
- */
-.noUi-target,
-.noUi-target * {
- -webkit-touch-callout: none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-user-select: none;
- -ms-touch-action: none;
- touch-action: none;
- -ms-user-select: none;
- -moz-user-select: none;
- user-select: none;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-.noUi-target {
- position: relative;
-}
-.noUi-base,
-.noUi-connects {
- width: 100%;
- height: 6px;
- position: relative;
- z-index: 1;
- top: -1px;
-}
-/* Wrapper for all connect elements.
- */
-.noUi-connects {
- z-index: 0;
- overflow: hidden;
-}
-.noUi-connect,
-.noUi-origin {
- will-change: transform;
- position: absolute;
- z-index: 1;
- top: 0;
- right: 0;
- -ms-transform-origin: 0 0;
- -webkit-transform-origin: 0 0;
- -webkit-transform-style: preserve-3d;
- transform-origin: 0 0;
- transform-style: flat;
-}
-.noUi-connect {
- height: 100%;
- width: 100%;
- border-radius: 0.25rem;
-}
-.noUi-origin {
- height: 10%;
- width: 10%;
-}
-/* Offset direction
- */
-.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
- left: 0;
- right: auto;
-}
-/* Give origins 0 height/width so they don't interfere with clicking the
- * connect elements.
- */
-.noUi-vertical .noUi-origin {
- width: 0;
-}
-.noUi-horizontal .noUi-origin {
- height: 0;
-}
-.noUi-handle {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- position: absolute;
-}
-.noUi-touch-area {
- height: 100%;
- width: 100%;
-}
-.noUi-state-tap .noUi-connect,
-.noUi-state-tap .noUi-origin {
- -webkit-transition: transform 0.3s;
- transition: transform 0.3s;
-}
-.noUi-state-drag * {
- cursor: inherit !important;
-}
-/* Slider size and handle placement;
- */
-.noUi-horizontal {
- height: 3px;
-}
-.noUi-horizontal .noUi-handle {
- border-radius: 50%;
- background-color: $white;
- box-shadow: 0 1px 13px 0 rgba(0,0,0,.2);
- height: 15px;
- width: 15px;
- cursor: pointer;
- margin-top: -6px;
- outline: none;
- right: -10px;
-}
-.noUi-vertical {
- width: 3px;
-}
-.noUi-vertical .noUi-handle {
- width: 28px;
- height: 34px;
- right: -6px;
- top: -17px;
-}
-.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
- left: -17px;
- right: auto;
-}
-/* Styling;
- * Giving the connect element a border radius causes issues with using transform: scale
- */
-.noUi-target {
- background: $light;
- border-radius: .25rem;
-}
-.noUi-connects {
- border-radius: 3px;
-}
-.noUi-connect {
- background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%);
-
-}
-/* Handles and cursors;
- */
-.noUi-draggable {
- cursor: ew-resize;
-}
-.noUi-vertical .noUi-draggable {
- cursor: ns-resize;
-}
-.noUi-handle {
- border: 1px solid #D9D9D9;
- border-radius: 3px;
- background: $white;
- cursor: default;
- box-shadow: inset 0 0 1px $white, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
- webkit-transition: .3s ease 0s;
- -moz-transition: .3s ease 0s;
- -ms-transition: .3s ease 0s;
- -o-transform: .3s ease 0s;
- transition: .3s ease 0s;
-}
-.noUi-active {
- box-shadow: inset 0 0 1px $white, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
- transform: scale3d(1.5,1.5,1);
-}
-
-
-/* Disabled state;
- */
-[disabled] .noUi-connect {
- background: #B8B8B8;
-}
-[disabled].noUi-target,
-[disabled].noUi-handle,
-[disabled] .noUi-handle {
- cursor: not-allowed;
-}
-/* Base;
- *
- */
-.noUi-pips,
-.noUi-pips * {
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-.noUi-pips {
- position: absolute;
- color: #999;
-}
-/* Values;
- *
- */
-.noUi-value {
- position: absolute;
- white-space: nowrap;
- text-align: center;
-}
-.noUi-value-sub {
- color: #ccc;
- font-size: 10px;
-}
-/* Markings;
- *
- */
-.noUi-marker {
- position: absolute;
- background: #CCC;
-}
-.noUi-marker-sub {
- background: #AAA;
-}
-.noUi-marker-large {
- background: #AAA;
-}
-/* Horizontal layout;
- *
- */
-.noUi-pips-horizontal {
- padding: 10px 0;
- height: 80px;
- top: 100%;
- left: 0;
- width: 100%;
-}
-.noUi-value-horizontal {
- -webkit-transform: translate(-50%, 50%);
- transform: translate(-50%, 50%);
-}
-.noUi-rtl .noUi-value-horizontal {
- -webkit-transform: translate(50%, 50%);
- transform: translate(50%, 50%);
-}
-.noUi-marker-horizontal.noUi-marker {
- margin-left: -1px;
- width: 2px;
- height: 5px;
-}
-.noUi-marker-horizontal.noUi-marker-sub {
- height: 10px;
-}
-.noUi-marker-horizontal.noUi-marker-large {
- height: 15px;
-}
-/* Vertical layout;
- *
- */
-.noUi-pips-vertical {
- padding: 0 10px;
- height: 100%;
- top: 0;
- left: 100%;
-}
-.noUi-value-vertical {
- -webkit-transform: translate(0, -50%);
- transform: translate(0, -50%);
- padding-left: 25px;
-}
-.noUi-rtl .noUi-value-vertical {
- -webkit-transform: translate(0, 50%);
- transform: translate(0, 50%);
-}
-.noUi-marker-vertical.noUi-marker {
- width: 5px;
- height: 2px;
- margin-top: -1px;
-}
-.noUi-marker-vertical.noUi-marker-sub {
- width: 10px;
-}
-.noUi-marker-vertical.noUi-marker-large {
- width: 15px;
-}
-.noUi-tooltip {
- display: block;
- position: absolute;
- border: 1px solid #D9D9D9;
- border-radius: 3px;
- background: $white;
- color: #000;
- padding: 5px;
- text-align: center;
- white-space: nowrap;
-}
-.noUi-horizontal .noUi-tooltip {
- -webkit-transform: translate(-50%, 0);
- transform: translate(-50%, 0);
- left: 50%;
- bottom: 120%;
-}
-.noUi-vertical .noUi-tooltip {
- -webkit-transform: translate(0, -50%);
- transform: translate(0, -50%);
- top: 50%;
- right: 120%;
-}
-.noUi-horizontal .noUi-origin > .noUi-tooltip {
- -webkit-transform: translate(50%, 0);
- transform: translate(50%, 0);
- left: auto;
- bottom: 10px;
-}
-.noUi-vertical .noUi-origin > .noUi-tooltip {
- -webkit-transform: translate(0, -18px);
- transform: translate(0, -18px);
- top: auto;
- right: 28px;
-}
diff --git a/app/static/assets/scss/soft-design-system/vendor/_prism.scss b/app/static/assets/scss/soft-design-system/vendor/_prism.scss
deleted file mode 100644
index dc74168..0000000
--- a/app/static/assets/scss/soft-design-system/vendor/_prism.scss
+++ /dev/null
@@ -1,142 +0,0 @@
-/* PrismJS 1.23.0
-https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
-/**
- * prism.js default theme for JavaScript, CSS and HTML
- * Based on dabblet (http://dabblet.com)
- * @author Lea Verou
- */
-
-code[class*="language-"],
-pre[class*="language-"] {
- color: black;
- background: none;
- text-shadow: 0 1px white;
- font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
- font-size: 1em;
- text-align: left;
- white-space: pre;
- word-spacing: normal;
- word-break: normal;
- word-wrap: normal;
- line-height: 1.5;
-
- -moz-tab-size: 4;
- -o-tab-size: 4;
- tab-size: 4;
-
- -webkit-hyphens: none;
- -moz-hyphens: none;
- -ms-hyphens: none;
- hyphens: none;
-}
-
-pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
-code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
- text-shadow: none;
- background: #b3d4fc;
-}
-
-pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
-code[class*="language-"]::selection, code[class*="language-"] ::selection {
- text-shadow: none;
- background: #b3d4fc;
-}
-
-@media print {
- code[class*="language-"],
- pre[class*="language-"] {
- text-shadow: none;
- }
-}
-
-/* Code blocks */
-pre[class*="language-"] {
- padding: 1em;
- overflow: auto;
- border-radius: .75rem;
-}
-
-:not(pre) > code[class*="language-"],
-pre[class*="language-"] {
- background: $gray-100;
-}
-
-/* Inline code */
-:not(pre) > code[class*="language-"] {
- padding: .1em;
- border-radius: .3em;
- white-space: normal;
-}
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
- color: slategray;
-}
-
-.token.punctuation {
- color: #999;
-}
-
-.token.namespace {
- opacity: .7;
-}
-
-.token.property,
-.token.tag,
-.token.boolean,
-.token.number,
-.token.constant,
-.token.symbol,
-.token.deleted {
- color: #905;
-}
-
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
- color: #690;
-}
-
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string {
- color: #9a6e3a;
- /* This background color was intended by the author of this theme. */
- background: hsla(0, 0%, 100%, .5);
-}
-
-.token.atrule,
-.token.attr-value,
-.token.keyword {
- color: #07a;
-}
-
-.token.function,
-.token.class-name {
- color: #DD4A68;
-}
-
-.token.regex,
-.token.important,
-.token.variable {
- color: #e90;
-}
-
-.token.important,
-.token.bold {
- font-weight: bold;
-}
-.token.italic {
- font-style: italic;
-}
-
-.token.entity {
- cursor: help;
-}
diff --git a/app/static/assets/scss/soft-design-system/vendor/plugins.scss b/app/static/assets/scss/soft-design-system/vendor/plugins.scss
deleted file mode 100644
index 1f3e015..0000000
--- a/app/static/assets/scss/soft-design-system/vendor/plugins.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-@import "choices";
-@import "flatpickr";
-@import "nouislider.scss";
-@import "prism.scss";
diff --git a/app/static/favicon.ico b/app/static/favicon.ico
deleted file mode 100644
index 3e0a76f..0000000
Binary files a/app/static/favicon.ico and /dev/null differ
diff --git a/app/static/sitemap.xml b/app/static/sitemap.xml
deleted file mode 100644
index 7b9b1d2..0000000
--- a/app/static/sitemap.xml
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
-
- https://boilerplate-code-flask.appseed.us
- 1
- monthly
-
-
-
-
diff --git a/app/templates/accounts/login.html b/app/templates/accounts/login.html
deleted file mode 100644
index 7ee0f6e..0000000
--- a/app/templates/accounts/login.html
+++ /dev/null
@@ -1,87 +0,0 @@
-{% extends 'layouts/base-fullscreen.html' %}
-
-{% block title %} Sign IN {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} sign-in-illustration {% endblock body_class %}
-
-{% block content %}
-
- {% include "includes/navigation-auth.html" %}
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/accounts/register.html b/app/templates/accounts/register.html
deleted file mode 100644
index 7de7e33..0000000
--- a/app/templates/accounts/register.html
+++ /dev/null
@@ -1,91 +0,0 @@
-{% extends 'layouts/base-fullscreen.html' %}
-
-{% block title %} Sign UP {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} sign-in-illustration {% endblock body_class %}
-
-{% block content %}
-
- {% include "includes/navigation-auth.html" %}
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/home/attention-catchers-alerts.html b/app/templates/home/attention-catchers-alerts.html
deleted file mode 100644
index f72bc01..0000000
--- a/app/templates/home/attention-catchers-alerts.html
+++ /dev/null
@@ -1,192 +0,0 @@
-{% extends 'layouts/base.html' %}
-
-{% block title %} Tooltips {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} alerts-sections {% endblock body_class %}
-
-{% block content %}
-
- {% include "includes/navigation-light.html" %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "container py-5" >
- <div class= "row" >
- <div class= "alert alert-primary text-white font-weight-bold" role= "alert" >
- A simple primary alert—check it out!
- </div>
- <div class= "alert alert-secondary text-white font-weight-bold" role= "alert" >
- A simple secondary alert—check it out!
- </div>
- <div class= "alert alert-success text-white font-weight-bold" role= "alert" >
- A simple success alert—check it out!
- </div>
- <div class= "alert alert-danger text-white font-weight-bold" role= "alert" >
- A simple danger alert—check it out!
- </div>
- <div class= "alert alert-warning text-white font-weight-bold" role= "alert" >
- A simple warning alert—check it out!
- </div>
- <div class= "alert alert-info text-white font-weight-bold" role= "alert" >
- A simple info alert—check it out!
- </div>
- <div class= "alert alert-light text-white font-weight-bold" role= "alert" >
- A simple light alert—check it out!
- </div>
- <div class= "alert alert-dark text-white font-weight-bold" role= "alert" >
- A simple dark alert—check it out!
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "container py-7" >
- <div class= "row mt-5" >
- <div class= "col-sm-3 col-6 mx-auto" >
- <!-- Button trigger modal -->
- <button type= "button" class= "btn bg-gradient-primary" data-bs-toggle= "modal" data-bs-target= "#exampleModal" >
- Launch demo modal
- </button>
-
- <!-- Modal -->
- <div class= "modal fade" id= "exampleModal" tabindex= "-1" aria-labelledby= "exampleModalLabel" aria-hidden= "true" >
- <div class= "modal-dialog" >
- <div class= "modal-content" >
- <div class= "modal-header" >
- <h5 class= "modal-title" id= "exampleModalLabel" > Your modal title</h5>
- <button type= "button" class= "btn-close" data-bs-dismiss= "modal" aria-label= "Close" ></button>
- </div>
- <div class= "modal-body" >
- Society has put up so many boundaries, so many limitations on what’s right and wrong that it’s almost impossible to get a pure thought out.
- <br><br>
- It’s like a little kid, a little boy, looking at colors, and no one told him what colors are good, before somebody tells you you shouldn’t like pink because that’s for girls, or you’d instantly become a gay two-year-old.
- </div>
- <div class= "modal-footer justify-content-between" >
- <button type= "button" class= "btn bg-gradient-dark" data-bs-dismiss= "modal" > Close</button>
- <button type= "button" class= "btn bg-gradient-primary" > Save changes</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "container" >
- <div class= "row py-7 text-center" >
- <div>
- <button type= "button" class= "btn bg-gradient-secondary" data-bs-container= "body" data-bs-toggle= "popover" data-bs-placement= "top" data-bs-content= "That’s the main thing people are controlled by! Thoughts- their perception of themselves!" >
- Popover on top
- </button>
-
- <button type= "button" class= "btn bg-gradient-secondary" data-bs-container= "body" data-bs-toggle= "popover" data-bs-placement= "right" data-bs-content= "We’re not always in the position that we want to be at." >
- Popover on right
- </button>
-
- <button type= "button" class= "btn bg-gradient-secondary" data-bs-container= "body" title= "Popover with title" data-bs-toggle= "popover" data-bs-placement= "bottom" data-bs-content= "A lot of people don’t appreciate the moment until it’s passed." >
- Popover on bottom
- </button>
-
- <button type= "button" class= "btn bg-gradient-secondary" data-bs-container= "body" data-bs-toggle= "popover" data-bs-placement= "left" data-bs-content= "It really matters and then like it really doesn’t matter. What matters is the people who are sparked by it." >
- Popover on left
- </button>
- </div>
- </div>
-</div>
-
-<!-- initialization script -->
-<script>
- var popoverTriggerList = []. slice . call ( document . querySelectorAll ( ' [data-bs-toggle="popover"] ' ))
- var popoverList = popoverTriggerList . map ( function ( popoverTriggerEl ) {
- return new bootstrap . Popover ( popoverTriggerEl )
- })
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
- Elements Avatars
-
-
-
Avatars
-
-
-
-
-
-
-
-
-
-
-
<div class= "container py-6" >
- <div class= "row mt-5 text-center" >
- <div class= "col-12" >
- <div class= "avatar-group" >
- <a href= "javascript:;" class= "avatar avatar-lg rounded-circle" data-bs-toggle= "tooltip" data-bs-placement= "bottom" title= "Ryan Tompson" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-1.jpg" >
- </a>
- <a href= "javascript:;" class= "avatar avatar-lg rounded-circle" data-bs-toggle= "tooltip" data-bs-placement= "bottom" title= "Romina Hadid" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-2.jpg" >
- </a>
- <a href= "javascript:;" class= "avatar avatar-lg rounded-circle" data-bs-toggle= "tooltip" data-bs-placement= "bottom" title= "Alexander Smith" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-3.jpg" >
- </a>
- <a href= "javascript:;" class= "avatar avatar-lg rounded-circle" data-bs-toggle= "tooltip" data-bs-placement= "bottom" title= "Jessica Doe" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-4.jpg" >
- </a>
- </div>
- </div>
- </div>
-</div>
-
-
-
-<!-- initialization script for tooltips -->
-<script>
- var tooltipTriggerList = []. slice . call ( document . querySelectorAll ( ' [data-bs-toggle="tooltip"] ' ))
- var tooltipList = tooltipTriggerList . map ( function ( tooltipTriggerEl ) {
- return new bootstrap . Tooltip ( tooltipTriggerEl )
- })
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "container py-6" >
- <div class= "row mt-5 text-center" >
- <div class= "col-12" >
- <a href= "javascript:;" class= "avatar avatar-xs rounded-circle" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-4.jpg" >
- </a>
- <a href= "javascript:;" class= "avatar avatar-sm rounded-circle" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-4.jpg" >
- </a>
- <a href= "javascript:;" class= "avatar rounded-circle" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-4.jpg" >
- </a>
- <a href= "javascript:;" class= "avatar avatar-lg rounded-circle" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-4.jpg" >
- </a>
- <a href= "javascript:;" class= "avatar avatar-xl rounded-circle" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-4.jpg" >
- </a>
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<section class= "py-7 mt-3" >
- <div class= "container" >
- <div class= "row justify-space-between text-center py-2" >
- <div class= "col-12" >
- <span class= "badge bg-gradient-primary" > Primary</span>
- <span class= "badge bg-gradient-secondary" > Secondary</span>
- <span class= "badge bg-gradient-success" > Success</span>
- <span class= "badge bg-gradient-danger" > Danger</span>
- <span class= "badge bg-gradient-warning" > Warning</span>
- <span class= "badge bg-gradient-info" > Info</span>
- <span class= "badge bg-gradient-light text-dark" > Light</span>
- <span class= "badge bg-gradient-dark" > Dark</span>
- </div>
- </div>
- </div>
-</section>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<section class= "py-7 mt-3" >
- <div class= "container" >
- <div class= "row justify-space-between text-center py-2" >
- <div class= "col-12" >
- <span class= "badge badge-primary" > Primary</span>
- <span class= "badge badge-secondary" > Secondary</span>
- <span class= "badge badge-success" > Success</span>
- <span class= "badge badge-danger" > Danger</span>
- <span class= "badge badge-warning" > Warning</span>
- <span class= "badge badge-info" > Info</span>
- <span class= "badge badge-light text-dark" > Light</span>
- <span class= "badge badge-dark" > Dark</span>
- </div>
- </div>
- </div>
-</section>
-
-
-
-
-
-
-
-
-
Badges Simple Rounded
-
-
-
-
-
-
-
-
-
-
-
-
<section class= "py-7 mt-3" >
- <div class= "container" >
- <div class= "row justify-space-between text-center py-2" >
- <div class= "col-12" >
- <span class= "badge rounded-pill badge-primary" > Primary</span>
- <span class= "badge rounded-pill badge-secondary" > Secondary</span>
- <span class= "badge rounded-pill badge-success" > Success</span>
- <span class= "badge rounded-pill badge-danger" > Danger</span>
- <span class= "badge rounded-pill badge-warning" > Warning</span>
- <span class= "badge rounded-pill badge-info" > Info</span>
- <span class= "badge rounded-pill badge-light text-dark" > Light</span>
- <span class= "badge rounded-pill badge-dark" > Dark</span>
- </div>
- </div>
- </div>
-</section>
-
-
-
-
-
-
-
-
-
-
-
-
- Elements Breadcrumbs
-
-
-
Breadcrumbs
-
-
-
-
-
-
-
-
-
-
-
<div class= "container py-6 mt-2" >
- <div class= "row" >
- <nav aria-label= "breadcrumb" >
- <ol class= "breadcrumb" >
- <li class= "breadcrumb-item active" aria-current= "page" > Home</li>
- </ol>
- </nav>
-
- <nav aria-label= "breadcrumb" >
- <ol class= "breadcrumb" >
- <li class= "breadcrumb-item" ><a href= "#" > Home</a></li>
- <li class= "breadcrumb-item active" aria-current= "page" > Library</li>
- </ol>
- </nav>
-
- <nav aria-label= "breadcrumb" >
- <ol class= "breadcrumb" >
- <li class= "breadcrumb-item" ><a href= "#" > Home</a></li>
- <li class= "breadcrumb-item" ><a href= "#" > Library</a></li>
- <li class= "breadcrumb-item active" aria-current= "page" > Data</li>
- </ol>
- </nav>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
- Elements Buttons
-
-
-
Buttons
-
-
-
-
-
-
Buttons Colors Gradient
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Elements Dropdowns
-
-
-
Dropdowns
-
-
-
-
-
-
-
-
-
-
-
<!-- Start dropdowns & dropups -->
-<div class= "container py-7" >
- <div class= "row" >
- <div class= "row" >
- <div class= "col-lg-4 ms-lg-auto col-md-6 col-sm-3 d-flex justify-content-center" >
- <div class= "dropdown" >
- <button class= "btn bg-gradient-primary dropdown-toggle" type= "button" id= "dropdownMenuButton" data-bs-toggle= "dropdown" aria-expanded= "false" >
- Dropdown button
- </button>
- <ul class= "dropdown-menu px-2 py-3" aria-labelledby= "dropdownMenuButton" >
- <li><a class= "dropdown-item border-radius-md" href= "javascript:;" > Action</a></li>
- <li><a class= "dropdown-item border-radius-md" href= "javascript:;" > Another action</a></li>
- <li><a class= "dropdown-item border-radius-md" href= "javascript:;" > Something else here</a></li>
- </ul>
- </div>
- </div>
- <div class= "col-lg-4 me-lg-auto col-md-6 col-sm-3 d-flex justify-content-center" >
- <div class= "btn-group dropup mt-7" >
- <button type= "button" class= "btn bg-gradient-primary dropdown-toggle" data-bs-toggle= "dropdown" aria-expanded= "false" >
- Dropup
- </button>
- <ul class= "dropdown-menu px-2 py-3" aria-labelledby= "dropdownMenuButton" >
- <li><a class= "dropdown-item border-radius-md" href= "javascript:;" > Action</a></li>
- <li><a class= "dropdown-item border-radius-md" href= "javascript:;" > Another action</a></li>
- <li><a class= "dropdown-item border-radius-md" href= "javascript:;" > Something else here</a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
-</div>
-<!-- end dropdowns & dropups -->
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Elements Progress Bars
-
-
-
Progress Bars
-
-
-
-
-
-
-
-
-
-
-
<section class= "py-6 mt-4" >
- <div class= "container" >
- <div class= "row justify-space-between py-2" >
- <div class= "col-lg-6 mx-auto" >
- <div class= "progress mb-3" >
- <div class= "progress-bar bg-primary" role= "progressbar" style= "width: 50%" aria-valuenow= "50" aria-valuemin= "0" aria-valuemax= "100" ></div>
- </div>
- <div class= "progress mb-3" >
- <div class= "progress-bar bg-secondary" role= "progressbar" style= "width: 50%" aria-valuenow= "50" aria-valuemin= "0" aria-valuemax= "100" ></div>
- </div>
- <div class= "progress mb-3" >
- <div class= "progress-bar bg-success" role= "progressbar" style= "width: 50%" aria-valuenow= "50" aria-valuemin= "0" aria-valuemax= "100" ></div>
- </div>
- <div class= "progress mb-3" >
- <div class= "progress-bar bg-info" role= "progressbar" style= "width: 50%" aria-valuenow= "50" aria-valuemin= "0" aria-valuemax= "100" ></div>
- </div>
- <div class= "progress mb-3" >
- <div class= "progress-bar bg-warning" role= "progressbar" style= "width: 50%" aria-valuenow= "50" aria-valuemin= "0" aria-valuemax= "100" ></div>
- </div>
- <div class= "progress mb-3" >
- <div class= "progress-bar bg-danger" role= "progressbar" style= "width: 50%" aria-valuenow= "50" aria-valuemin= "0" aria-valuemax= "100" ></div>
- </div>
- <div class= "progress mb-3" >
- <div class= "progress-bar bg-dark" role= "progressbar" style= "width: 50%" aria-valuenow= "50" aria-valuemin= "0" aria-valuemax= "100" ></div>
- </div>
- </div>
- </div>
- </div>
-</section>
-
-
-
-
-
-
-
-
-
Progress Bars Gradient
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Progress Bars Striped
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Elements Toggles
-
-
-
Toggles
-
-
-
-
-
-
-
-
-
-
-
<div class= "container py-6 mt-3" >
- <div class= "row" >
- <div class= "col-4 mx-auto" >
- <div class= "form-check form-switch ps-6" >
- <input class= "form-check-input ms-auto mt-1" type= "checkbox" id= "flexSwitchCheckDefault" >
- <label class= "form-check-label ms-2" for= "flexSwitchCheckDefault" > Remember me</label>
- </div>
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "container py-6 mt-3" >
- <div class= "d-flex justify-content-center align-items-center" >
- <div>
- <div class= "form-check form-switch mb-0" >
- <input class= "form-check-input" type= "checkbox" id= "flexSwitchCheckDefault" >
- </div>
- </div>
- <div class= "ms-4" >
- <span class= "text-dark font-weight-bold d-block text-sm" > Remember me</span>
- <span class= "text-xs d-block" > Be sure that you will always be logged in.</span>
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
- Elements Typography
-
-
-
Typography
-
-
-
-
-
-
Typography - Font Family Serif
-
-
-
-
-
-
-
-
-
-
<div style= "position:relative;padding-top:4rem" >
- <div class= "text-sans-serif container" >
- <h2 class= "h2 mb-5" >
- <span> Typography - Font Family Serif</span>
- </h2>
- <div class= "py-3 align-items-center row" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Heading 1</small>
- </div>
-
- <div class= "col-sm-9" >
- <h1 class= "mb-0" > H1 Soft Design System</h1>
- </div>
- </div>
-
- <div class= "py-3 align-items-center row" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Heading 2</small>
- </div>
-
- <div class= "col-sm-9" >
- <h2 class= "mb-0" > H2 Soft Design System</h2>
- </div>
- </div>
-
- <div class= "py-3 align-items-center row" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Heading 3</small>
- </div>
-
- <div class= "col-sm-9" >
- <h3 class= "mb-0" > H3 Soft Design System</h3>
- </div>
- </div>
-
- <div class= "py-3 align-items-center row" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Heading 4</small>
- </div>
-
- <div class= "col-sm-9" >
- <h4 class= "mb-0" > H4 Soft Design System</h4>
- </div>
- </div>
-
- <div class= "py-3 align-items-center row" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Heading 5</small>
- </div>
-
- <div class= "col-sm-9" >
- <h5 class= "mb-0" > H5 Soft Design System</h5>
- </div>
- </div>
-
- <div class= "py-3 align-items-center row" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Heading 6</small>
- </div>
-
- <div class= "col-sm-9" >
- <h6 class= "mb-0" > H6 Soft Design System</h6>
- </div>
- </div>
-
- <div class= "py-3 align-items-center row" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Lead text</small>
- </div>
-
- <div class= "col-sm-9" >
- <p class= "lead mb-0" >
- I will be the leader of a company that ends up being worth
- billions of dollars, because I got the answers. I understand
- culture. I am the nucleus. I think that's a responsibility that I
- have, to push possibilities, to show people, this is the level
- that things could be at.
- </p>
- </div>
- </div>
-
- <div class= "py-3 align-items-center row" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Paragraph</small>
- </div>
-
- <div class= "col-sm-9" >
- <p class= "mb-0" >
- I will be the leader of a company that ends up being worth
- billions of dollars, because I got the answers. I understand
- culture. I am the nucleus. I think that's a responsibility that I
- have, to push possibilities, to show people, this is the level
- that things could be at.
- </p>
- </div>
- </div>
-
- <div class= "py-3 align-items-center row" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Small</small>
- </div>
-
- <div class= "col-sm-9" >
- <p class= "text-sm mb-0" >
- I will be the leader of a company that ends up being worth
- billions of dollars, because I got the answers. I understand
- culture. I am the nucleus. I think that's a responsibility that I
- have, to push possibilities, to show people, this is the level
- that things could be at.
- </p>
- </div>
- </div>
-
- <div class= "py-3 align-items-center row" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Tiny</small>
- </div>
-
- <div class= "col-sm-9" >
- <p class= "text-xs mb-0" >
- I will be the leader of a company that ends up being worth
- billions of dollars, because I got the answers. I understand
- culture. I am the nucleus. I think that's a responsibility that I
- have, to push possibilities, to show people, this is the level
- that things could be at.
- </p>
- </div>
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
Typography - Monospace
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
0 +
-
Coded Elements
-
From buttons, to inputs, navbars, alerts or cards, you are covered
-
-
-
-
-
-
0 +
-
Design Blocks
-
Mix the sections, change the colors and unleash your creativity
-
-
-
-
-
-
0
-
Pages
-
Save 3-4 weeks of work when you use our pre-made pages for your website
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- document
-
-
-
-
-
-
-
-
-
-
-
Full Documentation
-
Built by developers for developers. Check the foundation and you will find everything inside our documentation.
-
-
-
-
-
-
- shop
-
-
-
-
-
-
-
-
-
-
-
Bootstrap 5 Ready
-
The world’s most popular front-end open source toolkit, featuring Sass variables and mixins.
-
-
-
-
-
-
-
-
- time-alarm
-
-
-
-
-
-
-
-
-
-
-
Save Time & Money
-
Creating your design from scratch with dedicated designers can be very expensive. Start with our Design System.
-
-
-
-
-
-
- office
-
-
-
-
-
-
-
-
-
-
-
Fully Responsive
-
Regardless of the screen size, the website content will naturally fit the given resolution.
-
-
-
-
-
-
-
-
-
-
- box-3d-50
-
-
-
-
-
-
-
-
-
-
-
Feel the
-
Start with Elements
-
-
-
-
-
-
-
-
-
-
-
Huge collection of sections
-
Infinite combinations
-
We have created multiple options for you to put together and customise into pixel perfect pages.
-
-
-
-
-
-
-
-
Elements
- 70+ carefully crafted small elements that come with multiple colors and shapes. These are only a few of them.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "row text-center py-3 mt-3" >
- <div class= "col-12 mx-auto" >
-
- <button type= "button" class= "btn btn-primary w-auto me-1 mb-0" > Primary</button>
-
- <button type= "button" class= "btn btn-secondary w-auto me-1 mb-0" > Secondary</button>
-
- <button type= "button" class= "btn btn-info w-auto me-1 mb-0" > Info</button>
-
- <button type= "button" class= "btn btn-success w-auto me-1 mb-0" > Success</button>
-
- <button type= "button" class= "btn btn-warning w-auto me-1 mb-0" > Warning</button>
-
- <button type= "button" class= "btn btn-danger w-auto me-1 mb-0" > Danger</button>
-
- <button type= "button" class= "btn btn-light w-auto me-1 mb-0" > Light</button>
-
- <button type= "button" class= "btn btn-dark w-auto me-1 mb-0" > Dark</button>
-
- <button type= "button" class= "btn btn-white w-auto me-1 mb-0" > White</button>
-
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "row text-center py-3 mt-3" >
- <div class= "col-12 mx-auto" >
-
- <button type= "button" class= "btn bg-gradient-primary w-auto me-1 mb-0" > Primary</button>
-
- <button type= "button" class= "btn bg-gradient-secondary w-auto me-1 mb-0" > Secondary</button>
-
- <button type= "button" class= "btn bg-gradient-info w-auto me-1 mb-0" > Info</button>
-
- <button type= "button" class= "btn bg-gradient-success w-auto me-1 mb-0" > Success</button>
-
- <button type= "button" class= "btn bg-gradient-warning w-auto me-1 mb-0" > Warning</button>
-
- <button type= "button" class= "btn bg-gradient-danger w-auto me-1 mb-0" > Danger</button>
-
- <button type= "button" class= "btn bg-gradient-light w-auto me-1 mb-0" > Light</button>
-
- <button type= "button" class= "btn bg-gradient-dark w-auto me-1 mb-0" > Dark</button>
-
- <button type= "button" class= "btn bg-gradient-white w-auto me-1 mb-0" > White</button>
-
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "row text-center py-3 mt-3" >
- <div class= "col-12 mx-auto" >
-
- <button type= "button" class= "btn btn-outline-primary mb-0" > Primary</button>
-
- <button type= "button" class= "btn btn-outline-secondary mb-0" > Secondary</button>
-
- <button type= "button" class= "btn btn-outline-info mb-0" > Info</button>
-
- <button type= "button" class= "btn btn-outline-success mb-0" > Success</button>
-
- <button type= "button" class= "btn btn-outline-warning mb-0" > Warning</button>
-
- <button type= "button" class= "btn btn-outline-danger mb-0" > Danger</button>
-
- <button type= "button" class= "btn btn-outline-light mb-0" > Light</button>
-
- <button type= "button" class= "btn btn-outline-dark mb-0" > Dark</button>
-
- <button type= "button" class= "btn btn-outline-white mb-0" > White</button>
-
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "row text-center py-2 mt-3" >
- <div class= "col-12 mx-auto" >
- <button type= "button" class= "btn bg-gradient-primary btn-sm me-2" > Small</button>
- <button type= "button" class= "btn bg-gradient-primary w-auto me-2" > Default</button>
- <button type= "button" class= "btn bg-gradient-primary btn-lg" > Large</button>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "row text-center py-2 mt-3" >
- <div class= "col-12 mx-auto" >
- <button class= "btn bg-gradient-primary btn-icon btn-sm" type= "button" >
- <div class= "d-flex align-items-center" >
- <i class= "ni ni-laptop me-2" aria-hidden= "true" ></i>
- Small
- </div>
- </button>
-
- <button class= "btn bg-gradient-primary btn-icon" type= "button" >
- <div class= "d-flex align-items-center" >
- <i class= "ni ni-laptop me-2" aria-hidden= "true" ></i>
- Default
- </div>
- </button>
-
- <button class= "btn bg-gradient-primary btn-icon btn-lg" type= "button" >
- <div class= "d-flex align-items-center" >
- <i class= "ni ni-laptop me-2" aria-hidden= "true" ></i>
- Large
- </div>
- </button>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "row text-center py-2 mt-3" >
- <div class= "col-3 mx-auto text-start" >
- <div class= "form-check" >
- <input class= "form-check-input" type= "checkbox" value= "" id= "flexCheckDefault" >
- <label class= "form-check-label" for= "flexCheckDefault" >
- Default checkbox
- </label>
- </div>
- <div class= "form-check" >
- <input class= "form-check-input" type= "checkbox" value= "" id= "flexCheckChecked" checked >
- <label class= "form-check-label" for= "flexCheckChecked" >
- Checked checkbox
- </label>
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "row text-center py-2 mt-3" >
- <div class= "col-3 mx-auto text-start" >
- <div class= "form-check" >
- <input class= "form-check-input" type= "radio" name= "flexRadioDefault" id= "flexRadioDefault1" >
- <label class= "form-check-label" for= "flexRadioDefault1" >
- Default radio
- </label>
- </div>
- <div class= "form-check" >
- <input class= "form-check-input" type= "radio" name= "flexRadioDefault" id= "flexRadioDefault2" checked >
- <label class= "form-check-label" for= "flexRadioDefault2" >
- Default checked radio
- </label>
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "container py-3 mt-3" >
- <div class= "row" >
- <div class= "col-4 mx-auto" >
- <div class= "form-check form-switch ps-0" >
- <input class= "form-check-input ms-auto mt-1" type= "checkbox" id= "flexSwitchCheckDefault" >
- <label class= "form-check-label ms-2" for= "flexSwitchCheckDefault" > Remember me</label>
- </div>
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "container" >
- <div class= "row text-center py-3 mt-3" >
- <div class= "col-12" >
- <span class= "badge bg-gradient-primary" > Primary</span>
- <span class= "badge bg-gradient-secondary" > Secondary</span>
- <span class= "badge bg-gradient-success" > Success</span>
- <span class= "badge bg-gradient-danger" > Danger</span>
- <span class= "badge bg-gradient-warning" > Warning</span>
- <span class= "badge bg-gradient-info" > Info</span>
- <span class= "badge bg-gradient-light text-dark" > Light</span>
- <span class= "badge bg-gradient-dark" > Dark</span>
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "row text-center py-3 mt-3" >
- <div class= "col-12" >
- <div class= "avatar-group" >
- <a href= "javascript:;" class= "avatar avatar-lg rounded-circle" data-bs-toggle= "tooltip" data-bs-placement= "bottom" title= "Ryan Tompson" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-1.jpg" >
- </a>
- <a href= "javascript:;" class= "avatar avatar-lg rounded-circle" data-bs-toggle= "tooltip" data-bs-placement= "bottom" title= "Romina Hadid" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-2.jpg" >
- </a>
- <a href= "javascript:;" class= "avatar avatar-lg rounded-circle" data-bs-toggle= "tooltip" data-bs-placement= "bottom" title= "Alexander Smith" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-3.jpg" >
- </a>
- <a href= "javascript:;" class= "avatar avatar-lg rounded-circle" data-bs-toggle= "tooltip" data-bs-placement= "bottom" title= "Jessica Doe" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-4.jpg" >
- </a>
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "row text-center py-3 mt-3" >
- <div class= "col-12" >
- <a href= "javascript:;" class= "avatar avatar-xs rounded-circle" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-4.jpg" >
- </a>
- <a href= "javascript:;" class= "avatar avatar-sm rounded-circle" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-4.jpg" >
- </a>
- <a href= "javascript:;" class= "avatar rounded-circle" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-4.jpg" >
- </a>
- <a href= "javascript:;" class= "avatar avatar-lg rounded-circle" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-4.jpg" >
- </a>
- <a href= "javascript:;" class= "avatar avatar-xl rounded-circle" >
- <img alt= "Image placeholder" src= "/static/assets/img/team-4.jpg" >
- </a>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "container py-2 mt-2" >
- <div class= "row" >
- <div class= "col-8 mx-auto" >
- <nav aria-label= "breadcrumb" >
- <ol class= "breadcrumb" >
- <li class= "breadcrumb-item active" aria-current= "page" > Home</li>
- </ol>
- </nav>
- <nav aria-label= "breadcrumb" >
- <ol class= "breadcrumb" >
- <li class= "breadcrumb-item" ><a href= "javascript:;" > Home</a></li>
- <li class= "breadcrumb-item active" aria-current= "page" > Portfolio</li>
- </ol>
- </nav>
- <nav aria-label= "breadcrumb" >
- <ol class= "breadcrumb" >
- <li class= "breadcrumb-item" ><a href= "javascript:;" > Home</a></li>
- <li class= "breadcrumb-item" ><a href= "javascript:;" > Portfolio</a></li>
- <li class= "breadcrumb-item active" aria-current= "page" > Articles</li>
- </ol>
- </nav>
- </div>
-
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "container" >
- <div class= "row py-3 mt-4" >
- <div class= "col-8 mx-auto" >
- <div class= "progress mb-3" >
- <div class= "progress-bar bg-primary" role= "progressbar" style= "width: 50%" aria-valuenow= "50" aria-valuemin= "0" aria-valuemax= "100" ></div>
- </div>
- <div class= "progress mb-3" >
- <div class= "progress-bar bg-secondary" role= "progressbar" style= "width: 50%" aria-valuenow= "50" aria-valuemin= "0" aria-valuemax= "100" ></div>
- </div>
- <div class= "progress mb-3" >
- <div class= "progress-bar bg-success" role= "progressbar" style= "width: 50%" aria-valuenow= "50" aria-valuemin= "0" aria-valuemax= "100" ></div>
- </div>
- <div class= "progress mb-3" >
- <div class= "progress-bar bg-info" role= "progressbar" style= "width: 50%" aria-valuenow= "50" aria-valuemin= "0" aria-valuemax= "100" ></div>
- </div>
- <div class= "progress mb-3" >
- <div class= "progress-bar bg-warning" role= "progressbar" style= "width: 50%" aria-valuenow= "50" aria-valuemin= "0" aria-valuemax= "100" ></div>
- </div>
- <div class= "progress mb-3" >
- <div class= "progress-bar bg-danger" role= "progressbar" style= "width: 50%" aria-valuenow= "50" aria-valuemin= "0" aria-valuemax= "100" ></div>
- </div>
- <div class= "progress mb-3" >
- <div class= "progress-bar bg-dark" role= "progressbar" style= "width: 50%" aria-valuenow= "50" aria-valuemin= "0" aria-valuemax= "100" ></div>
- </div>
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Typography
- 6+ elements that you need for text manipulation and insertion
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<div class= "container-fluid text-sans-serif" >
- <div class= "row py-3 align-items-center" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Heading 1</small>
- </div>
-
- <div class= "col-sm-9" >
- <h1 class= "mb-0" > H1 Soft Design System</h1>
- </div>
- </div>
-
- <div class= "row py-3 align-items-center" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Heading 2</small>
- </div>
-
- <div class= "col-sm-9" >
- <h2 class= "mb-0" > H2 Soft Design System</h2>
- </div>
- </div>
-
- <div class= "row py-3 align-items-center" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Heading 3</small>
- </div>
-
- <div class= "col-sm-9" >
- <h3 class= "mb-0" > H3 Soft Design System</h3>
- </div>
- </div>
-
- <div class= "row py-3 align-items-center" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Heading 4</small>
- </div>
-
- <div class= "col-sm-9" >
- <h4 class= "mb-0" > H4 Soft Design System</h4>
- </div>
- </div>
-
- <div class= "row py-3 align-items-center" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Heading 5</small>
- </div>
-
- <div class= "col-sm-9" >
- <h5 class= "mb-0" > H5 Soft Design System</h5>
- </div>
- </div>
-
- <div class= "row py-3 align-items-center" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Heading 6</small>
- </div>
-
- <div class= "col-sm-9" >
- <h6 class= "mb-0" > H6 Soft Design System</h6>
- </div>
- </div>
-
- <div class= "row py-3 align-items-center" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Paragraph</small>
- </div>
-
- <div class= "col-sm-9" >
- <p class= "mb-0" >
- I will be the leader of a company that ends up being worth
- billions of dollars, because I got the answers. I understand
- culture. I am the nucleus. I think that's a responsibility that I
- have, to push possibilities, to show people, this is the level
- that things could be at.
- </p>
- </div>
- </div>
-
- <div class= "row py-3 align-items-center" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Lead text</small>
- </div>
-
- <div class= "col-sm-9" >
- <p class= "lead mb-0" >
- I will be the leader of a company that ends up being worth
- billions of dollars, because I got the answers. I understand
- culture. I am the nucleus. I think that's a responsibility that I
- have, to push possibilities, to show people, this is the level
- that things could be at.
- </p>
- </div>
- </div>
-
- <div class= "row py-3 align-items-center" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Small</small>
- </div>
-
- <div class= "col-sm-9" >
- <p class= "text-sm mb-0" >
- I will be the leader of a company that ends up being worth
- billions of dollars, because I got the answers. I understand
- culture. I am the nucleus. I think that's a responsibility that I
- have, to push possibilities, to show people, this is the level
- that things could be at.
- </p>
- </div>
- </div>
-
- <div class= "row py-3 align-items-center" >
- <div class= "col-sm-3" >
- <small class= "text-uppercase font-weight-bold" > Tiny</small>
- </div>
-
- <div class= "col-sm-9" >
- <p class= "text-xs mb-0" >
- I will be the leader of a company that ends up being worth
- billions of dollars, because I got the answers. I understand
- culture. I am the nucleus. I think that's a responsibility that I
- have, to push possibilities, to show people, this is the level
- that things could be at.
- </p>
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Attention Catchers
- 4+ Fully coded components that popup from different places of the screen
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "container" >
- <div class= "row py-3" >
- <div class= "alert alert-primary text-white font-weight-bold" role= "alert" >
- A simple primary alert—check it out!
- </div>
- <div class= "alert alert-secondary text-white font-weight-bold" role= "alert" >
- A simple secondary alert—check it out!
- </div>
- <div class= "alert alert-success text-white font-weight-bold" role= "alert" >
- A simple success alert—check it out!
- </div>
- <div class= "alert alert-danger text-white font-weight-bold" role= "alert" >
- A simple danger alert—check it out!
- </div>
- <div class= "alert alert-warning text-white font-weight-bold" role= "alert" >
- A simple warning alert—check it out!
- </div>
- <div class= "alert alert-info text-white font-weight-bold" role= "alert" >
- A simple info alert—check it out!
- </div>
- <div class= "alert alert-light text-white font-weight-bold" role= "alert" >
- A simple light alert—check it out!
- </div>
- <div class= "alert alert-dark text-white font-weight-bold" role= "alert" >
- A simple dark alert—check it out!
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "container" >
- <div class= "row py-7 mt-2 text-center" >
- <div>
- <button type= "button" class= "btn bg-gradient-secondary mb-0" data-bs-container= "body" data-bs-toggle= "popover" data-bs-placement= "top" data-bs-content= "That’s the main thing people are controlled by! Thoughts- their perception of themselves!" >
- Popover on top
- </button>
-
- <button type= "button" class= "btn bg-gradient-secondary mb-0" data-bs-container= "body" data-bs-toggle= "popover" data-bs-placement= "right" data-bs-content= "We’re not always in the position that we want to be at." >
- Popover on right
- </button>
-
- <button type= "button" class= "btn bg-gradient-secondary mb-0" data-bs-container= "body" title= "Popover with title" data-bs-toggle= "popover" data-bs-placement= "bottom" data-bs-content= "A lot of people don’t appreciate the moment until it’s passed." >
- Popover on bottom
- </button>
-
- <button type= "button" class= "btn bg-gradient-secondary mb-0" data-bs-container= "body" data-bs-toggle= "popover" data-bs-placement= "left" data-bs-content= "It really matters and then like it really doesn’t matter. What matters is the people who are sparked by it." >
- Popover on left
- </button>
- </div>
- </div>
-</div>
-
- <!-- initialization script -->
- <script>
- var popoverTriggerList = []. slice . call ( document . querySelectorAll ( ' [data-bs-toggle="popover"] ' ))
- var popoverList = popoverTriggerList . map ( function ( popoverTriggerEl ) {
- return new bootstrap . Popover ( popoverTriggerEl )
- })
- </script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "container py-7" >
- <div class= "row mt-3" >
- <div class= "col-sm-4 col-6 mx-auto" >
- <!-- Button trigger modal -->
- <button type= "button" class= "btn bg-gradient-primary" data-bs-toggle= "modal" data-bs-target= "#exampleModal" >
- Launch demo modal
- </button>
-
- <!-- Modal -->
- <div class= "modal fade" id= "exampleModal" tabindex= "-1" aria-labelledby= "exampleModalLabel" aria-hidden= "true" >
- <div class= "modal-dialog" >
- <div class= "modal-content" >
- <div class= "modal-header" >
- <h5 class= "modal-title" id= "exampleModalLabel" > Your modal title</h5>
- <button type= "button" class= "btn-close" data-bs-dismiss= "modal" aria-label= "Close" ></button>
- </div>
- <div class= "modal-body" >
- Society has put up so many boundaries, so many limitations on what’s right and wrong that it’s almost impossible to get a pure thought out.
- <br><br>
- It’s like a little kid, a little boy, looking at colors, and no one told him what colors are good, before somebody tells you you shouldn’t like pink because that’s for girls, or you’d instantly become a gay two-year-old.
- </div>
- <div class= "modal-footer justify-content-between" >
- <button type= "button" class= "btn bg-gradient-dark" data-bs-dismiss= "modal" > Close</button>
- <button type= "button" class= "btn bg-gradient-primary" > Save changes</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<!-- Datepicker -->
-<div class= "row py-3" >
- <div class= "col-md-6 mx-auto" >
- <div class= "row" >
- <div class= "col-lg-6 mx-auto col-md-8 col-sm-5" >
- <div class= "input-group" >
- <span class= "input-group-text" ><i class= "fas fa-calendar" ></i></span>
- <input class= "form-control datepicker" placeholder= "Please select date" type= "text" >
- </div>
- </div>
- </div>
- </div>
-</div>
-
- <!-- initialization script -->
-<script>
- if ( document . querySelector ( " .datepicker " )) {
- flatpickr ( " .datepicker " , {});
- }
-</script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Navigation
- 6+ components that will help go through the pages
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<!-- Navbar Light -->
-<nav class= "navbar navbar-expand-lg navbar-light bg-white py-3" >
- <div class= "container" >
- <a class= "navbar-brand" href= "/" rel= "tooltip" title= "Designed and Coded by Creative Tim" data-placement= "bottom" target= "_blank" >
- Soft UI Design System
- </a>
- <button class= "navbar-toggler shadow-none ms-2" type= "button" data-bs-toggle= "collapse" data-bs-target= "#navigation" aria-controls= "navigation" aria-expanded= "false" aria-label= "Toggle navigation" >
- <span class= "navbar-toggler-icon mt-2" >
- <span class= "navbar-toggler-bar bar1" ></span>
- <span class= "navbar-toggler-bar bar2" ></span>
- <span class= "navbar-toggler-bar bar3" ></span>
- </span>
- </button>
- <div class= "collapse navbar-collapse pt-3 pb-2 py-lg-0 ms-lg-12 ps-lg-5" id= "navigation" >
- <ul class= "navbar-nav navbar-nav-hover w-100" >
- <li class= "nav-item dropdown dropdown-hover mx-2 ms-lg-5" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" id= "dropdownMenuPages" data-bs-toggle= "dropdown" aria-expanded= "false" >
- Pages
- <img src= "/static/assets/img/down-arrow-dark.svg" alt= "down-arrow" class= "arrow ms-1" >
- </a>
- <div class= "dropdown-menu dropdown-menu-animation dropdown-md p-3 border-radius-lg mt-0 mt-lg-3" aria-labelledby= "dropdownMenuPages" >
- <div class= "d-none d-lg-block" >
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- About Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Contact Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Author
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Sign In
- </a>
-</div>
-
-<div class= "d-lg-none" >
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- About Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Contact Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Author
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Sign In
- </a>
-</div>
-
- </div>
- </li>
-
- <li class= "nav-item dropdown dropdown-hover mx-2" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" id= "dropdownMenuBlocks" data-bs-toggle= "dropdown" aria-expanded= "false" >
- Blocks
- <img src= "/static/assets/img/down-arrow-dark.svg" alt= "down-arrow" class= "arrow ms-1" >
- </a>
- <ul class= "dropdown-menu dropdown-menu-animation dropdown-lg dropdown-lg-responsive p-3 border-radius-lg mt-0 mt-lg-3" aria-labelledby= "dropdownMenuBlocks" >
- <div class= "d-none d-lg-block" >
- <li class= "nav-item dropdown dropdown-hover dropdown-subitem" >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "/presentation.html" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <i class= "ni ni-single-copy-04 text-gradient text-primary" ></i>
- </div>
- <div class= "w-100 d-flex align-items-center justify-content-between" >
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Page Sections</h6>
- <span class= "text-sm" > See all 109 sections</span>
- </div>
-
- <img src= "/static/assets/img/down-arrow.svg" alt= "down-arrow" class= "arrow" >
- </div>
- </div>
- </a>
- <div class= "dropdown-menu mt-0 py-3 px-2 mt-3" aria-labelledby= "pageSections" >
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Page Headers
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Features
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Pricing
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- FAQ
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Blog Posts
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Testimonials
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Teams
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Stats
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Call to Actions
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Logo Areas
- </a>
- </div>
- </li>
-</div>
-
-<div class= "row d-lg-none" >
- <div class= "col-md-12" >
- <div class= "d-flex mb-2" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <i class= "ni ni-single-copy-04 text-gradient text-primary" ></i>
- </div>
- <div class= "w-100 d-flex align-items-center justify-content-between" >
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Page Sections</h6>
- </div>
- </div>
- </div>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Page Headers
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Features
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Pricing
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- FAQ
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Blog Posts
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Testimonials
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Teams
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Stats
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Call to Actions
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Applications
- </a>
- </div>
-</div>
-
- </ul>
- </li>
-
- <li class= "nav-item dropdown dropdown-hover mx-2" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" id= "dropdownMenuDocs" data-bs-toggle= "dropdown" aria-expanded= "false" >
- Docs
- <img src= "/static/assets/img/down-arrow-dark.svg" alt= "down-arrow" class= "arrow ms-1" >
- </a>
- <ul class= "dropdown-menu dropdown-menu-animation dropdown-lg mt-0 mt-lg-3 p-3 border-radius-lg" aria-labelledby= "dropdownMenuDocs" >
- <div class= "d-none d-lg-block" >
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> spaceship</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1720.000000, -592.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "spaceship" transform= "translate(4.000000, 301.000000)" >
- <path class= "color-background" d= "M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z" id= "Shape" ></path>
- <path class= "color-background" d= "M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z" id= "Path" ></path>
- <path class= "color-background" d= "M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" id= "color-2" opacity= "0.598539807" ></path>
- <path class= "color-background" d= "M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" id= "color-3" opacity= "0.598539807" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Getting Started</h6>
- <span class= "text-sm" > All about overview, quick start, license and contents</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> document</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -591.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "document" transform= "translate(154.000000, 300.000000)" >
- <path class= "color-background" d= "M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" id= "Path" opacity= "0.603585379" ></path>
- <path class= "color-background" d= "M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Foundation</h6>
- <span class= "text-sm" > See our colors, icons and typography</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 42 42" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> box-3d-50</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2319.000000, -291.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "box-3d-50" transform= "translate(603.000000, 0.000000)" >
- <path class= "color-background" d= "M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z" id= "Path" ></path>
- <path class= "color-background" d= "M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" id= "Path" opacity= "0.7" ></path>
- <path class= "color-background" d= "M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" id= "Path" opacity= "0.7" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Components</h6>
- <span class= "text-sm" > Explore our collection of fully designed components</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> switches</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -440.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "switches" transform= "translate(154.000000, 149.000000)" >
- <path class= "color-background" d= "M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" id= "Shape" opacity= "0.6" ></path>
- <path class= "color-background" d= "M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Plugins</h6>
- <span class= "text-sm" > Check how you can integrate our plugins</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> settings</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2020.000000, -442.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "settings" transform= "translate(304.000000, 151.000000)" >
- <polygon class= "color-background" id= "Path" opacity= "0.596981957" points= "18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667" ></polygon>
- <path class= "color-background" d= "M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" id= "Path" opacity= "0.596981957" ></path>
- <path class= "color-background" d= "M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z" id= "Path" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Utility Classes</h6>
- <span class= "text-sm" > For those who want flexibility, use our utility classes</span>
- </div>
- </div>
- </a>
- </li>
-</div>
-
-<div class= "row d-lg-none" >
- <div class= "col-md-12 g-0" >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> spaceship</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1720.000000, -592.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "spaceship" transform= "translate(4.000000, 301.000000)" >
- <path class= "color-background" d= "M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z" id= "Shape" ></path>
- <path class= "color-background" d= "M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z" id= "Path" ></path>
- <path class= "color-background" d= "M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" id= "color-2" opacity= "0.598539807" ></path>
- <path class= "color-background" d= "M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" id= "color-3" opacity= "0.598539807" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Getting Started</h6>
- <span class= "text-sm" > All about overview, quick start, license and contents</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> document</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -591.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "document" transform= "translate(154.000000, 300.000000)" >
- <path class= "color-background" d= "M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" id= "Path" opacity= "0.603585379" ></path>
- <path class= "color-background" d= "M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Foundation</h6>
- <span class= "text-sm" > See our colors, icons and typography</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 42 42" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> box-3d-50</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2319.000000, -291.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "box-3d-50" transform= "translate(603.000000, 0.000000)" >
- <path class= "color-background" d= "M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z" id= "Path" ></path>
- <path class= "color-background" d= "M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" id= "Path" opacity= "0.7" ></path>
- <path class= "color-background" d= "M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" id= "Path" opacity= "0.7" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Components</h6>
- <span class= "text-sm" > Explore our collection of fully designed components</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> switches</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -440.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "switches" transform= "translate(154.000000, 149.000000)" >
- <path class= "color-background" d= "M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" id= "Shape" opacity= "0.6" ></path>
- <path class= "color-background" d= "M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Plugins</h6>
- <span class= "text-sm" > Check how you can integrate our plugins</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> settings</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2020.000000, -442.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "settings" transform= "translate(304.000000, 151.000000)" >
- <polygon class= "color-background" id= "Path" opacity= "0.596981957" points= "18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667" ></polygon>
- <path class= "color-background" d= "M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" id= "Path" opacity= "0.596981957" ></path>
- <path class= "color-background" d= "M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z" id= "Path" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Utility Classes</h6>
- <span class= "text-sm" > All about overview, quick start, license and contents</span>
- </div>
- </div>
- </a>
- </div>
-</div>
-
- </ul>
- </li>
- <li class= "nav-item ms-lg-auto my-auto ms-3 ms-lg-0 mt-2 mt-lg-0" >
- <a href= "https://appseed.us/ui-kit/soft-ui-design-system" class= "btn btn-sm bg-gradient-primary btn-round mb-0 me-1 mt-2 mt-md-0" > More Starters</a></li>
- </ul>
- </div>
- </div>
-</nav>
-<!-- End Navbar -->
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<!-- Navbar Dark -->
-<nav class= "navbar navbar-expand-lg navbar-dark bg-gradient-dark z-index-3 py-3" >
- <div class= "container" >
- <a class= "navbar-brand text-white" href= "/" rel= "tooltip" title= "Designed and Coded by Creative Tim" data-placement= "bottom" target= "_blank" >
- Soft UI Design System
- </a>
- <button class= "navbar-toggler shadow-none ms-2" type= "button" data-bs-toggle= "collapse" data-bs-target= "#navigation" aria-controls= "navigation" aria-expanded= "false" aria-label= "Toggle navigation" >
- <span class= "navbar-toggler-icon mt-2" >
- <span class= "navbar-toggler-bar bar1" ></span>
- <span class= "navbar-toggler-bar bar2" ></span>
- <span class= "navbar-toggler-bar bar3" ></span>
- </span>
- </button>
- <div class= "collapse navbar-collapse pt-3 pb-2 py-lg-0" id= "navigation" >
- <ul class= "navbar-nav navbar-nav-hover mx-auto" >
- <li class= "nav-item dropdown dropdown-hover mx-2" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" id= "dropdownMenuPages" data-bs-toggle= "dropdown" aria-expanded= "false" >
- Pages
- <img src= "/static/assets/img/down-arrow-white.svg" alt= "down-arrow" class= "arrow ms-1" >
- </a>
- <div class= "dropdown-menu dropdown-menu-animation dropdown-xl p-3 border-radius-xl mt-0 mt-lg-3" aria-labelledby= "dropdownMenuPages" >
- <div class= "d-none d-lg-block" >
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- About Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Contact Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Author
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Sign In
- </a>
-</div>
-
-<div class= "d-lg-none" >
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- About Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Contact Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Author
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Sign In
- </a>
-</div>
-
- </div>
- </li>
-
- <li class= "nav-item dropdown dropdown-hover mx-2" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" id= "dropdownMenuBlocks" data-bs-toggle= "dropdown" aria-expanded= "false" >
- Blocks
- <img src= "/static/assets/img/down-arrow-white.svg" alt= "down-arrow" class= "arrow ms-1" >
- </a>
- <ul class= "dropdown-menu dropdown-menu-animation dropdown-lg dropdown-lg-responsive p-3 border-radius-lg mt-0 mt-lg-3" aria-labelledby= "dropdownMenuBlocks" >
- <div class= "d-none d-lg-block" >
- <li class= "nav-item dropdown dropdown-hover dropdown-subitem" >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "/presentation.html" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <i class= "ni ni-single-copy-04 text-gradient text-primary" ></i>
- </div>
- <div class= "w-100 d-flex align-items-center justify-content-between" >
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Page Sections</h6>
- <span class= "text-sm" > See all 109 sections</span>
- </div>
-
- <img src= "/static/assets/img/down-arrow.svg" alt= "down-arrow" class= "arrow" >
- </div>
- </div>
- </a>
- <div class= "dropdown-menu mt-0 py-3 px-2 mt-3" aria-labelledby= "pageSections" >
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Page Headers
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Features
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Pricing
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- FAQ
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Blog Posts
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Testimonials
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Teams
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Stats
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Call to Actions
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Logo Areas
- </a>
- </div>
- </li>
-</div>
-
-<div class= "row d-lg-none" >
- <div class= "col-md-12" >
- <div class= "d-flex mb-2" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <i class= "ni ni-single-copy-04 text-gradient text-primary" ></i>
- </div>
- <div class= "w-100 d-flex align-items-center justify-content-between" >
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Page Sections</h6>
- </div>
- </div>
- </div>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Page Headers
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Features
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Pricing
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- FAQ
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Blog Posts
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Testimonials
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Teams
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Stats
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Call to Actions
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Applications
- </a>
- </div>
-</div>
-
- </ul>
- </li>
-
- <li class= "nav-item dropdown dropdown-hover mx-2" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" id= "dropdownMenuDocs" data-bs-toggle= "dropdown" aria-expanded= "false" >
- Docs
- <img src= "/static/assets/img/down-arrow-white.svg" alt= "down-arrow" class= "arrow ms-1" >
- </a>
- <ul class= "dropdown-menu dropdown-menu-animation dropdown-lg mt-0 mt-lg-3 p-3 border-radius-lg" aria-labelledby= "dropdownMenuDocs" >
- <div class= "d-none d-lg-block" >
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> spaceship</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1720.000000, -592.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "spaceship" transform= "translate(4.000000, 301.000000)" >
- <path class= "color-background" d= "M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z" id= "Shape" ></path>
- <path class= "color-background" d= "M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z" id= "Path" ></path>
- <path class= "color-background" d= "M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" id= "color-2" opacity= "0.598539807" ></path>
- <path class= "color-background" d= "M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" id= "color-3" opacity= "0.598539807" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Getting Started</h6>
- <span class= "text-sm" > All about overview, quick start, license and contents</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> document</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -591.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "document" transform= "translate(154.000000, 300.000000)" >
- <path class= "color-background" d= "M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" id= "Path" opacity= "0.603585379" ></path>
- <path class= "color-background" d= "M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Foundation</h6>
- <span class= "text-sm" > See our colors, icons and typography</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 42 42" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> box-3d-50</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2319.000000, -291.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "box-3d-50" transform= "translate(603.000000, 0.000000)" >
- <path class= "color-background" d= "M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z" id= "Path" ></path>
- <path class= "color-background" d= "M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" id= "Path" opacity= "0.7" ></path>
- <path class= "color-background" d= "M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" id= "Path" opacity= "0.7" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Components</h6>
- <span class= "text-sm" > Explore our collection of fully designed components</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> switches</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -440.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "switches" transform= "translate(154.000000, 149.000000)" >
- <path class= "color-background" d= "M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" id= "Shape" opacity= "0.6" ></path>
- <path class= "color-background" d= "M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Plugins</h6>
- <span class= "text-sm" > Check how you can integrate our plugins</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> settings</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2020.000000, -442.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "settings" transform= "translate(304.000000, 151.000000)" >
- <polygon class= "color-background" id= "Path" opacity= "0.596981957" points= "18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667" ></polygon>
- <path class= "color-background" d= "M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" id= "Path" opacity= "0.596981957" ></path>
- <path class= "color-background" d= "M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z" id= "Path" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Utility Classes</h6>
- <span class= "text-sm" > For those who want flexibility, use our utility classes</span>
- </div>
- </div>
- </a>
- </li>
-</div>
-
-<div class= "row d-lg-none" >
- <div class= "col-md-12 g-0" >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> spaceship</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1720.000000, -592.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "spaceship" transform= "translate(4.000000, 301.000000)" >
- <path class= "color-background" d= "M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z" id= "Shape" ></path>
- <path class= "color-background" d= "M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z" id= "Path" ></path>
- <path class= "color-background" d= "M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" id= "color-2" opacity= "0.598539807" ></path>
- <path class= "color-background" d= "M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" id= "color-3" opacity= "0.598539807" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Getting Started</h6>
- <span class= "text-sm" > All about overview, quick start, license and contents</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> document</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -591.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "document" transform= "translate(154.000000, 300.000000)" >
- <path class= "color-background" d= "M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" id= "Path" opacity= "0.603585379" ></path>
- <path class= "color-background" d= "M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Foundation</h6>
- <span class= "text-sm" > See our colors, icons and typography</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 42 42" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> box-3d-50</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2319.000000, -291.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "box-3d-50" transform= "translate(603.000000, 0.000000)" >
- <path class= "color-background" d= "M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z" id= "Path" ></path>
- <path class= "color-background" d= "M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" id= "Path" opacity= "0.7" ></path>
- <path class= "color-background" d= "M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" id= "Path" opacity= "0.7" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Components</h6>
- <span class= "text-sm" > Explore our collection of fully designed components</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> switches</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -440.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "switches" transform= "translate(154.000000, 149.000000)" >
- <path class= "color-background" d= "M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" id= "Shape" opacity= "0.6" ></path>
- <path class= "color-background" d= "M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Plugins</h6>
- <span class= "text-sm" > Check how you can integrate our plugins</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> settings</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2020.000000, -442.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "settings" transform= "translate(304.000000, 151.000000)" >
- <polygon class= "color-background" id= "Path" opacity= "0.596981957" points= "18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667" ></polygon>
- <path class= "color-background" d= "M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" id= "Path" opacity= "0.596981957" ></path>
- <path class= "color-background" d= "M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z" id= "Path" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Utility Classes</h6>
- <span class= "text-sm" > All about overview, quick start, license and contents</span>
- </div>
- </div>
- </a>
- </div>
-</div>
-
- </ul>
- </li>
- <li class= "nav-item ms-lg-auto my-auto ms-3 ms-lg-0 mt-2 mt-lg-0" >
- <a href= "https://appseed.us/ui-kit/soft-ui-design-system" class= "btn btn-sm bg-gradient-primary btn-round mb-0 me-1 mt-2 mt-md-0" > More Starters</a></li>
- </ul>
- </div>
- </div>
-</nav>
-<!-- End Navbar -->
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<!-- Navbar -->
-<div class= "container position-sticky z-index-sticky top-0" ><div class= "row" ><div class= "col-12" >
-<nav class= "navbar navbar-expand-lg blur blur-rounded top-0 z-index-fixed shadow position-absolute my-3 py-2 start-0 end-0 mx-4" >
- <div class= "container-fluid" >
- <a class= "navbar-brand font-weight-bolder ms-sm-3" href= "/" rel= "tooltip" title= "Designed and Coded by Creative Tim" data-placement= "bottom" target= "_blank" >
- Soft UI Design System
- </a>
- <button class= "navbar-toggler shadow-none ms-2" type= "button" data-bs-toggle= "collapse" data-bs-target= "#navigation" aria-controls= "navigation" aria-expanded= "false" aria-label= "Toggle navigation" >
- <span class= "navbar-toggler-icon mt-2" >
- <span class= "navbar-toggler-bar bar1" ></span>
- <span class= "navbar-toggler-bar bar2" ></span>
- <span class= "navbar-toggler-bar bar3" ></span>
- </span>
- </button>
- <div class= "collapse navbar-collapse pt-3 pb-2 py-lg-0" id= "navigation" >
- <ul class= "navbar-nav navbar-nav-hover ms-lg-12 ps-lg-5 w-100" >
- <li class= "nav-item dropdown dropdown-hover mx-2" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" id= "dropdownMenuPages" data-bs-toggle= "dropdown" aria-expanded= "false" >
- Pages
- <img src= "/static/assets/img/down-arrow-dark.svg" alt= "down-arrow" class= "arrow ms-1" >
- </a>
- <div class= "dropdown-menu dropdown-menu-animation dropdown-md p-3 border-radius-lg mt-0 mt-lg-3" aria-labelledby= "dropdownMenuPages" >
- <div class= "d-none d-lg-block" >
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- About Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Contact Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Author
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Sign In
- </a>
-</div>
-
-<div class= "d-lg-none" >
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- About Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Contact Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Author
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Sign In
- </a>
-</div>
-
- </div>
- </li>
-
- <li class= "nav-item dropdown dropdown-hover mx-2" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" id= "dropdownMenuBlocks" data-bs-toggle= "dropdown" aria-expanded= "false" >
- Blocks
- <img src= "/static/assets/img/down-arrow-dark.svg" alt= "down-arrow" class= "arrow ms-1" >
- </a>
- <ul class= "dropdown-menu dropdown-menu-animation dropdown-lg dropdown-lg-responsive p-3 border-radius-lg mt-0 mt-lg-3" aria-labelledby= "dropdownMenuBlocks" >
- <div class= "d-none d-lg-block" >
- <li class= "nav-item dropdown dropdown-hover dropdown-subitem" >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "/presentation.html" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <i class= "ni ni-single-copy-04 text-gradient text-primary" ></i>
- </div>
- <div class= "w-100 d-flex align-items-center justify-content-between" >
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Page Sections</h6>
- <span class= "text-sm" > See all 109 sections</span>
- </div>
-
- <img src= "/static/assets/img/down-arrow.svg" alt= "down-arrow" class= "arrow" >
- </div>
- </div>
- </a>
- <div class= "dropdown-menu mt-0 py-3 px-2 mt-3" aria-labelledby= "pageSections" >
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Page Headers
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Features
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Pricing
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- FAQ
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Blog Posts
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Testimonials
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Teams
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Stats
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Call to Actions
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Logo Areas
- </a>
- </div>
- </li>
-</div>
-
-<div class= "row d-lg-none" >
- <div class= "col-md-12" >
- <div class= "d-flex mb-2" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <i class= "ni ni-single-copy-04 text-gradient text-primary" ></i>
- </div>
- <div class= "w-100 d-flex align-items-center justify-content-between" >
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Page Sections</h6>
- </div>
- </div>
- </div>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Page Headers
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Features
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Pricing
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- FAQ
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Blog Posts
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Testimonials
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Teams
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Stats
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Call to Actions
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Applications
- </a>
- </div>
-</div>
-
- </ul>
- </li>
-
- <li class= "nav-item dropdown dropdown-hover mx-2" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" id= "dropdownMenuDocs" data-bs-toggle= "dropdown" aria-expanded= "false" >
- Docs
- <img src= "/static/assets/img/down-arrow-dark.svg" alt= "down-arrow" class= "arrow ms-1" >
- </a>
- <ul class= "dropdown-menu dropdown-menu-animation dropdown-lg mt-0 mt-lg-3 p-3 border-radius-lg" aria-labelledby= "dropdownMenuDocs" >
- <div class= "d-none d-lg-block" >
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> spaceship</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1720.000000, -592.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "spaceship" transform= "translate(4.000000, 301.000000)" >
- <path class= "color-background" d= "M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z" id= "Shape" ></path>
- <path class= "color-background" d= "M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z" id= "Path" ></path>
- <path class= "color-background" d= "M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" id= "color-2" opacity= "0.598539807" ></path>
- <path class= "color-background" d= "M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" id= "color-3" opacity= "0.598539807" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Getting Started</h6>
- <span class= "text-sm" > All about overview, quick start, license and contents</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> document</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -591.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "document" transform= "translate(154.000000, 300.000000)" >
- <path class= "color-background" d= "M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" id= "Path" opacity= "0.603585379" ></path>
- <path class= "color-background" d= "M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Foundation</h6>
- <span class= "text-sm" > See our colors, icons and typography</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 42 42" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> box-3d-50</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2319.000000, -291.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "box-3d-50" transform= "translate(603.000000, 0.000000)" >
- <path class= "color-background" d= "M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z" id= "Path" ></path>
- <path class= "color-background" d= "M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" id= "Path" opacity= "0.7" ></path>
- <path class= "color-background" d= "M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" id= "Path" opacity= "0.7" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Components</h6>
- <span class= "text-sm" > Explore our collection of fully designed components</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> switches</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -440.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "switches" transform= "translate(154.000000, 149.000000)" >
- <path class= "color-background" d= "M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" id= "Shape" opacity= "0.6" ></path>
- <path class= "color-background" d= "M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Plugins</h6>
- <span class= "text-sm" > Check how you can integrate our plugins</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> settings</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2020.000000, -442.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "settings" transform= "translate(304.000000, 151.000000)" >
- <polygon class= "color-background" id= "Path" opacity= "0.596981957" points= "18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667" ></polygon>
- <path class= "color-background" d= "M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" id= "Path" opacity= "0.596981957" ></path>
- <path class= "color-background" d= "M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z" id= "Path" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Utility Classes</h6>
- <span class= "text-sm" > For those who want flexibility, use our utility classes</span>
- </div>
- </div>
- </a>
- </li>
-</div>
-
-<div class= "row d-lg-none" >
- <div class= "col-md-12 g-0" >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> spaceship</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1720.000000, -592.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "spaceship" transform= "translate(4.000000, 301.000000)" >
- <path class= "color-background" d= "M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z" id= "Shape" ></path>
- <path class= "color-background" d= "M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z" id= "Path" ></path>
- <path class= "color-background" d= "M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" id= "color-2" opacity= "0.598539807" ></path>
- <path class= "color-background" d= "M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" id= "color-3" opacity= "0.598539807" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Getting Started</h6>
- <span class= "text-sm" > All about overview, quick start, license and contents</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> document</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -591.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "document" transform= "translate(154.000000, 300.000000)" >
- <path class= "color-background" d= "M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" id= "Path" opacity= "0.603585379" ></path>
- <path class= "color-background" d= "M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Foundation</h6>
- <span class= "text-sm" > See our colors, icons and typography</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 42 42" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> box-3d-50</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2319.000000, -291.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "box-3d-50" transform= "translate(603.000000, 0.000000)" >
- <path class= "color-background" d= "M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z" id= "Path" ></path>
- <path class= "color-background" d= "M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" id= "Path" opacity= "0.7" ></path>
- <path class= "color-background" d= "M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" id= "Path" opacity= "0.7" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Components</h6>
- <span class= "text-sm" > Explore our collection of fully designed components</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> switches</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -440.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "switches" transform= "translate(154.000000, 149.000000)" >
- <path class= "color-background" d= "M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" id= "Shape" opacity= "0.6" ></path>
- <path class= "color-background" d= "M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Plugins</h6>
- <span class= "text-sm" > Check how you can integrate our plugins</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> settings</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2020.000000, -442.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "settings" transform= "translate(304.000000, 151.000000)" >
- <polygon class= "color-background" id= "Path" opacity= "0.596981957" points= "18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667" ></polygon>
- <path class= "color-background" d= "M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" id= "Path" opacity= "0.596981957" ></path>
- <path class= "color-background" d= "M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z" id= "Path" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Utility Classes</h6>
- <span class= "text-sm" > All about overview, quick start, license and contents</span>
- </div>
- </div>
- </a>
- </div>
-</div>
-
- </ul>
- </li>
- <li class= "nav-item ms-lg-auto my-auto ms-3 ms-lg-0" >
- <a href= "https://appseed.us/ui-kit/soft-ui-design-system" class= "btn btn-sm bg-gradient-primary btn-round mb-0 me-1 mt-2 mt-md-0" > More Starters</a></li>
- </ul>
- </div>
- </div>
-</nav>
-<!-- End Navbar -->
-</div></div></div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<!-- Navbar Transparent -->
-<nav
- class= "navbar navbar-expand-lg position-absolute top-0 z-index-3 w-100 shadow-none my-3 navbar-transparent" >
- <div class= "container" >
- <a class= "navbar-brand text-white " href= "/" rel= "tooltip" title= "Designed and Coded by Creative Tim" data-placement= "bottom" target= "_blank" >
- Soft UI Design System
- </a>
- <button class= "navbar-toggler shadow-none ms-2" type= "button" data-bs-toggle= "collapse" data-bs-target= "#navigation" aria-controls= "navigation" aria-expanded= "false" aria-label= "Toggle navigation" >
- <span class= "navbar-toggler-icon mt-2" >
- <span class= "navbar-toggler-bar bar1" ></span>
- <span class= "navbar-toggler-bar bar2" ></span>
- <span class= "navbar-toggler-bar bar3" ></span>
- </span>
- </button>
- <div class= "collapse navbar-collapse pt-3 pb-2 py-lg-0 ms-lg-12 ps-lg-5" id= "navigation" >
- <ul class= "navbar-nav navbar-nav-hover w-100" >
- <li class= "nav-item dropdown dropdown-hover mx-2 ms-lg-6" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" id= "dropdownMenuPages" data-bs-toggle= "dropdown" aria-expanded= "false" >
- Pages
- <img src= "/static/assets/img/down-arrow-white.svg" alt= "down-arrow" class= "arrow ms-1 d-lg-block d-none" >
- <img src= "/static/assets/img/down-arrow-dark.svg" alt= "down-arrow" class= "arrow ms-1 d-lg-none d-block" >
- </a>
- <div class= "dropdown-menu dropdown-menu-animation dropdown-md p-3 border-radius-lg mt-0 mt-lg-3" aria-labelledby= "dropdownMenuPages" >
- <div class= "d-none d-lg-block" >
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- About Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Contact Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Author
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Sign In
- </a>
-</div>
-
-<div class= "d-lg-none" >
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- About Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Contact Us
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Author
- </a>
- <a href= "javascript:;" class= "dropdown-item border-radius-md" >
- Sign In
- </a>
-</div>
-
- </div>
- </li>
-
- <li class= "nav-item dropdown dropdown-hover mx-2" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" id= "dropdownMenuBlocks" data-bs-toggle= "dropdown" aria-expanded= "false" >
- Blocks
- <img src= "/static/assets/img/down-arrow-white.svg" alt= "down-arrow" class= "arrow ms-1 d-lg-block d-none" >
- <img src= "/static/assets/img/down-arrow-dark.svg" alt= "down-arrow" class= "arrow ms-1 d-lg-none d-block" >
- </a>
- <ul class= "dropdown-menu dropdown-menu-animation dropdown-lg dropdown-lg-responsive p-3 border-radius-lg mt-0 mt-lg-3" aria-labelledby= "dropdownMenuBlocks" >
- <div class= "d-none d-lg-block" >
- <li class= "nav-item dropdown dropdown-hover dropdown-subitem" >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "/presentation.html" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <i class= "ni ni-single-copy-04 text-gradient text-primary" ></i>
- </div>
- <div class= "w-100 d-flex align-items-center justify-content-between" >
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Page Sections</h6>
- <span class= "text-sm" > See all 109 sections</span>
- </div>
-
- <img src= "/static/assets/img/down-arrow.svg" alt= "down-arrow" class= "arrow" >
- </div>
- </div>
- </a>
- <div class= "dropdown-menu mt-0 py-3 px-2 mt-3" aria-labelledby= "pageSections" >
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Page Headers
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Features
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Pricing
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- FAQ
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Blog Posts
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Testimonials
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Teams
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Stats
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Call to Actions
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Logo Areas
- </a>
- </div>
- </li>
-</div>
-
-<div class= "row d-lg-none" >
- <div class= "col-md-12" >
- <div class= "d-flex mb-2" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <i class= "ni ni-single-copy-04 text-gradient text-primary" ></i>
- </div>
- <div class= "w-100 d-flex align-items-center justify-content-between" >
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Page Sections</h6>
- </div>
- </div>
- </div>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Page Headers
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Features
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Pricing
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- FAQ
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Blog Posts
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Testimonials
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Teams
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Stats
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Call to Actions
- </a>
- <a class= "dropdown-item ps-3 border-radius-md mb-1" href= "javascript:;" >
- Applications
- </a>
- </div>
-</div>
-
- </ul>
- </li>
-
- <li class= "nav-item dropdown dropdown-hover mx-2" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" id= "dropdownMenuDocs" data-bs-toggle= "dropdown" aria-expanded= "false" >
- Docs
- <img src= "/static/assets/img/down-arrow-white.svg" alt= "down-arrow" class= "arrow ms-1 d-lg-block d-none" >
- <img src= "/static/assets/img/down-arrow-dark.svg" alt= "down-arrow" class= "arrow ms-1 d-lg-none d-block" >
- </a>
- <ul class= "dropdown-menu dropdown-menu-animation dropdown-lg mt-0 mt-lg-3 p-3 border-radius-lg" aria-labelledby= "dropdownMenuDocs" >
- <div class= "d-none d-lg-block" >
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> spaceship</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1720.000000, -592.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "spaceship" transform= "translate(4.000000, 301.000000)" >
- <path class= "color-background" d= "M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z" id= "Shape" ></path>
- <path class= "color-background" d= "M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z" id= "Path" ></path>
- <path class= "color-background" d= "M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" id= "color-2" opacity= "0.598539807" ></path>
- <path class= "color-background" d= "M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" id= "color-3" opacity= "0.598539807" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Getting Started</h6>
- <span class= "text-sm" > All about overview, quick start, license and contents</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> document</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -591.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "document" transform= "translate(154.000000, 300.000000)" >
- <path class= "color-background" d= "M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" id= "Path" opacity= "0.603585379" ></path>
- <path class= "color-background" d= "M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Foundation</h6>
- <span class= "text-sm" > See our colors, icons and typography</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 42 42" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> box-3d-50</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2319.000000, -291.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "box-3d-50" transform= "translate(603.000000, 0.000000)" >
- <path class= "color-background" d= "M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z" id= "Path" ></path>
- <path class= "color-background" d= "M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" id= "Path" opacity= "0.7" ></path>
- <path class= "color-background" d= "M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" id= "Path" opacity= "0.7" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Components</h6>
- <span class= "text-sm" > Explore our collection of fully designed components</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> switches</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -440.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "switches" transform= "translate(154.000000, 149.000000)" >
- <path class= "color-background" d= "M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" id= "Shape" opacity= "0.6" ></path>
- <path class= "color-background" d= "M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Plugins</h6>
- <span class= "text-sm" > Check how you can integrate our plugins</span>
- </div>
- </div>
- </a>
- </li>
- <li class= "nav-item " >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> settings</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2020.000000, -442.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "settings" transform= "translate(304.000000, 151.000000)" >
- <polygon class= "color-background" id= "Path" opacity= "0.596981957" points= "18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667" ></polygon>
- <path class= "color-background" d= "M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" id= "Path" opacity= "0.596981957" ></path>
- <path class= "color-background" d= "M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z" id= "Path" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Utility Classes</h6>
- <span class= "text-sm" > For those who want flexibility, use our utility classes</span>
- </div>
- </div>
- </a>
- </li>
-</div>
-
-<div class= "row d-lg-none" >
- <div class= "col-md-12 g-0" >
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> spaceship</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1720.000000, -592.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "spaceship" transform= "translate(4.000000, 301.000000)" >
- <path class= "color-background" d= "M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z" id= "Shape" ></path>
- <path class= "color-background" d= "M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z" id= "Path" ></path>
- <path class= "color-background" d= "M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" id= "color-2" opacity= "0.598539807" ></path>
- <path class= "color-background" d= "M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" id= "color-3" opacity= "0.598539807" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Getting Started</h6>
- <span class= "text-sm" > All about overview, quick start, license and contents</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> document</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -591.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "document" transform= "translate(154.000000, 300.000000)" >
- <path class= "color-background" d= "M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" id= "Path" opacity= "0.603585379" ></path>
- <path class= "color-background" d= "M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Foundation</h6>
- <span class= "text-sm" > See our colors, icons and typography</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 42 42" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> box-3d-50</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2319.000000, -291.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "box-3d-50" transform= "translate(603.000000, 0.000000)" >
- <path class= "color-background" d= "M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z" id= "Path" ></path>
- <path class= "color-background" d= "M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" id= "Path" opacity= "0.7" ></path>
- <path class= "color-background" d= "M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" id= "Path" opacity= "0.7" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Components</h6>
- <span class= "text-sm" > Explore our collection of fully designed components</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 44" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> switches</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-1870.000000, -440.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "switches" transform= "translate(154.000000, 149.000000)" >
- <path class= "color-background" d= "M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" id= "Shape" opacity= "0.6" ></path>
- <path class= "color-background" d= "M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z" id= "Shape" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Plugins</h6>
- <span class= "text-sm" > Check how you can integrate our plugins</span>
- </div>
- </div>
- </a>
-
- <a class= "dropdown-item py-2 ps-3 border-radius-md" href= "javascript:;" >
- <div class= "d-flex" >
- <div class= "icon h-10 me-3 d-flex mt-1" >
- <svg class= "text-secondary" width= "16px" height= "16px" viewBox= "0 0 40 40" version= "1.1" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
- <title> settings</title>
- <g id= "Basic-Elements" stroke= "none" stroke-width= "1" fill= "none" fill-rule= "evenodd" >
- <g id= "Rounded-Icons" transform= "translate(-2020.000000, -442.000000)" fill= "#FFFFFF" fill-rule= "nonzero" >
- <g id= "Icons-with-opacity" transform= "translate(1716.000000, 291.000000)" >
- <g id= "settings" transform= "translate(304.000000, 151.000000)" >
- <polygon class= "color-background" id= "Path" opacity= "0.596981957" points= "18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667" ></polygon>
- <path class= "color-background" d= "M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" id= "Path" opacity= "0.596981957" ></path>
- <path class= "color-background" d= "M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z" id= "Path" ></path>
- </g>
- </g>
- </g>
- </g>
- </svg>
- </div>
- <div>
- <h6 class= "dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0" > Utility Classes</h6>
- <span class= "text-sm" > All about overview, quick start, license and contents</span>
- </div>
- </div>
- </a>
- </div>
-</div>
-
- </ul>
- </li>
- <li class= "nav-item ms-lg-auto my-auto ms-3 ms-lg-0 mt-2 mt-lg-0" >
- <a href= "https://appseed.us/ui-kit/soft-ui-design-system" class= "btn btn-sm bg-gradient-primary btn-round mb-0 me-1 mt-2 mt-md-0" > More Starters</a></li>
- </ul>
- </div>
- </div>
-</nav>
-<!-- End Navbar -->
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "row text-center py-3 mt-3" >
- <div class= "col-4 mx-auto" >
- <div class= "nav-wrapper position-relative end-0" >
- <ul class= "nav nav-pills nav-fill p-1" role= "tablist" >
- <li class= "nav-item" >
- <a class= "nav-link mb-0 px-0 py-1 active" data-bs-toggle= "tab" href= "#profile-tabs-simple" role= "tab" aria-controls= "profile" aria-selected= "true" >
- My Profile
- </a>
- </li>
- <li class= "nav-item" >
- <a class= "nav-link mb-0 px-0 py-1" data-bs-toggle= "tab" href= "#dashboard-tabs-simple" role= "tab" aria-controls= "dashboard" aria-selected= "false" >
- Dashboard
- </a>
- </li>
- </ul>
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "row text-center py-2" >
- <div class= "col-4 mx-auto" >
- <ul class= "pagination pagination-primary m-4" >
- <li class= "page-item" >
- <a class= "page-link" href= "javascript:;" aria-label= "Previous" >
- <span aria-hidden= "true" ><i class= "fa fa-angle-double-left" aria-hidden= "true" ></i></span>
- </a>
- </li>
- <li class= "page-item active" >
- <a class= "page-link" href= "javascript:;" > 1</a>
- </li>
- <li class= "page-item" >
- <a class= "page-link" href= "javascript:;" > 2</a>
- </li>
- <li class= "page-item" >
- <a class= "page-link" href= "javascript:;" > 3</a>
- </li>
- <li class= "page-item" >
- <a class= "page-link" href= "javascript:;" > 4</a>
- </li>
- <li class= "page-item" >
- <a class= "page-link" href= "javascript:;" > 5</a>
- </li>
- <li class= "page-item" >
- <a class= "page-link" href= "javascript:;" aria-label= "Next" >
- <span aria-hidden= "true" ><i class= "fa fa-angle-double-right" aria-hidden= "true" ></i></span>
- </a>
- </li>
- </ul>
- </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Input Areas
- 6+ elements that you need for text manipulation and insertion
-
-
-
-
-
-
-
-
Design Blocks
- A selection of page sections that fit perfectly in any combination
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<!-- -------- START Features w/ icons and text on left & gradient title and text on right -------- -->
-<div class= "container" >
- <div class= "row py-4" >
- <div class= "col-lg-6" >
- <h3 class= "text-gradient text-primary mb-0 mt-2" > Read More About Us</h3>
- <h3> The most important</h3>
- <p> Pain is what we go through as we become older. We get insulted by others, lose trust for those others. We get back stabbed by friends. It becomes harder for us to give others a hand.</p>
- <a href= "javascript:;" class= "text-primary icon-move-right" > More about us
- <i class= "fas fa-arrow-right text-sm ms-1" ></i>
- </a>
- </div>
- <div class= "col-lg-6 mt-lg-0 mt-5 ps-lg-0 ps-0" >
- <div class= "p-3 info-horizontal" >
- <div class= "icon icon-shape rounded-circle bg-gradient-primary shadow text-center" >
- <i class= "fas fa-ship opacity-10" ></i>
- </div>
- <div class= "description ps-3" >
- <p class= "mb-0" > It becomes harder for us to give others a hand. <br> We get our heart broken by people we love.</p>
- </div>
- </div>
-
- <div class= "p-3 info-horizontal" >
- <div class= "icon icon-shape rounded-circle bg-gradient-primary shadow text-center" >
- <i class= "fas fa-handshake opacity-10" ></i>
- </div>
- <div class= "description ps-3" >
- <p class= "mb-0" > As we live, our hearts turn colder. <br> Cause pain is what we go through as we become older.</p>
- </div>
- </div>
- <div class= "p-3 info-horizontal" >
- <div class= "icon icon-shape rounded-circle bg-gradient-primary shadow text-center" >
- <i class= "fas fa-hourglass opacity-10" ></i>
- </div>
- <div class= "description ps-3" >
- <p class= "mb-0" > When we lose family over time. <br> What else could rust the heart more over time? Blackgold.</p>
- </div>
- </div>
- </div>
- </div>
-</div>
-
-<!-- -------- END Features w/ icons and text on left & gradient title and text on right -------- -->
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Boost creativity
-
With our coded pages
-
The easiest way to get started is to use one of our
-
-
-
-
-
-
-
-
-
Presentation Pages for Company, Sign In Page, Author and Contact
- These is just a small selection of the multiple possibitilies you have. Focus on the business, not on the design.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- delivery-fast
-
-
-
-
-
-
-
-
-
-
-
-
Getting Started
-
Check the possible ways of working with our product and the necessary files for building your own project.
-
- Let's start
-
-
-
-
-
-
-
-
- document
-
-
-
-
-
-
-
-
-
-
-
-
Plugins
-
Get inspiration and have an overview about the plugins that we used to create the Soft UI Design System.
-
- Read more
-
-
-
-
-
-
-
-
- ungroup
-
-
-
-
-
-
-
-
-
-
-
-
Utility Classes
-
Soft UI Design System is giving you a lot of pre-made elements. For those who want flexibility, we included many utility classes.
-
- Read more
-
-
-
-
-
-
-
-
-
-
-
-
-
Trusted by over
-
1,435,000 web developers
-
Many Fortune 500 companies, startups, universities and governmental institutions love Creative Tim's products.
-
-
-
-
-
-
-
-
-
Nick Willever
-
-
-
-
-
"This is an excellent product, the documentation is excellent and helped me get things done more efficiently."
-
-
-
-
-
-
-
-
-
-
-
Shailesh Kushwaha
-
-
-
-
-
"I found solution to all my design needs from Creative Tim. I use them as a freelancer in my hobby projects for fun! And its really affordable, very humble guys !!!"
-
-
-
-
-
-
-
-
-
-
-
Samuel Kamuli
-
-
-
-
-
"Great product. Helped me cut the time to set up a site. I used the components within instead of starting from scratch. I highly recommend for developers who want to spend more time on the backend!."
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Do you love this awesome
-
Design System for Bootstrap 5?
-
- Cause if you do, it can be yours for FREE.
- Hit the button below to navigate to Creative Tim where you can find the Design System in HTML. Start a new project or give an old Bootstrap project a new look!
-
Download
-
-
-
-
-
-
-
-
Available on these technologies
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Special Thanks
-
-
We are more than happy to use the great images made by Danny inside Soft UI Design System. They come with a high level of quality and bright colors, fitting perfect with our product's colors.
-
Check Danny's work
-
-
-
-
-
-
-
-
-
-
-
-
-
Thank you for your support!
-
We deliver the best web products
-
-
-
-
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-
-
-
-
-
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/home/input-areas-forms.html b/app/templates/home/input-areas-forms.html
deleted file mode 100644
index e96b9d8..0000000
--- a/app/templates/home/input-areas-forms.html
+++ /dev/null
@@ -1,470 +0,0 @@
-{% extends 'layouts/base.html' %}
-
-{% block title %} Forms {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} forms-sections {% endblock body_class %}
-
-{% block content %}
-
- {% include "includes/navigation-light.html" %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div class= "page-header" >
- <div class= "position-absolute fixed-top ms-auto w-50 h-100 rounded-3 z-index-0 d-none d-sm-none d-md-block me-n4" style= "background-image: url(/static/assets/img/ivancik.jpg); background-size: cover;" >
- </div>
- <div class= "container py-5" >
- <div class= "row" >
- <div class= "col-lg-7 d-flex justify-content-center flex-column" >
- <div class= "card card-body d-flex justify-content-center shadow-lg p-5 blur align-items-center" >
- <h3 class= "text-center" > Contact us</h3>
- <form role= "form" id= "contact-form" method= "post" autocomplete= "off" >
- <div class= "card-body" >
- <div class= "row" >
- <div class= "col-md-6" >
- <label> First Name</label>
- <div class= "input-group mb-4" >
- <input class= "form-control" placeholder= "" aria-label= "First Name..." type= "text" >
- </div>
- </div>
- <div class= "col-md-6 ps-2" >
- <label> Last Name</label>
- <div class= "input-group" >
- <input type= "text" class= "form-control" placeholder= "" aria-label= "Last Name..." >
- </div>
- </div>
- </div>
- <div class= "mb-4" >
- <label> Email Address</label>
- <div class= "input-group" >
- <input type= "email" class= "form-control" placeholder= "" >
- </div>
- </div>
- <div class= "form-group mb-4" >
- <label> Your message</label>
- <textarea name= "message" class= "form-control" id= "message" rows= "4" ></textarea>
- </div>
- <div class= "row" >
- <div class= "col-md-12" >
- <div class= "form-check form-switch mb-4" >
- <input class= "form-check-input" type= "checkbox" id= "flexSwitchCheckDefault" checked= "" >
- <label class= "form-check-label" for= "flexSwitchCheckDefault" > I agree to the <a href= "javascript:;" class= "text-dark" ><u> Terms and Conditions</u></a> .</label>
- </div>
- </div>
- <div class= "col-md-12" >
- <button type= "submit" class= "btn bg-gradient-dark w-100" > Send Message</button>
- </div>
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
-</div>
-
-
-
-
-
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/home/input-areas-inputs.html b/app/templates/home/input-areas-inputs.html
deleted file mode 100644
index 3bf80d2..0000000
--- a/app/templates/home/input-areas-inputs.html
+++ /dev/null
@@ -1,198 +0,0 @@
-{% extends 'layouts/base.html' %}
-
-{% block title %} Inputs {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} inputs-sections {% endblock body_class %}
-
-{% block content %}
-
- {% include "includes/navigation-light.html" %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Input with icon and label
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/home/navigation-nav-tabs.html b/app/templates/home/navigation-nav-tabs.html
deleted file mode 100644
index 055bf7a..0000000
--- a/app/templates/home/navigation-nav-tabs.html
+++ /dev/null
@@ -1,180 +0,0 @@
-{% extends 'layouts/base.html' %}
-
-{% block title %} Nav Tabs {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} nav-tabs-sections {% endblock body_class %}
-
-{% block content %}
-
- {% include "includes/navigation-light.html" %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<section class= "py-7" >
- <div class= "container" >
- <div class= "row" >
- <div class= "col-lg-4 mx-auto" >
- <div class= "nav-wrapper position-relative end-0" >
- <ul class= "nav nav-pills nav-fill p-1" role= "tablist" >
- <li class= "nav-item" >
- <a class= "nav-link mb-0 px-0 py-1 active" data-bs-toggle= "tab" href= "#profile-tabs-simple" role= "tab" aria-controls= "profile" aria-selected= "true" >
- My Profile
- </a>
- </li>
- <li class= "nav-item" >
- <a class= "nav-link mb-0 px-0 py-1" data-bs-toggle= "tab" href= "#dashboard-tabs-simple" role= "tab" aria-controls= "dashboard" aria-selected= "false" >
- Dashboard
- </a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
-</section>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/home/navigation-navbars.html b/app/templates/home/navigation-navbars.html
deleted file mode 100644
index 068b174..0000000
--- a/app/templates/home/navigation-navbars.html
+++ /dev/null
@@ -1,252 +0,0 @@
-{% extends 'layouts/base.html' %}
-
-{% block title %} Navbars {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} navbars-sections {% endblock body_class %}
-
-{% block content %}
-
- {% include "includes/navigation-light.html" %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<!-- Navbar Dark -->
-
-<nav
- class= "navbar navbar-expand-lg navbar-dark bg-gradient-dark z-index-3 py-3" >
- <div class= "container" >
- <a class= "navbar-brand text-white" href= "/" rel= "tooltip" title= "Designed and Coded by Creative Tim" data-placement= "bottom" target= "_blank" >
- Soft UI Design System
- </a>
- <a href= "https://appseed.us/ui-kit/soft-ui-design-system#pricingCard" class= "btn btn-sm bg-gradient-primary btn-round mb-0 ms-auto d-lg-none d-block" > Buy Now</a>
- <button class= "navbar-toggler shadow-none ms-2" type= "button" data-bs-toggle= "collapse" data-bs-target= "#navigation" aria-controls= "navigation" aria-expanded= "false" aria-label= "Toggle navigation" >
- <span class= "navbar-toggler-icon mt-2" >
- <span class= "navbar-toggler-bar bar1" ></span>
- <span class= "navbar-toggler-bar bar2" ></span>
- <span class= "navbar-toggler-bar bar3" ></span>
- </span>
- </button>
- <div class= "collapse navbar-collapse pt-3 pb-2 py-lg-0" id= "navigation" >
- <ul class= "navbar-nav navbar-nav-hover mx-auto" >
- <li class= "nav-item mx-2" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" >
- Pages
- <img src= "/static/assets/img/down-arrow-white.svg" alt= "down-arrow" class= "arrow ms-1" >
- </a>
- </li>
-
- <li class= "nav-item mx-2" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" >
- Account
- <img src= "/static/assets/img/down-arrow-white.svg" alt= "down-arrow" class= "arrow ms-1" >
- </a>
- </li>
- <li class= "nav-item mx-2" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" >
- Blocks
- <img src= "/static/assets/img/down-arrow-white.svg" alt= "down-arrow" class= "arrow ms-1" >
- </a>
- </li>
-
- <li class= "nav-item dropdown dropdown-hover mx-2" >
- <a class= "nav-link ps-2 d-flex justify-content-between cursor-pointer align-items-center" >
- Docs
- <img src= "/static/assets/img/down-arrow-white.svg" alt= "down-arrow" class= "arrow ms-1" >
- </a>
- </li>
- </ul>
-
- <ul class= "navbar-nav d-lg-block d-none" >
- <li class= "nav-item" >
- <a href= "https://appseed.us/ui-kit/soft-ui-design-system#pricingCard" class= "btn btn-sm bg-gradient-primary btn-round mb-0 me-1" > Buy Now</a>
- </li>
- </ul>
- </div>
- </div>
-</nav>
-<!-- End Navbar -->
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/home/navigation-pagination.html b/app/templates/home/navigation-pagination.html
deleted file mode 100644
index 5b34c89..0000000
--- a/app/templates/home/navigation-pagination.html
+++ /dev/null
@@ -1,191 +0,0 @@
-{% extends 'layouts/base.html' %}
-
-{% block title %} Pagination {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} pagination-sections {% endblock body_class %}
-
-{% block content %}
-
- {% include "includes/navigation-light.html" %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/home/page-403.html b/app/templates/home/page-403.html
deleted file mode 100644
index ef21bcc..0000000
--- a/app/templates/home/page-403.html
+++ /dev/null
@@ -1,53 +0,0 @@
-{% extends 'layouts/base.html' %}
-
-{% block title %} Error 403 {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} contact-us {% endblock body_class %}
-
-{% block content %}
-
- {% include "includes/navigation-light.html" %}
-
-
-
-
-
-
-
-
-
-
- spaceship
-
-
-
-
-
-
-
-
-
-
-
Fully integrated
-
We get insulted by others, lose trust for those We get back freezes
-
-
-
-
-
-
- credit-card
-
-
-
-
-
-
-
-
-
-
-
-
-
Payments functionality
-
We get insulted by others, lose trust for those We get back freezes
-
-
-
-
-
-
-
-
- box-3d-50
-
-
-
-
-
-
-
-
-
-
-
Prebuilt components
-
We get insulted by others, lose trust for those We get back freezes
-
-
-
-
-
-
- customer-support
-
-
-
-
-
-
-
-
-
-
-
Improved platform
-
We get insulted by others, lose trust for those We get back freezes
-
-
-
-
-
-
-
-
-
-
- Get insights on Search
-
-
-
- Website visitors today demand a frictionless user expericence — especially when using search. Because of the hight standards.
-
-
-
-
-
-
-
-
-
-
-
- wave-down
-
-
-
-
-
-
-
-
-
-
-
The Executive Team
-
There’s nothing I really wanted to do in life that I wasn’t able to get good at. That’s my skill.
-
-
-
-
-
-
-
-
-
-
Emma Roberts
-
UI Designer
-
Artist is a term applied to a person who engages in an activity deemed to be an art.
-
-
-
-
-
-
-
-
-
-
-
-
William Pearce
-
Boss
-
Artist is a term applied to a person who engages in an activity deemed to be an art.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Ivana Flow
-
Athlete
-
Artist is a term applied to a person who engages in an activity deemed to be an art.
-
-
-
-
-
-
-
-
-
-
-
-
Sophia Garcia
-
JS Developer
-
Artist is a term applied to a person who engages in an activity deemed to be an art.
-
-
-
-
-
-
-
-
- wave-up
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
0
-
Projects
-
Of “high-performing” level are led by a certified project manager
-
-
-
0 +
-
Hours
-
That meets quality standards required by our users
-
-
-
0 /7
-
Support
-
Actively engage team members that finishes on time
-
-
-
-
-
-
-
-
-
Be the first to see the news
-
- Your company may not be in the software business,
- but eventually, a software company will be in your business.
-
-
-
-
-
-
-
-
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/home/page-author.html b/app/templates/home/page-author.html
deleted file mode 100644
index 0c8f7d6..0000000
--- a/app/templates/home/page-author.html
+++ /dev/null
@@ -1,250 +0,0 @@
-{% extends 'layouts/base.html' %}
-
-{% block title %} Author {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} blog-author bg-gray-100 {% endblock body_class %}
-
-{% block content %}
-
- {% include "includes/navigation-light.html" %}
-
-
-
-
-
-
-
-
-
-
-
-
Michael Roven
-
- Follow
-
-
-
-
- 323
- Posts
-
-
- 3.5k
- Followers
-
-
- 260
- Following
-
-
-
- Decisions: If you can’t decide, the answer is no.
- If two equally difficult paths, choose the one more
- painful in the short term (pain avoidance is creating
- an illusion of equality). Choose the path that leaves
- you more equanimous. More about me
-
-
-
-
-
-
-
-
-
-
-
-
-
Check my latest blogposts
-
-
-
-
-
-
-
-
-
- Finding temporary housing for your dog should be as easy as
- renting an Airbnb. That’s the idea behind Rover ...
-
-
Read More
-
-
-
-
-
-
-
-
-
-
- If you’ve ever wanted to train a machine learning model
- and integrate it with IFTTT, you now can with ...
-
-
Read More
-
-
-
-
-
-
-
-
-
-
- Venture investment in U.S. startups rose sequentially in
- the second quarter of 2017, boosted by large, ate-stage financings
-
-
Read More
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Contact Information
-
Fill up the form and our Team will get back to you within 24 hours.
-
-
-
-
- (+40) 772 100 200
-
-
-
-
-
-
- hello@creative-tim.com
-
-
-
-
-
-
- Dyonisie Wolf Bucharest, RO 010458
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/home/page-contact-us.html b/app/templates/home/page-contact-us.html
deleted file mode 100644
index 9bd9683..0000000
--- a/app/templates/home/page-contact-us.html
+++ /dev/null
@@ -1,71 +0,0 @@
-{% extends 'layouts/base.html' %}
-
-{% block title %} Contact US {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} contact-us {% endblock body_class %}
-
-{% block content %}
-
- {% include "includes/navigation-light.html" %}
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/home/page-sections-features.html b/app/templates/home/page-sections-features.html
deleted file mode 100644
index 050ac65..0000000
--- a/app/templates/home/page-sections-features.html
+++ /dev/null
@@ -1,425 +0,0 @@
-{% extends 'layouts/base.html' %}
-
-{% block title %} Buttons {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} features-sections {% endblock body_class %}
-
-{% block content %}
-
- {% include "includes/navigation-light.html" %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<!-- -------- START Features w/ icons and text on left & gradient title and text on right -------- -->
-<section class= "py-9" >
- <div class= "container" >
- <div class= "row" >
- <div class= "col-lg-6" >
- <h3 class= "text-gradient text-primary mb-0 mt-2" > Read More About Us</h3>
- <h3> The most important</h3>
- <p> Pain is what we go through as we become older. We get insulted by others, lose trust for those others. We get back stabbed by friends. It becomes harder for us to give others a hand.</p>
- <a href= "javascript:;" class= "text-primary icon-move-right" > More about us
- <i class= "fas fa-arrow-right text-sm ms-1" ></i>
- </a>
- </div>
- <div class= "col-lg-6 mt-lg-0 mt-5 ps-lg-0 ps-0" >
- <div class= "p-3 info-horizontal" >
- <div class= "icon icon-shape rounded-circle bg-gradient-primary shadow text-center" >
- <i class= "fas fa-ship opacity-10" ></i>
- </div>
- <div class= "description ps-3" >
- <p class= "mb-0" > It becomes harder for us to give others a hand. <br> We get our heart broken by people we love.</p>
- </div>
- </div>
-
- <div class= "p-3 info-horizontal" >
- <div class= "icon icon-shape rounded-circle bg-gradient-primary shadow text-center" >
- <i class= "fas fa-handshake opacity-10" ></i>
- </div>
- <div class= "description ps-3" >
- <p class= "mb-0" > As we live, our hearts turn colder. <br> Cause pain is what we go through as we become older.</p>
- </div>
- </div>
- <div class= "p-3 info-horizontal" >
- <div class= "icon icon-shape rounded-circle bg-gradient-primary shadow text-center" >
- <i class= "fas fa-hourglass opacity-10" ></i>
- </div>
- <div class= "description ps-3" >
- <p class= "mb-0" > When we lose family over time. <br> What else could rust the heart more over time? Blackgold.</p>
- </div>
- </div>
- </div>
- </div>
- </div>
-</section>
-<!-- -------- END Features w/ icons and text on left & gradient title and text on right -------- -->
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/home/page-sections-hero-sections.html b/app/templates/home/page-sections-hero-sections.html
deleted file mode 100644
index 6575b9f..0000000
--- a/app/templates/home/page-sections-hero-sections.html
+++ /dev/null
@@ -1,315 +0,0 @@
-{% extends 'layouts/base.html' %}
-
-{% block title %} Page Headers {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} page-headers-sections {% endblock body_class %}
-
-{% block content %}
-
- {% include "includes/navigation-light.html" %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/home/page-sign-in.html b/app/templates/home/page-sign-in.html
deleted file mode 100644
index 61d885d..0000000
--- a/app/templates/home/page-sign-in.html
+++ /dev/null
@@ -1,76 +0,0 @@
-{% extends 'layouts/base-fullscreen.html' %}
-
-{% block title %} Sign IN {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} sign-in-illustration {% endblock body_class %}
-
-{% block content %}
-
- {% include "includes/navigation.html" %}
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/home/page-sign-up.html b/app/templates/home/page-sign-up.html
deleted file mode 100644
index f572115..0000000
--- a/app/templates/home/page-sign-up.html
+++ /dev/null
@@ -1,81 +0,0 @@
-{% extends 'layouts/base-fullscreen.html' %}
-
-{% block title %} Sign UP {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} sign-in-illustration {% endblock body_class %}
-
-{% block content %}
-
- {% include "includes/navigation.html" %}
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/home/presentation.html b/app/templates/home/presentation.html
deleted file mode 100644
index 50a8065..0000000
--- a/app/templates/home/presentation.html
+++ /dev/null
@@ -1,1289 +0,0 @@
-{% extends 'layouts/base-presentation.html' %}
-
-{% block title %} Presentation {% endblock title %}
-
-
-{% block stylesheets %}{% endblock stylesheets %}
-
-{% block body_class %} presentation-page {% endblock body_class %}
-
-{% block content %}
-
-
-
-
-
-
-
-
-
-
0 +
-
Coded Elements
-
From buttons, to inputs, navbars, alerts or cards, you are covered
-
-
-
-
-
-
0 +
-
Design Blocks
-
Mix the sections, change the colors and unleash your creativity
-
-
-
-
-
-
0
-
Pages
-
Save 3-4 weeks of work when you use our pre-made pages for your website
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- document
-
-
-
-
-
-
-
-
-
-
-
Full Documentation
-
Built by developers for developers. Check the foundation and you will find everything inside our documentation.
-
-
-
-
-
-
- shop
-
-
-
-
-
-
-
-
-
-
-
Bootstrap 5 Ready
-
The world’s most popular front-end open source toolkit, featuring Sass variables and mixins.
-
-
-
-
-
-
-
-
- time-alarm
-
-
-
-
-
-
-
-
-
-
-
Save Time & Money
-
Creating your design from scratch with dedicated designers can be very expensive. Start with our Design System.
-
-
-
-
-
-
- office
-
-
-
-
-
-
-
-
-
-
-
Fully Responsive
-
Regardless of the screen size, the website content will naturally fit the given resolution.
-
-
-
-
-
-
-
-
-
-
- box-3d-50
-
-
-
-
-
-
-
-
-
-
-
Feel the
-
Start with Elements
-
-
-
-
-
-
-
-
-
-
-
Huge collection of sections
-
Infinite combinations
-
We have created multiple options for you to put together and customise into pixel perfect pages.
-
-
-
-
-
-
-
-
Design Blocks
- A selection of 45 page sections that fit perfectly in any combination
-
-
-
-
-
-
-
-
Navigation
- 30+ components that will help go through the pages
-
-
-
-
-
-
-
-
Input Areas
- 50+ elements that you need for text manipulation and insertion
-
-
-
-
-
-
-
-
Attention Catchers
- 20+ Fully coded components that popup from different places of the screen
-
-
-
-
-
-
-
-
Elements
- 80+ carefully crafted small elements that come with multiple colors and shapes
-
-
-
-
-
-
-
-
-
-
-
Boost creativity
-
With our coded pages
-
The easiest way to get started is to use one of our
-
-
-
-
-
-
-
-
-
Presentation Pages for Company, Sign In Page, Author and Contact
- These is just a small selection of the multiple possibitilies you have. Focus on the business, not on the design.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- delivery-fast
-
-
-
-
-
-
-
-
-
-
-
-
Getting Started
-
Check the possible ways of working with our product and the necessary files for building your own project.
-
- Let's start
-
-
-
-
-
-
-
-
- document
-
-
-
-
-
-
-
-
-
-
-
-
Plugins
-
Get inspiration and have an overview about the plugins that we used to create the Soft UI Design System.
-
- Read more
-
-
-
-
-
-
-
-
- ungroup
-
-
-
-
-
-
-
-
-
-
-
-
Utility Classes
-
Soft UI Design System is giving you a lot of pre-made elements. For those who want flexibility, we included many utility classes.
-
- Read more
-
-
-
-
-
-
-
-
-
-
-
-
Trusted by over
-
1,435,000 web developers
-
Many Fortune 500 companies, startups, universities and governmental institutions love Creative Tim's products.
-
-
-
-
-
-
-
-
-
Nick Willever
-
-
-
-
-
"This is an excellent product, the documentation is excellent and helped me get things done more efficiently."
-
-
-
-
-
-
-
-
-
-
-
Shailesh Kushwaha
-
-
-
-
-
"I found solution to all my design needs from Creative Tim. I use them as a freelancer in my hobby projects for fun! And its really affordable, very humble guys !!!"
-
-
-
-
-
-
-
-
-
-
-
Samuel Kamuli
-
-
-
-
-
"Great product. Helped me cut the time to set up a site. I used the components within instead of starting from scratch. I highly recommend for developers who want to spend more time on the backend!."
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Do you love this awesome
-
Design System for Bootstrap 5?
-
Cause if you do, it can be yours for FREE. Hit the button below to navigate to Creative Tim where you can find the Design System in HTML. Start a new project or give an old Bootstrap project a new look!
-
Download HTML
-
-
-
-
-
-
-
-
Available on these technologies
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Special Thanks
-
-
We are more than happy to use the great images made by Danny inside Soft UI Design System. They come with a high level of quality and bright colors, fitting perfect with our product's colors.
-
Check Danny's work
-
-
-
-
-
-
-
-
-
-
-
-
Thank you for your support!
-
We deliver the best web products
-
-
-
-
-
-
-{% endblock content %}
-
-
-{% block javascripts %}
-
-
-
-
-
-
-
-
-
-
-
-
-{% endblock javascripts %}
diff --git a/app/templates/includes/footer.html b/app/templates/includes/footer.html
deleted file mode 100644
index 9b984b5..0000000
--- a/app/templates/includes/footer.html
+++ /dev/null
@@ -1,150 +0,0 @@
-
-
-
diff --git a/app/templates/includes/navigation-auth.html b/app/templates/includes/navigation-auth.html
deleted file mode 100644
index e55963b..0000000
--- a/app/templates/includes/navigation-auth.html
+++ /dev/null
@@ -1,39 +0,0 @@
-
-
\ No newline at end of file
diff --git a/app/templates/includes/navigation-light.html b/app/templates/includes/navigation-light.html
deleted file mode 100644
index 46b0542..0000000
--- a/app/templates/includes/navigation-light.html
+++ /dev/null
@@ -1,615 +0,0 @@
-
-
-
-
\ No newline at end of file
diff --git a/app/templates/includes/navigation-transparent.html b/app/templates/includes/navigation-transparent.html
deleted file mode 100644
index 15af4bf..0000000
--- a/app/templates/includes/navigation-transparent.html
+++ /dev/null
@@ -1,620 +0,0 @@
-
-
-
-
-
\ No newline at end of file
diff --git a/app/templates/includes/navigation.html b/app/templates/includes/navigation.html
deleted file mode 100644
index e048fd1..0000000
--- a/app/templates/includes/navigation.html
+++ /dev/null
@@ -1,616 +0,0 @@
-
-
\ No newline at end of file
diff --git a/app/templates/includes/scripts.html b/app/templates/includes/scripts.html
deleted file mode 100644
index e7e0f42..0000000
--- a/app/templates/includes/scripts.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
-
-
-
-
-
diff --git a/app/templates/layouts/base-fullscreen.html b/app/templates/layouts/base-fullscreen.html
deleted file mode 100644
index 4a60c8c..0000000
--- a/app/templates/layouts/base-fullscreen.html
+++ /dev/null
@@ -1,53 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
- Flask Soft UI Design System - {% block title %}{% endblock %} | AppSeed
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {% block stylesheets %}{% endblock stylesheets %}
-
-
-
-
- {% block content %}{% endblock content %}
-
- {% include "includes/scripts.html" %}
-
-
- {% block javascripts %}{% endblock javascripts %}
-
-
-
diff --git a/app/templates/layouts/base-presentation.html b/app/templates/layouts/base-presentation.html
deleted file mode 100644
index 4cf2fe0..0000000
--- a/app/templates/layouts/base-presentation.html
+++ /dev/null
@@ -1,58 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
- Flask Soft UI Design System - {% block title %}{% endblock %} | AppSeed
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {% block stylesheets %}{% endblock stylesheets %}
-
-
-
-
-
- {% include "includes/navigation.html" %}
-
- {% block content %}{% endblock content %}
-
- {% include "includes/footer.html" %}
-
- {% include "includes/scripts.html" %}
-
-
- {% block javascripts %}{% endblock javascripts %}
-
-
-
diff --git a/app/templates/layouts/base.html b/app/templates/layouts/base.html
deleted file mode 100644
index e58a0a1..0000000
--- a/app/templates/layouts/base.html
+++ /dev/null
@@ -1,55 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
- Flask Soft UI Design System - {% block title %}{% endblock %} | AppSeed
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {% block stylesheets %}{% endblock stylesheets %}
-
-
-
-
- {% block content %}{% endblock content %}
-
- {% include "includes/footer.html" %}
-
- {% include "includes/scripts.html" %}
-
-
- {% block javascripts %}{% endblock javascripts %}
-
-
-
diff --git a/app/util.py b/app/util.py
deleted file mode 100644
index ec7c707..0000000
--- a/app/util.py
+++ /dev/null
@@ -1,29 +0,0 @@
-# -*- encoding: utf-8 -*-
-"""
-Copyright (c) 2019 - present AppSeed.us
-"""
-
-from flask import json
-
-from .models import Users
-from app import app,db
-from flask import render_template
-
-# build a Json response
-def response( data ):
- return app.response_class( response=json.dumps(data),
- status=200,
- mimetype='application/json' )
-def g_db_commit( ):
-
- db.session.commit( );
-
-def g_db_add( obj ):
-
- if obj:
- db.session.add ( obj )
-
-def g_db_del( obj ):
-
- if obj:
- db.session.delete ( obj )
diff --git a/app/views.py b/app/views.py
deleted file mode 100644
index f53cad8..0000000
--- a/app/views.py
+++ /dev/null
@@ -1,135 +0,0 @@
-# -*- encoding: utf-8 -*-
-"""
-Copyright (c) 2019 - present AppSeed.us
-"""
-
-# Python modules
-import os, logging
-
-# Flask modules
-from flask import render_template, request, url_for, redirect, send_from_directory
-from flask_login import login_user, logout_user, current_user, login_required
-from werkzeug.exceptions import HTTPException, NotFound, abort
-from jinja2 import TemplateNotFound
-
-# App modules
-from app import app, lm, db, bc
-from app.models import Users
-from app.forms import LoginForm, RegisterForm
-
-# provide login manager with load_user callback
-@lm.user_loader
-def load_user(user_id):
- return Users.query.get(int(user_id))
-
-# Logout user
-@app.route('/logout.html')
-def logout():
- logout_user()
- return redirect(url_for('index'))
-
-# Register a new user
-@app.route('/register.html', methods=['GET', 'POST'])
-def register():
-
- # declare the Registration Form
- form = RegisterForm(request.form)
-
- msg = None
- success = False
-
- if request.method == 'GET':
-
- return render_template( 'accounts/register.html', form=form, msg=msg )
-
- # check if both http method is POST and form is valid on submit
- if form.validate_on_submit():
-
- # assign form data to variables
- username = request.form.get('username', '', type=str)
- password = request.form.get('password', '', type=str)
- email = request.form.get('email' , '', type=str)
-
- # filter User out of database through username
- user = Users.query.filter_by(user=username).first()
-
- # filter User out of database through username
- user_by_email = Users.query.filter_by(email=email).first()
-
- if user or user_by_email:
- msg = 'Error: User exists!'
-
- else:
-
- pw_hash = bc.generate_password_hash(password)
-
- user = Users(username, email, pw_hash)
-
- user.save()
-
- msg = 'User created, please
login '
- success = True
-
- else:
- msg = 'Input error'
-
- return render_template( 'accounts/register.html', form=form, msg=msg, success=success )
-
-# Authenticate user
-@app.route('/login.html', methods=['GET', 'POST'])
-def login():
-
- # Declare the login form
- form = LoginForm(request.form)
-
- # Flask message injected into the page, in case of any errors
- msg = None
-
- # check if both http method is POST and form is valid on submit
- if form.validate_on_submit():
-
- # assign form data to variables
- username = request.form.get('username', '', type=str)
- password = request.form.get('password', '', type=str)
-
- # filter User out of database through username
- user = Users.query.filter_by(user=username).first()
-
- if user:
-
- if bc.check_password_hash(user.password, password):
- login_user(user)
- return redirect(url_for('index'))
- else:
- msg = "Wrong password. Please try again."
- else:
- msg = "Unknown user"
-
- return render_template( 'accounts/login.html', form=form, msg=msg )
-
-# App main route + generic routing
-@app.route('/', defaults={'path': 'index.html'})
-@app.route('/
')
-def index(path):
-
- if not current_user.is_authenticated:
- return redirect(url_for('login'))
-
- try:
-
- if not path.endswith( '.html' ):
- path += '.html'
-
- # Serve the file (if exists) from app/templates/FILE.html
- return render_template( 'home/' + path )
-
- except TemplateNotFound:
- return render_template('home/page-404.html'), 404
-
- except:
- return render_template('home/page-500.html'), 500
-
-# Return sitemap
-@app.route('/sitemap.xml')
-def sitemap():
- return send_from_directory(os.path.join(app.root_path, 'static'), 'sitemap.xml')
diff --git a/docker-compose.yml b/docker-compose.yml
deleted file mode 100644
index 3f1147b..0000000
--- a/docker-compose.yml
+++ /dev/null
@@ -1,28 +0,0 @@
-version: '3.8'
-services:
- appseed-app:
- container_name: appseed_app
- restart: always
- env_file: .env
- build: .
- networks:
- - db_network
- - web_network
- nginx:
- container_name: nginx
- restart: always
- image: "nginx:latest"
- ports:
- - "85:85"
- volumes:
- - ./nginx:/etc/nginx/conf.d
- networks:
- - web_network
- depends_on:
- - appseed-app
-networks:
- db_network:
- driver: bridge
- web_network:
- driver: bridge
-
\ No newline at end of file
diff --git a/gunicorn-cfg.py b/gunicorn-cfg.py
deleted file mode 100644
index 3acce75..0000000
--- a/gunicorn-cfg.py
+++ /dev/null
@@ -1,11 +0,0 @@
-# -*- encoding: utf-8 -*-
-"""
-Copyright (c) 2019 - present AppSeed.us
-"""
-
-bind = '0.0.0.0:5005'
-workers = 1
-accesslog = '-'
-loglevel = 'debug'
-capture_output = True
-enable_stdio_inheritance = True
diff --git a/nginx/appseed-app.conf b/nginx/appseed-app.conf
deleted file mode 100644
index fcc2116..0000000
--- a/nginx/appseed-app.conf
+++ /dev/null
@@ -1,15 +0,0 @@
-upstream webapp {
- server appseed_app:5005;
-}
-
-server {
- listen 85;
- server_name localhost;
-
- location / {
- proxy_pass http://webapp;
- proxy_set_header Host $host:$server_port;
- proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
- }
-
-}
diff --git a/package.json b/package.json
deleted file mode 100644
index 641542c..0000000
--- a/package.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
- "name": "flask-soft-ui-design",
- "mastertemplate": "boilerplate-code-flask",
- "version": "1.0.5",
- "description": "Template project - Flask Boilerplate Code",
- "scripts": {},
- "repository": {
- "type": "git",
- "url": "https://github.com/app-generator/flask-soft-ui-design"
- },
- "bugs": {
- "url": "https://github.com/app-generator/flask-soft-ui-design/issues",
- "email": "support@appseed.us"
- },
- "author": "AppSeed App Generator (https://appseed.us)",
- "engines": {
- "node": ">=10.0.0"
- },
- "dependencies": {},
- "devDependencies": {}
-}
\ No newline at end of file
diff --git a/requirements.txt b/requirements.txt
deleted file mode 100644
index 9802018..0000000
--- a/requirements.txt
+++ /dev/null
@@ -1,14 +0,0 @@
-flask==2.0.2
-flask_login==0.5.0
-flask_migrate==3.1.0
-WTForms==3.0.1
-flask_wtf==1.0.0
-flask_sqlalchemy==2.5.1
-sqlalchemy==1.4.29
-email_validator==1.1.3
-python-decouple==3.5
-gunicorn==20.1.0
-jinja2==3.0.3
-flask-restx==0.5.1
-flask_bcrypt==0.7.1
-Werkzeug==2.0.3
diff --git a/run.py b/run.py
deleted file mode 100644
index 7a23b3f..0000000
--- a/run.py
+++ /dev/null
@@ -1,6 +0,0 @@
-# -*- encoding: utf-8 -*-
-"""
-Copyright (c) 2019 - present AppSeed.us
-"""
-
-from app import app, db
diff --git a/runtime.txt b/runtime.txt
deleted file mode 100644
index a48890e..0000000
--- a/runtime.txt
+++ /dev/null
@@ -1 +0,0 @@
-python-3.8.10