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-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-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>
<!-- 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-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-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-success: @green;

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

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

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

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

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

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