Congegni/barebones
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

General updates

Browse source
This commit is contained in:
Pedro Reis 2015-10-14 14:58:18 +01:00
parent 075200a59b
commit e119dbab5a
6 changed files with 86 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

49
assets/sass/components/_buttons.scss
View file

@ -1,24 +1,41 @@
.btn {
background-color: $base-colour;
color: $base-background-colour;
display: inline-block;
height: ($base-spacing-unit * 1.5);
line-height: ($base-spacing-unit * 1.5);
padding: 0 $base-spacing-unit;
text-align: center;
width: auto;
&::-moz-focus-inner {
border: 0;
padding: 0;
}
background-color: $brand-colour;
color: $base-background-colour;
border: 1px solid transparent;
display: inline-block;
padding: ($base-spacing-unit / 4) $base-spacing-unit;
text-align: center;
width: auto;
transition: all .5s;
&::-moz-focus-inner {
border: 0;
padding: 0;
}
&:hover {
text-decoration: none;
background-color: $base-background-colour;
color: $brand-colour;
border: 1px solid $brand-colour;
}
}
.btn--inverse {
background-color: $base-background-colour;
color: $brand-colour;
border: 1px solid $brand-colour;
&:hover {
background-color: $brand-colour;
color: $base-background-colour;
border: 1px solid transparent;
}
}
.btn--block {
display: block;
width: 100%;
display: block;
width: 100%;
}
.btn--link {
background-color: transparent;
color: $base-colour;
background-color: transparent;
color: $brand-colour;
}