FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2024-10-23 06:36:33 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixing responsive phone

Browse Source
This commit is contained in:
davegandy 2013-06-11 20:33:08 -04:00
parent 1ff3646a43
commit 0f5fd63a5c
9 changed files with 48 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/_includes/footer.html
View File

@ -3,11 +3,10 @@
<div>
<i class="icon-flag"></i> Font Awesome {{ site.fontawesome.version }}
<span class="hidden-phone">&middot;</span><br class="visible-phone">
Created and Maintained by Dave Gandy &middot;
<a href="http://twitter.com/byscuits">@byscuits</a>
Created and Maintained by <a href="http://twitter.com/byscuits">Dave Gandy</a>
</div>
<div>
Font Awesome font licensed under <a href="{{ site.fontawesome.license.font.url }}">{{ site.fontawesome.license.font.version }}</a>
Font Awesome licensed under <a href="{{ site.fontawesome.license.font.url }}">{{ site.fontawesome.license.font.version }}</a>
<span class="hidden-phone">&middot;</span><br class="visible-phone">
Code licensed under <a href="{{ site.fontawesome.license.code.url }}">{{ site.fontawesome.license.code.version }}</a>
<span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">

10
src/_includes/get-started.html
View File

@ -52,7 +52,15 @@
<p>Use this method to customize Font Awesome and Bootstrap {{ site.bootstrap.version }} using LESS.</p>
<ol>
<li>Copy the <code>font-awesome</code> directory into your project.</li>
<li>Open bootstrap.less and replace <code>@import "sprites.less";</code> with <code>@import "path/to/font-awesome/less/font-awesome.less";</code></li>
<li>Open bootstrap.less and replace
{% highlight html %}
@import "sprites.less";
{% endhighlight %}
with
{% highlight html %}
@import "path/to/font-awesome/less/font-awesome.less";
{% endhighlight %}
</li>
<li>
Open your project's font-awesome.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory.
{% highlight html %}

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

@ -16,7 +16,7 @@
<a href="{{ site.fontawesome.github.url }}"
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
GitHub Project</a> &nbsp;&nbsp;&middot;&nbsp;&nbsp;
Version {{ site.fontawesome.version }} <span class="hidden-phone">&nbsp;&nbsp;&middot;&nbsp;&nbsp;</span><br class="visible-phone">
Version {{ site.fontawesome.version }} &nbsp;&nbsp;&middot;&nbsp;&nbsp;
Created &amp; Maintained by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a>
</div>
</div>

2
src/_includes/license.html
View File

@ -11,7 +11,7 @@
<ul class="icons-ul margin-bottom-none">
<li>
<i class="icon-li icon-info-sign icon-large"></i>Attribution is no longer required as of Font Awesome 3.0 but is much appreciated:
<code>Font Awesome by Dave Gandy - http://fontawesome.io</code>.
"Font Awesome by Dave Gandy - http://fontawesome.io".
</li>
</ul>
</div>

2
src/_includes/stripe-social.html
View File

@ -10,7 +10,7 @@
<li class="follow-btn">
<a href="https://twitter.com/{{ site.fontawesome.twitter }}" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @{{ site.fontawesome.twitter }}</a>
</li>
<li class="tweet-btn">
<li class="tweet-btn hidden-phone">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="{{ site.fontawesome.url }}" data-text="Font Awesome, the iconic font designed for Bootstrap" data-counturl="{{ site.fontawesome.legacy_url }}" data-count="horizontal" data-via="{{ site.fontawesome.twitter }}" data-related="{{ site.fontawesome.author.twitter }}:Creator of Font Awesome">Tweet</a>
</li>
</ul>

3
src/_layouts/base.html
View File

@ -9,8 +9,9 @@
================================================== -->
<meta charset="utf-8" />
<title>{% if page.title %}{{ page.title }}{% endif %}</title>
<meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap">
<meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
<meta name="author" content="Dave Gandy">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
<!--[if lt IE 9]>

BIN
src/assets/font-awesome/font/FontAwesome.otf
View File

Binary file not shown.

34
src/assets/less/responsive-767px-max.less
View File

@ -12,22 +12,24 @@
}
#iconCarousel {
@size: 220px;
width: 352px;
@size: 180px;
font-size: @size;
line-height: @size;
width: 280px;
margin: 30px auto 0;
.carousel-control {
top: @size / 2;
.square(44px);
font-size: 44px;
line-height: 44px;
left: 0;
&.right { right: 0; }
left: -7px;
&.right { right: -7px; }
}
}
.jumbotron-index {
h1 { font-size: 50px; }
p { font-size: 20px; }
h1 { font-size: 58px; }
p { font-size: 24px; }
.btn-large {
font-size: 20px;
padding: 14px 26px;
@ -36,15 +38,16 @@
}
.jumbotron-ad {
h1 { font-size: 48px; }
h1 { font-size: 39px; }
p {
font-size: 24px;
font-size: 20px;
margin-bottom: 20px;
}
}
.jumbotron-icon {
.icon-1, .icon-2, .icon-3, .icon-4, .icon-5, .icon-6 { margin-right: 0; }
.icon-6 { font-size: 16em; }
h1 small {
display: block;
margin-top: 15px;
@ -57,6 +60,21 @@
margin: 0 0 30px;
}
#carbonads-container {
margin-right: -20px;
margin-left: -20px;
.carbonad {
width: 100%;
height: 120px;
border-right: none;
border-left: none;
}
}
#azcarbon {
width: 300px;
margin: 0 auto;
}
.sticky-footer(170px, 40px, 40px, 60px); // sets default values for sticky footer
.footer {
padding-left: 20px;

12
src/assets/less/site.less
View File

@ -166,12 +166,12 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
.icon-1, .icon-2, .icon-3, .icon-4, .icon-5, .icon-6 { margin-right: 1/14em; }
}
.info-ad {
float: right;
width: 154px;
height: 219px;
margin-left: 15px;
}
//.info-ad {
// float: right;
// width: 154px;
// height: 219px;
// margin-left: 15px;
//}
.stripe-ad {
margin-bottom: 22px;