cerebrate-project
/
cerebrate
mirror of https://github.com/cerebrate-project/cerebrate
1
0
Fork 0
Code Issues Releases Wiki Activity

chg: [scss:bootstrap-additional] Added hover on dropdown items and mw/mh support

pull/93/head
Sami Mokaddem 2021-12-01 08:27:17 +01:00
parent da889c4ca2
commit ae2b666fbf
No known key found for this signature in database
GPG Key ID: 164C473F627A06FA
9 changed files with 306 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
webroot/css/themes/additional/bootstrap-additional.css
View File

@ -110,6 +110,9 @@
color: #fff;
text-decoration: none;
background-color: #0d6efd; }
.dropdown-item.dropdown-item-primary:hover {
color: #fff;
background-color: #0b5ed7; }
.dropdown-item.dropdown-item-outline-primary:hover {
color: #fff;
@ -119,6 +122,9 @@
color: #fff;
text-decoration: none;
background-color: #6c757d; }
.dropdown-item.dropdown-item-secondary:hover {
color: #fff;
background-color: #5c636a; }
.dropdown-item.dropdown-item-outline-secondary:hover {
color: #fff;
@ -128,6 +134,9 @@
color: #fff;
text-decoration: none;
background-color: #198754; }
.dropdown-item.dropdown-item-success:hover {
color: #fff;
background-color: #157347; }
.dropdown-item.dropdown-item-outline-success:hover {
color: #fff;
@ -137,6 +146,9 @@
color: #000;
text-decoration: none;
background-color: #0dcaf0; }
.dropdown-item.dropdown-item-info:hover {
color: #000;
background-color: #31d2f2; }
.dropdown-item.dropdown-item-outline-info:hover {
color: #000;
@ -146,6 +158,9 @@
color: #000;
text-decoration: none;
background-color: #ffc107; }
.dropdown-item.dropdown-item-warning:hover {
color: #000;
background-color: #ffca2c; }
.dropdown-item.dropdown-item-outline-warning:hover {
color: #000;
@ -155,6 +170,9 @@
color: #fff;
text-decoration: none;
background-color: #dc3545; }
.dropdown-item.dropdown-item-danger:hover {
color: #fff;
background-color: #bb2d3b; }
.dropdown-item.dropdown-item-outline-danger:hover {
color: #fff;
@ -164,6 +182,9 @@
color: #000;
text-decoration: none;
background-color: #f8f9fa; }
.dropdown-item.dropdown-item-light:hover {
color: #000;
background-color: #f9fafb; }
.dropdown-item.dropdown-item-outline-light:hover {
color: #000;
@ -173,6 +194,9 @@
color: #fff;
text-decoration: none;
background-color: #212529; }
.dropdown-item.dropdown-item-dark:hover {
color: #fff;
background-color: #1c1f23; }
.dropdown-item.dropdown-item-outline-dark:hover {
color: #fff;
@ -255,18 +279,30 @@
.mw-75 {
max-width: 75% !important; }
.mw-66 {
max-width: 66% !important; }
.mw-50 {
max-width: 50% !important; }
.mw-33 {
max-width: 33% !important; }
.mw-25 {
max-width: 25% !important; }
.mh-75 {
max-height: 75% !important; }
.mh-66 {
max-height: 66% !important; }
.mh-50 {
max-height: 50% !important; }
.mh-33 {
max-height: 33% !important; }
.mh-25 {
max-height: 25% !important; }

36
webroot/css/themes/theme-darkly.css
View File

@ -110,6 +110,9 @@
color: #fff;
text-decoration: none;
background-color: #375a7f; }
.dropdown-item.dropdown-item-primary:hover {
color: #fff;
background-color: #2f4d6c; }
.dropdown-item.dropdown-item-outline-primary:hover {
color: #fff;
@ -119,6 +122,9 @@
color: #fff;
text-decoration: none;
background-color: #444; }
.dropdown-item.dropdown-item-secondary:hover {
color: #fff;
background-color: #3a3a3a; }
.dropdown-item.dropdown-item-outline-secondary:hover {
color: #fff;
@ -128,6 +134,9 @@
color: #fff;
text-decoration: none;
background-color: #00bc8c; }
.dropdown-item.dropdown-item-success:hover {
color: #fff;
background-color: #00a077; }
.dropdown-item.dropdown-item-outline-success:hover {
color: #fff;
@ -137,6 +146,9 @@
color: #fff;
text-decoration: none;
background-color: #3498db; }
.dropdown-item.dropdown-item-info:hover {
color: #fff;
background-color: #2c81ba; }
.dropdown-item.dropdown-item-outline-info:hover {
color: #fff;
@ -146,6 +158,9 @@
color: #fff;
text-decoration: none;
background-color: #f39c12; }
.dropdown-item.dropdown-item-warning:hover {
color: #fff;
background-color: #cf850f; }
.dropdown-item.dropdown-item-outline-warning:hover {
color: #fff;
@ -155,6 +170,9 @@
color: #fff;
text-decoration: none;
background-color: #e74c3c; }
.dropdown-item.dropdown-item-danger:hover {
color: #fff;
background-color: #c44133; }
.dropdown-item.dropdown-item-outline-danger:hover {
color: #fff;
@ -164,6 +182,9 @@
color: #fff;
text-decoration: none;
background-color: #adb5bd; }
.dropdown-item.dropdown-item-light:hover {
color: #fff;
background-color: #939aa1; }
.dropdown-item.dropdown-item-outline-light:hover {
color: #fff;
@ -173,6 +194,9 @@
color: #fff;
text-decoration: none;
background-color: #303030; }
.dropdown-item.dropdown-item-dark:hover {
color: #fff;
background-color: #292929; }
.dropdown-item.dropdown-item-outline-dark:hover {
color: #fff;
@ -255,18 +279,30 @@
.mw-75 {
max-width: 75% !important; }
.mw-66 {
max-width: 66% !important; }
.mw-50 {
max-width: 50% !important; }
.mw-33 {
max-width: 33% !important; }
.mw-25 {
max-width: 25% !important; }
.mh-75 {
max-height: 75% !important; }
.mh-66 {
max-height: 66% !important; }
.mh-50 {
max-height: 50% !important; }
.mh-33 {
max-height: 33% !important; }
.mh-25 {
max-height: 25% !important; }

36
webroot/css/themes/theme-default.css
View File

@ -110,6 +110,9 @@
color: #fff;
text-decoration: none;
background-color: #0d6efd; }
.dropdown-item.dropdown-item-primary:hover {
color: #fff;
background-color: #0b5ed7; }
.dropdown-item.dropdown-item-outline-primary:hover {
color: #fff;
@ -119,6 +122,9 @@
color: #fff;
text-decoration: none;
background-color: #6c757d; }
.dropdown-item.dropdown-item-secondary:hover {
color: #fff;
background-color: #5c636a; }
.dropdown-item.dropdown-item-outline-secondary:hover {
color: #fff;
@ -128,6 +134,9 @@
color: #fff;
text-decoration: none;
background-color: #198754; }
.dropdown-item.dropdown-item-success:hover {
color: #fff;
background-color: #157347; }
.dropdown-item.dropdown-item-outline-success:hover {
color: #fff;
@ -137,6 +146,9 @@
color: #000;
text-decoration: none;
background-color: #0dcaf0; }
.dropdown-item.dropdown-item-info:hover {
color: #000;
background-color: #31d2f2; }
.dropdown-item.dropdown-item-outline-info:hover {
color: #000;
@ -146,6 +158,9 @@
color: #000;
text-decoration: none;
background-color: #ffc107; }
.dropdown-item.dropdown-item-warning:hover {
color: #000;
background-color: #ffca2c; }
.dropdown-item.dropdown-item-outline-warning:hover {
color: #000;
@ -155,6 +170,9 @@
color: #fff;
text-decoration: none;
background-color: #dc3545; }
.dropdown-item.dropdown-item-danger:hover {
color: #fff;
background-color: #bb2d3b; }
.dropdown-item.dropdown-item-outline-danger:hover {
color: #fff;
@ -164,6 +182,9 @@
color: #000;
text-decoration: none;
background-color: #f8f9fa; }
.dropdown-item.dropdown-item-light:hover {
color: #000;
background-color: #f9fafb; }
.dropdown-item.dropdown-item-outline-light:hover {
color: #000;
@ -173,6 +194,9 @@
color: #fff;
text-decoration: none;
background-color: #212529; }
.dropdown-item.dropdown-item-dark:hover {
color: #fff;
background-color: #1c1f23; }
.dropdown-item.dropdown-item-outline-dark:hover {
color: #fff;
@ -255,18 +279,30 @@
.mw-75 {
max-width: 75% !important; }
.mw-66 {
max-width: 66% !important; }
.mw-50 {
max-width: 50% !important; }
.mw-33 {
max-width: 33% !important; }
.mw-25 {
max-width: 25% !important; }
.mh-75 {
max-height: 75% !important; }
.mh-66 {
max-height: 66% !important; }
.mh-50 {
max-height: 50% !important; }
.mh-33 {
max-height: 33% !important; }
.mh-25 {
max-height: 25% !important; }

36
webroot/css/themes/theme-flatly.css
View File

@ -110,6 +110,9 @@
color: #fff;
text-decoration: none;
background-color: #2c3e50; }
.dropdown-item.dropdown-item-primary:hover {
color: #fff;
background-color: #253544; }
.dropdown-item.dropdown-item-outline-primary:hover {
color: #fff;
@ -119,6 +122,9 @@
color: #fff;
text-decoration: none;
background-color: #95a5a6; }
.dropdown-item.dropdown-item-secondary:hover {
color: #fff;
background-color: #7f8c8d; }
.dropdown-item.dropdown-item-outline-secondary:hover {
color: #fff;
@ -128,6 +134,9 @@
color: #fff;
text-decoration: none;
background-color: #18bc9c; }
.dropdown-item.dropdown-item-success:hover {
color: #fff;
background-color: #14a085; }
.dropdown-item.dropdown-item-outline-success:hover {
color: #fff;
@ -137,6 +146,9 @@
color: #fff;
text-decoration: none;
background-color: #3498db; }
.dropdown-item.dropdown-item-info:hover {
color: #fff;
background-color: #2c81ba; }
.dropdown-item.dropdown-item-outline-info:hover {
color: #fff;
@ -146,6 +158,9 @@
color: #fff;
text-decoration: none;
background-color: #f39c12; }
.dropdown-item.dropdown-item-warning:hover {
color: #fff;
background-color: #cf850f; }
.dropdown-item.dropdown-item-outline-warning:hover {
color: #fff;
@ -155,6 +170,9 @@
color: #fff;
text-decoration: none;
background-color: #e74c3c; }
.dropdown-item.dropdown-item-danger:hover {
color: #fff;
background-color: #c44133; }
.dropdown-item.dropdown-item-outline-danger:hover {
color: #fff;
@ -164,6 +182,9 @@
color: #000;
text-decoration: none;
background-color: #ecf0f1; }
.dropdown-item.dropdown-item-light:hover {
color: #000;
background-color: #eff2f3; }
.dropdown-item.dropdown-item-outline-light:hover {
color: #000;
@ -173,6 +194,9 @@
color: #fff;
text-decoration: none;
background-color: #7b8a8b; }
.dropdown-item.dropdown-item-dark:hover {
color: #fff;
background-color: #697576; }
.dropdown-item.dropdown-item-outline-dark:hover {
color: #fff;
@ -255,18 +279,30 @@
.mw-75 {
max-width: 75% !important; }
.mw-66 {
max-width: 66% !important; }
.mw-50 {
max-width: 50% !important; }
.mw-33 {
max-width: 33% !important; }
.mw-25 {
max-width: 25% !important; }
.mh-75 {
max-height: 75% !important; }
.mh-66 {
max-height: 66% !important; }
.mh-50 {
max-height: 50% !important; }
.mh-33 {
max-height: 33% !important; }
.mh-25 {
max-height: 25% !important; }

36
webroot/css/themes/theme-minty.css
View File

@ -110,6 +110,9 @@
color: #fff;
text-decoration: none;
background-color: #2c3e50; }
.dropdown-item.dropdown-item-primary:hover {
color: #fff;
background-color: #253544; }
.dropdown-item.dropdown-item-outline-primary:hover {
color: #fff;
@ -119,6 +122,9 @@
color: #fff;
text-decoration: none;
background-color: #95a5a6; }
.dropdown-item.dropdown-item-secondary:hover {
color: #fff;
background-color: #7f8c8d; }
.dropdown-item.dropdown-item-outline-secondary:hover {
color: #fff;
@ -128,6 +134,9 @@
color: #fff;
text-decoration: none;
background-color: #18bc9c; }
.dropdown-item.dropdown-item-success:hover {
color: #fff;
background-color: #14a085; }
.dropdown-item.dropdown-item-outline-success:hover {
color: #fff;
@ -137,6 +146,9 @@
color: #fff;
text-decoration: none;
background-color: #3498db; }
.dropdown-item.dropdown-item-info:hover {
color: #fff;
background-color: #2c81ba; }
.dropdown-item.dropdown-item-outline-info:hover {
color: #fff;
@ -146,6 +158,9 @@
color: #fff;
text-decoration: none;
background-color: #f39c12; }
.dropdown-item.dropdown-item-warning:hover {
color: #fff;
background-color: #cf850f; }
.dropdown-item.dropdown-item-outline-warning:hover {
color: #fff;
@ -155,6 +170,9 @@
color: #fff;
text-decoration: none;
background-color: #e74c3c; }
.dropdown-item.dropdown-item-danger:hover {
color: #fff;
background-color: #c44133; }
.dropdown-item.dropdown-item-outline-danger:hover {
color: #fff;
@ -164,6 +182,9 @@
color: #000;
text-decoration: none;
background-color: #ecf0f1; }
.dropdown-item.dropdown-item-light:hover {
color: #000;
background-color: #eff2f3; }
.dropdown-item.dropdown-item-outline-light:hover {
color: #000;
@ -173,6 +194,9 @@
color: #fff;
text-decoration: none;
background-color: #7b8a8b; }
.dropdown-item.dropdown-item-dark:hover {
color: #fff;
background-color: #697576; }
.dropdown-item.dropdown-item-outline-dark:hover {
color: #fff;
@ -255,18 +279,30 @@
.mw-75 {
max-width: 75% !important; }
.mw-66 {
max-width: 66% !important; }
.mw-50 {
max-width: 50% !important; }
.mw-33 {
max-width: 33% !important; }
.mw-25 {
max-width: 25% !important; }
.mh-75 {
max-height: 75% !important; }
.mh-66 {
max-height: 66% !important; }
.mh-50 {
max-height: 50% !important; }
.mh-33 {
max-height: 33% !important; }
.mh-25 {
max-height: 25% !important; }

36
webroot/css/themes/theme-quartz.css
View File

@ -110,6 +110,9 @@
color: #fff;
text-decoration: none;
background-color: #e83283; }
.dropdown-item.dropdown-item-primary:hover {
color: #fff;
background-color: #c52b6f; }
.dropdown-item.dropdown-item-outline-primary:hover {
color: #fff;
@ -119,6 +122,9 @@
color: #000;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.4); }
.dropdown-item.dropdown-item-secondary:hover {
color: #000;
background-color: rgba(255, 255, 255, 0.49); }
.dropdown-item.dropdown-item-outline-secondary:hover {
color: #000;
@ -128,6 +134,9 @@
color: #fff;
text-decoration: none;
background-color: #41d7a7; }
.dropdown-item.dropdown-item-success:hover {
color: #fff;
background-color: #37b78e; }
.dropdown-item.dropdown-item-outline-success:hover {
color: #fff;
@ -137,6 +146,9 @@
color: #fff;
text-decoration: none;
background-color: #39cbfb; }
.dropdown-item.dropdown-item-info:hover {
color: #fff;
background-color: #30add5; }
.dropdown-item.dropdown-item-outline-info:hover {
color: #fff;
@ -146,6 +158,9 @@
color: #fff;
text-decoration: none;
background-color: #ffc107; }
.dropdown-item.dropdown-item-warning:hover {
color: #fff;
background-color: #d9a406; }
.dropdown-item.dropdown-item-outline-warning:hover {
color: #fff;
@ -155,6 +170,9 @@
color: #fff;
text-decoration: none;
background-color: #fd7e14; }
.dropdown-item.dropdown-item-danger:hover {
color: #fff;
background-color: #d76b11; }
.dropdown-item.dropdown-item-outline-danger:hover {
color: #fff;
@ -164,6 +182,9 @@
color: #000;
text-decoration: none;
background-color: #e9e9e8; }
.dropdown-item.dropdown-item-light:hover {
color: #000;
background-color: #ececeb; }
.dropdown-item.dropdown-item-outline-light:hover {
color: #000;
@ -173,6 +194,9 @@
color: #fff;
text-decoration: none;
background-color: #212529; }
.dropdown-item.dropdown-item-dark:hover {
color: #fff;
background-color: #1c1f23; }
.dropdown-item.dropdown-item-outline-dark:hover {
color: #fff;
@ -255,18 +279,30 @@
.mw-75 {
max-width: 75% !important; }
.mw-66 {
max-width: 66% !important; }
.mw-50 {
max-width: 50% !important; }
.mw-33 {
max-width: 33% !important; }
.mw-25 {
max-width: 25% !important; }
.mh-75 {
max-height: 75% !important; }
.mh-66 {
max-height: 66% !important; }
.mh-50 {
max-height: 50% !important; }
.mh-33 {
max-height: 33% !important; }
.mh-25 {
max-height: 25% !important; }

36
webroot/css/themes/theme-slate.css
View File

@ -110,6 +110,9 @@
color: #fff;
text-decoration: none;
background-color: #3a3f44; }
.dropdown-item.dropdown-item-primary:hover {
color: #fff;
background-color: #31363a; }
.dropdown-item.dropdown-item-outline-primary:hover {
color: #fff;
@ -119,6 +122,9 @@
color: #fff;
text-decoration: none;
background-color: #7a8288; }
.dropdown-item.dropdown-item-secondary:hover {
color: #fff;
background-color: #686f74; }
.dropdown-item.dropdown-item-outline-secondary:hover {
color: #fff;
@ -128,6 +134,9 @@
color: #fff;
text-decoration: none;
background-color: #62c462; }
.dropdown-item.dropdown-item-success:hover {
color: #fff;
background-color: #53a753; }
.dropdown-item.dropdown-item-outline-success:hover {
color: #fff;
@ -137,6 +146,9 @@
color: #fff;
text-decoration: none;
background-color: #5bc0de; }
.dropdown-item.dropdown-item-info:hover {
color: #fff;
background-color: #4da3bd; }
.dropdown-item.dropdown-item-outline-info:hover {
color: #fff;
@ -146,6 +158,9 @@
color: #fff;
text-decoration: none;
background-color: #f89406; }
.dropdown-item.dropdown-item-warning:hover {
color: #fff;
background-color: #d37e05; }
.dropdown-item.dropdown-item-outline-warning:hover {
color: #fff;
@ -155,6 +170,9 @@
color: #fff;
text-decoration: none;
background-color: #ee5f5b; }
.dropdown-item.dropdown-item-danger:hover {
color: #fff;
background-color: #ca514d; }
.dropdown-item.dropdown-item-outline-danger:hover {
color: #fff;
@ -164,6 +182,9 @@
color: #000;
text-decoration: none;
background-color: #e9ecef; }
.dropdown-item.dropdown-item-light:hover {
color: #000;
background-color: #eceff1; }
.dropdown-item.dropdown-item-outline-light:hover {
color: #000;
@ -173,6 +194,9 @@
color: #fff;
text-decoration: none;
background-color: #272b30; }
.dropdown-item.dropdown-item-dark:hover {
color: #fff;
background-color: #212529; }
.dropdown-item.dropdown-item-outline-dark:hover {
color: #fff;
@ -251,18 +275,30 @@
.mw-75 {
max-width: 75% !important; }
.mw-66 {
max-width: 66% !important; }
.mw-50 {
max-width: 50% !important; }
.mw-33 {
max-width: 33% !important; }
.mw-25 {
max-width: 25% !important; }
.mh-75 {
max-height: 75% !important; }
.mh-66 {
max-height: 66% !important; }
.mh-50 {
max-height: 50% !important; }
.mh-33 {
max-height: 33% !important; }
.mh-25 {
max-height: 25% !important; }

36
webroot/css/themes/theme-vapor.css
View File

@ -110,6 +110,9 @@
color: #fff;
text-decoration: none;
background-color: #6f42c1; }
.dropdown-item.dropdown-item-primary:hover {
color: #fff;
background-color: #5e38a4; }
.dropdown-item.dropdown-item-outline-primary:hover {
color: #fff;
@ -119,6 +122,9 @@
color: #fff;
text-decoration: none;
background-color: #ea39b8; }
.dropdown-item.dropdown-item-secondary:hover {
color: #fff;
background-color: #c7309c; }
.dropdown-item.dropdown-item-outline-secondary:hover {
color: #fff;
@ -128,6 +134,9 @@
color: #fff;
text-decoration: none;
background-color: #3cf281; }
.dropdown-item.dropdown-item-success:hover {
color: #fff;
background-color: #33ce6e; }
.dropdown-item.dropdown-item-outline-success:hover {
color: #fff;
@ -137,6 +146,9 @@
color: #fff;
text-decoration: none;
background-color: #1ba2f6; }
.dropdown-item.dropdown-item-info:hover {
color: #fff;
background-color: #178ad1; }
.dropdown-item.dropdown-item-outline-info:hover {
color: #fff;
@ -146,6 +158,9 @@
color: #fff;
text-decoration: none;
background-color: #ffc107; }
.dropdown-item.dropdown-item-warning:hover {
color: #fff;
background-color: #d9a406; }
.dropdown-item.dropdown-item-outline-warning:hover {
color: #fff;
@ -155,6 +170,9 @@
color: #fff;
text-decoration: none;
background-color: #e44c55; }
.dropdown-item.dropdown-item-danger:hover {
color: #fff;
background-color: #c24148; }
.dropdown-item.dropdown-item-outline-danger:hover {
color: #fff;
@ -164,6 +182,9 @@
color: #fff;
text-decoration: none;
background-color: #44d9e8; }
.dropdown-item.dropdown-item-light:hover {
color: #fff;
background-color: #3ab8c5; }
.dropdown-item.dropdown-item-outline-light:hover {
color: #fff;
@ -173,6 +194,9 @@
color: #fff;
text-decoration: none;
background-color: #170229; }
.dropdown-item.dropdown-item-dark:hover {
color: #fff;
background-color: #140223; }
.dropdown-item.dropdown-item-outline-dark:hover {
color: #fff;
@ -255,18 +279,30 @@
.mw-75 {
max-width: 75% !important; }
.mw-66 {
max-width: 66% !important; }
.mw-50 {
max-width: 50% !important; }
.mw-33 {
max-width: 33% !important; }
.mw-25 {
max-width: 25% !important; }
.mh-75 {
max-height: 75% !important; }
.mh-66 {
max-height: 66% !important; }
.mh-50 {
max-height: 50% !important; }
.mh-33 {
max-height: 33% !important; }
.mh-25 {
max-height: 25% !important; }

19
webroot/theme/scss/additional/bootstrap-additional.scss
View File

@ -50,6 +50,11 @@ $toast-color-level: 70% !default;
color: color-contrast($value);
text-decoration: none;
background-color: $value;
&:hover {
color: color-contrast($value);
background-color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $btn-hover-bg-shade-amount), tint-color($value, $btn-hover-bg-tint-amount))
}
}
&.dropdown-item-outline-#{$color} {
@ -135,19 +140,31 @@ $toast-color-level: 70% !default;
// );
.mw-75 {
max-width: 75% !important;
}
}
.mw-66 {
max-width: 66% !important;
}
.mw-50 {
max-width: 50% !important;
}
.mw-33 {
max-width: 33% !important;
}
.mw-25 {
max-width: 25% !important;
}
.mh-75 {
max-height: 75% !important;
}
.mh-66 {
max-height: 66% !important;
}
.mh-50 {
max-height: 50% !important;
}
.mh-33 {
max-height: 33% !important;
}
.mh-25 {
max-height: 25% !important;
}