forked from hexbear-collective/hexbear-frontend
195 changed files with 7269 additions and 3046 deletions
-
28package.json
-
BINpublic/android-chrome-192x192.png
-
BINpublic/android-chrome-512x512.png
-
BINpublic/apple-touch-icon.png
-
BINpublic/banner.png
-
BINpublic/construction.gif
-
1public/css/choices.min.css
-
280public/css/main.css
-
902public/css/themes/_variables.bootstra_386-tmp.scss
-
0public/css/themes/_variables.darkly.scss
-
40public/css/themes/_variables.i386.scss
-
36public/css/themes/_variables.laborwave.scss
-
30public/css/themes/_variables.litely.scss
-
124public/css/themes/_variables.lux.scss
-
38public/css/themes/_variables.vaporwave-dark.scss
-
25public/css/themes/_variables.vaporwave-light.scss
-
83public/css/themes/cyborg.min.css
-
35public/css/themes/darkly.min.css
-
1public/css/themes/i386.min.css
-
12public/css/themes/journal.min.css
-
1public/css/themes/laborwave.min.css
-
1public/css/themes/litely.min.css
-
12public/css/themes/litera.min.css
-
12public/css/themes/lux.min.css
-
12public/css/themes/materia.min.css
-
12public/css/themes/minty.min.css
-
12public/css/themes/sketchy.min.css
-
68public/css/themes/solar.min.css
-
12public/css/themes/united.min.css
-
1public/css/themes/vaporwave-dark.min.css
-
1public/css/themes/vaporwave.min.css
-
1public/css/tippy.css
-
78public/css/toastify.css
-
31public/css/tribute.css
-
625public/custom.css
-
BINpublic/discobear.gif
-
BINpublic/emojis/100-com.png
-
BINpublic/emojis/10000-com.png
-
BINpublic/emojis/AyyyyyOC-big.png
-
BINpublic/emojis/AyyyyyOC.png
-
BINpublic/emojis/CommiePOGGERS.png
-
BINpublic/emojis/LIB.png
-
BINpublic/emojis/PIGPOOPBALLS.png
-
BINpublic/emojis/PikaPickaxe.png
-
BINpublic/emojis/RIchard-D-Wolff.png
-
BINpublic/emojis/a-guy.png
-
BINpublic/emojis/acab.png
-
BINpublic/emojis/af-heart.png
-
BINpublic/emojis/af.png
-
BINpublic/emojis/ak47.png
-
BINpublic/emojis/amerikkka.png
-
BINpublic/emojis/anarchy.png
-
BINpublic/emojis/angery.png
-
BINpublic/emojis/back-to-me.png
-
BINpublic/emojis/bear.png
-
BINpublic/emojis/bootlicker.png
-
BINpublic/emojis/br-soc-big.png
-
BINpublic/emojis/breadpill.png
-
BINpublic/emojis/bruh.png
-
BINpublic/emojis/butt.png
-
BINpublic/emojis/capitalist-woke.png
-
BINpublic/emojis/capitalist.png
-
BINpublic/emojis/cat-com.png
-
BINpublic/emojis/cat-trans.png
-
BINpublic/emojis/chairman.png
-
BINpublic/emojis/chapo.png
-
BINpublic/emojis/chavez-salute.png
-
BINpublic/emojis/che-laugh.png
-
BINpublic/emojis/che-smile.png
-
BINpublic/emojis/comfy.png
-
BINpublic/emojis/cool-dad.png
-
BINpublic/emojis/corona-and-lime.png
-
BINpublic/emojis/corona.png
-
BINpublic/emojis/crab-party.gif
-
BINpublic/emojis/crazy-frog-trans.png
-
BINpublic/emojis/curious-marx.png
-
BINpublic/emojis/curious-sickle.png
-
BINpublic/emojis/cursed.png
-
BINpublic/emojis/dem.png
-
BINpublic/emojis/didnt-kill-himself.png
-
BINpublic/emojis/dorner.png
-
BINpublic/emojis/dril.png
-
BINpublic/emojis/elmofire.gif
-
BINpublic/emojis/feminism.png
-
BINpublic/emojis/ferret.jpg
-
BINpublic/emojis/flag-su.png
-
BINpublic/emojis/grumpy-lizard.png
-
BINpublic/emojis/gui-better.png
-
BINpublic/emojis/gui-trans.png
-
BINpublic/emojis/gui.png
-
BINpublic/emojis/halal.png
-
BINpublic/emojis/hammerandsickle.png
-
BINpublic/emojis/haram.png
-
BINpublic/emojis/heart-sickle.png
-
BINpublic/emojis/hexabear-big.png
-
BINpublic/emojis/hexabear.png
-
BINpublic/emojis/hexbear-shining.png
-
BINpublic/emojis/hexshork-big.png
-
BINpublic/emojis/hexshork.png
-
BINpublic/emojis/iww.png
After Width: 192 | Height: 192 | Size: 14 KiB |
After Width: 512 | Height: 512 | Size: 37 KiB |
After Width: 180 | Height: 180 | Size: 13 KiB |
After Width: 1068 | Height: 273 | Size: 414 KiB |
After Width: 198 | Height: 124 | Size: 39 KiB |
1
public/css/choices.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,280 @@ |
|||
.navbar-toggler { |
|||
border: 0px; |
|||
} |
|||
|
|||
.pointer { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.no-click { |
|||
pointer-events:none; |
|||
opacity: 0.65; |
|||
} |
|||
|
|||
.upvote { |
|||
margin-bottom: -5px; |
|||
} |
|||
|
|||
@media only screen and (min-width: 768px) { |
|||
.upvote:hover { |
|||
color: var(--info); |
|||
} |
|||
|
|||
.downvote:hover { |
|||
color: var(--danger); |
|||
} |
|||
} |
|||
|
|||
.downvote { |
|||
margin-top: -10px; |
|||
} |
|||
|
|||
.md-div p { |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.md-div p:last-child { |
|||
margin-bottom: 0px; |
|||
} |
|||
|
|||
.md-div img { |
|||
max-height: 40vh; |
|||
max-width: 100%; |
|||
height: auto; |
|||
} |
|||
|
|||
.md-div h1, |
|||
.md-div h2, |
|||
.md-div h3, |
|||
.md-div h4, |
|||
.md-div h5 { |
|||
font-size:1.171875rem; |
|||
} |
|||
|
|||
.md-div table { |
|||
border-collapse: collapse; |
|||
width: 100%; |
|||
margin-bottom: 1rem; |
|||
border: 1px solid var(--dark); |
|||
} |
|||
|
|||
.md-div table th, |
|||
.md-div table td { |
|||
padding: 0.3rem; |
|||
vertical-align: top; |
|||
border-top: 1px solid var(--dark); |
|||
border: 1px solid var(--dark); |
|||
} |
|||
|
|||
.md-div table thead th { |
|||
vertical-align: bottom; |
|||
border-bottom: 2px solid var(--dark); |
|||
} |
|||
|
|||
.md-div table tbody + tbody { |
|||
border-top: 2px solid var(--dark); |
|||
} |
|||
|
|||
.vote-bar { |
|||
margin-top: -6.5px; |
|||
} |
|||
|
|||
.post-title { |
|||
line-height: 1.0; |
|||
} |
|||
|
|||
.icon { |
|||
display: inline-flex; |
|||
width: 1em; |
|||
height: 1em; |
|||
stroke-width: 0; |
|||
stroke: currentColor; |
|||
fill: currentColor; |
|||
vertical-align: middle; |
|||
align-self: center; |
|||
-webkit-touch-callout: none; |
|||
-webkit-user-select: none; |
|||
-khtml-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
|
|||
.icon-navbar { |
|||
width: 1.5em; |
|||
height: 1.5em; |
|||
} |
|||
|
|||
.icon-inline { |
|||
margin-bottom: 2px; |
|||
} |
|||
|
|||
.spin { |
|||
animation: spins 2s linear infinite; |
|||
} |
|||
|
|||
@keyframes spins { |
|||
0% { transform: rotate(0deg); } |
|||
100% { transform: rotate(359deg); } |
|||
} |
|||
|
|||
.dropdown-menu { |
|||
z-index: 2000; |
|||
} |
|||
|
|||
blockquote { |
|||
border-left: 2px solid var(--secondary); |
|||
margin: 0.5em 5px; |
|||
padding: 0.1em 5px; |
|||
} |
|||
|
|||
.mouse-icon { |
|||
margin-top: -4px; |
|||
} |
|||
|
|||
.new-comments { |
|||
max-height: 50vh; |
|||
overflow-x: hidden; |
|||
overflow-y: auto; |
|||
} |
|||
|
|||
.thumbnail { |
|||
object-fit: cover; |
|||
max-height: 80px; |
|||
width: 100%; |
|||
} |
|||
|
|||
svg.thumbnail { |
|||
height: 40px; |
|||
} |
|||
|
|||
.no-s-hows { |
|||
position: absolute !important; |
|||
top: -9999px !important; |
|||
left: -9999px !important; |
|||
} |
|||
|
|||
hr { |
|||
border-top: 1px solid var(--light); |
|||
} |
|||
|
|||
.emoji { |
|||
max-height: 1.2em !important; |
|||
} |
|||
|
|||
.text-wrap-truncate { |
|||
overflow: hidden; |
|||
text-overflow: ellipsis |
|||
} |
|||
|
|||
#app { |
|||
display: flex; |
|||
flex-direction: column; |
|||
min-height: 100vh; |
|||
} |
|||
|
|||
.fl-1 { |
|||
flex: 1; |
|||
} |
|||
|
|||
.img-blur { |
|||
filter: blur(10px); |
|||
-webkit-filter: blur(10px); |
|||
-moz-filter: blur(10px); |
|||
-o-filter: blur(10px); |
|||
-ms-filter: blur(10px); |
|||
} |
|||
|
|||
.img-expanded { |
|||
max-height: 90vh; |
|||
} |
|||
|
|||
.btn-animate:active { |
|||
transform: scale(1.2); |
|||
-webkit-transform: scale(1.2); |
|||
-ms-transform: scale(1.2); |
|||
} |
|||
|
|||
.selectr-selected, .selectr-options-container { |
|||
background-color: var(--secondary); |
|||
color: var(--white); |
|||
border: unset; |
|||
} |
|||
|
|||
.mini-overlay { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
padding: 2px; |
|||
height: 1.5em; |
|||
width: 1.5em; |
|||
background: rgba(0,0,0,.4); |
|||
border-bottom-left-radius: 0.25rem !important; |
|||
border-top-right-radius: 0.25rem !important; |
|||
} |
|||
|
|||
.link-overlay:hover { |
|||
transition: .1s; |
|||
opacity: 1; |
|||
} |
|||
|
|||
.link-overlay { |
|||
transition: opacity .1s ease-in-out; |
|||
position: absolute; |
|||
opacity: 0; |
|||
left: 0; |
|||
height: 100%; |
|||
width: 100%; |
|||
padding: 10px; |
|||
background: rgba(0,0,0,.6); |
|||
} |
|||
|
|||
.placeholder { |
|||
height: 50px; |
|||
width: 50px; |
|||
} |
|||
|
|||
.unselectable { |
|||
-webkit-touch-callout: none; |
|||
-webkit-user-select: none; |
|||
-khtml-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
|
|||
.list-inline-item-action { |
|||
display: inline-block; |
|||
} |
|||
|
|||
.list-inline-item-action:not(:last-child) { |
|||
margin-right: 1.2rem; |
|||
} |
|||
|
|||
pre { |
|||
white-space: pre-wrap; |
|||
word-break: keep-all; |
|||
} |
|||
|
|||
.form-control.search-input { |
|||
float: right !important; |
|||
transition: width 0.2s ease-out 0s !important; |
|||
} |
|||
|
|||
.show-input { |
|||
width: 13em !important; |
|||
|
|||
} |
|||
.hide-input { |
|||
background: transparent !important; |
|||
width: 0px !important; |
|||
padding: 0 !important; |
|||
} |
|||
|
|||
br.big { |
|||
display: block; |
|||
content: ""; |
|||
margin-top: 1rem; |
|||
} |
|||
|
@ -0,0 +1,902 @@ |
|||
// |
|||
// Variables |
|||
// -------------------------------------------------- |
|||
|
|||
|
|||
//== Colors |
|||
// |
|||
//## Gray and brand colors for use across Bootstrap. |
|||
|
|||
//// colors from bs-2 |
|||
// Grays |
|||
// ------------------------- |
|||
$black: #000; |
|||
$grayDark: #555; |
|||
$gray: #bbb; |
|||
$grayLight: #bbb; |
|||
$white: #FFF; |
|||
|
|||
|
|||
// Accent colors |
|||
// ------------------------- |
|||
$blue: #5555Ff; |
|||
$cyan: #55FFFF; |
|||
$cyanDark: #00AAAA; |
|||
$blueDark: #000084; |
|||
$green: #55FF55; |
|||
$greenDark: #00AA00; |
|||
$magenta: #FF55FF; |
|||
$magentaDark: #AA00AA; |
|||
$red: #FF5555; |
|||
$redDark: #AA0000; |
|||
$yellow: #FEFE54; |
|||
$brown: #AA5500; |
|||
$orange: #A85400; |
|||
$pink: #FE54FE; |
|||
$purple: #FE5454; |
|||
|
|||
// end colors |
|||
|
|||
$gray-base: $gray; |
|||
$gray-darker: $grayDark; |
|||
$gray-dark: $grayDark; |
|||
$gray-light: $grayLight; |
|||
$gray-lighter: $grayLight; |
|||
|
|||
$brand-primary: $gray; |
|||
$brand-primary-bg: $cyanDark; |
|||
$brand-success: $greenDark; |
|||
$brand-info: $brown; |
|||
$brand-warning: $magentaDark; |
|||
$brand-danger: $redDark; |
|||
|
|||
|
|||
//== Scaffolding |
|||
// |
|||
//## Settings for some of the most global styles. |
|||
|
|||
//** Background color for `<body>`. |
|||
$body-bg: $blueDark; |
|||
//** Global text color on `<body>`. |
|||
$text-color: $gray-light; |
|||
|
|||
//** Global textual link color. |
|||
$link-color: $brand-primary; |
|||
//** Link hover color set via `darken()` function. |
|||
$link-hover-color: $white; |
|||
//** Link hover decoration. |
|||
$link-hover-decoration: none; |
|||
|
|||
|
|||
//== Typography |
|||
// |
|||
//## Font, line-height, and color for body text, headings, and more. |
|||
|
|||
$font-family-sans-serif: DOS, Monaco, Menlo, Consolas, "Courier New", monospace; |
|||
$font-family-serif: DOS, Monaco, Menlo, Consolas, "Courier New", monospace; |
|||
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. |
|||
$font-family-monospace: DOS, Monaco, Menlo, Consolas, "Courier New", monospace; |
|||
$font-family-base: $font-family-sans-serif; |
|||
|
|||
$baseWidth: 10px; |
|||
$font-size-base: 18px; |
|||
$font-size-large: $font-size-base; |
|||
$font-size-small: $font-size-base; |
|||
|
|||
$font-size-h1: $font-size-base; |
|||
$font-size-h2: $font-size-base; |
|||
$font-size-h3: $font-size-base; |
|||
$font-size-h4: $font-size-base; |
|||
$font-size-h5: $font-size-base; |
|||
$font-size-h6: $font-size-base; |
|||
|
|||
//** Unit-less `line-height` for use in components like buttons. |
|||
$baseLineHeight: 19px; |
|||
$line-height-base: $baseLineHeight; |
|||
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. |
|||
$line-height-computed: $line-height-base; |
|||
|
|||
//** By default, this inherits from the `<body>`. |
|||
$headings-font-family: inherit; |
|||
$headings-font-weight: normal; |
|||
$headings-line-height: $line-height-base; |
|||
$headings-color: inherit; |
|||
|
|||
$space: $baseWidth; |
|||
$halfbaseLineHeight: ($baseLineHeight / 2); |
|||
$borderWidth: 2px; |
|||
$baseLineWidth: ($baseLineHeight / 2); |
|||
$halfSpace: ($baseWidth / 2); |
|||
$lhsNB: ($baseWidth / 2 + 1); |
|||
$rhsNB: ($baseWidth / 2 - 1); |
|||
$lhs: ($lhsNB - ($borderWidth)); |
|||
$rhs: ($rhsNB - ($borderWidth / 2)); |
|||
$tsNB: ($baseLineHeight / 2); |
|||
$bsNB: $tsNB; |
|||
$ts: ($tsNB - ($borderWidth / 2)); |
|||
$bs: $ts; |
|||
$tsMargin: 3px; |
|||
|
|||
|
|||
//== Iconography |
|||
// |
|||
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. |
|||
|
|||
//** Load fonts from this directory. |
|||
$icon-font-path: "../fonts/"; |
|||
//** File name for all font files. |
|||
$icon-font-name: "glyphicons-halflings-regular"; |
|||
//** Element ID within SVG icon file. |
|||
$icon-font-svg-id: "glyphicons_halflingsregular"; |
|||
|
|||
|
|||
//== Components |
|||
// |
|||
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). |
|||
|
|||
$padding-base-vertical: 0px; |
|||
$padding-base-horizontal: 0px; |
|||
|
|||
$padding-large-vertical: 0px; |
|||
$padding-large-horizontal: $halfSpace; |
|||
|
|||
$padding-small-vertical: 0px; |
|||
$padding-small-horizontal: 0px; |
|||
|
|||
$padding-xs-vertical: 0px; |
|||
$padding-xs-horizontal: 0px; |
|||
|
|||
$line-height-large: $baseLineHeight; |
|||
$line-height-small: $baseLineHeight; |
|||
|
|||
$border-radius-base: 0; |
|||
$border-radius-large: 0; |
|||
$border-radius-small: 0; |
|||
|
|||
//** Global color for active items (e.g., navs or dropdowns). |
|||
$component-active-color: $white; |
|||
//** Global background color for active items (e.g., navs or dropdowns). |
|||
$component-active-bg: $black; |
|||
|
|||
//** Width of the `border` for generating carets that indicator dropdowns. |
|||
$caret-width-base: 4px; |
|||
//** Carets increase slightly in size for larger components. |
|||
$caret-width-large: 5px; |
|||
|
|||
|
|||
//== Tables |
|||
// |
|||
//## Customizes the `.table` component with basic values, each used across all table variations. |
|||
|
|||
//** Padding for `<th>`s and `<td>`s. |
|||
$table-cell-padding: $ts $rhs $bs $lhs; |
|||
//** Padding for cells in `.table-condensed`. |
|||
$table-condensed-cell-padding: $ts $rhs $bs $lhs; |
|||
|
|||
//** Default background color used for all tables. |
|||
$table-bg: transparent; |
|||
//** Background color used for `.table-striped`. |
|||
$table-bg-accent: $black; |
|||
//** Background color used for `.table-hover`. |
|||
$table-bg-hover: #f5f5f5; |
|||
$table-bg-active: $table-bg-hover; |
|||
|
|||
//** Border color for table and cell borders. |
|||
$table-border-color: $gray; |
|||
|
|||
|
|||
//== Buttons |
|||
// |
|||
//## For each of Bootstrap's buttons, define text, background and border color. |
|||
|
|||
$btn-font-weight: normal; |
|||
|
|||
$btn-default-color: $black; |
|||
$btn-default-bg: $grayLight; |
|||
$btn-default-border: $grayLight; |
|||
|
|||
$btn-primary-color: $black; |
|||
$btn-primary-bg: $cyanDark; |
|||
$btn-primary-border: $grayLight; |
|||
|
|||
$btn-success-color: #fff; |
|||
$btn-success-bg: $brand-success; |
|||
$btn-success-border: $btn-success-bg; |
|||
|
|||
$btn-info-color: #fff; |
|||
$btn-info-bg: $brand-info; |
|||
$btn-info-border: $btn-info-bg; |
|||
|
|||
$btn-warning-color: #fff; |
|||
$btn-warning-bg: $brand-warning; |
|||
$btn-warning-border: $btn-warning-bg; |
|||
|
|||
$btn-danger-color: #fff; |
|||
$btn-danger-bg: $brand-danger; |
|||
$btn-danger-border: $btn-danger-bg; |
|||
|
|||
$btn-link-disabled-color: $gray-light; |
|||
|
|||
|
|||
//== Forms |
|||
// |
|||
//## |
|||
|
|||
//** `<input>` background color |
|||
$input-bg: $cyanDark; |
|||
//** `<input disabled>` background color |
|||
$input-bg-disabled: $gray-lighter; |
|||
|
|||
//** Text color for `<input>`s |
|||
$input-color: $white; |
|||
//** `<input>` border color |
|||
$input-border: #ccc; |
|||
|
|||
// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 |
|||
//** Default `.form-control` border radius |
|||
// This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS. |
|||
$input-border-radius: $border-radius-base; |
|||
//** Large `.form-control` border radius |
|||
$input-border-radius-large: $border-radius-large; |
|||
//** Small `.form-control` border radius |
|||
$input-border-radius-small: $border-radius-small; |
|||
|
|||
//** Border color for inputs on focus |
|||
$input-border-focus: $black; |
|||
|
|||
//** Placeholder text color |
|||
$input-color-placeholder: $black; |
|||
|
|||
//** Default `.form-control` height |
|||
$input-height-base: $line-height-computed; |
|||
//** Large `.form-control` height |
|||
$input-height-large: $input-height-base; |
|||
//** Small `.form-control` height |
|||
$input-height-small: $input-height-base; |
|||
|
|||
$legend-color: $gray-dark; |
|||
$legend-border-color: #e5e5e5; |
|||
|
|||
//** Background color for textual input addons |
|||
$input-group-addon-bg: $gray-lighter; |
|||
//** Border color for textual input addons |
|||
$input-group-addon-border-color: $input-border; |
|||
|
|||
//** Disabled cursor for form controls and buttons. |
|||
$cursor-disabled: not-allowed; |
|||
|
|||
|
|||
//== Dropdowns |
|||
// |
|||
//## Dropdown menu container and contents. |
|||
|
|||
//** Background for the dropdown menu. |
|||
$dropdown-bg: $gray; |
|||
//** Dropdown menu `border-color`. |
|||
$dropdown-border: rgb(0,0,0); |
|||
//** Dropdown menu `border-color` **for IE8**. |
|||
$dropdown-fallback-border: #ccc; |
|||
//** Divider color for between dropdown items. |
|||
$dropdown-divider-bg: $black; |
|||
|
|||
//** Dropdown link text color. |
|||
$dropdown-link-color: $black; |
|||
//** Hover color for dropdown links. |
|||
$dropdown-link-hover-color: $gray; |
|||
//** Hover background for dropdown links. |
|||
$dropdown-link-hover-bg: $black; |
|||
|
|||
//** Active dropdown menu item text color. |
|||
$dropdown-link-active-color: $component-active-color; |
|||
//** Active dropdown menu item background color. |
|||
$dropdown-link-active-bg: $component-active-bg; |
|||
|
|||
//** Disabled dropdown menu item background color. |
|||
$dropdown-link-disabled-color: $gray-light; |
|||
|
|||
//** Text color for headers within dropdown menus. |
|||
$dropdown-header-color: $black; |
|||
|
|||
//** Deprecated `$dropdown-caret-color` as of v3.1.0 |
|||
$dropdown-caret-color: #000; |
|||
|
|||
|
|||
//-- 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. |
|||
// |
|||
// Note: These variables are not generated into the Customizer. |
|||
|
|||
$zindex-navbar: 1000; |
|||
$zindex-dropdown: 1000; |
|||
$zindex-popover: 1060; |
|||
$zindex-tooltip: 1070; |
|||
$zindex-navbar-fixed: 1030; |
|||
$zindex-modal: 1040; |
|||
|
|||
|
|||
//== Media queries breakpoints |
|||
// |
|||
//## Define the breakpoints at which your layout will change, adapting to different screen sizes. |
|||
|
|||
// Extra small screen / phone |
|||
//** Deprecated `$screen-xs` as of v3.0.1 |
|||
$screen-xs: 480px; |
|||
//** Deprecated `$screen-xs-min` as of v3.2.0 |
|||
$screen-xs-min: $screen-xs; |
|||
//** Deprecated `$screen-phone` as of v3.0.1 |
|||
$screen-phone: $screen-xs-min; |
|||
|
|||
// Small screen / tablet |
|||
//** Deprecated `$screen-sm` as of v3.0.1 |
|||
$screen-sm: 768px; |
|||
$screen-sm-min: $screen-sm; |
|||
//** Deprecated `$screen-tablet` as of v3.0.1 |
|||
$screen-tablet: $screen-sm-min; |
|||
|
|||
// Medium screen / desktop |
|||
//** Deprecated `$screen-md` as of v3.0.1 |
|||
$screen-md: 992px; |
|||
$screen-md-min: $screen-md; |
|||
//** Deprecated `$screen-desktop` as of v3.0.1 |
|||
$screen-desktop: $screen-md-min; |
|||
|
|||
// Large screen / wide desktop |
|||
//** Deprecated `$screen-lg` as of v3.0.1 |
|||
$screen-lg: 1200px; |
|||
$screen-lg-min: $screen-lg; |
|||
//** Deprecated `$screen-lg-desktop` as of v3.0.1 |
|||
$screen-lg-desktop: $screen-lg-min; |
|||
|
|||
// So media queries don't overlap when required, provide a maximum |
|||
$screen-xs-max: ($screen-sm-min - 1); |
|||
$screen-sm-max: ($screen-md-min - 1); |
|||
$screen-md-max: ($screen-lg-min - 1); |
|||
|
|||
|
|||
//== Grid system |
|||
// |
|||
//## Define your custom responsive grid. |
|||
|
|||
//** Number of columns in the grid. |
|||
$grid-columns: 12; |
|||
//** Padding between columns. Gets divided in half for the left and right. |
|||
$grid-gutter-width: ($baseWidth * 2); |
|||
// Navbar collapse |
|||
//** Point at which the navbar becomes uncollapsed. |
|||
$grid-float-breakpoint: $screen-sm-min; |
|||
//** Point at which the navbar begins collapsing. |
|||
$grid-float-breakpoint-max: ($grid-float-breakpoint); |
|||
|
|||
|
|||
//== Container sizes |
|||
// |
|||
//## Define the maximum width of `.container` for different screen sizes. |
|||
|
|||
// Small screen / tablet |
|||
$container-tablet: (720px + $grid-gutter-width); |
|||
//** For `$screen-sm-min` and up. |
|||
$container-sm: $container-tablet; |
|||
|
|||
// Medium screen / desktop |
|||
$container-desktop: (940px + $grid-gutter-width); |
|||
//** For `$screen-md-min` and up. |
|||
$container-md: $container-desktop; |
|||
|
|||
// Large screen / wide desktop |
|||
$container-large-desktop: (1140px + $grid-gutter-width); |
|||
//** For `$screen-lg-min` and up. |
|||
$container-lg: $container-large-desktop; |
|||
|
|||
|
|||
//== Navbar |
|||
// |
|||
//## |
|||
|
|||
// Basics of a navbar |
|||
$navbar-height: 0px; |
|||
$navbar-margin-bottom: $line-height-computed; |
|||
$navbar-border-radius: $border-radius-base; |
|||
$navbar-padding-horizontal: ($baseWidth * 2); |
|||
$navbar-padding-vertical: 0; |
|||
$navbar-collapse-max-height: 340px; |
|||
|
|||
$navbar-default-color: $black; |
|||
$navbar-default-bg: $grayLight; |
|||
$navbar-default-border: $navbar-default-bg; |
|||
|
|||
// Navbar links |
|||
$navbar-default-link-color: $black; |
|||
$navbar-default-link-hover-color: $white; |
|||
$navbar-default-link-hover-bg: $black; |
|||
$navbar-default-link-active-color: $white; |
|||
$navbar-default-link-active-bg: $black; |
|||
$navbar-default-link-disabled-color: $gray; |
|||
$navbar-default-link-disabled-bg: transparent; |
|||
|
|||
// Navbar brand label |
|||
$navbar-default-brand-color: $navbar-default-link-color; |
|||
$navbar-default-brand-hover-color: $navbar-default-brand-color; |
|||
$navbar-default-brand-hover-bg: transparent; |
|||
|
|||
// Navbar toggle |
|||
$navbar-default-toggle-hover-bg: #ddd; |
|||
$navbar-default-toggle-icon-bar-bg: #888; |
|||
$navbar-default-toggle-border-color: #ddd; |
|||
|
|||
|
|||
// Inverted navbar |
|||
// Reset inverted navbar basics |
|||
$navbar-inverse-color: $gray; |
|||
$navbar-inverse-bg: $black; |
|||
$navbar-inverse-border: $navbar-inverse-bg; |
|||
|
|||
// Inverted navbar links |
|||
$navbar-inverse-link-color: $gray-light; |
|||
$navbar-inverse-link-hover-color: $black; |
|||
$navbar-inverse-link-hover-bg: $grayLight; |
|||
$navbar-inverse-link-active-color: $white; |
|||
$navbar-inverse-link-active-bg: $grayDark; |
|||
$navbar-inverse-link-disabled-color: $gray; |
|||
$navbar-inverse-link-disabled-bg: transparent; |
|||
|
|||
// Inverted navbar brand label |
|||
$navbar-inverse-brand-color: $navbar-inverse-link-color; |
|||
$navbar-inverse-brand-hover-color: #fff; |
|||
$navbar-inverse-brand-hover-bg: transparent; |
|||
|
|||
// Inverted navbar toggle |
|||
$navbar-inverse-toggle-hover-bg: $grayLight; |
|||
$navbar-inverse-toggle-icon-bar-bg: #fff; |
|||
$navbar-inverse-toggle-border-color: #333; |
|||
|
|||
|
|||
//== Navs |
|||
// |
|||
//## |
|||
|
|||
//=== Shared nav styles |
|||
$nav-link-padding: 0 $baseWidth; |
|||
$nav-link-hover-bg: $gray-lighter; |
|||
|
|||
$nav-disabled-link-color: $gray-light; |
|||
$nav-disabled-link-hover-color: $gray-light; |
|||
|
|||
//== Tabs |
|||
$nav-tabs-border-color: #ddd; |
|||
|
|||
$nav-tabs-link-hover-border-color: $gray-lighter; |
|||
|
|||
$nav-tabs-active-link-hover-bg: $black; |
|||
$nav-tabs-active-link-hover-color: $white; |
|||
|
|||
$nav-tabs-justified-active-link-border-color: $body-bg; |
|||
|
|||
//== Pills |
|||
$nav-pills-border-radius: $border-radius-base; |
|||
$nav-pills-active-link-hover-bg: $component-active-bg; |
|||
$nav-pills-active-link-hover-color: $component-active-color; |
|||
|
|||
|
|||
//== Pagination |
|||
// |
|||
//## |
|||
|
|||
$pagination-color: $black; |
|||
$pagination-bg: $gray; |
|||
$pagination-border: #ddd; |
|||
|
|||
$pagination-hover-color: $link-hover-color; |
|||
$pagination-hover-bg: $gray-lighter; |
|||
$pagination-hover-border: #ddd; |
|||
|
|||
$pagination-active-color: #fff; |
|||
$pagination-active-bg: $brand-primary; |
|||
$pagination-active-border: $brand-primary; |
|||
|
|||
$pagination-disabled-color: $gray-light; |
|||
$pagination-disabled-bg: #fff; |
|||
$pagination-disabled-border: #ddd; |
|||
|
|||
|
|||
//== Pager |
|||
// |
|||
//## |
|||
|
|||
$pager-bg: $pagination-bg; |
|||
$pager-border: $pagination-border; |
|||
$pager-border-radius: 0; |
|||
|
|||
$pager-hover-bg: $pagination-hover-bg; |
|||
|
|||
$pager-active-bg: $pagination-active-bg; |
|||
$pager-active-color: $pagination-active-color; |
|||
|
|||
$pager-disabled-color: $pagination-disabled-color; |
|||
|
|||
|
|||
//== Jumbotron |
|||
// |
|||
//## |
|||
|
|||
$jumbotron-padding: ($ts) ($rhs + $baseWidth) ($bs) ($lhs + $baseWidth); |
|||
$jumbotron-color: $white; |
|||
$jumbotron-bg: transparent; |
|||
$jumbotron-heading-color: inherit; |
|||
$jumbotron-font-size: $font-size-base; |
|||
|
|||
|
|||
//== Form states and alerts |
|||
// |
|||
//## Define colors for form feedback states and, by default, alerts. |
|||
|
|||
$state-success-text: $green; |
|||
$state-success-bg: $greenDark; |
|||
$state-success-border: $state-success-bg; |
|||
|
|||
$state-info-text: $yellow; |
|||
$state-info-bg: $brown; |
|||
$state-info-border: $state-info-bg; |
|||
|
|||
$state-warning-text: $magenta; |
|||
$state-warning-bg: $magentaDark; |
|||
$state-warning-border: $state-warning-bg; |
|||
|
|||
$state-danger-text: $red; |
|||
$state-danger-bg: $black; |
|||
$state-danger-border: $state-danger-bg; |
|||
|
|||
|
|||
//== Tooltips |
|||
// |
|||
//## |
|||
|
|||
//** Tooltip max width |
|||
$tooltip-max-width: ($baseWidth * 25); |
|||
//** Tooltip text color |
|||
$tooltip-color: $white; |
|||
//** Tooltip background color |
|||
$tooltip-bg: $grayDark; |
|||
$tooltip-opacity: 1; |
|||
|
|||
//** Tooltip arrow width |
|||
$tooltip-arrow-width: 0px; |
|||
//** Tooltip arrow color |
|||
$tooltip-arrow-color: $tooltip-bg; |
|||
|
|||
|
|||
//== Popovers |
|||
// |
|||
//## |
|||
|
|||
//** Popover body background color |
|||
$popover-bg: $gray; |
|||
//** Popover maximum width |
|||
$popover-max-width: ($baseWidth * 20); |
|||
//** Popover border color |
|||
$popover-border-color: rgb(0,0,0); |
|||
//** Popover fallback border color |
|||
$popover-fallback-border-color: #ccc; |
|||
|
|||
//** Popover title background color |
|||
$popover-title-bg: $greenDark; |
|||
|
|||
//** Popover arrow width |
|||
$popover-arrow-width: 10px; |
|||
//** Popover arrow color |
|||
$popover-arrow-color: $popover-bg; |
|||
|
|||
//** Popover outer arrow width |
|||
$popover-arrow-outer-width: ($popover-arrow-width + 1); |
|||
//** Popover outer arrow color |
|||
$popover-arrow-outer-color: $popover-border-color; |
|||
//** Popover outer arrow fallback color |
|||
$popover-arrow-outer-fallback-color: $popover-fallback-border-color; |
|||
|
|||
|
|||
//== Labels |
|||
// |
|||
//## |
|||
|
|||
//** Default label background color |
|||
$label-default-bg: $gray-light; |
|||
//** Primary label background color |
|||
$label-primary-bg: $brand-primary-bg; |
|||
//** Success label background color |
|||
$label-success-bg: $brand-success; |
|||
//** Info label background color |
|||
$label-info-bg: $brand-info; |
|||
//** Warning label background color |
|||
$label-warning-bg: $brand-warning; |
|||
//** Danger label background color |
|||
$label-danger-bg: $brand-danger; |
|||
|
|||
//** Default label text color |
|||
$label-color: #fff; |
|||
//** Default text color of a linked label |
|||
$label-link-hover-color: #fff; |
|||
|
|||
|
|||
//== Modals |
|||
// |
|||
//## |
|||
|
|||
//** Padding applied to the modal body |
|||
$modal-inner-padding: 0 $baseWidth; |
|||
|
|||
//** Padding applied to the modal title |
|||
$modal-title-padding: 0 $baseWidth; |
|||
//** Modal title line-height |
|||
$modal-title-line-height: $line-height-base; |
|||
|
|||
//** Background color of modal content area |
|||
$modal-content-bg: $gray; |
|||
//** Modal content border color |
|||
$modal-content-border-color: rgb(0,0,0); |
|||
//** Modal content border color **for IE8** |
|||
$modal-content-fallback-border-color: #999; |
|||
|
|||
//** Modal backdrop background color |
|||
$modal-backdrop-bg: #000; |
|||
//** Modal backdrop opacity |
|||
// $modal-backdrop-opacity: @include 5; |
|||
//** Modal header border color |
|||
$modal-header-border-color: #e5e5e5; |
|||
//** Modal footer border color |
|||
$modal-footer-border-color: $modal-header-border-color; |
|||
|
|||
$modal-lg: 900px; |
|||
$modal-md: 600px; |
|||
$modal-sm: 300px; |
|||
|
|||
|
|||
//== Alerts |
|||
// |
|||
//## Define alert colors, border radius, and padding. |
|||
|
|||
$alert-padding: $line-height-base ($baseWidth * 2); |
|||
$alert-border-radius: $border-radius-base; |
|||
$alert-link-font-weight: normal; |
|||
|
|||
$alert-success-bg: $state-success-bg; |
|||
$alert-success-text: $state-success-text; |
|||
$alert-success-border: $state-success-border; |
|||
|
|||
$alert-info-bg: $state-info-bg; |
|||
$alert-info-text: $state-info-text; |
|||
$alert-info-border: $state-info-border; |
|||
|
|||
$alert-warning-bg: $state-warning-bg; |
|||
$alert-warning-text: $state-warning-text; |
|||
$alert-warning-border: $state-warning-border; |
|||
|
|||
$alert-danger-bg: $state-danger-bg; |
|||
$alert-danger-text: $state-danger-text; |
|||
$alert-danger-border: $state-danger-border; |
|||
|
|||
|
|||
//== Progress bars |
|||
// |
|||
//## |
|||
|
|||
//** Background color of the whole progress component |
|||
$progress-bg: $black; |
|||
//** Progress bar text color |
|||
$progress-bar-color: $black; |
|||
//** Variable for setting rounded corners on progress bar. |
|||
$progress-border-radius: $border-radius-base; |
|||
|
|||
//** Default progress bar color |
|||
$progress-bar-bg: $brand-primary; |
|||
//** Success progress bar color |
|||
$progress-bar-success-bg: $brand-success; |
|||
//** Warning progress bar color |
|||
$progress-bar-warning-bg: $brand-warning; |
|||
//** Danger progress bar color |
|||
$progress-bar-danger-bg: $brand-danger; |
|||
//** Info progress bar color |
|||
$progress-bar-info-bg: $brand-info; |
|||
|
|||
|
|||
//== List group |
|||
// |
|||
//## |
|||
|
|||
//** Background color on `.list-group-item` |
|||
$list-group-bg: $gray; |
|||
//** `.list-group-item` border color |
|||
$list-group-border: #ddd; |
|||
//** List group border radius |
|||
$list-group-border-radius: $border-radius-base; |
|||
|
|||
//** Background color of single list items on hover |
|||
$list-group-hover-bg: $black; |
|||
//** Text color of active list items |
|||
$list-group-active-color: $component-active-color; |
|||
//** Background color of active list items |
|||
$list-group-active-bg: $component-active-bg; |
|||
//** Border color of active list elements |
|||
$list-group-active-border: $list-group-active-bg; |
|||
//** Text color for content within active list items |
|||
$list-group-active-text-color: $component-active-color; |
|||
|
|||
//** Text color of disabled list items |
|||
$list-group-disabled-color: $gray-dark; |
|||
//** Background color of disabled list items |
|||
$list-group-disabled-bg: $gray-lighter; |
|||
//** Text color for content within disabled list items |
|||
$list-group-disabled-text-color: $list-group-disabled-color; |
|||
|
|||
$list-group-link-color: $black; |
|||
$list-group-link-hover-color: $list-group-link-color; |
|||
$list-group-link-heading-color: #333; |
|||
|
|||
|
|||
//== Panels |
|||
// |
|||
//## |
|||
|
|||
$panel-bg: $gray; |
|||
$panel-body-padding: 0 $rhsNB 0 $lhsNB; |
|||
$panel-heading-padding: 0 $rhsNB 0 $lhsNB; |
|||
$panel-footer-padding: $panel-heading-padding; |
|||
$panel-border-radius: $border-radius-base; |
|||
|
|||
//** Border color for elements within panels |
|||
$panel-inner-border: #ddd; |
|||
$panel-footer-bg: #f5f5f5; |
|||
|
|||
$panel-default-text: $white; |
|||
$panel-default-border: #ddd; |
|||
$panel-default-heading-bg: $grayDark; |
|||
|
|||
$panel-primary-text: $white; |
|||
$panel-primary-border: $brand-primary; |
|||
$panel-primary-heading-bg: $cyanDark; |
|||
|
|||
$panel-success-text: $state-success-text; |
|||
$panel-success-border: $state-success-border; |
|||
$panel-success-heading-bg: $state-success-bg; |
|||
|
|||
$panel-info-text: $state-info-text; |
|||
$panel-info-border: $state-info-border; |
|||
$panel-info-heading-bg: $state-info-bg; |
|||
|
|||
$panel-warning-text: $state-warning-text; |
|||
$panel-warning-border: $state-warning-border; |
|||
$panel-warning-heading-bg: $state-warning-bg; |
|||
|
|||
$panel-danger-text: $state-danger-text; |
|||
$panel-danger-border: $state-danger-border; |
|||
$panel-danger-heading-bg: $state-danger-bg; |
|||
|
|||
|
|||
//== Thumbnails |
|||
// |
|||
//## |
|||
|
|||
//** Padding around the thumbnail image |
|||
$thumbnail-padding: 4px; |
|||
//** Thumbnail background color |
|||
$thumbnail-bg: $body-bg; |
|||
//** Thumbnail border color |
|||
$thumbnail-border: #ddd; |
|||
//** Thumbnail border radius |
|||
$thumbnail-border-radius: $border-radius-base; |
|||
|
|||
//** Custom text color for thumbnail captions |
|||
$thumbnail-caption-color: $text-color; |
|||
//** Padding around the thumbnail caption |
|||
$thumbnail-caption-padding: 9px; |
|||
|
|||
|
|||
//== Wells |
|||
// |
|||
//## |
|||
|
|||
$well-bg: $greenDark; |
|||
$well-border: $well-bg; |
|||
|
|||
|
|||
//== Badges |
|||
// |
|||
//## |
|||
|
|||
$badge-color: $black; |
|||
//** Linked badge text color on hover |
|||
$badge-link-hover-color: #fff; |
|||
$badge-bg: $gray-light; |
|||
|
|||
//** Badge text color in active nav link |
|||
$badge-active-color: $link-color; |
|||
//** Badge background color in active nav link |
|||
$badge-active-bg: $black; |
|||
|
|||
$badge-font-weight: normal; |
|||
$badge-line-height: $line-height-base; |
|||
$badge-border-radius: 0; |
|||
|
|||
|
|||
//== Breadcrumbs |
|||
// |
|||
//## |
|||
|
|||
$breadcrumb-padding-vertical: 8px; |
|||
$breadcrumb-padding-horizontal: 15px; |
|||
//** Breadcrumb background color |
|||
$breadcrumb-bg: #f5f5f5; |
|||
//** Breadcrumb text color |
|||
$breadcrumb-color: #ccc; |
|||
//** Text color of current page in the breadcrumb |
|||
$breadcrumb-active-color: $gray-light; |
|||
//** Textual separator for between breadcrumb elements |
|||
$breadcrumb-separator: "/"; |
|||
|
|||
|
|||
//== Carousel |
|||
// |
|||
//## |
|||
|
|||
$carousel-text-shadow: none; |
|||
|
|||
$carousel-control-color: #fff; |
|||
$carousel-control-width: 15%; |
|||
$carousel-control-opacity: 1; |
|||
$carousel-control-font-size: $font-size-base; |
|||
|
|||
$carousel-indicator-active-bg: #fff; |
|||
$carousel-indicator-border-color: #fff; |
|||
|
|||
$carousel-caption-color: #fff; |
|||
|
|||
|
|||
//== Close |
|||
// |
|||
//## |
|||
|
|||
$close-font-weight: normal; |
|||
$close-color: #000; |
|||
$close-text-shadow: none; |
|||
|
|||
|
|||
//== Code |
|||
// |
|||
//## |
|||
|
|||
$code-color: #c7254e; |
|||
$code-bg: #f9f2f4; |
|||
|
|||
$kbd-color: #fff; |
|||
$kbd-bg: #333; |
|||
|
|||
$pre-bg: #f5f5f5; |
|||
$pre-color: $gray-dark; |
|||
$pre-border-color: #ccc; |
|||
$pre-scrollable-max-height: 340px; |
|||
|
|||
|
|||
//== Type |
|||
// |
|||
//## |
|||
|
|||
//** Horizontal offset for forms and lists. |
|||
$component-offset-horizontal: 180px; |
|||
//** Text muted color |
|||
$text-muted: $gray-dark; |
|||
//** Abbreviations and acronyms border color |
|||
$abbr-border-color: $gray-light; |
|||
//** Headings small color |
|||
$headings-small-color: $gray-light; |
|||
//** Blockquote small color |
|||
$blockquote-small-color: $gray-light; |
|||
//** Blockquote font size |
|||
$blockquote-font-size: $font-size-base; |
|||
//** Blockquote border color |
|||
$blockquote-border-color: $gray-lighter; |
|||
//** Page header border color |
|||
$page-header-border-color: $gray-lighter; |
|||
//** Width of horizontal description list titles |
|||
$dl-horizontal-offset: $component-offset-horizontal; |
|||
//** Horizontal line color. |
|||
$hr-border: $black; |
@ -0,0 +1,40 @@ |
|||
|
|||
$blue: #5555Ff; |
|||
$cyan: #55FFFF; |
|||
$green: #55FF55; |
|||
$indigo: #FF55FF; |
|||
$red: #FF5555; |
|||
$yellow: #FEFE54; |
|||
$orange: #A85400; |
|||
$pink: #FE54FE; |
|||
$purple: #FE5454; |
|||
$primary: #FEFE54; |
|||
$body-bg: #000084; |
|||
$gray-300: #bbb; |
|||
$body-color: $gray-300; |
|||
$link-hover-color: $white; |
|||
$font-family-sans-serif: DOS, Monaco, Menlo, Consolas, "Courier New", monospace; |
|||
$font-family-monospace: DOS, Monaco, Menlo, Consolas, "Courier New", monospace; |
|||
$navbar-dark-color: $gray-300; |
|||
$navbar-light-brand-color: $gray-300; |
|||
$success: #00AA00; |
|||
$danger: #AA0000; |
|||
$info: #00AAAA; |
|||
$warning: #AA00AA; |
|||
$navbar-dark-active-color: $gray-100; |
|||
$enable-rounded: false; |
|||
$input-color: $white; |
|||
$input-bg: rgb(102, 102, 102); |
|||
$input-disabled-bg: $gray-800; |
|||
$nav-tabs-link-active-color: $gray-100; |
|||
$navbar-dark-hover-color: rgba($gray-300, .75); |
|||
$light: $gray-800; |
|||
$navbar-light-disabled-color: $gray-800; |
|||
$navbar-light-active-color: $gray-100; |
|||
$navbar-light-hover-color: $gray-200; |
|||
$navbar-light-color: $gray-300; |
|||
$card-bg: $gray-800; |
|||
$card-border-color: $white; |
|||
$input-placeholder-color: $gray-500; |
|||
$mark-bg: #463b00; |
|||
$secondary: $gray-900; |
@ -0,0 +1,36 @@ |
|||
|
|||
$body-bg: $gray-900; |
|||
$body-color: $gray-200; |
|||
$blue: #01cdfe; |
|||
$indigo: #b967ff; |
|||
$purple: #b967ff; |
|||
$pink: #DD15BA; |
|||
$red: rgb(255, 95, 110); |
|||
$orange: rgb(255, 167, 93); |
|||
$yellow: #FFFC00; |
|||
$green: #05ffa1; |
|||
$teal: #01cdfe; |
|||
$cyan: #01cdfe; |
|||
$enable-shadows: true; |
|||
$enable-gradients: true; |
|||
$enable-responsive-font-sizes: true; |
|||
$border-radius: 1rem; |
|||
$border-radius-lg: 1rem; |
|||
$font-family-monospace: Arial, "Noto Sans", sans-serif; |
|||
$yiq-text-light: $gray-300; |
|||
$secondary: $blue; |
|||
$text-muted: $gray-500; |
|||
$primary: $pink; |
|||
$navbar-light-hover-color: rgba($primary, .7); |
|||
$light: darken($gray-100,1.5); |
|||
$card-bg: $body-bg; |
|||
$navbar-dark-color: rgba($body-bg, .5); |
|||
$navbar-light-active-color: rgba($gray-200, .9); |
|||
$navbar-light-disabled-color: rgba($gray-200, .3); |
|||
$navbar-light-color: rgba($white, .5); |
|||
$input-bg: $gray-700; |
|||
$input-color: $gray-200; |
|||
$input-disabled-bg: $gray-800; |
|||
$input-border-color: $gray-800; |
|||
$mark-bg: $gray-600; |
|||
$pre-color: $gray-200; |
@ -0,0 +1,30 @@ |
|||
|
|||
$white: #ffffff; |
|||
$orange: #faa077; |
|||
$cyan: #02bdc2; |
|||
$green: #d4e9d7; |
|||
$secondary: $green; |
|||
$body-color: $gray-700; |
|||
$link-color: theme-color("danger");; |
|||
$primary: $orange; |
|||
$red: #d8486a; |
|||
$border-radius: 1.5rem; |
|||
$border-radius-lg: 1.5rem; |
|||
$border-radius-sm: 1rem; |
|||
$font-family-sans-serif: Guardian-EgypTT,serif,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; |
|||
$headings-color: $gray-700; |
|||
$input-btn-focus-color: rgba($component-active-bg, .75); |
|||
$form-feedback-valid-color: theme-color("info"); |
|||
$navbar-light-color: $gray-600; |
|||
$black: #222222; |
|||
$navbar-dark-toggler-border-color: rgba($black, .1); |
|||
$navbar-light-active-color: $gray-900; |
|||
$card-color: $gray-700; |
|||
$card-cap-color: $gray-700; |
|||
$info: darken($green, 25%);; |
|||
$body-bg: #f2f0f0; |
|||
$success: darken($green, 25%);; |
|||
$danger: darken($primary, 25%); |
|||
$navbar-light-hover-color: $gray-900; |
|||
$card-bg: $gray-100; |
|||
$border-color: $gray-700; |
@ -0,0 +1,124 @@ |
|||
// Lux 4.5.0 |
|||
// Bootswatch |
|||
|
|||
// |
|||
// Color system |
|||
// |
|||
|
|||
$white: #fff !default; |
|||
$gray-100: #f8f9fa !default; |
|||
$gray-200: #f7f7f9 !default; |
|||
$gray-300: #eceeef !default; |
|||
$gray-400: #ced4da !default; |
|||
$gray-500: #adb5bd !default; |
|||
$gray-600: #919aa1 !default; |
|||
$gray-700: #55595c !default; |
|||
$gray-800: #343a40 !default; |
|||
$gray-900: #1a1a1a !default; |
|||
$black: #000 !default; |
|||
|
|||
$blue: #007bff !default; |
|||
$indigo: #6610f2 !default; |
|||
$purple: #6f42c1 !default; |
|||
$pink: #e83e8c !default; |
|||
$red: #d9534f !default; |
|||
$orange: #fd7e14 !default; |
|||
$yellow: #f0ad4e !default; |
|||
$green: #4BBF73 !default; |
|||
$teal: #20c997 !default; |
|||
$cyan: #1F9BCF !default; |
|||
|
|||
$primary: $gray-900 !default; |
|||
$secondary: $white !default; |
|||
$success: $green !default; |
|||
$info: $cyan !default; |
|||
$warning: $yellow !default; |
|||
$danger: $red !default; |
|||
$light: $white !default; |
|||
$dark: $gray-800 !default; |
|||
|
|||
$yiq-contrasted-threshold: 185 !default; |
|||
|
|||
// Options |
|||
|
|||
$enable-rounded: false !default; |
|||
|
|||
// Body |
|||
|
|||
$body-color: $gray-700 !default; |
|||
|
|||
// Components |
|||
|
|||
// $border-radius: 0 !default; |
|||
// $border-radius-lg: 0 !default; |
|||
// $border-radius-sm: 0 !default; |
|||
|
|||
// Fonts |
|||
|
|||
$font-family-sans-serif: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; |
|||
|
|||
$font-size-base: 0.875rem !default; |
|||
|
|||
$h1-font-size: 2rem !default; |
|||
$h2-font-size: 1.75rem !default; |
|||
$h3-font-size: 1.5rem !default; |
|||
$h4-font-size: 1.25rem !default; |
|||
$h5-font-size: 1rem !default; |
|||
$h6-font-size: 0.75rem !default; |
|||
|
|||
$headings-font-weight: 600 !default; |
|||
$headings-color: $gray-900 !default; |
|||
|
|||
// Tables |
|||
|
|||
$table-border-color: rgba(0, 0, 0, 0.05) !default; |
|||
|
|||
// Buttons + Forms |
|||
|
|||
$input-btn-border-width: 0px !default; |
|||
|
|||
// Buttons |
|||
|
|||
$btn-line-height: 1.5rem !default; |
|||
|
|||
$input-btn-padding-y: 0.75rem !default; |
|||
$input-btn-padding-x: 1.5rem !default; |
|||
|
|||
$input-btn-padding-y-sm: .5rem !default; |
|||
$input-btn-padding-x-sm: 1rem !default; |
|||
|
|||
$input-btn-padding-y-lg: 2rem !default; |
|||
$input-btn-padding-x-lg: 2rem !default; |
|||
|
|||
$btn-font-weight: 600 !default; |
|||
|
|||
// Forms |
|||
|
|||
$input-line-height: 1.5 !default; |
|||
|
|||
$input-bg: $gray-200 !default; |
|||
$input-disabled-bg: $gray-300 !default; |
|||
|
|||
$input-group-addon-bg: $gray-300 !default; |
|||
|
|||
// Navbar |
|||
|
|||
$navbar-padding-y: 1.5rem !default; |
|||
|
|||
$navbar-dark-hover-color: $white !default; |
|||
|
|||
$navbar-light-color: rgba($black,.3) !default; |
|||
$navbar-light-hover-color: $gray-900 !default; |
|||
$navbar-light-active-color: $gray-900 !default; |
|||
|
|||
// Pagination |
|||
|
|||
$pagination-border-color: transparent !default; |
|||
|
|||
$pagination-hover-border-color: $pagination-border-color !default; |
|||
|
|||
$pagination-disabled-border-color: $pagination-border-color !default; |
|||
|
|||
// Breadcrumbs |
|||
|
|||
$breadcrumb-bg: transparent !default; |
@ -0,0 +1,38 @@ |
|||
|
|||
$blue: #01cdfe; |
|||
$indigo: #b967ff; |
|||
$purple: #b967ff; |
|||
$pink: rgb(255, 64, 186); |
|||
$red: rgb(255, 95, 110); |
|||
$orange: rgb(255, 167, 93); |
|||
$yellow: #fffb96; |
|||
$green: #05ffa1; |
|||
$teal: #01cdfe; |
|||
$cyan: #01cdfe; |
|||
$enable-shadows: true; |
|||
$enable-gradients: true; |
|||
$enable-responsive-font-sizes: true; |
|||
$body-bg: $gray-900; |
|||
$body-color: $gray-200; |
|||
$border-radius: 1rem; |
|||
$border-radius-lg: 1rem; |
|||
$font-family-monospace: Arial, "Noto Sans", sans-serif; |
|||
$yiq-text-light: $gray-300; |
|||
$secondary: $blue; |
|||
$text-muted: $gray-500; |
|||
$primary: $pink; |
|||
$navbar-light-hover-color: rgba($primary, .7); |
|||
$light: darken($gray-100,1.5); |
|||
$font-family-sans-serif: "Lucida Console", Monaco, monospace; |
|||
$card-bg: $body-bg; |
|||
$navbar-dark-color: rgba($body-bg, .5); |
|||
$navbar-light-active-color: rgba($gray-200, .9); |
|||
$navbar-light-disabled-color: rgba($gray-200, .3); |
|||
$navbar-light-color: rgba($white, .5); |
|||
$input-bg: $gray-700; |
|||
$input-color: $gray-200; |
|||
$input-disabled-bg: $gray-800; |
|||
$input-border-color: $gray-800; |
|||
$mark-bg: $gray-600; |
|||
$pre-color: $gray-200; |
|||
mark-bg: $gray-600; |
@ -0,0 +1,25 @@ |
|||
$blue: #01cdfe; |
|||
$indigo: #b967ff; |
|||
$purple: #b967ff; |
|||
$pink: rgb(255, 64, 186); |
|||
$red: rgb(255, 95, 110); |
|||
$orange: rgb(255, 167, 93); |
|||
$yellow: #fffb96; |
|||
$green: #05ffa1; |
|||
$teal: #01cdfe; |
|||