library-mirrors/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2024-11-20 11:14:28 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

tweaking responsive

Browse Source
This commit is contained in:
davegandy 2013-10-15 21:05:26 -04:00
parent 2cc98a5c31
commit b107e159d4
6 changed files with 30 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/_includes/jumbotron-carousel.html
View File

@ -33,7 +33,7 @@
<div class="item"><div><i class="fa-icon fa-icon-book"></i></div></div> <div class="item"><div><i class="fa-icon fa-icon-book"></i></div></div>
<div class="item"><div><i class="fa-icon fa-icon-fighter-jet"></i></div></div> <div class="item"><div><i class="fa-icon fa-icon-fighter-jet"></i></div></div>
<div class="item"><div><i class="fa-icon fa-icon-beer"></i></div></div> <div class="item"><div><i class="fa-icon fa-icon-beer"></i></div></div>
<div class="item"><div><i class="fa-icon fa-icon-heart-empty"></i></div></div> <div class="item"><div><i class="fa-icon fa-icon-heart-alt"></i></div></div>
<div class="item"><div><i class="fa-icon fa-icon-thumbs-up-alt"></i></div></div> <div class="item"><div><i class="fa-icon fa-icon-thumbs-up-alt"></i></div></div>
</div> </div>
<!-- Carousel nav --> <!-- Carousel nav -->

2
src/assets/less/site/bootstrap/navbar.less
View File

@ -15,3 +15,5 @@
&.dropdown-split-right > a { padding-left: 7px; } &.dropdown-split-right > a { padding-left: 7px; }
&.dropdown-split-left > a { padding-right: 0; } &.dropdown-split-left > a { padding-right: 0; }
} }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: @jumbotron-border; }

4
src/assets/less/site/bootstrap/variables.less
View File

@ -109,6 +109,10 @@
@navbar-inverse-link-hover-color: #fff; @navbar-inverse-link-hover-color: #fff;
@navbar-inverse-link-active-bg: @navbar-inverse-border; @navbar-inverse-link-active-bg: @navbar-inverse-border;
// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg: @jumbotron-bg-dark;
@navbar-inverse-toggle-icon-bar-bg: #fff;
@navbar-inverse-toggle-border-color: #fff;
//@brand-primary: @blue-dark; //@brand-primary: @blue-dark;
//@brand-success: @green; //@brand-success: @green;

2
src/assets/less/site/fontawesome-icon-list.less
View File

@ -20,7 +20,7 @@
} }
&:hover { &:hover {
background-color: mix(@jumbotron-bg, #fff, 15%); background-color: mix(@jumbotron-bg, #fff, 12%);
text-decoration: none; text-decoration: none;
.fa-icon { .fa-icon {
*font-size: 28px; *font-size: 28px;

24
src/assets/less/site/responsive/screen-lg.less
View File

@ -1,22 +1,24 @@
@media (min-width: @screen-lg) { @media (min-width: @screen-lg) {
#icon-carousel { #icon-carousel {
@size: 290px; @size: 240px;
font-size: @size; font-size: @size;
line-height: @size + 5; line-height: @size + 5;
.carousel-control { margin-top: @buffer-lg;
top: @size + 10px; }
.square(30px);
font-size: 40px; .carousel-control {
line-height: 35px; top: @size + 25px;
left: 370/2 - 45px; .square(30px);
&.right { font-size: 40px;
right: 370/2 - 45px; line-height: 35px;
} left: 370/2 - 42px;
&.right {
right: 370/2 - 42px;
} }
} }
.jumbotron-ad { .jumbotron-ad {
padding: 65px 0 50px; padding: 50px 0;
h1 { h1 {
margin-top: 25px; margin-top: 25px;
font-size: 90px; font-size: 90px;

18
src/assets/less/site/responsive/screen-sm.less
View File

@ -3,25 +3,25 @@
@size: 200px; @size: 200px;
font-size: @size; font-size: @size;
line-height: @size + 5; line-height: @size + 5;
.carousel-control { }
top: @size + 10px; .carousel-control {
.square(30px); top: @size - 10px;
left: 228/2 - 40px; .square(30px);
&.right { left: 228/2 - 36px;
right: 228/2 - 40px; &.right {
} right: 228/2 - 36px;
} }
} }
.jumbotron-carousel { .jumbotron-carousel {
padding: 50px 0; padding: 50px 0;
h1 { font-size: 65px; } h1 { font-size: 65px; }
p { font-size: 25px; } p { font-size: 23px; }
.shameless-self-promotion { font-size: 12px; } .shameless-self-promotion { font-size: 12px; }
} }
.jumbotron-ad { .jumbotron-ad {
p { font-size: 28px; } p { font-size: 24px; }
} }
.jumbotron-icon { .jumbotron-icon {