Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-13 13:54:23 +00:00
Code Issues Actions Projects Releases Wiki Activity

Customization of buttons :

Browse Source 
- new bt-show and bt-new classes
- add margin-right after i inside sc-button
This commit is contained in:
Julien Fastré 2016-11-15 21:49:33 +01:00
parent 5fd6aa95e5
commit 38ed02b514
4 changed files with 23 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
Resources/bower.json
View File

@ -14,5 +14,8 @@
"select2": "~3.5.2", "select2": "~3.5.2",
"jquery": "~2.1.1" "jquery": "~2.1.1"
}, },
"license": "MIT" "license": "MIT",
"dependencies": {
"font-awesome": "~4.7.0"
}
} }

22
Resources/public/css/scratch.css
View File

@ -4195,7 +4195,7 @@ textarea {
.sc-button.white[disabled]:hover { .sc-button.white[disabled]:hover {
box-shadow: none; } box-shadow: none; }
.sc-button.bt-submit, .sc-button.bt-create { .sc-button.bt-submit, .sc-button.bt-create, .sc-button.bt-new {
color: #fff; color: #fff;
background: #43b29d; background: #43b29d;
border: medium none; border: medium none;
@ -4211,16 +4211,16 @@ textarea {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; } border-bottom-right-radius: 0; }
.sc-button.bt-submit:hover, .sc-button.bt-submit:active, .sc-button.bt-create:hover, .sc-button.bt-create:active { .sc-button.bt-submit:hover, .sc-button.bt-submit:active, .sc-button.bt-create:hover, .sc-button.bt-create:active, .sc-button.bt-new:hover, .sc-button.bt-new:active {
background: #3c9f8d; background: #3c9f8d;
color: #fff; color: #fff;
text-decoration: none; } text-decoration: none; }
.sc-button.bt-submit:focus, .sc-button.bt-create:focus { .sc-button.bt-submit:focus, .sc-button.bt-create:focus, .sc-button.bt-new:focus {
background: #3c9f8d; } background: #3c9f8d; }
.sc-button.bt-submit[disabled], .sc-button.bt-create[disabled] { .sc-button.bt-submit[disabled], .sc-button.bt-create[disabled], .sc-button.bt-new[disabled] {
background: rgba(67, 178, 157, 0.6); background: rgba(67, 178, 157, 0.6);
color: #358d7c; } color: #358d7c; }
.sc-button.bt-submit[disabled]:hover, .sc-button.bt-create[disabled]:hover { .sc-button.bt-submit[disabled]:hover, .sc-button.bt-create[disabled]:hover, .sc-button.bt-new[disabled]:hover {
box-shadow: none; } box-shadow: none; }
.sc-button.bt-reset, .sc-button.bt-delete { .sc-button.bt-reset, .sc-button.bt-delete {
color: #fff; color: #fff;
@ -4249,7 +4249,7 @@ textarea {
color: #d02525; } color: #d02525; }
.sc-button.bt-reset[disabled]:hover, .sc-button.bt-delete[disabled]:hover { .sc-button.bt-reset[disabled]:hover, .sc-button.bt-delete[disabled]:hover {
box-shadow: none; } box-shadow: none; }
.sc-button.bt-action, .sc-button.bt-edit, .sc-button.bt-update { .sc-button.bt-action, .sc-button.bt-edit, .sc-button.bt-update, .sc-button.bt-show {
color: #fff; color: #fff;
background: #e2793d; background: #e2793d;
border: medium none; border: medium none;
@ -4265,17 +4265,19 @@ textarea {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; } border-bottom-right-radius: 0; }
.sc-button.bt-action:hover, .sc-button.bt-action:active, .sc-button.bt-edit:hover, .sc-button.bt-edit:active, .sc-button.bt-update:hover, .sc-button.bt-update:active { .sc-button.bt-action:hover, .sc-button.bt-action:active, .sc-button.bt-edit:hover, .sc-button.bt-edit:active, .sc-button.bt-update:hover, .sc-button.bt-update:active, .sc-button.bt-show:hover, .sc-button.bt-show:active {
background: #df6a27; background: #df6a27;
color: #fff; color: #fff;
text-decoration: none; } text-decoration: none; }
.sc-button.bt-action:focus, .sc-button.bt-edit:focus, .sc-button.bt-update:focus { .sc-button.bt-action:focus, .sc-button.bt-edit:focus, .sc-button.bt-update:focus, .sc-button.bt-show:focus {
background: #df6a27; } background: #df6a27; }
.sc-button.bt-action[disabled], .sc-button.bt-edit[disabled], .sc-button.bt-update[disabled] { .sc-button.bt-action[disabled], .sc-button.bt-edit[disabled], .sc-button.bt-update[disabled], .sc-button.bt-show[disabled] {
background: rgba(226, 121, 61, 0.6); background: rgba(226, 121, 61, 0.6);
color: #cd5e1f; } color: #cd5e1f; }
.sc-button.bt-action[disabled]:hover, .sc-button.bt-edit[disabled]:hover, .sc-button.bt-update[disabled]:hover { .sc-button.bt-action[disabled]:hover, .sc-button.bt-edit[disabled]:hover, .sc-button.bt-update[disabled]:hover, .sc-button.bt-show[disabled]:hover {
box-shadow: none; } box-shadow: none; }
.sc-button > i.fa {
margin-right: 0.5em; }
/* Tabs */ /* Tabs */
.tab-nav { .tab-nav {

2
Resources/public/css/scratch.css.map
View File

File diff suppressed because one or more lines are too long

8
Resources/public/sass/custom/modules/_buttons.scss
View File

@ -1,5 +1,5 @@
.sc-button { .sc-button {
&.bt-submit, &.bt-create { &.bt-submit, &.bt-create, &.bt-new {
@include button($green, $white); @include button($green, $white);
} }
@ -7,7 +7,11 @@
@include button($red, $white); @include button($red, $white);
} }
&.bt-action, &.bt-edit, &.bt-update { &.bt-action, &.bt-edit, &.bt-update, &.bt-show {
@include button($orange, $white); @include button($orange, $white);
} }
> i.fa {
margin-right: 0.5em;
}
} }