Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found
Select Git revision

Target

Select target project
  • oss/utilities/documentation-manager
1 result
Select Git revision
Show changes
Show whitespace changes
Inline Side-by-side
Showing
with 2179 additions and 0 deletions
development/examples/example3/build/assets/sass/bootstrap/utilities/_interactions.scss 0 → 100644
View file @ efbafffb
// stylelint-disable declaration-no-important
@each $value in $user-selects {
.user-select-#{$value} { user-select: $value !important; }
}
development/examples/example3/build/assets/sass/bootstrap/utilities/_overflow.scss 0 → 100644
View file @ efbafffb
// stylelint-disable declaration-no-important
@each $value in $overflows {
.overflow-#{$value} { overflow: $value !important; }
}
development/examples/example3/build/assets/sass/bootstrap/utilities/_position.scss 0 → 100644
View file @ efbafffb
// stylelint-disable declaration-no-important
// Common values
@each $position in $positions {
.position-#{$position} { position: $position !important; }
}
// 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;
}
.sticky-top {
@supports (position: sticky) {
position: sticky;
top: 0;
z-index: $zindex-sticky;
}
}
development/examples/example3/build/assets/sass/bootstrap/utilities/_screenreaders.scss 0 → 100644
View file @ efbafffb
//
// Screenreaders
//
.sr-only {
@include sr-only();
}
.sr-only-focusable {
@include sr-only-focusable();
}
development/examples/example3/build/assets/sass/bootstrap/utilities/_shadows.scss 0 → 100644
View file @ efbafffb
// stylelint-disable declaration-no-important
.shadow-sm { box-shadow: $box-shadow-sm !important; }
.shadow { box-shadow: $box-shadow !important; }
.shadow-lg { box-shadow: $box-shadow-lg !important; }
.shadow-none { box-shadow: none !important; }
development/examples/example3/build/assets/sass/bootstrap/utilities/_sizing.scss 0 → 100644
View file @ efbafffb
// stylelint-disable declaration-no-important
// Width and height
@each $prop, $abbrev in (width: w, height: h) {
@each $size, $length in $sizes {
.#{$abbrev}-#{$size} { #{$prop}: $length !important; }
}
}
.mw-100 { max-width: 100% !important; }
.mh-100 { max-height: 100% !important; }
// Viewport additional helpers
.min-vw-100 { min-width: 100vw !important; }
.min-vh-100 { min-height: 100vh !important; }
.vw-100 { width: 100vw !important; }
.vh-100 { height: 100vh !important; }
development/examples/example3/build/assets/sass/bootstrap/utilities/_spacing.scss 0 → 100644
View file @ efbafffb
// stylelint-disable declaration-no-important
// Margin and Padding
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
@each $prop, $abbrev in (margin: m, padding: p) {
@each $size, $length in $spacers {
.#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
.#{$abbrev}t#{$infix}-#{$size},
.#{$abbrev}y#{$infix}-#{$size} {
#{$prop}-top: $length !important;
}
.#{$abbrev}r#{$infix}-#{$size},
.#{$abbrev}x#{$infix}-#{$size} {
#{$prop}-right: $length !important;
}
.#{$abbrev}b#{$infix}-#{$size},
.#{$abbrev}y#{$infix}-#{$size} {
#{$prop}-bottom: $length !important;
}
.#{$abbrev}l#{$infix}-#{$size},
.#{$abbrev}x#{$infix}-#{$size} {
#{$prop}-left: $length !important;
}
}
}
// Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
@each $size, $length in $spacers {
@if $size != 0 {
.m#{$infix}-n#{$size} { margin: -$length !important; }
.mt#{$infix}-n#{$size},
.my#{$infix}-n#{$size} {
margin-top: -$length !important;
}
.mr#{$infix}-n#{$size},
.mx#{$infix}-n#{$size} {
margin-right: -$length !important;
}
.mb#{$infix}-n#{$size},
.my#{$infix}-n#{$size} {
margin-bottom: -$length !important;
}
.ml#{$infix}-n#{$size},
.mx#{$infix}-n#{$size} {
margin-left: -$length !important;
}
}
}
// Some special margin utils
.m#{$infix}-auto { margin: auto !important; }
.mt#{$infix}-auto,
.my#{$infix}-auto {
margin-top: auto !important;
}
.mr#{$infix}-auto,
.mx#{$infix}-auto {
margin-right: auto !important;
}
.mb#{$infix}-auto,
.my#{$infix}-auto {
margin-bottom: auto !important;
}
.ml#{$infix}-auto,
.mx#{$infix}-auto {
margin-left: auto !important;
}
}
}
development/examples/example3/build/assets/sass/bootstrap/utilities/_stretched-link.scss 0 → 100644
View file @ efbafffb
//
// Stretched link
//
.stretched-link {
&::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
// Just in case `pointer-events: none` is set on a parent
pointer-events: auto;
content: "";
// IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color
background-color: rgba(0, 0, 0, 0);
}
}
development/examples/example3/build/assets/sass/bootstrap/utilities/_text.scss 0 → 100644
View file @ efbafffb
// stylelint-disable declaration-no-important
//
// Text
//
.text-monospace { font-family: $font-family-monospace !important; }
// Alignment
.text-justify { text-align: justify !important; }
.text-wrap { white-space: normal !important; }
.text-nowrap { white-space: nowrap !important; }
.text-truncate { @include text-truncate(); }
// Responsive alignment
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
.text#{$infix}-left { text-align: left !important; }
.text#{$infix}-right { text-align: right !important; }
.text#{$infix}-center { text-align: center !important; }
}
}
// Transformation
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }
// Weight and italics
.font-weight-light { font-weight: $font-weight-light !important; }
.font-weight-lighter { font-weight: $font-weight-lighter !important; }
.font-weight-normal { font-weight: $font-weight-normal !important; }
.font-weight-bold { font-weight: $font-weight-bold !important; }
.font-weight-bolder { font-weight: $font-weight-bolder !important; }
.font-italic { font-style: italic !important; }
// Contextual colors
.text-white { color: $white !important; }
@each $color, $value in $theme-colors {
@include text-emphasis-variant(".text-#{$color}", $value, true);
}
.text-body { color: $body-color !important; }
.text-muted { color: $text-muted !important; }
.text-black-50 { color: rgba($black, .5) !important; }
.text-white-50 { color: rgba($white, .5) !important; }
// Misc
.text-hide {
@include text-hide($ignore-warning: true);
}
.text-decoration-none { text-decoration: none !important; }
.text-break {
word-break: break-word !important; // IE & < Edge 18
overflow-wrap: break-word !important;
}
// Reset
.text-reset { color: inherit !important; }
development/examples/example3/build/assets/sass/bootstrap/utilities/_visibility.scss 0 → 100644
View file @ efbafffb
// stylelint-disable declaration-no-important
//
// Visibility utilities
//
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
development/examples/example3/build/assets/sass/bootstrap/vendor/_rfs.scss 0 → 100644
View file @ efbafffb
// stylelint-disable property-blacklist, scss/dollar-variable-default
// SCSS RFS mixin
//
// Automated font-resizing
//
// See https://github.com/twbs/rfs
// Configuration
// Base font size
$rfs-base-font-size: 1.25rem !default;
$rfs-font-size-unit: rem !default;
// Breakpoint at where font-size starts decreasing if screen width is smaller
$rfs-breakpoint: 1200px !default;
$rfs-breakpoint-unit: px !default;
// Resize font-size 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.";
}
// 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-responsive-font-sizes to false
$enable-responsive-font-sizes: true !default;
// Cache $rfs-base-font-size unit
$rfs-base-font-size-unit: unit($rfs-base-font-size);
// Remove px-unit from $rfs-base-font-size for calculations
@if $rfs-base-font-size-unit == "px" {
$rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);
}
@else if $rfs-base-font-size-unit == "rem" {
$rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 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);
}
// Responsive font-size mixin
@mixin rfs($fs, $important: false) {
// Cache $fs unit
$fs-unit: if(type-of($fs) == "number", unit($fs), false);
// Add !important suffix if needed
$rfs-suffix: if($important, " !important", "");
// If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
@if not $fs-unit or $fs-unit != "" and $fs-unit != "px" and $fs-unit != "rem" or $fs == 0 {
font-size: #{$fs}#{$rfs-suffix};
}
@else {
// Variables for storing static and fluid rescaling
$rfs-static: null;
$rfs-fluid: null;
// Remove px-unit from $fs for calculations
@if $fs-unit == "px" {
$fs: $fs / ($fs * 0 + 1);
}
@else if $fs-unit == "rem" {
$fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);
}
// Set default font-size
@if $rfs-font-size-unit == rem {
$rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};
}
@else if $rfs-font-size-unit == px {
$rfs-static: #{$fs}px#{$rfs-suffix};
}
@else {
@error "`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.";
}
// Only add media query if font-size is bigger as the minimum font-size
// If $rfs-factor == 1, no rescaling will take place
@if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {
$min-width: null;
$variable-unit: null;
// Calculate minimum font-size for given font-size
$fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;
// Calculate difference between given font-size and minimum font-size for given font-size
$fs-diff: $fs - $fs-min;
// Base font-size formatting
// No need to check if the unit is valid, because we did that before
$min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);
// If two-dimensional, use smallest of screen width and height
$variable-unit: if($rfs-two-dimensional, vmin, vw);
// Calculate the variable width between 0 and $rfs-breakpoint
$variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};
// Set the calculated font-size.
$rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};
}
// Rendering
@if $rfs-fluid == null {
// Only render static font-size if no fluid font-size is available
font-size: $rfs-static;
}
@else {
$mq-value: null;
// RFS breakpoint formatting
@if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {
$mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};
}
@else if $rfs-breakpoint-unit == px {
$mq-value: #{$rfs-breakpoint}px;
}
@else {
@error "`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.";
}
@if $rfs-class == "disable" {
// Adding an extra class increases specificity,
// which prevents the media query to override the font size
&,
.disable-responsive-font-size &,
&.disable-responsive-font-size {
font-size: $rfs-static;
}
}
@else {
font-size: $rfs-static;
}
@if $rfs-two-dimensional {
@media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {
@if $rfs-class == "enable" {
.enable-responsive-font-size &,
&.enable-responsive-font-size {
font-size: $rfs-fluid;
}
}
@else {
font-size: $rfs-fluid;
}
@if $rfs-safari-iframe-resize-bug-fix {
// stylelint-disable-next-line length-zero-no-unit
min-width: 0vw;
}
}
}
@else {
@media (max-width: #{$mq-value}) {
@if $rfs-class == "enable" {
.enable-responsive-font-size &,
&.enable-responsive-font-size {
font-size: $rfs-fluid;
}
}
@else {
font-size: $rfs-fluid;
}
@if $rfs-safari-iframe-resize-bug-fix {
// stylelint-disable-next-line length-zero-no-unit
min-width: 0vw;
}
}
}
}
}
}
// The font-size & responsive-font-size mixin uses RFS to rescale font sizes
@mixin font-size($fs, $important: false) {
@include rfs($fs, $important);
}
@mixin responsive-font-size($fs, $important: false) {
@include rfs($fs, $important);
}
development/examples/example3/build/assets/sass/color-blue.scss 0 → 100644
View file @ efbafffb
@import "bootstrap/functions";
@import "bootstrap/variables";
/*============================
COLOR Blue
==============================*/
$primary-color: $blue;
$primary-color-hover: darken($primary-color, 7%);
::selection {
background: $primary-color;
}
a, a:focus {
color: $primary-color;
}
a:hover, a:active {
color: $primary-color-hover;
}
.primary-menu {
ul.navbar-nav > li {
&:hover > a:not(.btn), & > a.active:not(.btn) {
color: $primary-color;
}
&.dropdown {
.dropdown-menu li {
&:hover > a:not(.btn) {
color: $primary-color;
}
}
}
}
&.navbar-line-under-text ul.navbar-nav > li {
> a:not(.btn):after {
border-color: $primary-color;
}
}
}
/*=== Side Navigation ===*/
.idocs-navigation {
.nav .nav .nav-item .nav-link.active:after, &.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
border-color: $primary-color;
}
}
/* Accordion & Toggle */
.accordion {
.card-header {
a:hover.collapsed {
color: $primary-color!important;
}
}
&:not(.accordion-alternate) .card-header a {
background-color: $primary-color;
color: #fff;
}
}
/* Nav */
.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover{color: $primary-color;}
.nav-tabs {
.nav-item .nav-link {
&.active {
&:after {
background-color: $primary-color;
}
color: #0c2f55;
}
&:not(.active):hover {
color: $primary-color;
}
}
&.flex-column {
.nav-item {
.nav-link.active {
color: $primary-color;
}
}
}
}
.nav-pills .nav-link:not(.active):hover{color: $primary-color;}
#footer {
.nav {
.nav-item {
.nav-link {
&:focus {
color: $primary-color;
}
}
}
.nav-link:hover {
color: $primary-color;
}
}
.footer-copyright {
.nav {
.nav-link:hover {
color: $primary-color;
}
}
}
}
/* Back to Top */
#back-to-top {
&:hover {
background-color: $primary-color;
}
}
/* Extras */
.bg-primary, .badge-primary {
background-color: $primary-color !important;
}
.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
color: $primary-color !important;
}
.btn-link:hover {
color: $primary-color-hover !important;
}
.text-muted{
color:#8e9a9d!important;
}
.text-light{
color:#dee3e4!important;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
background-color: $primary-color-hover!important;
}
.border-primary {
border-color: $primary-color !important;
}
.btn-primary{
background-color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-primary.focus, .btn-primary:focus{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active{
color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color;
border-color: $primary-color;
color: #fff;
}
}
.progress-bar,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active{
background-color: $primary-color;
}
.page-item.active .page-link,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label:before{
background-color: $primary-color;
border-color: $primary-color;
}
.list-group-item.active{
background-color: $primary-color;
border-color: $primary-color;
}
.page-link {
color: $primary-color;
&:hover {
color: $primary-color-hover;
}
}
\ No newline at end of file
development/examples/example3/build/assets/sass/color-brown.scss 0 → 100644
View file @ efbafffb
@import "bootstrap/functions";
@import "bootstrap/variables";
/*============================
COLOR Brown
==============================*/
$primary-color: #795548;
$primary-color-hover: darken($primary-color, 7%);
::selection {
background: $primary-color;
}
a, a:focus {
color: $primary-color;
}
a:hover, a:active {
color: $primary-color-hover;
}
.primary-menu {
ul.navbar-nav > li {
&:hover > a:not(.btn), & > a.active:not(.btn) {
color: $primary-color;
}
&.dropdown {
.dropdown-menu li {
&:hover > a:not(.btn) {
color: $primary-color;
}
}
}
}
&.navbar-line-under-text ul.navbar-nav > li {
> a:not(.btn):after {
border-color: $primary-color;
}
}
}
/*=== Side Navigation ===*/
.idocs-navigation {
.nav .nav .nav-item .nav-link.active:after, &.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
border-color: $primary-color;
}
}
/* Accordion & Toggle */
.accordion {
.card-header {
a:hover.collapsed {
color: $primary-color!important;
}
}
&:not(.accordion-alternate) .card-header a {
background-color: $primary-color;
color: #fff;
}
}
/* Nav */
.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover{color: $primary-color;}
.nav-tabs {
.nav-item .nav-link {
&.active {
&:after {
background-color: $primary-color;
}
color: #0c2f55;
}
&:not(.active):hover {
color: $primary-color;
}
}
&.flex-column {
.nav-item {
.nav-link.active {
color: $primary-color;
}
}
}
}
.nav-pills .nav-link:not(.active):hover{color: $primary-color;}
#footer {
.nav {
.nav-item {
.nav-link {
&:focus {
color: $primary-color;
}
}
}
.nav-link:hover {
color: $primary-color;
}
}
.footer-copyright {
.nav {
.nav-link:hover {
color: $primary-color;
}
}
}
}
/* Back to Top */
#back-to-top {
&:hover {
background-color: $primary-color;
}
}
/* Extras */
.bg-primary, .badge-primary {
background-color: $primary-color !important;
}
.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
color: $primary-color !important;
}
.btn-link:hover {
color: $primary-color-hover !important;
}
.text-muted{
color:#8e9a9d!important;
}
.text-light{
color:#dee3e4!important;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
background-color: $primary-color-hover!important;
}
.border-primary {
border-color: $primary-color !important;
}
.btn-primary{
background-color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-primary.focus, .btn-primary:focus{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active{
color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color;
border-color: $primary-color;
color: #fff;
}
}
.progress-bar,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active{
background-color: $primary-color;
}
.page-item.active .page-link,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label:before{
background-color: $primary-color;
border-color: $primary-color;
}
.list-group-item.active{
background-color: $primary-color;
border-color: $primary-color;
}
.page-link {
color: $primary-color;
&:hover {
color: $primary-color-hover;
}
}
\ No newline at end of file
development/examples/example3/build/assets/sass/color-cyan.scss 0 → 100644
View file @ efbafffb
@import "bootstrap/functions";
@import "bootstrap/variables";
/*============================
COLOR Cyan
==============================*/
$primary-color: $cyan;
$primary-color-hover: darken($primary-color, 7%);
::selection {
background: $primary-color;
}
a, a:focus {
color: $primary-color;
}
a:hover, a:active {
color: $primary-color-hover;
}
.primary-menu {
ul.navbar-nav > li {
&:hover > a:not(.btn), & > a.active:not(.btn) {
color: $primary-color;
}
&.dropdown {
.dropdown-menu li {
&:hover > a:not(.btn) {
color: $primary-color;
}
}
}
}
&.navbar-line-under-text ul.navbar-nav > li {
> a:not(.btn):after {
border-color: $primary-color;
}
}
}
/*=== Side Navigation ===*/
.idocs-navigation {
.nav .nav .nav-item .nav-link.active:after, &.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
border-color: $primary-color;
}
}
/* Accordion & Toggle */
.accordion {
.card-header {
a:hover.collapsed {
color: $primary-color!important;
}
}
&:not(.accordion-alternate) .card-header a {
background-color: $primary-color;
color: #fff;
}
}
/* Nav */
.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover{color: $primary-color;}
.nav-tabs {
.nav-item .nav-link {
&.active {
&:after {
background-color: $primary-color;
}
color: #0c2f55;
}
&:not(.active):hover {
color: $primary-color;
}
}
&.flex-column {
.nav-item {
.nav-link.active {
color: $primary-color;
}
}
}
}
.nav-pills .nav-link:not(.active):hover{color: $primary-color;}
#footer {
.nav {
.nav-item {
.nav-link {
&:focus {
color: $primary-color;
}
}
}
.nav-link:hover {
color: $primary-color;
}
}
.footer-copyright {
.nav {
.nav-link:hover {
color: $primary-color;
}
}
}
}
/* Back to Top */
#back-to-top {
&:hover {
background-color: $primary-color;
}
}
/* Extras */
.bg-primary, .badge-primary {
background-color: $primary-color !important;
}
.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
color: $primary-color !important;
}
.btn-link:hover {
color: $primary-color-hover !important;
}
.text-muted{
color:#8e9a9d!important;
}
.text-light{
color:#dee3e4!important;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
background-color: $primary-color-hover!important;
}
.border-primary {
border-color: $primary-color !important;
}
.btn-primary{
background-color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-primary.focus, .btn-primary:focus{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active{
color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color;
border-color: $primary-color;
color: #fff;
}
}
.progress-bar,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active{
background-color: $primary-color;
}
.page-item.active .page-link,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label:before{
background-color: $primary-color;
border-color: $primary-color;
}
.list-group-item.active{
background-color: $primary-color;
border-color: $primary-color;
}
.page-link {
color: $primary-color;
&:hover {
color: $primary-color-hover;
}
}
\ No newline at end of file
development/examples/example3/build/assets/sass/color-green.scss 0 → 100644
View file @ efbafffb
@import "bootstrap/functions";
@import "bootstrap/variables";
/*============================
COLOR Green
==============================*/
$primary-color: $green;
$primary-color-hover: darken($primary-color, 7%);
::selection {
background: $primary-color;
}
a, a:focus {
color: $primary-color;
}
a:hover, a:active {
color: $primary-color-hover;
}
.primary-menu {
ul.navbar-nav > li {
&:hover > a:not(.btn), & > a.active:not(.btn) {
color: $primary-color;
}
&.dropdown {
.dropdown-menu li {
&:hover > a:not(.btn) {
color: $primary-color;
}
}
}
}
&.navbar-line-under-text ul.navbar-nav > li {
> a:not(.btn):after {
border-color: $primary-color;
}
}
}
/*=== Side Navigation ===*/
.idocs-navigation {
.nav .nav .nav-item .nav-link.active:after, &.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
border-color: $primary-color;
}
}
/* Accordion & Toggle */
.accordion {
.card-header {
a:hover.collapsed {
color: $primary-color!important;
}
}
&:not(.accordion-alternate) .card-header a {
background-color: $primary-color;
color: #fff;
}
}
/* Nav */
.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover{color: $primary-color;}
.nav-tabs {
.nav-item .nav-link {
&.active {
&:after {
background-color: $primary-color;
}
color: #0c2f55;
}
&:not(.active):hover {
color: $primary-color;
}
}
&.flex-column {
.nav-item {
.nav-link.active {
color: $primary-color;
}
}
}
}
.nav-pills .nav-link:not(.active):hover{color: $primary-color;}
#footer {
.nav {
.nav-item {
.nav-link {
&:focus {
color: $primary-color;
}
}
}
.nav-link:hover {
color: $primary-color;
}
}
.footer-copyright {
.nav {
.nav-link:hover {
color: $primary-color;
}
}
}
}
/* Back to Top */
#back-to-top {
&:hover {
background-color: $primary-color;
}
}
/* Extras */
.bg-primary, .badge-primary {
background-color: $primary-color !important;
}
.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
color: $primary-color !important;
}
.btn-link:hover {
color: $primary-color-hover !important;
}
.text-muted{
color:#8e9a9d!important;
}
.text-light{
color:#dee3e4!important;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
background-color: $primary-color-hover!important;
}
.border-primary {
border-color: $primary-color !important;
}
.btn-primary{
background-color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-primary.focus, .btn-primary:focus{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active{
color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color;
border-color: $primary-color;
color: #fff;
}
}
.progress-bar,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active{
background-color: $primary-color;
}
.page-item.active .page-link,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label:before{
background-color: $primary-color;
border-color: $primary-color;
}
.list-group-item.active{
background-color: $primary-color;
border-color: $primary-color;
}
.page-link {
color: $primary-color;
&:hover {
color: $primary-color-hover;
}
}
\ No newline at end of file
development/examples/example3/build/assets/sass/color-indigo.scss 0 → 100644
View file @ efbafffb
@import "bootstrap/functions";
@import "bootstrap/variables";
/*============================
COLOR Indigo
==============================*/
$primary-color: $indigo;
$primary-color-hover: darken($primary-color, 7%);
::selection {
background: $primary-color;
}
a, a:focus {
color: $primary-color;
}
a:hover, a:active {
color: $primary-color-hover;
}
.primary-menu {
ul.navbar-nav > li {
&:hover > a:not(.btn), & > a.active:not(.btn) {
color: $primary-color;
}
&.dropdown {
.dropdown-menu li {
&:hover > a:not(.btn) {
color: $primary-color;
}
}
}
}
&.navbar-line-under-text ul.navbar-nav > li {
> a:not(.btn):after {
border-color: $primary-color;
}
}
}
/*=== Side Navigation ===*/
.idocs-navigation {
.nav .nav .nav-item .nav-link.active:after, &.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
border-color: $primary-color;
}
}
/* Accordion & Toggle */
.accordion {
.card-header {
a:hover.collapsed {
color: $primary-color!important;
}
}
&:not(.accordion-alternate) .card-header a {
background-color: $primary-color;
color: #fff;
}
}
/* Nav */
.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover{color: $primary-color;}
.nav-tabs {
.nav-item .nav-link {
&.active {
&:after {
background-color: $primary-color;
}
color: #0c2f55;
}
&:not(.active):hover {
color: $primary-color;
}
}
&.flex-column {
.nav-item {
.nav-link.active {
color: $primary-color;
}
}
}
}
.nav-pills .nav-link:not(.active):hover{color: $primary-color;}
#footer {
.nav {
.nav-item {
.nav-link {
&:focus {
color: $primary-color;
}
}
}
.nav-link:hover {
color: $primary-color;
}
}
.footer-copyright {
.nav {
.nav-link:hover {
color: $primary-color;
}
}
}
}
/* Back to Top */
#back-to-top {
&:hover {
background-color: $primary-color;
}
}
/* Extras */
.bg-primary, .badge-primary {
background-color: $primary-color !important;
}
.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
color: $primary-color !important;
}
.btn-link:hover {
color: $primary-color-hover !important;
}
.text-muted{
color:#8e9a9d!important;
}
.text-light{
color:#dee3e4!important;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
background-color: $primary-color-hover!important;
}
.border-primary {
border-color: $primary-color !important;
}
.btn-primary{
background-color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-primary.focus, .btn-primary:focus{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active{
color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color;
border-color: $primary-color;
color: #fff;
}
}
.progress-bar,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active{
background-color: $primary-color;
}
.page-item.active .page-link,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label:before{
background-color: $primary-color;
border-color: $primary-color;
}
.list-group-item.active{
background-color: $primary-color;
border-color: $primary-color;
}
.page-link {
color: $primary-color;
&:hover {
color: $primary-color-hover;
}
}
\ No newline at end of file
development/examples/example3/build/assets/sass/color-orange.scss 0 → 100644
View file @ efbafffb
@import "bootstrap/functions";
@import "bootstrap/variables";
/*============================
COLOR Orange
==============================*/
$primary-color: $orange;
$primary-color-hover: darken($primary-color, 7%);
::selection {
background: $primary-color;
}
a, a:focus {
color: $primary-color;
}
a:hover, a:active {
color: $primary-color-hover;
}
.primary-menu {
ul.navbar-nav > li {
&:hover > a:not(.btn), & > a.active:not(.btn) {
color: $primary-color;
}
&.dropdown {
.dropdown-menu li {
&:hover > a:not(.btn) {
color: $primary-color;
}
}
}
}
&.navbar-line-under-text ul.navbar-nav > li {
> a:not(.btn):after {
border-color: $primary-color;
}
}
}
/*=== Side Navigation ===*/
.idocs-navigation {
.nav .nav .nav-item .nav-link.active:after, &.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
border-color: $primary-color;
}
}
/* Accordion & Toggle */
.accordion {
.card-header {
a:hover.collapsed {
color: $primary-color!important;
}
}
&:not(.accordion-alternate) .card-header a {
background-color: $primary-color;
color: #fff;
}
}
/* Nav */
.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover{color: $primary-color;}
.nav-tabs {
.nav-item .nav-link {
&.active {
&:after {
background-color: $primary-color;
}
color: #0c2f55;
}
&:not(.active):hover {
color: $primary-color;
}
}
&.flex-column {
.nav-item {
.nav-link.active {
color: $primary-color;
}
}
}
}
.nav-pills .nav-link:not(.active):hover{color: $primary-color;}
#footer {
.nav {
.nav-item {
.nav-link {
&:focus {
color: $primary-color;
}
}
}
.nav-link:hover {
color: $primary-color;
}
}
.footer-copyright {
.nav {
.nav-link:hover {
color: $primary-color;
}
}
}
}
/* Back to Top */
#back-to-top {
&:hover {
background-color: $primary-color;
}
}
/* Extras */
.bg-primary, .badge-primary {
background-color: $primary-color !important;
}
.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
color: $primary-color !important;
}
.btn-link:hover {
color: $primary-color-hover !important;
}
.text-muted{
color:#8e9a9d!important;
}
.text-light{
color:#dee3e4!important;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
background-color: $primary-color-hover!important;
}
.border-primary {
border-color: $primary-color !important;
}
.btn-primary{
background-color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-primary.focus, .btn-primary:focus{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active{
color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color;
border-color: $primary-color;
color: #fff;
}
}
.progress-bar,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active{
background-color: $primary-color;
}
.page-item.active .page-link,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label:before{
background-color: $primary-color;
border-color: $primary-color;
}
.list-group-item.active{
background-color: $primary-color;
border-color: $primary-color;
}
.page-link {
color: $primary-color;
&:hover {
color: $primary-color-hover;
}
}
\ No newline at end of file
development/examples/example3/build/assets/sass/color-purple.scss 0 → 100644
View file @ efbafffb
@import "bootstrap/functions";
@import "bootstrap/variables";
/*============================
COLOR Purple
==============================*/
$primary-color: $purple;
$primary-color-hover: darken($primary-color, 7%);
::selection {
background: $primary-color;
}
a, a:focus {
color: $primary-color;
}
a:hover, a:active {
color: $primary-color-hover;
}
.primary-menu {
ul.navbar-nav > li {
&:hover > a:not(.btn), & > a.active:not(.btn) {
color: $primary-color;
}
&.dropdown {
.dropdown-menu li {
&:hover > a:not(.btn) {
color: $primary-color;
}
}
}
}
&.navbar-line-under-text ul.navbar-nav > li {
> a:not(.btn):after {
border-color: $primary-color;
}
}
}
/*=== Side Navigation ===*/
.idocs-navigation {
.nav .nav .nav-item .nav-link.active:after, &.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
border-color: $primary-color;
}
}
/* Accordion & Toggle */
.accordion {
.card-header {
a:hover.collapsed {
color: $primary-color!important;
}
}
&:not(.accordion-alternate) .card-header a {
background-color: $primary-color;
color: #fff;
}
}
/* Nav */
.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover{color: $primary-color;}
.nav-tabs {
.nav-item .nav-link {
&.active {
&:after {
background-color: $primary-color;
}
color: #0c2f55;
}
&:not(.active):hover {
color: $primary-color;
}
}
&.flex-column {
.nav-item {
.nav-link.active {
color: $primary-color;
}
}
}
}
.nav-pills .nav-link:not(.active):hover{color: $primary-color;}
#footer {
.nav {
.nav-item {
.nav-link {
&:focus {
color: $primary-color;
}
}
}
.nav-link:hover {
color: $primary-color;
}
}
.footer-copyright {
.nav {
.nav-link:hover {
color: $primary-color;
}
}
}
}
/* Back to Top */
#back-to-top {
&:hover {
background-color: $primary-color;
}
}
/* Extras */
.bg-primary, .badge-primary {
background-color: $primary-color !important;
}
.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
color: $primary-color !important;
}
.btn-link:hover {
color: $primary-color-hover !important;
}
.text-muted{
color:#8e9a9d!important;
}
.text-light{
color:#dee3e4!important;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
background-color: $primary-color-hover!important;
}
.border-primary {
border-color: $primary-color !important;
}
.btn-primary{
background-color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-primary.focus, .btn-primary:focus{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active{
color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color;
border-color: $primary-color;
color: #fff;
}
}
.progress-bar,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active{
background-color: $primary-color;
}
.page-item.active .page-link,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label:before{
background-color: $primary-color;
border-color: $primary-color;
}
.list-group-item.active{
background-color: $primary-color;
border-color: $primary-color;
}
.page-link {
color: $primary-color;
&:hover {
color: $primary-color-hover;
}
}
\ No newline at end of file
development/examples/example3/build/assets/sass/color-red.scss 0 → 100644
View file @ efbafffb
@import "bootstrap/functions";
@import "bootstrap/variables";
/*============================
COLOR Red
==============================*/
$primary-color: $red;
$primary-color-hover: darken($primary-color, 7%);
::selection {
background: $primary-color;
}
a, a:focus {
color: $primary-color;
}
a:hover, a:active {
color: $primary-color-hover;
}
.primary-menu {
ul.navbar-nav > li {
&:hover > a:not(.btn), & > a.active:not(.btn) {
color: $primary-color;
}
&.dropdown {
.dropdown-menu li {
&:hover > a:not(.btn) {
color: $primary-color;
}
}
}
}
&.navbar-line-under-text ul.navbar-nav > li {
> a:not(.btn):after {
border-color: $primary-color;
}
}
}
/*=== Side Navigation ===*/
.idocs-navigation {
.nav .nav .nav-item .nav-link.active:after, &.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
border-color: $primary-color;
}
}
/* Accordion & Toggle */
.accordion {
.card-header {
a:hover.collapsed {
color: $primary-color!important;
}
}
&:not(.accordion-alternate) .card-header a {
background-color: $primary-color;
color: #fff;
}
}
/* Nav */
.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover{color: $primary-color;}
.nav-tabs {
.nav-item .nav-link {
&.active {
&:after {
background-color: $primary-color;
}
color: #0c2f55;
}
&:not(.active):hover {
color: $primary-color;
}
}
&.flex-column {
.nav-item {
.nav-link.active {
color: $primary-color;
}
}
}
}
.nav-pills .nav-link:not(.active):hover{color: $primary-color;}
#footer {
.nav {
.nav-item {
.nav-link {
&:focus {
color: $primary-color;
}
}
}
.nav-link:hover {
color: $primary-color;
}
}
.footer-copyright {
.nav {
.nav-link:hover {
color: $primary-color;
}
}
}
}
/* Back to Top */
#back-to-top {
&:hover {
background-color: $primary-color;
}
}
/* Extras */
.bg-primary, .badge-primary {
background-color: $primary-color !important;
}
.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
color: $primary-color !important;
}
.btn-link:hover {
color: $primary-color-hover !important;
}
.text-muted{
color:#8e9a9d!important;
}
.text-light{
color:#dee3e4!important;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
background-color: $primary-color-hover!important;
}
.border-primary {
border-color: $primary-color !important;
}
.btn-primary{
background-color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-primary.focus, .btn-primary:focus{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active{
color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color;
border-color: $primary-color;
color: #fff;
}
}
.progress-bar,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active{
background-color: $primary-color;
}
.page-item.active .page-link,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label:before{
background-color: $primary-color;
border-color: $primary-color;
}
.list-group-item.active{
background-color: $primary-color;
border-color: $primary-color;
}
.page-link {
color: $primary-color;
&:hover {
color: $primary-color-hover;
}
}
\ No newline at end of file
development/examples/example3/build/assets/sass/color-teal.scss 0 → 100644
View file @ efbafffb
@import "bootstrap/functions";
@import "bootstrap/variables";
/*============================
COLOR Teal
==============================*/
$primary-color: $teal;
$primary-color-hover: darken($primary-color, 7%);
::selection {
background: $primary-color;
}
a, a:focus {
color: $primary-color;
}
a:hover, a:active {
color: $primary-color-hover;
}
.primary-menu {
ul.navbar-nav > li {
&:hover > a:not(.btn), & > a.active:not(.btn) {
color: $primary-color;
}
&.dropdown {
.dropdown-menu li {
&:hover > a:not(.btn) {
color: $primary-color;
}
}
}
}
&.navbar-line-under-text ul.navbar-nav > li {
> a:not(.btn):after {
border-color: $primary-color;
}
}
}
/*=== Side Navigation ===*/
.idocs-navigation {
.nav .nav .nav-item .nav-link.active:after, &.docs-navigation-dark .nav .nav .nav-item .nav-link.active:after {
border-color: $primary-color;
}
}
/* Accordion & Toggle */
.accordion {
.card-header {
a:hover.collapsed {
color: $primary-color!important;
}
}
&:not(.accordion-alternate) .card-header a {
background-color: $primary-color;
color: #fff;
}
}
/* Nav */
.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover{color: $primary-color;}
.nav-tabs {
.nav-item .nav-link {
&.active {
&:after {
background-color: $primary-color;
}
color: #0c2f55;
}
&:not(.active):hover {
color: $primary-color;
}
}
&.flex-column {
.nav-item {
.nav-link.active {
color: $primary-color;
}
}
}
}
.nav-pills .nav-link:not(.active):hover{color: $primary-color;}
#footer {
.nav {
.nav-item {
.nav-link {
&:focus {
color: $primary-color;
}
}
}
.nav-link:hover {
color: $primary-color;
}
}
.footer-copyright {
.nav {
.nav-link:hover {
color: $primary-color;
}
}
}
}
/* Back to Top */
#back-to-top {
&:hover {
background-color: $primary-color;
}
}
/* Extras */
.bg-primary, .badge-primary {
background-color: $primary-color !important;
}
.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
color: $primary-color !important;
}
.btn-link:hover {
color: $primary-color-hover !important;
}
.text-muted{
color:#8e9a9d!important;
}
.text-light{
color:#dee3e4!important;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
background-color: $primary-color-hover!important;
}
.border-primary {
border-color: $primary-color !important;
}
.btn-primary{
background-color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-primary.focus, .btn-primary:focus{
background-color: $primary-color-hover;
border-color: $primary-color-hover;
}
.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active{
color: $primary-color;
border-color: $primary-color;
&:hover {
background-color: $primary-color;
border-color: $primary-color;
color: #fff;
}
}
.progress-bar,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active{
background-color: $primary-color;
}
.page-item.active .page-link,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label:before{
background-color: $primary-color;
border-color: $primary-color;
}
.list-group-item.active{
background-color: $primary-color;
border-color: $primary-color;
}
.page-link {
color: $primary-color;
&:hover {
color: $primary-color-hover;
}
}
\ No newline at end of file