3 |
6 |
7 |
8 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/src/assets/demo/demo.css:
--------------------------------------------------------------------------------
1 | .tim-row {
2 | margin-bottom: 20px;
3 | }
4 |
5 | .tim-white-buttons {
6 | background-color: #777777;
7 | }
8 |
9 | .typography-line {
10 | padding-left: 25%;
11 | margin-bottom: 35px;
12 | position: relative;
13 | display: block;
14 | width: 100%;
15 | }
16 |
17 | .typography-line span {
18 | bottom: 10px;
19 | color: #c0c1c2;
20 | display: block;
21 | font-weight: 400;
22 | font-size: 13px;
23 | line-height: 13px;
24 | left: 0;
25 | position: absolute;
26 | width: 260px;
27 | text-transform: none;
28 | }
29 |
30 | .tim-row {
31 | padding-top: 60px;
32 | }
33 |
34 | .tim-row h3 {
35 | margin-top: 0;
36 | }
37 |
38 | .offline-doc .page-header {
39 | display: flex;
40 | align-items: center;
41 | }
42 |
43 | .offline-doc .footer {
44 | position: absolute;
45 | width: 100%;
46 | background: transparent;
47 | bottom: 0;
48 | color: #fff;
49 | z-index: 1;
50 | }
51 |
52 | @media all and (min-width: 992px) {
53 | .sidebar .nav > li.active-pro {
54 | position: absolute;
55 | width: 100%;
56 | bottom: 10px;
57 | }
58 | }
59 |
60 | .card.card-upgrade .card-category {
61 | max-width: 530px;
62 | margin: 0 auto;
63 | }
64 |
--------------------------------------------------------------------------------
/src/assets/fonts/nucleo.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/creativetimofficial/vue-black-dashboard/2ef27d89cb859c03c974179160ffa47b8954f2bd/src/assets/fonts/nucleo.eot
--------------------------------------------------------------------------------
/src/assets/fonts/nucleo.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/creativetimofficial/vue-black-dashboard/2ef27d89cb859c03c974179160ffa47b8954f2bd/src/assets/fonts/nucleo.ttf
--------------------------------------------------------------------------------
/src/assets/fonts/nucleo.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/creativetimofficial/vue-black-dashboard/2ef27d89cb859c03c974179160ffa47b8954f2bd/src/assets/fonts/nucleo.woff
--------------------------------------------------------------------------------
/src/assets/fonts/nucleo.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/creativetimofficial/vue-black-dashboard/2ef27d89cb859c03c974179160ffa47b8954f2bd/src/assets/fonts/nucleo.woff2
--------------------------------------------------------------------------------
/src/assets/sass/black-dashboard/bootstrap/_alert.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Base styles
3 | //
4 |
5 | .alert {
6 | position: relative;
7 | padding: $alert-padding-y $alert-padding-x;
8 | margin-bottom: $alert-margin-bottom;
9 | border: $alert-border-width solid transparent;
10 | @include border-radius($alert-border-radius);
11 | }
12 |
13 | // Headings for larger alerts
14 | .alert-heading {
15 | // Specified to prevent conflicts of changing $headings-color
16 | color: inherit;
17 | }
18 |
19 | // Provide class for links that match alerts
20 | .alert-link {
21 | font-weight: $alert-link-font-weight;
22 | }
23 |
24 | // Dismissible alerts
25 | //
26 | // Expand the right padding and account for the close button's positioning.
27 |
28 | .alert-dismissible {
29 | padding-right: ($close-font-size + $alert-padding-x * 2);
30 |
31 | // Adjust close link position
32 | .close {
33 | position: absolute;
34 | top: 0;
35 | right: 0;
36 | padding: $alert-padding-y $alert-padding-x;
37 | color: inherit;
38 | }
39 | }
40 |
41 | // Alternate styles
42 | //
43 | // Generate contextual modifier classes for colorizing the alert.
44 |
45 | @each $color, $value in $theme-colors {
46 | .alert-#{$color} {
47 | @include alert-variant(
48 | theme-color-level($color, $alert-bg-level),
49 | theme-color-level($color, $alert-border-level),
50 | theme-color-level($color, $alert-color-level)
51 | );
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/src/assets/sass/black-dashboard/bootstrap/_badge.scss:
--------------------------------------------------------------------------------
1 | // Base class
2 | //
3 | // Requires one of the contextual, color modifier classes for `color` and
4 | // `background-color`.
5 |
6 | .badge {
7 | display: inline-block;
8 | padding: $badge-padding-y $badge-padding-x;
9 | font-size: $badge-font-size;
10 | font-weight: $badge-font-weight;
11 | line-height: 1;
12 | text-align: center;
13 | white-space: nowrap;
14 | vertical-align: baseline;
15 | @include border-radius($badge-border-radius);
16 |
17 | // Empty badges collapse automatically
18 | &:empty {
19 | display: none;
20 | }
21 | }
22 |
23 | // Quick fix for badges in buttons
24 | .btn .badge {
25 | position: relative;
26 | top: -1px;
27 | }
28 |
29 | // Pill badges
30 | //
31 | // Make them extra rounded with a modifier to replace v3's badges.
32 |
33 | .badge-pill {
34 | padding-right: $badge-pill-padding-x;
35 | padding-left: $badge-pill-padding-x;
36 | @include border-radius($badge-pill-border-radius);
37 | }
38 |
39 | // Colors
40 | //
41 | // Contextual variations (linked badges get darker on :hover).
42 |
43 | @each $color, $value in $theme-colors {
44 | .badge-#{$color} {
45 | @include badge-variant($value);
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/src/assets/sass/black-dashboard/bootstrap/_breadcrumb.scss:
--------------------------------------------------------------------------------
1 | .breadcrumb {
2 | display: flex;
3 | flex-wrap: wrap;
4 | padding: $breadcrumb-padding-y $breadcrumb-padding-x;
5 | margin-bottom: $breadcrumb-margin-bottom;
6 | list-style: none;
7 | background-color: $breadcrumb-bg;
8 | @include border-radius($breadcrumb-border-radius);
9 | }
10 |
11 | .breadcrumb-item {
12 | // The separator between breadcrumbs (by default, a forward-slash: "/")
13 | + .breadcrumb-item {
14 | padding-left: $breadcrumb-item-padding;
15 |
16 | &::before {
17 | display: inline-block; // Suppress underlining of the separator in modern browsers
18 | padding-right: $breadcrumb-item-padding;
19 | color: $breadcrumb-divider-color;
20 | content: $breadcrumb-divider;
21 | }
22 | }
23 |
24 | // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
25 | // without `- `s. The `::before` pseudo-element generates an element
26 | // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
27 | //
28 | // To trick IE into suppressing the underline, we give the pseudo-element an
29 | // underline and then immediately remove it.
30 | + .breadcrumb-item:hover::before {
31 | text-decoration: underline;
32 | }
33 | // stylelint-disable-next-line no-duplicate-selectors
34 | + .breadcrumb-item:hover::before {
35 | text-decoration: none;
36 | }
37 |
38 | &.active {
39 | color: $breadcrumb-active-color;
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/src/assets/sass/black-dashboard/bootstrap/_buttons.scss:
--------------------------------------------------------------------------------
1 | // stylelint-disable selector-no-qualifying-type
2 |
3 | //
4 | // Base styles
5 | //
6 |
7 | .btn {
8 | display: inline-block;
9 | font-weight: $btn-font-weight;
10 | text-align: center;
11 | white-space: nowrap;
12 | vertical-align: middle;
13 | user-select: none;
14 | border: $btn-border-width solid transparent;
15 | @include button-size(
16 | $btn-padding-y,
17 | $btn-padding-x,
18 | $font-size-base,
19 | $btn-line-height,
20 | $btn-border-radius
21 | );
22 | @include transition($btn-transition);
23 |
24 | // Share hover and focus styles
25 | @include hover-focus {
26 | text-decoration: none;
27 | }
28 |
29 | &:focus,
30 | &.focus {
31 | outline: 0;
32 | box-shadow: $btn-focus-box-shadow;
33 | }
34 |
35 | // Disabled comes first so active can properly restyle
36 | &.disabled,
37 | &:disabled {
38 | opacity: $btn-disabled-opacity;
39 | @include box-shadow(none);
40 | }
41 |
42 | // Opinionated: add "hand" cursor to non-disabled .btn elements
43 | &:not(:disabled):not(.disabled) {
44 | cursor: pointer;
45 | }
46 |
47 | &:not(:disabled):not(.disabled):active,
48 | &:not(:disabled):not(.disabled).active {
49 | @include box-shadow($btn-active-box-shadow);
50 |
51 | &:focus {
52 | @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
53 | }
54 | }
55 | }
56 |
57 | // Future-proof disabling of clicks on `` elements
58 | a.btn.disabled,
59 | fieldset:disabled a.btn {
60 | pointer-events: none;
61 | }
62 |
63 | //
64 | // Alternate buttons
65 | //
66 |
67 | @each $color, $value in $theme-colors {
68 | .btn-#{$color} {
69 | @include button-variant($value, $value);
70 | }
71 | }
72 |
73 | @each $color, $value in $theme-colors {
74 | .btn-outline-#{$color} {
75 | @include button-outline-variant($value);
76 | }
77 | }
78 |
79 | //
80 | // Link buttons
81 | //
82 |
83 | // Make a button look and behave like a link
84 | .btn-link {
85 | font-weight: $font-weight-normal;
86 | color: $link-color;
87 | background-color: transparent;
88 |
89 | @include hover {
90 | color: $link-hover-color;
91 | text-decoration: $link-hover-decoration;
92 | background-color: transparent;
93 | border-color: transparent;
94 | }
95 |
96 | &:focus,
97 | &.focus {
98 | text-decoration: $link-hover-decoration;
99 | border-color: transparent;
100 | box-shadow: none;
101 | }
102 |
103 | &:disabled,
104 | &.disabled {
105 | color: $btn-link-disabled-color;
106 | pointer-events: none;
107 | }
108 |
109 | // No need for an active state here
110 | }
111 |
112 | //
113 | // Button Sizes
114 | //
115 |
116 | .btn-lg {
117 | @include button-size(
118 | $btn-padding-y-lg,
119 | $btn-padding-x-lg,
120 | $font-size-lg,
121 | $btn-line-height-lg,
122 | $btn-border-radius-lg
123 | );
124 | }
125 |
126 | .btn-sm {
127 | @include button-size(
128 | $btn-padding-y-sm,
129 | $btn-padding-x-sm,
130 | $font-size-sm,
131 | $btn-line-height-sm,
132 | $btn-border-radius-sm
133 | );
134 | }
135 |
136 | //
137 | // Block button
138 | //
139 |
140 | .btn-block {
141 | display: block;
142 | width: 100%;
143 |
144 | // Vertically space out multiple block buttons
145 | + .btn-block {
146 | margin-top: $btn-block-spacing-y;
147 | }
148 | }
149 |
150 | // Specificity overrides
151 | input[type="submit"],
152 | input[type="reset"],
153 | input[type="button"] {
154 | &.btn-block {
155 | width: 100%;
156 | }
157 | }
158 |
--------------------------------------------------------------------------------
/src/assets/sass/black-dashboard/bootstrap/_close.scss:
--------------------------------------------------------------------------------
1 | .close {
2 | float: right;
3 | font-size: $close-font-size;
4 | font-weight: $close-font-weight;
5 | line-height: 1;
6 | color: $close-color;
7 | text-shadow: $close-text-shadow;
8 | opacity: 0.5;
9 |
10 | &:not(:disabled):not(.disabled) {
11 | @include hover-focus {
12 | color: $close-color;
13 | text-decoration: none;
14 | opacity: 0.75;
15 | }
16 |
17 | // Opinionated: add "hand" cursor to non-disabled .close elements
18 | cursor: pointer;
19 | }
20 | }
21 |
22 | // Additional properties for button version
23 | // iOS requires the button element instead of an anchor tag.
24 | // If you want the anchor version, it requires `href="#"`.
25 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
26 |
27 | // stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type
28 | button.close {
29 | padding: 0;
30 | background-color: transparent;
31 | border: 0;
32 | -webkit-appearance: none;
33 | }
34 | // stylelint-enable
35 |
--------------------------------------------------------------------------------
/src/assets/sass/black-dashboard/bootstrap/_code.scss:
--------------------------------------------------------------------------------
1 | // Inline code
2 | code {
3 | font-size: $code-font-size;
4 | color: $code-color;
5 | word-break: break-word;
6 |
7 | // Streamline the style when inside anchors to avoid broken underline and more
8 | a > & {
9 | color: inherit;
10 | }
11 | }
12 |
13 | // User input typically entered via keyboard
14 | kbd {
15 | padding: $kbd-padding-y $kbd-padding-x;
16 | font-size: $kbd-font-size;
17 | color: $kbd-color;
18 | background-color: $kbd-bg;
19 | @include border-radius($border-radius-sm);
20 | @include box-shadow($kbd-box-shadow);
21 |
22 | kbd {
23 | padding: 0;
24 | font-size: 100%;
25 | font-weight: $nested-kbd-font-weight;
26 | @include box-shadow(none);
27 | }
28 | }
29 |
30 | // Blocks of code
31 | pre {
32 | display: block;
33 | font-size: $code-font-size;
34 | color: $pre-color;
35 |
36 | // Account for some code outputs that place code tags in pre tags
37 | code {
38 | font-size: inherit;
39 | color: inherit;
40 | word-break: normal;
41 | }
42 | }
43 |
44 | // Enable scrollable blocks of code
45 | .pre-scrollable {
46 | max-height: $pre-scrollable-max-height;
47 | overflow-y: scroll;
48 | }
49 |
--------------------------------------------------------------------------------
/src/assets/sass/black-dashboard/bootstrap/_functions.scss:
--------------------------------------------------------------------------------
1 | // Bootstrap functions
2 | //
3 | // Utility mixins and functions for evaluating source code across our variables, maps, and mixins.
4 |
5 | // Ascending
6 | // Used to evaluate Sass maps like our grid breakpoints.
7 | @mixin _assert-ascending($map, $map-name) {
8 | $prev-key: null;
9 | $prev-num: null;
10 | @each $key, $num in $map {
11 | @if $prev-num == null {
12 | // Do nothing
13 | } @else if not comparable($prev-num, $num) {
14 | @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
15 | } @else if $prev-num >= $num {
16 | @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
17 | }
18 | $prev-key: $key;
19 | $prev-num: $num;
20 | }
21 | }
22 |
23 | // Starts at zero
24 | // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
25 | @mixin _assert-starts-at-zero($map) {
26 | $values: map-values($map);
27 | $first-value: nth($values, 1);
28 | @if $first-value != 0 {
29 | @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
30 | }
31 | }
32 |
33 | // Replace `$search` with `$replace` in `$string`
34 | // Used on our SVG icon backgrounds for custom forms.
35 | //
36 | // @author Hugo Giraudel
37 | // @param {String} $string - Initial string
38 | // @param {String} $search - Substring to replace
39 | // @param {String} $replace ('') - New value
40 | // @return {String} - Updated string
41 | @function str-replace($string, $search, $replace: "") {
42 | $index: str-index($string, $search);
43 |
44 | @if $index {
45 | @return str-slice($string, 1, $index - 1) + $replace +
46 | str-replace(
47 | str-slice($string, $index + str-length($search)),
48 | $search,
49 | $replace
50 | );
51 | }
52 |
53 | @return $string;
54 | }
55 |
56 | // Color contrast
57 | @function color-yiq($color) {
58 | $r: red($color);
59 | $g: green($color);
60 | $b: blue($color);
61 |
62 | $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
63 |
64 | @if ($yiq >= $yiq-contrasted-threshold) {
65 | @return $yiq-text-dark;
66 | } @else {
67 | @return $yiq-text-light;
68 | }
69 | }
70 |
71 | // Retrieve color Sass maps
72 | @function color($key: "blue") {
73 | @return map-get($colors, $key);
74 | }
75 |
76 | @function theme-color($key: "primary") {
77 | @return map-get($theme-colors, $key);
78 | }
79 |
80 | @function gray($key: "100") {
81 | @return map-get($grays, $key);
82 | }
83 |
84 | // Request a theme color level
85 | @function theme-color-level($color-name: "primary", $level: 0) {
86 | $color: theme-color($color-name);
87 | $color-base: if($level > 0, $black, $white);
88 | $level: abs($level);
89 |
90 | @return mix($color-base, $color, $level * $theme-color-interval);
91 | }
92 |
--------------------------------------------------------------------------------
/src/assets/sass/black-dashboard/bootstrap/_grid.scss:
--------------------------------------------------------------------------------
1 | // Container widths
2 | //
3 | // Set the container width, and override it for fixed navbars in media queries.
4 |
5 | @if $enable-grid-classes {
6 | .container {
7 | @include make-container();
8 | @include make-container-max-widths();
9 | }
10 | }
11 |
12 | // Fluid container
13 | //
14 | // Utilizes the mixin meant for fixed width containers, but with 100% width for
15 | // fluid, full width layouts.
16 |
17 | @if $enable-grid-classes {
18 | .container-fluid {
19 | @include make-container();
20 | }
21 | }
22 |
23 | // Row
24 | //
25 | // Rows contain and clear the floats of your columns.
26 |
27 | @if $enable-grid-classes {
28 | .row {
29 | @include make-row();
30 | }
31 |
32 | // Remove the negative margin from default .row, then the horizontal padding
33 | // from all immediate children columns (to prevent runaway style inheritance).
34 | .no-gutters {
35 | margin-right: 0;
36 | margin-left: 0;
37 |
38 | > .col,
39 | > [class*="col-"] {
40 | padding-right: 0;
41 | padding-left: 0;
42 | }
43 | }
44 | }
45 |
46 | // Columns
47 | //
48 | // Common styles for small and large grid columns
49 |
50 | @if $enable-grid-classes {
51 | @include make-grid-columns();
52 | }
53 |
--------------------------------------------------------------------------------
/src/assets/sass/black-dashboard/bootstrap/_images.scss:
--------------------------------------------------------------------------------
1 | // Responsive images (ensure images don't scale beyond their parents)
2 | //
3 | // This is purposefully opt-in via an explicit class rather than being the default for all `
- ,
- , or
.
4 |
5 | .list-group {
6 | display: flex;
7 | flex-direction: column;
8 |
9 | // No need to set list-style: none; since .list-group-item is block level
10 | padding-left: 0; // reset padding because ul and ol
11 | margin-bottom: 0;
12 | }
13 |
14 | // Interactive list items
15 | //
16 | // Use anchor or button elements instead of `li`s or `div`s to create interactive
17 | // list items. Includes an extra `.active` modifier class for selected items.
18 |
19 | .list-group-item-action {
20 | width: 100%; // For `