ld/pension-app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add: React Bootstrap Framework & Argon Dashboard 2

Browse Source
This commit is contained in:
Sunday
2022-07-02 16:18:45 +00:00
parent d96ff1bebc
commit dd9d6bb602
306 changed files with 55600 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
styles/argon-dashboard-2.0.4/assets/scss/argon-dashboard/mixins/_badge.scss Normal file
View File

@ -0,0 +1,12 @@
@mixin badge-variant($bg) {
color: saturate(darken($bg, 10%), 10);
background-color: lighten($bg, 32%);
&[href] {
@include hover-focus {
color: color-yiq($bg);
text-decoration: none;
background-color: darken($bg, 12%);
}
}
}

5
styles/argon-dashboard-2.0.4/assets/scss/argon-dashboard/mixins/_colored-shadows.scss Normal file
View File

@ -0,0 +1,5 @@
@mixin shadow-big-color($color){
// new box shadow optimized for Tablets and Phones
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, .14),
0 7px 10px -5px rgba($color, 0.4)
}

27
styles/argon-dashboard-2.0.4/assets/scss/argon-dashboard/mixins/_hover.scss Normal file
View File

@ -0,0 +1,27 @@
@mixin hover() {
&:hover { @content; }
}
@mixin hover-focus() {
&:hover,
&:focus {
@content;
}
}
@mixin plain-hover-focus() {
&,
&:hover,
&:focus {
@content;
}
}
@mixin hover-focus-active() {
&:hover,
&:focus,
&:active {
@content;
}
}

46
styles/argon-dashboard-2.0.4/assets/scss/argon-dashboard/mixins/_social-buttons.scss Normal file
View File

@ -0,0 +1,46 @@
// for social buttons
@mixin social-buttons-color ($color, $state-color) {
background-color: $color;
color: $white;
&:focus,
&:hover {
background-color: $state-color;
color: $white;
}
&:active,
&:focus,
&:active:focus {
box-shadow: none;
}
&.btn-simple {
color: $state-color;
background-color: transparent;
background-image: none !important;
box-shadow: none;
border: none;
&:hover,
&:focus,
&:hover:focus,
&:active,
&:hover:focus:active {
color: $state-color;
background: transparent !important;
box-shadow: none !important;
}
}
&.btn-neutral {
color: $color;
background-color: $white;
&:hover,
&:focus,
&:active {
color: $state-color;
}
}
}

4
styles/argon-dashboard-2.0.4/assets/scss/argon-dashboard/mixins/mixins.scss Normal file
View File

@ -0,0 +1,4 @@
@import "badge";
@import "hover";
@import "colored-shadows";
@import "social-buttons";