Skip to content

Instantly share code, notes, and snippets.

@D4rkMindz
Last active June 22, 2020 13:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save D4rkMindz/b91e7bb99fee0ba28c9d068ee4502706 to your computer and use it in GitHub Desktop.
Save D4rkMindz/b91e7bb99fee0ba28c9d068ee4502706 to your computer and use it in GitHub Desktop.
Bootstrap.scss
//
// This file is for everything that is related to twitter bootstrap
// For example a manipulation of a bootstrap behaviour
// The manipulation of an input as such is not intended to be written here.
//
$blue: #153F8E;
$body-bg: #FAFAFA;
$font-family-base: 'Roboto', sans-serif;
$font-color: #0c0c0c;
$primary: #F39655;
$secondary: #153F8E;
$white: #ffffff;
$black: #000000;
$white: $white;
$black: $black;
$blue: #153F8E;
$indigo: #6610f2;
$purple: #6f42c1;
$pink: #e83e8c;
$red: #dc3545;
$orange: #fd7e14;
$yellow: #fcd100;
$green: #28a745;
$teal: #20c997;
$cyan: #17a2b8;
$gray: #6c757d;
$gray-dark: #343a40;
$primary: $primary;
$secondary: $secondary;
$success: #007E33;
$info: #153F8E;
$warning: #ff8800;
$danger: #af0025;
$light: #f8f9fa;
$dark: #343a40;
$background: $body-bg;
$theme-colors: (
"white":$white,
"black":$black,
"blue": $blue,
"indigo": $indigo,
"purple": $purple,
"pink": $pink,
"red": $red,
"orange": $orange,
"yellow": $yellow,
"green": $green,
"teal": $teal,
"cyan": $cyan,
"gray": $gray,
"gray-dark": $gray-dark,
"primary":$primary,
"secondary":$secondary,
"success": $success,
"info": $info,
"warning": $warning,
"danger": $danger,
"light": $light,
"dark": $dark,
"background":$background,
);
$colors: $theme-colors;
$container-max-widths: (
sm: 520px,
md: 650px,
lg: 700px,
xl: 960px
);
$main-color: $white;
$active-bg-color: darken($main-color, 10%);
$navbar-light-color: $main-color;
$navbar-light-brand-color: $main-color;
$navbar-light-brand-hover-color: darken($main-color, 10%);
$navbar-light-hover-color: darken($main-color, 10%);
$navbar-light-active-color: darken($primary, 10%);
$navbar-light-disabled-color: darken($main-color, 50%);
$navbar-dark-color: $main-color;
$navbar-dark-brand-color: $main-color;
$navbar-dark-brand-hover-color: lighten($main-color, 10%);
$navbar-dark-hover-color: lighten($main-color, 10%);
$navbar-dark-active-color: darken($main-color, 10%);
$navbar-dark-disabled-color: darken($main-color, 30%);
$navbar-light-toggler-border-color: $body-bg;
$navbar-dark-toggler-icon-bg: $body-bg;
$link-color: $secondary;
$link-hover-color: darken($secondary, 15%);
$main-border-radius: 0;
$btn-border-radius: $main-border-radius;
$input-border-radius: $main-border-radius;
$dropdown-border-radius: $main-border-radius;
$alert-border-radius: $main-border-radius;
$badge-border-radius: $main-border-radius;
$breadcrumb-border-radius: $main-border-radius;
$list-group-border-radius: $main-border-radius;
$card-border-radius: $main-border-radius;
$card-inner-border-radius: $main-border-radius;
$badge-pill-border-radius: $main-border-radius;
$nav-tabs-border-radius: $main-border-radius;
$tooltip-border-radius: $main-border-radius;
$thumbnail-border-radius: $main-border-radius;
$custom-checkbox-indicator-border-radius: $main-border-radius;
$btn-border-radius-sm: $main-border-radius;
$btn-border-radius-lg: $main-border-radius;
$custom-control-indicator-checked-color: $info;
$active-bg-color: $primary;
$pagination-color: $primary;
$pagination-active-bg: $primary;
$pagination-active-color: $white;
$pagination-active-border-color: darken($primary, 4);
$pagination-hover-color: $primary;
$pagination-hover-bg: darken($white, 4);
$pagination-hover-color: darken($primary, 4);
$pagination-hover-border-color: darken($pagination-border-color, 4);
$pagination-focus-box-shadow: 0 0 0 $input-btn-focus-width rgba($primary, 0.25);
$input-focus-box-shadow: 0 0 0 $input-btn-focus-width rgba($primary, 0.25);
$dropdown-link-active-bg: $primary;
$dropdown-link-active-color: $white;
$dropdown-link-active-bg: $primary;
$dropdown-link-active-color: $white;
$input-focus-border-color: $primary;
body, html {
font: $font-family-base;
color: $font-color;
}
// To fix the color of the buttons (otherwise it will be black)
.btn-outline-primary:not(:disabled):not(.disabled) {
&:hover,
&:active {
color: $white !important;
}
}
.btn-primary:not(:disabled):not(.disabled) {
color: $white !important;
}
// To fix the dropdown in the expanded state (otherwise it will be black)
button[aria-expanded="true"],
a[aria-expanded="true"] {
color: $white !important;
}
.disabled:hover,
:disabled:hover {
cursor: default;
}
// BootstrapUI corrections
// Pagination
.page-link {
color: $secondary;
background-color: transparent;
border: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
&:focus {
box-shadow: none;
// original background color on hover: #F5F5F5
background-color: darken(#F5F5F5, 5);
color: $primary;
}
}
@import "~bootstrap/scss/bootstrap";
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBo
x='0 0 4 5'><path fill='#343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>")
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBo
x='0 0 4 5'><path fill='#343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>")
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBo
x='0 0 8 8'><path fill='#007E33' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>")
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBo
x='0 0 8 8'><path fill='#007E33' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>")
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill
='none' stroke='#af0025' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#af0025' stroke='none'/></svg>"
)
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBo
x='0 0 8 8'><path fill='#007E33' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>")
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill
='none' stroke='#af0025' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#af0025' stroke='none'/></svg>"
)
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBo
x='0 0 8 8'><path fill='#007E33' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>")
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill
='none' stroke='#af0025' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#af0025' stroke='none'/></svg>"
)
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill
='none' stroke='#af0025' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#af0025' stroke='none'/></svg>"
)
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBo
x='0 0 8 8'><path fill='#153F8E' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>")
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBo
x='0 0 4 4'><path stroke='#153F8E' d='M0 2h4'/></svg>")
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' view
Box='-4 -4 8 8'><circle r='3' fill='#153F8E'/></svg>")
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBo
x='0 0 8 8'><path fill='#153F8E' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>")
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBo
x='0 0 4 4'><path stroke='#153F8E' d='M0 2h4'/></svg>")
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' view
Box='-4 -4 8 8'><circle r='3' fill='#153F8E'/></svg>")
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' view
Box='0 0 30 30'><path stroke='#153F8E' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: #FAFAFA
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' view
Box='0 0 30 30'><path stroke='#153F8E' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
C:/xampp/htdocs/erv_app-theme/node_modules/bootstrap/scss/_functions.scss:55 DEBUG: string value contains: #FAFAFA
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment