mirror/chota
1
0
Fork 0
mirror of https://github.com/jenil/chota.git synced 2023-08-10 21:13:07 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #20 from lordvlad/master

Browse Source 
make outlined buttons the same size as their non-outlined counterpart
This commit is contained in:
Jenil Gogari 2018-11-09 11:31:26 -05:00 committed by GitHub
commit dbb16bb784
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
dist/chota.css vendored
View File

@ -399,18 +399,22 @@ button[disabled]:hover {
} }
.button.outline { .button.outline {
background-color: transparent; background-color: transparent;
border: 1px solid var(--color-lightGrey); -webkit-box-shadow: inset 0 0 0 1px var(--color-lightGrey);
box-shadow: inset 0 0 0 1px var(--color-lightGrey);
} }
.button.outline.primary { .button.outline.primary {
border-color: var(--color-primary); -webkit-box-shadow: inset 0 0 0 1px var(--color-primary);
box-shadow: inset 0 0 0 1px var(--color-primary);
color: var(--color-primary); color: var(--color-primary);
} }
.button.outline.secondary { .button.outline.secondary {
border-color: var(--color-grey); -webkit-box-shadow: inset 0 0 0 1px var(--color-grey);
box-shadow: inset 0 0 0 1px var(--color-grey);
color: var(--color-grey); color: var(--color-grey);
} }
.button.outline.dark { .button.outline.dark {
border-color: var(--color-darkGrey); -webkit-box-shadow: inset 0 0 0 1px var(--color-darkGrey);
box-shadow: inset 0 0 0 1px var(--color-darkGrey);
color: var(--color-darkGrey); color: var(--color-darkGrey);
} }
.button.clear { .button.clear {

2
dist/chota.min.css vendored
View File

File diff suppressed because one or more lines are too long

8
src/_form.css
View File

@ -148,21 +148,21 @@ button[disabled]:hover {
.button.outline { .button.outline {
background-color: transparent; background-color: transparent;
border: 1px solid var(--color-lightGrey); box-shadow: inset 0 0 0 1px var(--color-lightGrey);
} }
.button.outline.primary { .button.outline.primary {
border-color: var(--color-primary); box-shadow: inset 0 0 0 1px var(--color-primary);
color: var(--color-primary); color: var(--color-primary);
} }
.button.outline.secondary { .button.outline.secondary {
border-color: var(--color-grey); box-shadow: inset 0 0 0 1px var(--color-grey);
color: var(--color-grey); color: var(--color-grey);
} }
.button.outline.dark { .button.outline.dark {
border-color: var(--color-darkGrey); box-shadow: inset 0 0 0 1px var(--color-darkGrey);
color: var(--color-darkGrey); color: var(--color-darkGrey);
} }