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 {
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 {
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);
}
.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);
}
.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);
}
.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 {
background-color: transparent;
border: 1px solid var(--color-lightGrey);
box-shadow: inset 0 0 0 1px var(--color-lightGrey);
}
.button.outline.primary {
border-color: var(--color-primary);
box-shadow: inset 0 0 0 1px var(--color-primary);
color: var(--color-primary);
}
.button.outline.secondary {
border-color: var(--color-grey);
box-shadow: inset 0 0 0 1px var(--color-grey);
color: var(--color-grey);
}
.button.outline.dark {
border-color: var(--color-darkGrey);
box-shadow: inset 0 0 0 1px var(--color-darkGrey);
color: var(--color-darkGrey);
}