FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2024-12-28 22:41:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

thowing in a gradient to jumbotron on icon pages.

Browse Source
This commit is contained in:
davegandy 2013-05-02 23:27:59 -04:00
parent aa831d4010
commit 2a747012bc
3 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
build/_layouts/icon.html
View File

@ -9,7 +9,7 @@ title_prefix: Font Awesome Icons
<i class="icon-{{ page.icon['id'] }} icon-5"></i>&nbsp;&nbsp; <i class="icon-{{ page.icon['id'] }} icon-5"></i>&nbsp;&nbsp;
<i class="icon-{{ page.icon['id'] }} icon-4"></i>&nbsp;&nbsp; <i class="icon-{{ page.icon['id'] }} icon-4"></i>&nbsp;&nbsp;
<i class="icon-{{ page.icon['id'] }} icon-3"></i>&nbsp;&nbsp; <i class="icon-{{ page.icon['id'] }} icon-3"></i>&nbsp;&nbsp;
<i class="icon-{{ page.icon['id'] }} icon-2"></i>&nbsp;&nbsp; <i class="icon-{{ page.icon['id'] }} icon-2"></i>&nbsp;
<i class="icon-{{ page.icon['id'] }} icon-1"></i> <i class="icon-{{ page.icon['id'] }} icon-1"></i>
</div> </div>
<h1 class="info-class"> <h1 class="info-class">

7
build/assets/css/site.css
View File

@ -5385,7 +5385,12 @@ h6 {
} }
.jumbotron-icon { .jumbotron-icon {
padding: 20px 0 30px; padding: 20px 0 30px;
background-color: #eeeeee; background-color: #e6e6e6;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(-40deg, #eeeeee, #e6e6e6);
background-image: -webkit-linear-gradient(-40deg, #eeeeee, #e6e6e6);
background-image: -o-linear-gradient(-40deg, #eeeeee, #e6e6e6);
background-image: linear-gradient(-40deg, #eeeeee, #e6e6e6);
color: #222222; color: #222222;
text-shadow: 1px 1px 1px #ffffff; text-shadow: 1px 1px 1px #ffffff;
border-bottom: solid 1px #c4c4c4; border-bottom: solid 1px #c4c4c4;

10
build/assets/less/site.less
View File

@ -126,7 +126,7 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
.jumbotron-icon { .jumbotron-icon {
padding: 20px 0 30px; padding: 20px 0 30px;
background-color: @grayLighter; #gradient > .directional(@grayLighter, mix(@grayLighter, @grayLight, 90%), -40deg);
color: @grayDarker; color: @grayDarker;
text-shadow: 1px 1px 1px @white; text-shadow: 1px 1px 1px @white;
border-bottom: solid 1px mix(@grayLight, @grayLighter, 50%); border-bottom: solid 1px mix(@grayLight, @grayLighter, 50%);
@ -134,7 +134,6 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
h1 { h1 {
color: @grayDarker; color: @grayDarker;
font-size: 40px; font-size: 40px;
// margin: 25px 0 20px;
small { small {
letter-spacing: normal; letter-spacing: normal;
font-family: @sansFontFamily; font-family: @sansFontFamily;
@ -143,13 +142,6 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
} }
} }
.info-icons {
// margin-top: 10px;
// text-align: center;
}
.info-class {
}
.info-details { .info-details {
float: left; float: left;
p { p {