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

adding texture to jumbotrons

Browse Source
This commit is contained in:
davegandy 2013-10-13 12:31:01 -04:00
parent 0aaca52b2b
commit 336ca1586a
3 changed files with 24 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/grain-tm400.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

46
src/assets/less/site/bootstrap/jumbotron.less
View File

@ -1,29 +1,29 @@
.jumbotron { .jumbotron {
background-color: @jumbotron-bg; background-color: lighten(@jumbotron-bg, 1.5%);
// #gradient > .directional(@jumbotron-bg, mix(@jumbotron-bg, @jumbotron-bg-dark, 0%), -40deg); // #gradient > .directional(@jumbotron-bg, mix(@jumbotron-bg, @jumbotron-bg-dark, 0%), -40deg);
border-top: 1px solid mix(@jumbotron-bg, @jumbotron-text, 90%); border-top: 1px solid mix(@jumbotron-bg, @jumbotron-text, 90%);
border-bottom: 1px solid @jumbotron-border; border-bottom: 1px solid @jumbotron-border;
margin-bottom: 0; margin-bottom: 0;
&, h1 { color: @jumbotron-text; } &, h1 { color: @jumbotron-text; }
padding: 60px 0 40px; padding: 50px 0 40px;
position: relative; position: relative;
// &:after { &:after {
// content: ''; content: '';
// display: block; display: block;
// position: absolute; position: absolute;
// top: 0; top: 0;
// right: 0; right: 0;
// bottom: 0; bottom: 0;
// left: 0; left: 0;
// background: url(../img/houndstooth.svg); background: url(../img/grain-tm400.png);
// background-size: 50px 50px; // background-size: 600px 600px;
// opacity: .5; opacity: .15;
// } }
// .container { .container {
// position: relative; position: relative;
// z-index: 2; z-index: 2;
// } }
h1 { h1 {
font-size: 80px; font-size: 80px;
@ -45,12 +45,12 @@
} }
.jumbotron-icon { .jumbotron-icon {
padding: 20px 0 30px; padding: 30px 0 25px;
#gradient > .directional(@gray-lighter, mix(@gray-lighter, @gray-light, 90%), -40deg); background-color: @gray-lighter;
color: @gray-darker; color: @gray-darker;
&, h1 { text-shadow: 1px 1px 1px #fff; } &, h1 { text-shadow: 0 1px 0 #fff; }
border-bottom: solid 1px mix(@gray-light, @gray-lighter, 50%); border-bottom-color: mix(@gray-light, @gray-lighter, 25%);
border-top-color: mix(#fff, @gray-lighter, 50%);
h1 { h1 {
color: @gray-darker; color: @gray-darker;
font-size: 40px; font-size: 40px;

1
src/assets/less/site/jumbotron-carousel.less
View File

@ -1,5 +1,6 @@
#icon-carousel { #icon-carousel {
@size: 220px; @size: 220px;
margin-top: @buffer-md;
font-size: @size; font-size: @size;
text-align: center; text-align: center;
line-height: @size + 5; line-height: @size + 5;