Skip to content

Commit 2ca66c8

Browse files
add scss
1 parent c52ad8f commit 2ca66c8

File tree

200 files changed

+14198
-7
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

200 files changed

+14198
-7
lines changed

.vscode/settings.json

Lines changed: 0 additions & 7 deletions
This file was deleted.
Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
2+
3+
/*!
4+
5+
=========================================================
6+
* Argon Dashboard - v1.1.0
7+
=========================================================
8+
9+
* Product Page: https://www.creative-tim.com/product/argon-dashboard
10+
* Copyright 2018 Creative Tim (https://www.creative-tim.com)
11+
* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard/blob/master/LICENSE.md)
12+
13+
* Coded by Creative Tim
14+
15+
=========================================================
16+
17+
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
18+
19+
*/
20+
21+
// Core
22+
23+
@import "argon-dashboard/custom/functions";
24+
@import "argon-dashboard/custom/variables";
25+
@import "argon-dashboard/custom/mixins";
26+
27+
// bootstrap (4.3.1) components
28+
29+
@import "argon-dashboard/bootstrap/root";
30+
@import "argon-dashboard/bootstrap/reboot";
31+
@import "argon-dashboard/bootstrap/type";
32+
@import "argon-dashboard/bootstrap/images";
33+
@import "argon-dashboard/bootstrap/code";
34+
@import "argon-dashboard/bootstrap/grid";
35+
@import "argon-dashboard/bootstrap/tables";
36+
@import "argon-dashboard/bootstrap/forms";
37+
@import "argon-dashboard/bootstrap/buttons";
38+
@import "argon-dashboard/bootstrap/transitions";
39+
@import "argon-dashboard/bootstrap/dropdown";
40+
@import "argon-dashboard/bootstrap/button-group";
41+
@import "argon-dashboard/bootstrap/input-group";
42+
@import "argon-dashboard/bootstrap/custom-forms";
43+
@import "argon-dashboard/bootstrap/nav";
44+
@import "argon-dashboard/bootstrap/navbar";
45+
@import "argon-dashboard/bootstrap/card";
46+
@import "argon-dashboard/bootstrap/breadcrumb";
47+
@import "argon-dashboard/bootstrap/pagination";
48+
@import "argon-dashboard/bootstrap/badge";
49+
@import "argon-dashboard/bootstrap/jumbotron";
50+
@import "argon-dashboard/bootstrap/alert";
51+
@import "argon-dashboard/bootstrap/progress";
52+
@import "argon-dashboard/bootstrap/media";
53+
@import "argon-dashboard/bootstrap/list-group";
54+
@import "argon-dashboard/bootstrap/close";
55+
@import "argon-dashboard/bootstrap/modal";
56+
@import "argon-dashboard/bootstrap/tooltip";
57+
@import "argon-dashboard/bootstrap/popover";
58+
@import "argon-dashboard/bootstrap/carousel";
59+
@import "argon-dashboard/bootstrap/utilities";
60+
@import "argon-dashboard/bootstrap/print";
61+
62+
// Argon utilities and components
63+
64+
@import "argon-dashboard/custom/reboot";
65+
@import "argon-dashboard/custom/utilities";
66+
@import "argon-dashboard/custom/components";
67+
68+
// Vendor (Plugins)
69+
70+
@import "argon-dashboard/custom/vendors";
71+
72+
// Docs components
73+
74+
@import "argon-dashboard/docs/variables";
75+
@import "argon-dashboard/docs/nav";
76+
@import "argon-dashboard/docs/clipboard-js";
77+
@import "argon-dashboard/docs/component-examples";
78+
@import "argon-dashboard/docs/prism";
79+
@import "argon-dashboard/docs/content";
80+
@import "argon-dashboard/docs/sidebar";
81+
@import "argon-dashboard/docs/footer";
Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
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+
25+
// Dismissible alerts
26+
//
27+
// Expand the right padding and account for the close button's positioning.
28+
29+
.alert-dismissible {
30+
padding-right: ($close-font-size + $alert-padding-x * 2);
31+
32+
// Adjust close link position
33+
.close {
34+
position: absolute;
35+
top: 0;
36+
right: 0;
37+
padding: $alert-padding-y $alert-padding-x;
38+
color: inherit;
39+
}
40+
}
41+
42+
43+
// Alternate styles
44+
//
45+
// Generate contextual modifier classes for colorizing the alert.
46+
47+
@each $color, $value in $theme-colors {
48+
.alert-#{$color} {
49+
@include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
50+
}
51+
}
Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
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+
}
Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
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 `<ul>`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+
}

0 commit comments

Comments
 (0)