gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

outline buttons

Browse Source
This commit is contained in:
Sahat Yalkabov
2013-12-05 12:18:14 -05:00
parent 16db8e3961
commit 0d22d7f357
1 changed files with 76 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
public/css/ios7.less
View File

@ -14,6 +14,7 @@ html {
height: 100%; height: 100%;
} }
[class^="fa-"], [class^="fa-"],
[class*="fa-"] { [class*="fa-"] {
margin-right: 10px; margin-right: 10px;
@ -23,7 +24,7 @@ a {
color: #007aff; color: #007aff;
&:hover { &:hover {
color: #666666; color: #0062cc;
text-decoration: none; text-decoration: none;
} }
} }
@ -63,6 +64,10 @@ a {
.navbar-brand { .navbar-brand {
color: #007aff; color: #007aff;
&:hover {
color: #0062cc;
}
} }
.navbar-nav { .navbar-nav {
> li > a { > li > a {
@ -241,6 +246,10 @@ nav-tabs > li > a > [class*="icon-"] {
} }
} }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
background-color: #007aff;
}
// Buttons ==================================================================== // Buttons ====================================================================
.btn { .btn {
@ -327,16 +336,75 @@ nav-tabs > li > a > [class*="icon-"] {
} }
} }
.btn-magenta { .btn-default-outline {
background: #d94084; color: #999;
border-color: #d94084; border: 1px solid #bbb;
color: #fff; background: transparent;
&:hover, &:hover,
&.active { &.active {
background: #bbb;
color: #fff;
}
}
.btn-primary-outline {
color: #007aff;
border: 1px solid #007aff;
background: transparent; background: transparent;
color: #d94084;
border-color: #d94084; &:hover,
&.active {
background: #007aff;
color: #fff;
}
}
.btn-success-outline {
color: #60c560;
border: 1px solid #60c560;
background: transparent;
&:hover,
&.active {
background: #60c560;
color: #fff;
}
}
.btn-info-outline {
color: #5bc0de;
border: 1px solid #5bc0de;
background: transparent;
&:hover,
&.active {
background: #5bc0de;
color: #fff;
}
}
.btn-warning-outline {
color: #f0ad4e;
border: 1px solid #f0ad4e;
background: transparent;
&:hover,
&.active {
background: #f0ad4e;
color: #fff;
}
}
.btn-danger-outline {
color: #d9534f;
border: 1px solid #d9534f;
background: transparent;
&:hover,
&.active {
background: #d9534f;
color: #fff;
} }
} }