Add prettier
This commit is contained in:
Michael Weimann
Igor Scheller
parent
b024650eaf
commit
0ae10471d1
|
|
@ -13,7 +13,7 @@ insert_final_newline = true
|
|||
trim_trailing_whitespace = true
|
||||
max_line_length = 120
|
||||
|
||||
[{.babelrc,package.json,.eslintrc.json}]
|
||||
[{.babelrc,package.json,.eslintrc.json,.prettierrc.json}]
|
||||
indent_size = 2
|
||||
|
||||
[docker/**.conf]
|
||||
|
|
|
|||
|
|
@ -145,7 +145,7 @@ yarn check:
|
|||
script:
|
||||
- yarn check
|
||||
|
||||
eslint:
|
||||
yarn lint:
|
||||
<<: *use_yarn
|
||||
image: node:alpine
|
||||
stage: validate
|
||||
|
|
@ -180,7 +180,7 @@ build-image:
|
|||
- phpstan
|
||||
- composer validate
|
||||
- yarn check
|
||||
- eslint
|
||||
- yarn lint
|
||||
- generate-version
|
||||
dependencies:
|
||||
- generate-version
|
||||
|
|
|
|||
|
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"printWidth": 120,
|
||||
"tabWidth": 2,
|
||||
"singleQuote": true
|
||||
}
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
This is done by PostCSS + Autoprefixer according to the [`.browserslistrc`](.browserslistrc).
|
||||
* Translations must be abbreviated, for example `form.save`.
|
||||
The `default.po` files contain translations that can be auto-detected using Poedit, `additional.po` contains generated messages like validations.
|
||||
* JavaScript code must pass the ESLint check `yarn lint`.
|
||||
* JavaScript code must pass the checks `yarn lint`.
|
||||
Auto-fixing is supported via `yarn lint:fix`.
|
||||
* Don't put function calls in a template-literal (template-strings).
|
||||
|
||||
|
|
|
|||
|
|
@ -9,8 +9,12 @@
|
|||
"build": "NODE_ENV=production yarn build:webpack",
|
||||
"build:webpack": "webpack",
|
||||
"build:watch": "webpack --watch",
|
||||
"lint": "eslint .",
|
||||
"lint:fix": "eslint --fix ."
|
||||
"lint": "yarn lint:eslint && yarn lint:prettier",
|
||||
"lint:eslint": "eslint .",
|
||||
"lint:prettier": "prettier --check resources/assets",
|
||||
"lint:fix": "yarn lint:fix:eslint && yarn lint:fix:prettier",
|
||||
"lint:fix:eslint": "eslint --fix .",
|
||||
"lint:fix:prettier": "prettier --write resources/assets"
|
||||
},
|
||||
"dependencies": {
|
||||
"@popperjs/core": "^2.11.6",
|
||||
|
|
@ -34,6 +38,7 @@
|
|||
"mini-css-extract-plugin": "^2.7.0",
|
||||
"postcss": "^8.4.19",
|
||||
"postcss-loader": "^6.2.1",
|
||||
"prettier": "^2.8.1",
|
||||
"resolve-url-loader": "^5.0.0",
|
||||
"sass": "^1.56.1",
|
||||
"sass-loader": "^12.6.0",
|
||||
|
|
|
|||
|
|
@ -22,15 +22,13 @@ ready(() => {
|
|||
// Handle fullscreen button
|
||||
// - Remove some elements from UI
|
||||
// - Add "Public Dashboard" to title
|
||||
document.getElementById('dashboard-fullscreen')
|
||||
?.addEventListener('click', (event) => {
|
||||
document.getElementById('dashboard-fullscreen')?.addEventListener('click', (event) => {
|
||||
event.preventDefault();
|
||||
const removeElementsSelector = '#navbar-collapse-1,.navbar-nav,.navbar-toggler,#footer,#fullscreen-button';
|
||||
document.querySelectorAll(removeElementsSelector).forEach((element) => {
|
||||
element.parentNode.removeChild(element);
|
||||
});
|
||||
|
||||
document.querySelector('.navbar-brand')
|
||||
?.appendChild(document.createTextNode('Dashboard'));
|
||||
document.querySelector('.navbar-brand')?.appendChild(document.createTextNode('Dashboard'));
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -6,12 +6,11 @@
|
|||
*/
|
||||
export const formatTime = (date) => {
|
||||
if (!date instanceof Date) return;
|
||||
|
||||
const hours = String(date.getHours()).padStart(2, '0');
|
||||
const minutes = String(date.getMinutes()).padStart(2, '0');
|
||||
|
||||
return `${hours}:${minutes}`;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Formats a Date to YYYY-MM-DD, e.g. 2023-05-18
|
||||
|
|
@ -27,4 +26,4 @@ export const formatDay = (date) => {
|
|||
const day = String(date.getDate()).padStart(2, '0');
|
||||
|
||||
return `${year}-${month}-${day}`;
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ import { ready } from './ready';
|
|||
const triggerChange = (element) => {
|
||||
const changeEvent = new Event('change');
|
||||
element.dispatchEvent(changeEvent);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Sets all checkboxes to the wanted state
|
||||
|
|
@ -164,7 +164,7 @@ ready(() => {
|
|||
theme: 'bootstrap-5',
|
||||
width: '100%',
|
||||
});
|
||||
})
|
||||
});
|
||||
|
||||
/**
|
||||
* Show oauth buttons on welcome title click
|
||||
|
|
@ -198,7 +198,7 @@ ready(() => {
|
|||
});
|
||||
|
||||
ready(() => {
|
||||
if (typeof (localStorage) === 'undefined') {
|
||||
if (typeof localStorage === 'undefined') {
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -209,9 +209,7 @@ ready(() => {
|
|||
localStorage.setItem('collapseShiftsFilterSelect', event.type);
|
||||
};
|
||||
|
||||
document.getElementById('collapseShiftsFilterSelect')
|
||||
?.addEventListener('hidden.bs.collapse', onChange);
|
||||
document.getElementById('collapseShiftsFilterSelect')?.addEventListener('hidden.bs.collapse', onChange);
|
||||
|
||||
document.getElementById('collapseShiftsFilterSelect')
|
||||
?.addEventListener('shown.bs.collapse', onChange);
|
||||
document.getElementById('collapseShiftsFilterSelect')?.addEventListener('shown.bs.collapse', onChange);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -7,4 +7,4 @@ export const ready = (callback) => {
|
|||
} else {
|
||||
document.addEventListener('DOMContentLoaded', callback);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ const applyStyle = (elements, prop, value) => {
|
|||
elements.forEach((element) => {
|
||||
element.style[prop] = value;
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Enables the fixed headers and time lane for the shift-calendar and datatables
|
||||
|
|
@ -35,10 +35,7 @@ ready(() => {
|
|||
|
||||
timeLane.style.left = `${left}px`;
|
||||
|
||||
const headersTop = Math.max(
|
||||
0,
|
||||
window.scrollY - top - 13 + topReference.getBoundingClientRect().top
|
||||
);
|
||||
const headersTop = Math.max(0, window.scrollY - top - 13 + topReference.getBoundingClientRect().top);
|
||||
applyStyle(headers, 'top', `${headersTop}px`);
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -13,19 +13,19 @@
|
|||
|
||||
&-20 {
|
||||
// >= 20 bars
|
||||
--barchart-group-margin: .75%;
|
||||
--barchart-group-margin: 0.75%;
|
||||
}
|
||||
|
||||
&-40 {
|
||||
// >= 40 bars
|
||||
--barchart-bar-margin: 1px;
|
||||
--barchart-bar-margin: .5px;
|
||||
--barchart-group-margin: .5%;
|
||||
--barchart-bar-margin: 0.5px;
|
||||
--barchart-group-margin: 0.5%;
|
||||
}
|
||||
|
||||
&-50 {
|
||||
// >= 50 bars
|
||||
--barchart-bar-margin: .5px;
|
||||
--barchart-bar-margin: 0.5px;
|
||||
--barchart-group-margin: 0.2%;
|
||||
|
||||
.barchart-group:nth-child(2n) .barchart-xlabel {
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
// Basic variables
|
||||
@use "sass:map";
|
||||
@use 'sass:map';
|
||||
|
||||
// select 2 variables
|
||||
$link-decoration: none !default;
|
||||
|
|
@ -10,52 +10,52 @@ $nav-tabs-link-active-bg: $primary !default;
|
|||
$nav-tabs-link-active-border-color: none !default;
|
||||
|
||||
// Imports
|
||||
@import "~bootstrap/scss/functions";
|
||||
@import "~bootstrap/scss/variables";
|
||||
@import "~bootstrap/scss/maps";
|
||||
@import "~bootstrap/scss/mixins";
|
||||
@import '~bootstrap/scss/functions';
|
||||
@import '~bootstrap/scss/variables';
|
||||
@import '~bootstrap/scss/maps';
|
||||
@import '~bootstrap/scss/mixins';
|
||||
|
||||
$custom-colors: (
|
||||
black: #000
|
||||
black: #000,
|
||||
);
|
||||
|
||||
$theme-colors: map-merge($theme-colors, $custom-colors);
|
||||
|
||||
$form-label-font-weight: $font-weight-bold;
|
||||
|
||||
@import "~bootstrap/scss/utilities";
|
||||
@import '~bootstrap/scss/utilities';
|
||||
|
||||
@import "~bootstrap/scss/root";
|
||||
@import "~bootstrap/scss/reboot";
|
||||
@import "~bootstrap/scss/type";
|
||||
@import "~bootstrap/scss/containers";
|
||||
@import "~bootstrap/scss/grid";
|
||||
@import "~bootstrap/scss/tables";
|
||||
@import "~bootstrap/scss/forms";
|
||||
@import "~bootstrap/scss/buttons";
|
||||
@import "~bootstrap/scss/transitions";
|
||||
@import "~bootstrap/scss/dropdown";
|
||||
@import "~bootstrap/scss/button-group";
|
||||
@import "~bootstrap/scss/nav";
|
||||
@import "~bootstrap/scss/navbar";
|
||||
@import "~bootstrap/scss/card";
|
||||
@import "~bootstrap/scss/pagination";
|
||||
@import "~bootstrap/scss/badge";
|
||||
@import "~bootstrap/scss/alert";
|
||||
@import "~bootstrap/scss/progress";
|
||||
@import "~bootstrap/scss/list-group";
|
||||
@import "~bootstrap/scss/close";
|
||||
@import "~bootstrap/scss/popover";
|
||||
@import '~bootstrap/scss/root';
|
||||
@import '~bootstrap/scss/reboot';
|
||||
@import '~bootstrap/scss/type';
|
||||
@import '~bootstrap/scss/containers';
|
||||
@import '~bootstrap/scss/grid';
|
||||
@import '~bootstrap/scss/tables';
|
||||
@import '~bootstrap/scss/forms';
|
||||
@import '~bootstrap/scss/buttons';
|
||||
@import '~bootstrap/scss/transitions';
|
||||
@import '~bootstrap/scss/dropdown';
|
||||
@import '~bootstrap/scss/button-group';
|
||||
@import '~bootstrap/scss/nav';
|
||||
@import '~bootstrap/scss/navbar';
|
||||
@import '~bootstrap/scss/card';
|
||||
@import '~bootstrap/scss/pagination';
|
||||
@import '~bootstrap/scss/badge';
|
||||
@import '~bootstrap/scss/alert';
|
||||
@import '~bootstrap/scss/progress';
|
||||
@import '~bootstrap/scss/list-group';
|
||||
@import '~bootstrap/scss/close';
|
||||
@import '~bootstrap/scss/popover';
|
||||
|
||||
@import "~bootstrap/scss/helpers";
|
||||
@import '~bootstrap/scss/helpers';
|
||||
|
||||
@import "~bootstrap/scss/utilities/api";
|
||||
@import '~bootstrap/scss/utilities/api';
|
||||
|
||||
@import "~bootstrap-icons/font/bootstrap-icons";
|
||||
@import "~select2/src/scss/core";
|
||||
@import "~select2-bootstrap-5-theme/src/include-all";
|
||||
@import "error";
|
||||
@import "barchart";
|
||||
@import '~bootstrap-icons/font/bootstrap-icons';
|
||||
@import '~select2/src/scss/core';
|
||||
@import '~select2-bootstrap-5-theme/src/include-all';
|
||||
@import 'error';
|
||||
@import 'barchart';
|
||||
|
||||
$navbar-height: 3.125rem;
|
||||
|
||||
|
|
@ -87,11 +87,11 @@ body {
|
|||
}
|
||||
|
||||
.text-light .icon-icon_angel {
|
||||
background-color: map.get($theme-colors, "light");
|
||||
background-color: map.get($theme-colors, 'light');
|
||||
}
|
||||
|
||||
.dark .icon-icon_angel {
|
||||
background-color: map.get($theme-colors, "dark");
|
||||
background-color: map.get($theme-colors, 'dark');
|
||||
}
|
||||
|
||||
a .icon-icon_angel {
|
||||
|
|
@ -251,7 +251,18 @@ table a > .icon-icon_angel {
|
|||
text-align: right;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
code {
|
||||
background-color: inherit;
|
||||
}
|
||||
|
|
@ -281,7 +292,13 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
|||
}
|
||||
|
||||
// Reference links
|
||||
h1, h2, h3, h4, h5, h6, .card-header {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.card-header {
|
||||
a.ref-link {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -304,11 +321,11 @@ h1, h2, h3, h4, h5, h6, .card-header {
|
|||
|
||||
.card-header {
|
||||
&.bg-dark {
|
||||
color: map.get($theme-colors, "light");
|
||||
color: map.get($theme-colors, 'light');
|
||||
}
|
||||
|
||||
&.bg-light {
|
||||
color: map.get($theme-colors, "dark");
|
||||
color: map.get($theme-colors, 'dark');
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -329,7 +346,7 @@ code {
|
|||
transform: rotate(-5deg);
|
||||
}
|
||||
30% {
|
||||
transform: rotate(5deg) translateY(-2px);;
|
||||
transform: rotate(5deg) translateY(-2px);
|
||||
}
|
||||
40% {
|
||||
transform: rotate(-5deg);
|
||||
|
|
@ -358,14 +375,14 @@ code {
|
|||
|
||||
@media print {
|
||||
a[href]:after {
|
||||
content: "";
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
.conversation {
|
||||
height: 55vh;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.message {
|
||||
|
|
@ -375,12 +392,12 @@ code {
|
|||
|
||||
/* Hide the arrow up/down buttons rendered by the browser in the input field */
|
||||
/* Chrome, Safari, Edge, Opera */
|
||||
input[type=number]::-webkit-outer-spin-button,
|
||||
input[type=number]::-webkit-inner-spin-button {
|
||||
input[type='number']::-webkit-outer-spin-button,
|
||||
input[type='number']::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
/* Firefox */
|
||||
input[type=number] {
|
||||
input[type='number'] {
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,11 +4,11 @@
|
|||
$card-border: $value;
|
||||
$card-color: $value;
|
||||
|
||||
@if (contrast-ratio($card-background, $card-color) < $min-contrast-ratio*.7) {
|
||||
@if (contrast-ratio($card-background, $card-color) < $min-contrast-ratio * 0.7) {
|
||||
$card-color: mix($value, color-contrast($card-background), 40%);
|
||||
}
|
||||
|
||||
.card.bg-#{"" + $state} .card-header {
|
||||
.card.bg-#{'' + $state} .card-header {
|
||||
background-color: $card-background;
|
||||
border-color: $card-border;
|
||||
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
background-color: $card-color !important;
|
||||
}
|
||||
|
||||
.badge.text-#{"" + $state} {
|
||||
.badge.text-#{'' + $state} {
|
||||
color: $card-background !important;
|
||||
}
|
||||
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
color: $card-color !important;
|
||||
}
|
||||
|
||||
.btn-#{"" + $state} {
|
||||
.btn-#{'' + $state} {
|
||||
background-color: $card-background;
|
||||
border-color: $card-border !important;
|
||||
color: $card-color;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
// cyborg_styles
|
||||
|
||||
|
||||
/*
|
||||
The MIT License (MIT)
|
||||
|
||||
|
|
@ -41,7 +40,6 @@ THE SOFTWARE.
|
|||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
// Bootswatch
|
||||
// -----------------------------------------------------
|
||||
|
||||
|
|
@ -122,7 +120,6 @@ table,
|
|||
// Indicators =================================================================
|
||||
|
||||
.alert {
|
||||
|
||||
.alert-link,
|
||||
a {
|
||||
color: $alert-warning-text;
|
||||
|
|
@ -151,8 +148,12 @@ table,
|
|||
// Containers =================================================================
|
||||
|
||||
.jumbotron {
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|||
THE SOFTWARE.
|
||||
*/
|
||||
|
||||
@use "sass:math";
|
||||
@use 'sass:math';
|
||||
|
||||
// Cyborg 3.2.0
|
||||
// Variables
|
||||
|
|
@ -61,7 +61,6 @@ $link-color: $primary !default;
|
|||
//** Link hover color set via `darken()` function.
|
||||
$link-hover-color: $link-color !default;
|
||||
|
||||
|
||||
//== Typography
|
||||
//
|
||||
//## Font, line-height, and color for body text, headings, and more.
|
||||
|
|
@ -88,7 +87,6 @@ $headings-font-weight: 500 !default;
|
|||
$headings-line-height: 1.1 !default;
|
||||
$headings-color: #fff !default;
|
||||
|
||||
|
||||
//== Components
|
||||
//
|
||||
//## Define common padding and border radius sizes and more.
|
||||
|
|
@ -111,7 +109,6 @@ $caret-width-base: 4px !default;
|
|||
//** Carets increase slightly in size for larger components.
|
||||
$caret-width-large: 5px !default;
|
||||
|
||||
|
||||
//== Tables
|
||||
//
|
||||
//## Customizes the `.table` component with basic values, each used across all table variations.
|
||||
|
|
@ -168,9 +165,9 @@ $form-label-font-weight: bold !default;
|
|||
//## Dropdown menu container and contents.
|
||||
|
||||
$dropdown-bg: $gray-darker !default;
|
||||
$dropdown-border: rgba(255,255,255,0.1) !default;
|
||||
$dropdown-border: rgba(255, 255, 255, 0.1) !default;
|
||||
$dropdown-fallback-border: #444;
|
||||
$dropdown-divider-bg: rgba(255,255,255,0.1) !default;
|
||||
$dropdown-divider-bg: rgba(255, 255, 255, 0.1) !default;
|
||||
|
||||
//** Active dropdown menu item text color.
|
||||
$dropdown-link-active-color: #fff !default;
|
||||
|
|
@ -193,7 +190,6 @@ $dropdown-header-color: $text-muted !default;
|
|||
//** Deprecated `$dropdown-caret-color` as of v3.1.0
|
||||
$dropdown-caret-color: #000 !default;
|
||||
|
||||
|
||||
//-- Z-index master list
|
||||
//
|
||||
// Warning: Avoid customizing these values. They're used for a bird's eye view
|
||||
|
|
@ -206,7 +202,6 @@ $zindex-dropdown: 1000 !default;
|
|||
$zindex-popover: 1060 !default;
|
||||
$zindex-navbar-fixed: 1030 !default;
|
||||
|
||||
|
||||
//== Media queries breakpoints
|
||||
//
|
||||
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
|
||||
|
|
@ -245,7 +240,6 @@ $screen-xs-max: ($screen-sm-min - 1) !default;
|
|||
$screen-sm-max: ($screen-md-min - 1) !default;
|
||||
$screen-md-max: ($screen-lg-min - 1) !default;
|
||||
|
||||
|
||||
//== Grid system
|
||||
//
|
||||
//## Define your custom responsive grid.
|
||||
|
|
@ -260,7 +254,6 @@ $grid-float-breakpoint: $screen-sm-min !default;
|
|||
//** Point at which the navbar begins collapsing.
|
||||
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
|
||||
|
||||
|
||||
//== Container sizes
|
||||
//
|
||||
//## Define the maximum width of `.container` for different screen sizes.
|
||||
|
|
@ -280,7 +273,6 @@ $container-large-desktop: ((1140px + $grid-gutter-width)) !default;
|
|||
//** For `$screen-lg-min` and up.
|
||||
$container-lg: $container-large-desktop !default;
|
||||
|
||||
|
||||
//== Navbar
|
||||
//
|
||||
//##
|
||||
|
|
@ -316,7 +308,6 @@ $navbar-default-toggle-hover-bg: $gray-dark !default;
|
|||
$navbar-default-toggle-icon-bar-bg: #ccc !default;
|
||||
$navbar-default-toggle-border-color: $gray-dark !default;
|
||||
|
||||
|
||||
// Inverted navbar
|
||||
// Reset inverted navbar basics
|
||||
$navbar-inverse-color: $gray-light !default;
|
||||
|
|
@ -342,7 +333,6 @@ $navbar-inverse-toggle-hover-bg: #333 !default;
|
|||
$navbar-inverse-toggle-icon-bar-bg: #fff !default;
|
||||
$navbar-inverse-toggle-border-color: #333 !default;
|
||||
|
||||
|
||||
//== Navs
|
||||
//
|
||||
//##
|
||||
|
|
@ -373,7 +363,6 @@ $nav-pills-border-radius: $border-radius-base !default;
|
|||
$nav-pills-active-link-hover-bg: $component-active-bg !default;
|
||||
$nav-pills-active-link-hover-color: $component-active-color !default;
|
||||
|
||||
|
||||
//== Pagination
|
||||
//
|
||||
//##
|
||||
|
|
@ -394,7 +383,6 @@ $pagination-disabled-color: $gray-light !default;
|
|||
$pagination-disabled-bg: $gray-darker !default;
|
||||
$pagination-disabled-border: $gray-dark !default;
|
||||
|
||||
|
||||
//== Pager
|
||||
//
|
||||
//##
|
||||
|
|
@ -410,7 +398,6 @@ $pager-active-color: $pagination-active-color !default;
|
|||
|
||||
$pager-disabled-color: $gray-light !default;
|
||||
|
||||
|
||||
//== Jumbotron
|
||||
//
|
||||
//##
|
||||
|
|
@ -421,7 +408,6 @@ $jumbotron-bg: darken($gray-darker, 5%) !default;
|
|||
$jumbotron-heading-color: inherit !default;
|
||||
$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
|
||||
|
||||
|
||||
//== Form states and alerts
|
||||
//
|
||||
//## Define colors for form feedback states and, by default, alerts.
|
||||
|
|
@ -442,12 +428,11 @@ $state-danger-text: $danger !default;
|
|||
$state-danger-bg: darken($danger, 40%) !default;
|
||||
$state-danger-border: $danger !default;
|
||||
|
||||
|
||||
//== Popovers
|
||||
|
||||
$popover-bg: lighten($body-bg, 10%) !default;
|
||||
$popover-max-width: 276px !default;
|
||||
$popover-border-color: rgba(0,0,0,.2) !default;
|
||||
$popover-border-color: rgba(0, 0, 0, 0.2) !default;
|
||||
$popover-fallback-border-color: #999 !default !default;
|
||||
|
||||
//** Popover title background color
|
||||
|
|
@ -465,7 +450,6 @@ $popover-arrow-outer-color: fadein($popover-border-color, 5%) !default
|
|||
//** Popover outer arrow fallback color
|
||||
$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
|
||||
|
||||
|
||||
//== Labels
|
||||
//
|
||||
//##
|
||||
|
|
@ -481,7 +465,6 @@ $label-color: #fff !default;
|
|||
//** Default text color of a linked label
|
||||
$label-link-hover-color: #fff !default;
|
||||
|
||||
|
||||
//== Alerts
|
||||
//
|
||||
//## Define alert colors, border radius, and padding.
|
||||
|
|
@ -506,7 +489,6 @@ $alert-danger-bg: $state-danger-bg !default;
|
|||
$alert-danger-text: $state-danger-text !default;
|
||||
$alert-danger-border: $state-danger-border !default;
|
||||
|
||||
|
||||
//== Progress bars
|
||||
//
|
||||
//##
|
||||
|
|
@ -527,7 +509,6 @@ $progress-bar-danger-bg: $danger !default;
|
|||
//** Info progress bar color
|
||||
$progress-bar-info-bg: $info !default;
|
||||
|
||||
|
||||
//== List group
|
||||
//
|
||||
//##
|
||||
|
|
@ -561,7 +542,6 @@ $list-group-link-color: $text-color !default;
|
|||
$list-group-link-hover-color: $list-group-link-color !default;
|
||||
$list-group-link-heading-color: #fff !default;
|
||||
|
||||
|
||||
//== Close
|
||||
//
|
||||
//##
|
||||
|
|
@ -570,7 +550,6 @@ $close-font-weight: bold !default;
|
|||
$close-color: #000 !default;
|
||||
$close-text-shadow: 0 1px 0 #fff !default;
|
||||
|
||||
|
||||
//== Code
|
||||
//
|
||||
//##
|
||||
|
|
@ -586,7 +565,6 @@ $pre-color: $gray-dark !default;
|
|||
$pre-border-color: #ccc !default;
|
||||
$pre-scrollable-max-height: 340px !default;
|
||||
|
||||
|
||||
//== Type
|
||||
//
|
||||
//##
|
||||
|
|
@ -611,4 +589,4 @@ $dl-horizontal-offset: $component-offset-horizontal !default;
|
|||
//** Horizontal line color.
|
||||
$hr-border: $gray-dark !default;
|
||||
|
||||
@import "base.scss";
|
||||
@import 'base.scss';
|
||||
|
|
|
|||
|
|
@ -3,4 +3,4 @@ $input-group-addon-color: #222;
|
|||
$input-disabled-bg: #111;
|
||||
$alert-bg-scale: 70%;
|
||||
$secondary: #222;
|
||||
$table-striped-bg: rgba(#fff, .05);
|
||||
$table-striped-bg: rgba(#fff, 0.05);
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
opacity: 0.3;
|
||||
}
|
||||
to {
|
||||
opacity: 1.0;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.pulse {
|
||||
|
|
|
|||
|
|
@ -1,13 +1,23 @@
|
|||
// light theme
|
||||
@import "light";
|
||||
@import 'light';
|
||||
|
||||
$primary: #337ab7;
|
||||
$light: #f5f5f5;
|
||||
|
||||
@import "base.scss";
|
||||
@import 'base.scss';
|
||||
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
&.bg-primary,
|
||||
&.bg-success,
|
||||
&.bg-danger {
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
// Variables
|
||||
// --------------------------------------------------
|
||||
|
||||
@import "dark";
|
||||
@import 'dark';
|
||||
|
||||
//== changed Colors
|
||||
|
||||
$gray-darker: #222;
|
||||
$gray-dark: #282828;
|
||||
$gray-light: #888;
|
||||
$gray-lighter: #ADAFAE;
|
||||
$gray-lighter: #adafae;
|
||||
|
||||
$primary: #437aca;
|
||||
$secondary: #424242;
|
||||
|
|
@ -21,20 +21,17 @@ $text-muted: $gray-light;
|
|||
|
||||
$btn-link-disabled-color: $gray-light;
|
||||
|
||||
|
||||
//== changed Forms
|
||||
|
||||
$input-bg: $gray-darker;
|
||||
$input-bg-disabled: lighten($gray-lighter,15%);
|
||||
$input-bg-disabled: lighten($gray-lighter, 15%);
|
||||
$input-group-addon-bg: $gray-lighter;
|
||||
|
||||
|
||||
//== changed Pagination
|
||||
|
||||
$pagination-hover-color: #fff;
|
||||
$pagination-active-color: #fff;
|
||||
|
||||
|
||||
//== changed Form states and alerts
|
||||
|
||||
$state-success-text: #fff;
|
||||
|
|
@ -74,10 +71,21 @@ $alert-color-scale: 0%;
|
|||
}
|
||||
|
||||
// dark
|
||||
@import "cyborg_variables";
|
||||
@import "cyborg_styles";
|
||||
@import 'cyborg_variables';
|
||||
@import 'cyborg_styles';
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
&.bg-warning,
|
||||
&.bg-info {
|
||||
color: #000;
|
||||
|
|
|
|||
|
|
@ -2,24 +2,24 @@
|
|||
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
@import "dark";
|
||||
@import 'dark';
|
||||
|
||||
//== changed Colors
|
||||
|
||||
$gray-dark: #282828;
|
||||
$gray-light: #888;
|
||||
$gray-lighter: #ADAFAE;
|
||||
$gray-lighter: #adafae;
|
||||
|
||||
$brand-primary: #99ba00;
|
||||
$primary: $brand-primary;
|
||||
|
||||
$text-muted: $primary;
|
||||
|
||||
@import "cyborg_variables.scss";
|
||||
@import "cyborg_styles.scss";
|
||||
@import 'cyborg_variables.scss';
|
||||
@import 'cyborg_styles.scss';
|
||||
|
||||
// Specials for cccamp19 design
|
||||
@import "card-glow";
|
||||
@import 'card-glow';
|
||||
|
||||
.navbar-brand {
|
||||
.icon-icon_angel {
|
||||
|
|
@ -29,13 +29,8 @@ $text-muted: $primary;
|
|||
strong {
|
||||
font-weight: normal;
|
||||
color: $brand-primary;
|
||||
text-shadow:
|
||||
0 0 10px $brand-primary,
|
||||
0 0 20px $brand-primary,
|
||||
0 0 30px $brand-primary,
|
||||
0 0 40px $brand-primary,
|
||||
0 0 70px $brand-primary,
|
||||
0 0 80px $brand-primary;
|
||||
text-shadow: 0 0 10px $brand-primary, 0 0 20px $brand-primary, 0 0 30px $brand-primary, 0 0 40px $brand-primary,
|
||||
0 0 70px $brand-primary, 0 0 80px $brand-primary;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -57,7 +52,18 @@ h1 {
|
|||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
&.bg-warning {
|
||||
color: #000;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
// high contrast
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
@import "dark";
|
||||
@import 'dark';
|
||||
|
||||
//== Colors
|
||||
|
||||
$gray-dark: #282828;
|
||||
$gray-darker: #222;
|
||||
$gray-light: #888;
|
||||
$gray-lighter: #ADAFAE;
|
||||
$gray-lighter: #adafae;
|
||||
|
||||
$brand-primary: #72abfa;
|
||||
$primary: $brand-primary;
|
||||
|
|
@ -46,7 +46,6 @@ $btn-warning-border: darken($btn-default-bg, 10%);
|
|||
$btn-danger-color: #000;
|
||||
$btn-danger-border: darken($btn-default-bg, 10%);
|
||||
|
||||
|
||||
//== Forms
|
||||
|
||||
$input-bg: $gray-darker;
|
||||
|
|
@ -54,19 +53,16 @@ $input-bg-disabled: $gray-lighter;
|
|||
|
||||
$input-group-addon-bg: $gray-lighter;
|
||||
|
||||
|
||||
//== Pagination
|
||||
|
||||
$pagination-hover-color: #fff;
|
||||
|
||||
|
||||
//== Labels
|
||||
|
||||
$label-default-bg: lighten($btn-default-bg, 20%);
|
||||
$label-color: #000;
|
||||
$label-link-hover-color: #000;
|
||||
|
||||
|
||||
//== Type
|
||||
|
||||
$text-muted: $gray-lighter;
|
||||
|
|
@ -75,8 +71,8 @@ $headings-small-color: $gray-lighter;
|
|||
|
||||
// Bootswatch
|
||||
// -----------------------------------------------------
|
||||
@import "cyborg_variables.scss";
|
||||
@import "cyborg_styles.scss";
|
||||
@import 'cyborg_variables.scss';
|
||||
@import 'cyborg_styles.scss';
|
||||
|
||||
// Typography =================================================================
|
||||
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
// 36c3
|
||||
|
||||
//== Colors
|
||||
@import "dark";
|
||||
@import 'dark';
|
||||
|
||||
$gray-dark: #282828;
|
||||
$gray-darker: #222;
|
||||
$gray-light: #888;
|
||||
$gray-lighter: #D0D0CE;
|
||||
$gray-lighter: #d0d0ce;
|
||||
$black: #000;
|
||||
|
||||
$brand-primary: #fe5000;
|
||||
|
|
@ -44,7 +44,6 @@ $btn-warning-border: darken($btn-default-bg, 10%);
|
|||
|
||||
$btn-danger-border: darken($btn-default-bg, 10%);
|
||||
|
||||
|
||||
//== Forms
|
||||
|
||||
$input-bg: $gray-darker;
|
||||
|
|
@ -72,8 +71,8 @@ $headings-small-color: $gray-light;
|
|||
|
||||
// Bootswatch
|
||||
// -----------------------------------------------------
|
||||
@import "cyborg_variables.scss";
|
||||
@import "cyborg_styles.scss";
|
||||
@import 'cyborg_variables.scss';
|
||||
@import 'cyborg_styles.scss';
|
||||
// Forms ======================================================================
|
||||
|
||||
.input-group-addon {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
// rc3 violet
|
||||
|
||||
//== Colors
|
||||
@import "dark";
|
||||
@import 'dark';
|
||||
|
||||
$gray-darker: #100e23;
|
||||
$gray-dark: lighten($gray-darker, 15%);
|
||||
|
|
@ -32,8 +32,7 @@ $link-color: #fff;
|
|||
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
src: url('theme13/Montserrat-Regular.woff2') format('woff2'),
|
||||
url('theme13/Montserrat-Regular.woff') format('woff');
|
||||
src: url('theme13/Montserrat-Regular.woff2') format('woff2'), url('theme13/Montserrat-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
|
|
@ -41,15 +40,14 @@ $link-color: #fff;
|
|||
|
||||
@font-face {
|
||||
font-family: 'Orbitron';
|
||||
src: url('theme13/Orbitron-Regular.woff2') format('woff2'),
|
||||
url('theme13/Orbitron-Regular.woff') format('woff');
|
||||
src: url('theme13/Orbitron-Regular.woff2') format('woff2'), url('theme13/Orbitron-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
$font-family-sans-serif: 'Montserrat', Helvetica Neue, Helvetica, Arial, sans-serif;
|
||||
$font-family-serif: 'Orbitron', Georgia, "Times New Roman", Times, serif;
|
||||
$font-family-serif: 'Orbitron', Georgia, 'Times New Roman', Times, serif;
|
||||
$headings-font-family: $font-family-serif;
|
||||
|
||||
//== Buttons
|
||||
|
|
@ -111,8 +109,8 @@ $headings-small-color: $gray-light;
|
|||
|
||||
// Bootswatch
|
||||
// -----------------------------------------------------
|
||||
@import "cyborg_variables.scss";
|
||||
@import "cyborg_styles.scss";
|
||||
@import 'cyborg_variables.scss';
|
||||
@import 'cyborg_styles.scss';
|
||||
// Forms ======================================================================
|
||||
|
||||
.input-group-addon {
|
||||
|
|
@ -133,11 +131,22 @@ body {
|
|||
}
|
||||
|
||||
.navbar.navbar-default {
|
||||
background: rgba(0,0,0,0.8);
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
backdrop-filter: blur(6px);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
&.bg-warning {
|
||||
color: #000;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
// rc3 teal
|
||||
|
||||
//== Colors
|
||||
@import "dark";
|
||||
@import 'dark';
|
||||
|
||||
$gray-darker: #0e1c23;
|
||||
$gray-dark: lighten($gray-darker, 15%);
|
||||
|
|
@ -32,8 +32,7 @@ $link-color: #fff;
|
|||
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
src: url('theme13/Montserrat-Regular.woff2') format('woff2'),
|
||||
url('theme13/Montserrat-Regular.woff') format('woff');
|
||||
src: url('theme13/Montserrat-Regular.woff2') format('woff2'), url('theme13/Montserrat-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
|
|
@ -41,15 +40,14 @@ $link-color: #fff;
|
|||
|
||||
@font-face {
|
||||
font-family: 'Orbitron';
|
||||
src: url('theme13/Orbitron-Regular.woff2') format('woff2'),
|
||||
url('theme13/Orbitron-Regular.woff') format('woff');
|
||||
src: url('theme13/Orbitron-Regular.woff2') format('woff2'), url('theme13/Orbitron-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
$font-family-sans-serif: 'Montserrat', Helvetica Neue, Helvetica, Arial, sans-serif;
|
||||
$font-family-serif: 'Orbitron', Georgia, "Times New Roman", Times, serif;
|
||||
$font-family-serif: 'Orbitron', Georgia, 'Times New Roman', Times, serif;
|
||||
$headings-font-family: $font-family-serif;
|
||||
|
||||
//== Buttons
|
||||
|
|
@ -111,8 +109,8 @@ $headings-small-color: $gray-light;
|
|||
|
||||
// Bootswatch
|
||||
// -----------------------------------------------------
|
||||
@import "cyborg_variables.scss";
|
||||
@import "cyborg_styles.scss";
|
||||
@import 'cyborg_variables.scss';
|
||||
@import 'cyborg_styles.scss';
|
||||
// Forms ======================================================================
|
||||
|
||||
.input-group-addon {
|
||||
|
|
@ -133,6 +131,6 @@ body {
|
|||
}
|
||||
|
||||
.navbar.navbar-default {
|
||||
background: rgba(0,0,0,0.8);
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
backdrop-filter: blur(6px);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
// rc3 2021
|
||||
|
||||
//== Colors
|
||||
@import "dark";
|
||||
@import 'dark';
|
||||
|
||||
$gray-darker: #000;
|
||||
$gray-dark: lighten($gray-darker, 15%);
|
||||
|
|
@ -45,8 +45,7 @@ $link-color: #fff;
|
|||
|
||||
@font-face {
|
||||
font-family: 'Space Mono';
|
||||
src: url('theme15/SpaceMono-Regular.woff2') format('woff2'),
|
||||
url('theme15/SpaceMono-Regular.woff') format('woff');
|
||||
src: url('theme15/SpaceMono-Regular.woff2') format('woff2'), url('theme15/SpaceMono-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
|
|
@ -54,8 +53,7 @@ $link-color: #fff;
|
|||
|
||||
@font-face {
|
||||
font-family: 'Space Mono';
|
||||
src: url('theme15/SpaceMono-Bold.woff2') format('woff2'),
|
||||
url('theme15/SpaceMono-Bold.woff') format('woff');
|
||||
src: url('theme15/SpaceMono-Bold.woff2') format('woff2'), url('theme15/SpaceMono-Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
|
|
@ -63,15 +61,14 @@ $link-color: #fff;
|
|||
|
||||
@font-face {
|
||||
font-family: 'Changa';
|
||||
src: url('theme15/Changa-SemiBold.woff2') format('woff2'),
|
||||
url('theme15/Changa-SemiBold.woff') format('woff'),;
|
||||
src: url('theme15/Changa-SemiBold.woff2') format('woff2'), url('theme15/Changa-SemiBold.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
$font-family-sans-serif: 'Space Mono', Helvetica Neue, Helvetica, Arial, sans-serif;
|
||||
$font-family-serif: 'Changa', Georgia, "Times New Roman", Times, serif;
|
||||
$font-family-serif: 'Changa', Georgia, 'Times New Roman', Times, serif;
|
||||
$headings-font-family: $font-family-serif;
|
||||
|
||||
//== Buttons
|
||||
|
|
@ -81,7 +78,7 @@ $headings-font-family: $font-family-serif;
|
|||
}
|
||||
|
||||
.btn.btn-secondary {
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
//== Forms
|
||||
|
|
@ -132,8 +129,8 @@ $headings-small-color: $gray-light;
|
|||
|
||||
// Bootswatch
|
||||
// -----------------------------------------------------
|
||||
@import "cyborg_variables.scss";
|
||||
@import "cyborg_styles.scss";
|
||||
@import 'cyborg_variables.scss';
|
||||
@import 'cyborg_styles.scss';
|
||||
// Forms ======================================================================
|
||||
|
||||
.input-group-addon {
|
||||
|
|
@ -154,7 +151,11 @@ body {
|
|||
background-size: cover;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5 {
|
||||
text-transform: lowercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
|
@ -164,11 +165,11 @@ h1, h2, h3, h4, h5 {
|
|||
}
|
||||
|
||||
.navbar {
|
||||
background: rgba(0,0,0,0.5);
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
backdrop-filter: blur(6px);
|
||||
}
|
||||
|
||||
.footer a{
|
||||
.footer a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
|
@ -189,7 +190,7 @@ h1, h2, h3, h4, h5 {
|
|||
}
|
||||
|
||||
.stats {
|
||||
background-color:rgba(0, 0, 0, 0.5);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
margin: 1em 0;
|
||||
padding: 1em 0;
|
||||
height: 200px;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
// cccamp15
|
||||
@import "light";
|
||||
@import 'light';
|
||||
|
||||
$brand-primary: #758499;
|
||||
$primary: #758499;
|
||||
|
|
@ -15,24 +15,35 @@ $danger: #7f528b;
|
|||
$link-color: #58585a;
|
||||
|
||||
$state-success-text: #638232;
|
||||
$state-success-bg: lighten($brand-success,50%);
|
||||
$state-success-bg: lighten($brand-success, 50%);
|
||||
$state-success-border: $brand-success;
|
||||
|
||||
$state-info-text: #826045;
|
||||
$state-info-bg: lighten($brand-info,50%);
|
||||
$state-info-bg: lighten($brand-info, 50%);
|
||||
$state-info-border: $brand-info;
|
||||
|
||||
$state-warning-text: #bc8640;
|
||||
$state-warning-bg: lighten($brand-warning,50%);
|
||||
$state-warning-bg: lighten($brand-warning, 50%);
|
||||
$state-warning-border: $brand-warning;
|
||||
|
||||
$state-danger-text: #694374;
|
||||
$state-danger-bg: lighten($brand-danger,50%);
|
||||
$state-danger-bg: lighten($brand-danger, 50%);
|
||||
$state-danger-border: $brand-danger;
|
||||
|
||||
@import "base.scss";
|
||||
@import 'base.scss';
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
&.bg-danger {
|
||||
color: #fff;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,31 +1,31 @@
|
|||
// 32c3 (2015)
|
||||
@import "light";
|
||||
@import 'light';
|
||||
|
||||
$brand-primary: #f19224;
|
||||
$primary: #f19224;
|
||||
$brand-success: #39AB50;
|
||||
$success: #39AB50;
|
||||
$brand-info: #6618F9;
|
||||
$info: #6618F9;
|
||||
$brand-warning: #DAD216;
|
||||
$warning: #DAD216;
|
||||
$brand-danger: #DA1639;
|
||||
$danger: #DA1639;
|
||||
$brand-success: #39ab50;
|
||||
$success: #39ab50;
|
||||
$brand-info: #6618f9;
|
||||
$info: #6618f9;
|
||||
$brand-warning: #dad216;
|
||||
$warning: #dad216;
|
||||
$brand-danger: #da1639;
|
||||
$danger: #da1639;
|
||||
|
||||
$state-success-text: $brand-success;
|
||||
$state-success-bg: lighten($brand-success,40%);
|
||||
$state-success-bg: lighten($brand-success, 40%);
|
||||
$state-success-border: $brand-success;
|
||||
|
||||
$state-info-text: $brand-info;
|
||||
$state-info-bg: lighten($brand-info,40%);
|
||||
$state-info-bg: lighten($brand-info, 40%);
|
||||
$state-info-border: $brand-info;
|
||||
|
||||
$state-warning-text: $brand-warning;
|
||||
$state-warning-bg: lighten($brand-warning,40%);
|
||||
$state-warning-bg: lighten($brand-warning, 40%);
|
||||
$state-warning-border: $brand-warning;
|
||||
|
||||
$state-danger-text: $brand-danger;
|
||||
$state-danger-bg: lighten($brand-danger,40%);
|
||||
$state-danger-bg: lighten($brand-danger, 40%);
|
||||
$state-danger-border: $brand-danger;
|
||||
|
||||
$navbar-default-color: #fff;
|
||||
|
|
@ -38,7 +38,7 @@ $navbar-default-link-hover-bg: #222;
|
|||
|
||||
$navbar-default-link-active-color: $brand-primary;
|
||||
$navbar-default-link-active-bg: #000;
|
||||
$navbar-default-link-disabled-color:#777;
|
||||
$navbar-default-link-disabled-color: #777;
|
||||
$navbar-default-link-disabled-bg: #000;
|
||||
|
||||
$navbar-default-brand-color: #fff;
|
||||
|
|
@ -66,9 +66,20 @@ $navbar-default-brand-hover-bg: #000;
|
|||
}
|
||||
}
|
||||
|
||||
@import "base.scss";
|
||||
@import 'base.scss';
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
&.bg-info {
|
||||
color: #fff;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
// 33c3 (2016)
|
||||
@import "dark";
|
||||
@import 'dark';
|
||||
|
||||
// Variables
|
||||
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
$gray-dark: #282828;
|
||||
$gray-darker: #222;
|
||||
$gray-light: #888;
|
||||
$gray-lighter: #ADAFAE;
|
||||
$gray-lighter: #adafae;
|
||||
|
||||
$brand-primary: rgb(0, 156, 139);
|
||||
$primary: rgb(0, 156, 139);
|
||||
|
|
@ -29,7 +29,6 @@ $text-muted: lighten($gray-light, 25%);
|
|||
$body-bg: #1d1d1b;
|
||||
$alert-bg-scale: 0%;
|
||||
|
||||
|
||||
//== changed Buttons
|
||||
|
||||
$btn-color: #fff;
|
||||
|
|
@ -45,7 +44,6 @@ $btn-warning-border: darken($btn-default-bg, 10%);
|
|||
|
||||
$btn-danger-border: darken($btn-default-bg, 10%);
|
||||
|
||||
|
||||
//== changed Forms
|
||||
|
||||
$input-bg: $gray-darker;
|
||||
|
|
@ -54,14 +52,12 @@ $input-bg-disabled: $gray-lighter;
|
|||
|
||||
$input-group-addon-bg: $gray-lighter;
|
||||
|
||||
|
||||
//== Pagination
|
||||
|
||||
$pagination-hover-color: #fff;
|
||||
|
||||
$pagination-active-color: #fff;
|
||||
|
||||
|
||||
//== changed Form states and alerts
|
||||
|
||||
$state-success-text: #fff;
|
||||
|
|
@ -80,21 +76,18 @@ $state-danger-text: #fff;
|
|||
$state-danger-bg: $brand-danger;
|
||||
$state-danger-border: darken($state-danger-bg, 3%);
|
||||
|
||||
|
||||
//== changed Badges
|
||||
|
||||
$badge-color: #fff;
|
||||
|
||||
|
||||
//== changed Type
|
||||
|
||||
$headings-small-color: $gray-light;
|
||||
|
||||
|
||||
// Bootswatch
|
||||
// -----------------------------------------------------
|
||||
@import "cyborg_variables.scss";
|
||||
@import "cyborg_styles.scss";
|
||||
@import 'cyborg_variables.scss';
|
||||
@import 'cyborg_styles.scss';
|
||||
|
||||
// added Forms ======================================================================
|
||||
|
||||
|
|
@ -117,7 +110,18 @@ code {
|
|||
color: $state-info-text;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
&.bg-warning {
|
||||
color: #000;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
// 34c3 light (2017)
|
||||
@import "light";
|
||||
@import 'light';
|
||||
|
||||
$brand-primary: rgb(164, 28, 49);
|
||||
$primary: rgb(164, 28, 49);
|
||||
|
|
@ -14,29 +14,40 @@ $danger: rgb(255, 102, 0);
|
|||
|
||||
$link-color: $brand-primary;
|
||||
|
||||
$state-success-text: darken($brand-success,40%);
|
||||
$state-success-bg: lighten($brand-success,40%);
|
||||
$state-success-text: darken($brand-success, 40%);
|
||||
$state-success-bg: lighten($brand-success, 40%);
|
||||
$state-success-border: $brand-success;
|
||||
|
||||
$state-info-text: darken($brand-info,40%);
|
||||
$state-info-bg: lighten($brand-info,40%);
|
||||
$state-info-text: darken($brand-info, 40%);
|
||||
$state-info-bg: lighten($brand-info, 40%);
|
||||
$state-info-border: $brand-info;
|
||||
|
||||
$state-warning-text: darken($brand-warning,40%);
|
||||
$state-warning-text: darken($brand-warning, 40%);
|
||||
$state-warning-bg: $brand-warning;
|
||||
$state-warning-border: darken($brand-warning,40%);
|
||||
$state-warning-border: darken($brand-warning, 40%);
|
||||
|
||||
$state-danger-text: darken($brand-danger,40%);
|
||||
$state-danger-bg: lighten($brand-danger,40%);
|
||||
$state-danger-text: darken($brand-danger, 40%);
|
||||
$state-danger-bg: lighten($brand-danger, 40%);
|
||||
$state-danger-border: $brand-danger;
|
||||
|
||||
.badge.bg-warning {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
@import "base.scss";
|
||||
@import 'base.scss';
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
&.bg-primary {
|
||||
color: #fff;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
// 34c3 dark (2017)
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
@import "dark";
|
||||
@import 'dark';
|
||||
|
||||
//== changed Colors
|
||||
|
||||
$gray-dark: #282828;
|
||||
$gray-light: #888;
|
||||
$gray-darker: #222;
|
||||
$gray-lighter: #ADAFAE;
|
||||
$gray-lighter: #adafae;
|
||||
|
||||
$brand-primary: rgb(164, 28, 49);
|
||||
$primary: rgb(164, 28, 49);
|
||||
|
|
@ -25,11 +25,11 @@ $secondary: #424242;
|
|||
|
||||
$alert-bg-scale: 0%;
|
||||
|
||||
.badge.bg-warning, .progress-bar.progress-bar-warning {
|
||||
.badge.bg-warning,
|
||||
.progress-bar.progress-bar-warning {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
//== changed Buttons
|
||||
|
||||
$btn-color: #fff;
|
||||
|
|
@ -47,7 +47,6 @@ $btn-danger-border: $btn-primary-border;
|
|||
|
||||
$btn-link-disabled-color: $gray-light;
|
||||
|
||||
|
||||
//== changed Forms
|
||||
|
||||
$input-bg: $gray-darker;
|
||||
|
|
@ -56,14 +55,12 @@ $input-bg-disabled: $gray-lighter;
|
|||
|
||||
$input-group-addon-bg: $gray-lighter;
|
||||
|
||||
|
||||
//== changed Pagination
|
||||
|
||||
$pagination-hover-color: #fff;
|
||||
|
||||
$pagination-active-color: #fff;
|
||||
|
||||
|
||||
//== changed Form states and alerts
|
||||
|
||||
$state-success-text: #fff;
|
||||
|
|
@ -82,7 +79,6 @@ $state-danger-text: #fff;
|
|||
$state-danger-bg: $brand-danger;
|
||||
$state-danger-border: darken($state-danger-bg, 3%);
|
||||
|
||||
|
||||
//== changed List group
|
||||
|
||||
$list-group-bg: darken($gray-darker, 10%);
|
||||
|
|
@ -91,17 +87,15 @@ $list-group-bg: darken($gray-darker, 10%);
|
|||
|
||||
$badge-color: #fff;
|
||||
|
||||
|
||||
//== changed Type
|
||||
|
||||
$headings-small-color: $gray-light;
|
||||
|
||||
|
||||
// Bootswatch
|
||||
// -----------------------------------------------------
|
||||
|
||||
@import "cyborg_variables.scss";
|
||||
@import "cyborg_styles.scss";
|
||||
@import 'cyborg_variables.scss';
|
||||
@import 'cyborg_styles.scss';
|
||||
|
||||
// Typography =================================================================
|
||||
|
||||
|
|
@ -152,7 +146,18 @@ code {
|
|||
color: $input-color;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
&.bg-warning {
|
||||
color: #000;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
@import "dark";
|
||||
@import 'dark';
|
||||
|
||||
$gray-darker: #000;
|
||||
$gray-dark: #000;
|
||||
|
|
@ -21,7 +21,6 @@ $warning: #f9b000; // GLINT
|
|||
$brand-danger: #e40429; // BEAT
|
||||
$danger: #e40429; // BEAT
|
||||
|
||||
|
||||
//== changed Scaffolding
|
||||
|
||||
$text-color: $gray-lighter;
|
||||
|
|
@ -32,25 +31,21 @@ $body-color: $text-color;
|
|||
$link-color: $brand-primary;
|
||||
$link-hover-color: lighten($link-color, 10%);
|
||||
|
||||
|
||||
//== changed Typography
|
||||
|
||||
$headings-color: $brand-primary;
|
||||
|
||||
|
||||
//== changed Tables
|
||||
|
||||
$table-bg: $gray-darker;
|
||||
$table-bg-accent: #111;
|
||||
$table-border-color: $gray;
|
||||
|
||||
|
||||
// component
|
||||
|
||||
$component-active-color: #fff;
|
||||
$component-active-bg: $primary;
|
||||
|
||||
|
||||
//== changed Buttons
|
||||
|
||||
$btn-color: $link-color;
|
||||
|
|
@ -72,7 +67,6 @@ $btn-warning-border: darken($btn-default-bg, 9%);
|
|||
$btn-danger-color: $gray-darker;
|
||||
$btn-danger-border: darken($btn-default-bg, 10%);
|
||||
|
||||
|
||||
//== changed Forms
|
||||
|
||||
$input-bg: $gray-darker;
|
||||
|
|
@ -80,7 +74,6 @@ $input-color: $link-color;
|
|||
$input-border-color: $brand-primary;
|
||||
$input-group-addon-bg: $gray-lighter;
|
||||
|
||||
|
||||
//== changed Dropdowns
|
||||
|
||||
$dropdown-border: $brand-primary;
|
||||
|
|
@ -91,7 +84,6 @@ $dropdown-link-hover-color: $link-hover-color;
|
|||
$dropdown-bg: $gray-darker;
|
||||
$dropdown-link-hover-bg: $dropdown-bg;
|
||||
|
||||
|
||||
//== changed Navbar
|
||||
|
||||
$navbar-default-border: $brand-primary;
|
||||
|
|
@ -100,7 +92,6 @@ $navbar-default-link-active-color: $brand-primary;
|
|||
$navbar-default-brand-color: $brand-primary;
|
||||
$navbar-default-brand-hover-color: lighten($brand-primary, 10%);
|
||||
|
||||
|
||||
//== changed Pagination
|
||||
|
||||
$pagination-color: $brand-primary;
|
||||
|
|
@ -114,7 +105,6 @@ $pagination-active-color: $pagination-hover-color;
|
|||
$pagination-active-bg: $pagination-hover-bg;
|
||||
$pagination-active-border: $pagination-hover-border;
|
||||
|
||||
|
||||
//== changed Form states and alerts
|
||||
|
||||
$state-success-text: $gray-darker;
|
||||
|
|
@ -133,13 +123,11 @@ $state-danger-text: $gray-darker;
|
|||
$state-danger-bg: $brand-danger;
|
||||
$state-danger-border: darken($state-danger-bg, 3%);
|
||||
|
||||
|
||||
//== changed Labels
|
||||
|
||||
$label-color: $gray-darker;
|
||||
$label-link-hover-color: $brand-primary;
|
||||
|
||||
|
||||
//== changed Type
|
||||
|
||||
$headings-small-color: $gray-light;
|
||||
|
|
@ -148,8 +136,8 @@ $alert-bg-scale: 0%;
|
|||
$alert-border-scale: 0;
|
||||
$alert-color-scale: 0;
|
||||
|
||||
@import "cyborg_variables.scss";
|
||||
@import "cyborg_styles.scss";
|
||||
@import 'cyborg_variables.scss';
|
||||
@import 'cyborg_styles.scss';
|
||||
|
||||
.messages .text-danger {
|
||||
color: $gray-darker;
|
||||
|
|
@ -232,9 +220,18 @@ table,
|
|||
// changed Indicators =================================================================
|
||||
|
||||
.alert {
|
||||
|
||||
.h1, .h2, .h3, .h4, .h5, .h6,
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
|
@ -251,8 +248,9 @@ table,
|
|||
|
||||
// changed Containers =================================================================
|
||||
|
||||
.btn-primary, .card-info .card-heading {
|
||||
background-image: linear-gradient(to right, rgb(0, 132, 176) , rgb(0, 163, 86));
|
||||
.btn-primary,
|
||||
.card-info .card-heading {
|
||||
background-image: linear-gradient(to right, rgb(0, 132, 176), rgb(0, 163, 86));
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
|
|
@ -277,7 +275,18 @@ code {
|
|||
color: $state-info-text;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
code {
|
||||
color: $headings-color;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,24 +1,24 @@
|
|||
// cccamp19 blue (2019)
|
||||
|
||||
// Variables
|
||||
@import "dark";
|
||||
@import 'dark';
|
||||
|
||||
//== changed Colors
|
||||
|
||||
$gray-dark: #282828;
|
||||
$gray-light: #888;
|
||||
$gray-lighter: #ADAFAE;
|
||||
$gray-lighter: #adafae;
|
||||
|
||||
$brand-primary: #0076ba;
|
||||
$primary: #0076ba;
|
||||
|
||||
$text-muted: $primary;
|
||||
|
||||
@import "cyborg_variables.scss";
|
||||
@import "cyborg_styles.scss";
|
||||
@import 'cyborg_variables.scss';
|
||||
@import 'cyborg_styles.scss';
|
||||
|
||||
// Specials for cccamp19 design
|
||||
@import "card-glow";
|
||||
@import 'card-glow';
|
||||
|
||||
.navbar-brand {
|
||||
.icon-icon_angel {
|
||||
|
|
@ -28,13 +28,8 @@ $text-muted: $primary;
|
|||
strong {
|
||||
font-weight: normal;
|
||||
color: $brand-primary;
|
||||
text-shadow:
|
||||
0 0 10px $brand-primary,
|
||||
0 0 20px $brand-primary,
|
||||
0 0 30px $brand-primary,
|
||||
0 0 40px $brand-primary,
|
||||
0 0 70px $brand-primary,
|
||||
0 0 80px $brand-primary;
|
||||
text-shadow: 0 0 10px $brand-primary, 0 0 20px $brand-primary, 0 0 30px $brand-primary, 0 0 40px $brand-primary,
|
||||
0 0 70px $brand-primary, 0 0 80px $brand-primary;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -56,7 +51,18 @@ h1 {
|
|||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
&.bg-warning {
|
||||
color: #000;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,24 +2,24 @@
|
|||
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
@import "dark";
|
||||
@import 'dark';
|
||||
|
||||
//== changed Colors
|
||||
|
||||
$gray-dark: #282828;
|
||||
$gray-light: #888;
|
||||
$gray-lighter: #ADAFAE;
|
||||
$gray-lighter: #adafae;
|
||||
|
||||
$brand-primary: #ffc600;
|
||||
$primary: $brand-primary;
|
||||
|
||||
$text-muted: $primary;
|
||||
|
||||
@import "cyborg_variables.scss";
|
||||
@import "cyborg_styles.scss";
|
||||
@import 'cyborg_variables.scss';
|
||||
@import 'cyborg_styles.scss';
|
||||
|
||||
// Specials for cccamp19 design
|
||||
@import "card-glow";
|
||||
@import 'card-glow';
|
||||
|
||||
.navbar-brand {
|
||||
.icon-icon_angel {
|
||||
|
|
@ -29,13 +29,8 @@ $text-muted: $primary;
|
|||
strong {
|
||||
font-weight: normal;
|
||||
color: $brand-primary;
|
||||
text-shadow:
|
||||
0 0 10px $brand-primary,
|
||||
0 0 20px $brand-primary,
|
||||
0 0 30px $brand-primary,
|
||||
0 0 40px $brand-primary,
|
||||
0 0 70px $brand-primary,
|
||||
0 0 80px $brand-primary;
|
||||
text-shadow: 0 0 10px $brand-primary, 0 0 20px $brand-primary, 0 0 30px $brand-primary, 0 0 40px $brand-primary,
|
||||
0 0 70px $brand-primary, 0 0 80px $brand-primary;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -57,7 +52,18 @@ h1 {
|
|||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
&.bg-primary,
|
||||
&.bg-warning {
|
||||
color: #000;
|
||||
|
|
|
|||
|
|
@ -2845,6 +2845,11 @@ prelude-ls@^1.2.1:
|
|||
resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
|
||||
integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
|
||||
|
||||
prettier@^2.8.1:
|
||||
version "2.8.1"
|
||||
resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.1.tgz#4e1fd11c34e2421bc1da9aea9bd8127cd0a35efc"
|
||||
integrity sha512-lqGoSJBQNJidqCHE80vqZJHWHRFoNYsSpP9AjFhlhi9ODCJA541svILes/+/1GM3VaL/abZi7cpFzOpdR9UPKg==
|
||||
|
||||
pseudomap@^1.0.2:
|
||||
version "1.0.2"
|
||||
resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
|
||||
|
|
|
|||
Loading…
Reference in New Issue