mirror of
https://github.com/codeguy/php-the-right-way.git
synced 2025-08-04 21:17:29 +02:00
Implement redesign first stage
This commit is contained in:
Josh Lockhart
1
.gitignore
vendored
1
.gitignore
vendored
@@ -1,2 +1,3 @@
|
||||
/_site/
|
||||
*.DS_Store
|
||||
node_modules
|
||||
|
||||
47
Gruntfile.js
Normal file
47
Gruntfile.js
Normal file
@@ -0,0 +1,47 @@
|
||||
module.exports = function(grunt) {
|
||||
// Project configuration
|
||||
grunt.initConfig({
|
||||
pkg: grunt.file.readJSON('package.json'),
|
||||
less: {
|
||||
dist: {
|
||||
options: {
|
||||
cleancss: true,
|
||||
ieCompat: true
|
||||
},
|
||||
files: {
|
||||
"css/all.css": "less/all.less"
|
||||
}
|
||||
}
|
||||
},
|
||||
postcss: {
|
||||
options: {
|
||||
map: true,
|
||||
processors: [
|
||||
require('autoprefixer')({
|
||||
browsers: ['last 2 versions', 'ie 9']
|
||||
})
|
||||
]
|
||||
},
|
||||
dist: {
|
||||
src: 'css/all.css'
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
less: {
|
||||
files: ['less/**/*.less'],
|
||||
tasks: ['less:dist', 'postcss:dist'],
|
||||
options: {
|
||||
spawn: false
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Load plugins
|
||||
grunt.loadNpmTasks('grunt-contrib-less');
|
||||
grunt.loadNpmTasks('grunt-contrib-watch');
|
||||
grunt.loadNpmTasks('grunt-postcss');
|
||||
|
||||
// Default task(s)
|
||||
grunt.registerTask('default', ['less', 'postcss:dist']);
|
||||
};
|
||||
@@ -12,10 +12,7 @@
|
||||
<meta property="og:site_name" content="PHP: The Right Way"/>
|
||||
<meta property="og:type" content="website"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
||||
<link href='//fonts.googleapis.com/css?family=Alfa+Slab+One|Droid+Serif:400,700' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}styles/all.css"/>
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}styles/print.css" media="print, handheld"/>
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}styles/syntax.css"/>
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}css/all.css"/>
|
||||
<link rel="icon" href="{{ site.baseurl }}images/favicon.png" type="image/png"/>
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
@@ -29,8 +26,18 @@
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="site-navigation">
|
||||
<header class="site-header">
|
||||
<h1><a href="/">PHP <em>The Right Way</em></a></h1>
|
||||
<div class="build-date">Last Updated: {{ site.time }}</div>
|
||||
<div class="share">
|
||||
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.phptherightway.com/" data-size="large" data-hashtags="php">Tweet</a>
|
||||
</div>
|
||||
<a class="fork-me" href="https://github.com/codeguy/php-the-right-way" target="_blank">
|
||||
<img src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"/>
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav class="site-navigation">
|
||||
<ul>
|
||||
<li><a href="/#site-header">Welcome</a>
|
||||
<ul>
|
||||
@@ -59,50 +66,31 @@
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/#site-footer">Credits</a></li>
|
||||
<li><a href="/#credits">Credits</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="site-content">
|
||||
|
||||
<a class="fork-me" href="https://github.com/codeguy/php-the-right-way">
|
||||
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub">
|
||||
</a>
|
||||
|
||||
<header class="site-header" id="site-header">
|
||||
<hgroup>
|
||||
<h1 class="site-title"><a href="/">PHP</a></h1>
|
||||
<h2 class="site-slogan">The Right Way.</h2>
|
||||
</hgroup>
|
||||
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.phptherightway.com/" data-size="large" data-hashtags="php">Tweet</a>
|
||||
</header>
|
||||
<div class="site-content chapters">
|
||||
{{ content }}
|
||||
<div id="site-footer">
|
||||
<h1 id="site-footer_title">Credits</h1>
|
||||
<footer class="site-footer" id="site-footer">
|
||||
<h2 class="epsilon">Created and maintained by</h2>
|
||||
<ul>
|
||||
<li><a href="http://twitter.com/codeguy">Josh Lockhart</a></li>
|
||||
</ul>
|
||||
<h2 class="epsilon">Project collaborators</h2>
|
||||
<ul>
|
||||
<li><a href="http://krisjordan.com/">Kris Jordan</a></li>
|
||||
<li><a href="http://philsturgeon.co.uk/">Phil Sturgeon</a></li>
|
||||
</ul>
|
||||
<h2 class="epsilon">Project contributors</h2>
|
||||
<div id="contributors">Loading…</div>
|
||||
<h2 class="epsilon">Project sponsors</h2>
|
||||
<ul class="mbd">
|
||||
<li><a href="http://www.newmediacampaigns.com">New Media Campaigns</a></li>
|
||||
</ul>
|
||||
<p>
|
||||
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="//i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type">PHP: The Right Way</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.twitter.com/codeguy" property="cc:attributionName" rel="cc:attributionURL">Josh Lockhart</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License</a>.<br />Based on a work at <a xmlns:dct="http://purl.org/dc/terms/" href="http://www.phptherightway.com" rel="dct:source">www.phptherightway.com</a>.
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="site-footer" id="credits">
|
||||
<h2>Created and maintained by</h2>
|
||||
<ul>
|
||||
<li><a href="http://joshlockhart.com" target="_blank">Josh Lockhart</a></li>
|
||||
<li><a href="http://philsturgeon.co.uk/" target="_blank">Phil Sturgeon</a></li>
|
||||
<li><a href="https://github.com/codeguy/php-the-right-way/graphs/contributors" target="_blank">Project Contributors</a></li>
|
||||
</ul>
|
||||
<div class="license">
|
||||
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="//i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" /></a>
|
||||
<br />
|
||||
<span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type">PHP: The Right Way</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://joshlockhart.com" property="cc:attributionName" rel="cc:attributionURL">Josh Lockhart</a>
|
||||
<br/>
|
||||
is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License</a>.<br />Based on a work at <a xmlns:dct="http://purl.org/dc/terms/" href="http://www.phptherightway.com" rel="dct:source">www.phptherightway.com</a>.
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Twitter -->
|
||||
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
|
||||
<script src="/scripts/setup.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -12,9 +12,7 @@
|
||||
<meta property="og:site_name" content="PHP: The Right Way"/>
|
||||
<meta property="og:type" content="website"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
||||
<link href='//fonts.googleapis.com/css?family=Alfa+Slab+One|Droid+Serif:400,700' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}styles/all.css"/>
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}styles/syntax.css"/>
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}css/all.css"/>
|
||||
<link rel="icon" href="{{ site.baseurl }}images/favicon.png" type="image/png"/>
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
@@ -28,23 +26,38 @@
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="interior-site-header">
|
||||
<div class="site-title"><a href="/">PHP</a></div>
|
||||
<div class="site-slogan">The Right Way.</div>
|
||||
<a class="btn btn-h" href="/">Return to Main Page</a>
|
||||
<a class="fork-me" href="https://github.com/codeguy/php-the-right-way">
|
||||
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub">
|
||||
<header class="site-header">
|
||||
<h1><a href="/">PHP <em>The Right Way</em></a></h1>
|
||||
<div class="build-date">Last Updated: {{ site.time }}</div>
|
||||
<div class="share">
|
||||
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.phptherightway.com/" data-size="large" data-hashtags="php">Tweet</a>
|
||||
</div>
|
||||
<a class="fork-me" href="https://github.com/codeguy/php-the-right-way" target="_blank">
|
||||
<img src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"/>
|
||||
</a>
|
||||
</header>
|
||||
<div class="interior-site-content">
|
||||
<div class="pbh"><em>You are reading extended content about…</em></div>
|
||||
|
||||
<div class="site-content">
|
||||
{{ content }}
|
||||
<a href="/">Return to Main Page</a>
|
||||
<footer class="site-footer" id="site-footer">
|
||||
<p>
|
||||
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="//i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type">PHP: The Right Way</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.twitter.com/codeguy" property="cc:attributionName" rel="cc:attributionURL">Josh Lockhart</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License</a>.<br />Based on a work at <a xmlns:dct="http://purl.org/dc/terms/" href="http://www.phptherightway.com" rel="dct:source">www.phptherightway.com</a>.
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<footer class="site-footer" id="credits">
|
||||
<h2>Created and maintained by</h2>
|
||||
<ul>
|
||||
<li><a href="http://joshlockhart.com" target="_blank">Josh Lockhart</a></li>
|
||||
<li><a href="http://philsturgeon.co.uk/" target="_blank">Phil Sturgeon</a></li>
|
||||
<li><a href="https://github.com/codeguy/php-the-right-way/graphs/contributors" target="_blank">Project Contributors</a></li>
|
||||
</ul>
|
||||
<div class="license">
|
||||
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="//i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" /></a>
|
||||
<br />
|
||||
<span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type">PHP: The Right Way</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://joshlockhart.com" property="cc:attributionName" rel="cc:attributionURL">Josh Lockhart</a>
|
||||
<br/>
|
||||
is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License</a>.<br />Based on a work at <a xmlns:dct="http://purl.org/dc/terms/" href="http://www.phptherightway.com" rel="dct:source">www.phptherightway.com</a>.
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Twitter -->
|
||||
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
---
|
||||
layout: default
|
||||
layout: page
|
||||
title: Website Banners
|
||||
description: "Spread the word! Use these banner to let new PHP programmers know about PHP: The Right Way"
|
||||
sitemap: true
|
||||
|
||||
354
css/all.css
Normal file
354
css/all.css
Normal file
File diff suppressed because one or more lines are too long
13
index.html
13
index.html
@@ -5,15 +5,14 @@ sitemap: true
|
||||
---
|
||||
|
||||
{% capture welcome_content %}{% include welcome.md %}{% endcapture %}
|
||||
{{ welcome_content|markdownify }}
|
||||
<section class="chapter" id="welcome">
|
||||
{{ welcome_content|markdownify }}
|
||||
</section>
|
||||
|
||||
{% capture backtotop %}[Back to Top](#top){:.top}{% endcapture %}
|
||||
{% for post in site.posts reversed %}
|
||||
{% if post.isChild != true and loop.first != true %}
|
||||
{{ backtotop|markdownify }}
|
||||
{% endif %}
|
||||
<div id="{{ post.anchor }}">
|
||||
{% if post.isChild != true and loop.first != true %}<div class="back-to-top">{{ backtotop|markdownify }}</div>{% endif %}
|
||||
<section class="chapter" id="{{ post.anchor }}">
|
||||
{{ post.content }}
|
||||
</div>
|
||||
</section>
|
||||
{% endfor %}
|
||||
{{ backtotop|markdownify }}
|
||||
|
||||
389
less/all.less
Normal file
389
less/all.less
Normal file
@@ -0,0 +1,389 @@
|
||||
/******************************************************************************
|
||||
* Variables
|
||||
*****************************************************************************/
|
||||
|
||||
@serif: georgia, serif;
|
||||
@sans: verdana, sans-serif;
|
||||
@phpPurple: #8892BF;
|
||||
@phpPurpleDark: #4F5B93;
|
||||
|
||||
/******************************************************************************
|
||||
* Basics
|
||||
*****************************************************************************/
|
||||
|
||||
*{
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body{
|
||||
counter-reset: chapter;
|
||||
font-size: 24px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4{
|
||||
font-family: @serif;
|
||||
}
|
||||
|
||||
h1, .alpha{
|
||||
position: relative;
|
||||
font-size: 48px;
|
||||
font-weight: normal;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h2, .beta{
|
||||
font-size: 32px;
|
||||
font-weight: normal;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
h3, .gamma{
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
border-left: 3px solid #CCC;
|
||||
padding-left: 20px;
|
||||
color: #777;
|
||||
font-style: italic;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
a{
|
||||
color: @phpPurpleDark;
|
||||
|
||||
&:hover{
|
||||
color: @phpPurple;
|
||||
}
|
||||
}
|
||||
|
||||
.back-to-top{
|
||||
text-align: center;
|
||||
|
||||
a{
|
||||
background: @phpPurpleDark;
|
||||
border-radius: 3px;
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
padding: 0 20px;
|
||||
transition: all 0.1s ease;
|
||||
color: white;
|
||||
font-family: @sans;
|
||||
font-size: 13px;
|
||||
line-height: 40px;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
|
||||
&:hover{
|
||||
background: @phpPurple;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
img{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre, code{
|
||||
color: #777;
|
||||
font-family: "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
|
||||
font-size: 85%;
|
||||
}
|
||||
a{
|
||||
pre, code{
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
pre{
|
||||
background: #f7f7f7;
|
||||
border: 1px solid #EEE;
|
||||
border-radius: 3px;
|
||||
display: block;
|
||||
overflow: auto;
|
||||
padding: 20px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
body{
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
h1, .alpha{
|
||||
font-size: 36px;
|
||||
line-height: 38px;
|
||||
}
|
||||
|
||||
h2, .beta{
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
h3, .gamma{
|
||||
font-size: 18px;
|
||||
line-height: 23px;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
ul, ol{
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
pre{
|
||||
padding: 5px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 360px) {
|
||||
body{
|
||||
font-size: 16px;
|
||||
line-height: 21px;
|
||||
}
|
||||
|
||||
h1, .alpha{
|
||||
font-size: 28px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
h2, .beta{
|
||||
font-size: 20px;
|
||||
line-height: 23px;
|
||||
}
|
||||
|
||||
h3, .gamma{
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/******************************************************************************
|
||||
* Header
|
||||
*****************************************************************************/
|
||||
|
||||
.site-header{
|
||||
padding-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
text-align: center;
|
||||
|
||||
h1{
|
||||
margin: 0;
|
||||
font-size: 72px;
|
||||
line-height: 60px;
|
||||
|
||||
em{
|
||||
display: block;
|
||||
font-size: 34px;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
a{
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover{
|
||||
color: @phpPurple;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.build-date{
|
||||
margin-bottom: 10px;
|
||||
color: #999;
|
||||
font-family: @sans;
|
||||
font-size: 11px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.fork-me{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 100;
|
||||
width: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.site-header{
|
||||
.fork-me{
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
/******************************************************************************
|
||||
* Navigation
|
||||
*****************************************************************************/
|
||||
|
||||
.site-navigation,
|
||||
.site-content,
|
||||
.site-footer{
|
||||
margin: 0 auto;
|
||||
max-width: 840px;
|
||||
width: 92%;
|
||||
}
|
||||
|
||||
.site-navigation{
|
||||
columns: 3;
|
||||
column-gap: 40px;
|
||||
|
||||
ul{
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li{
|
||||
margin-bottom: 20px;
|
||||
font-size: 22px;
|
||||
line-height: 23px;
|
||||
|
||||
a{
|
||||
display: block;
|
||||
color: #444;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover{
|
||||
color: @phpPurple;
|
||||
}
|
||||
}
|
||||
|
||||
ul{
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
li{
|
||||
margin-bottom: 6px;
|
||||
font-size: 18px;
|
||||
|
||||
a{
|
||||
border: none;
|
||||
color: #777;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
li{
|
||||
break-inside: avoid;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 820px) {
|
||||
.site-navigation{
|
||||
columns: 2;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 560px) {
|
||||
.site-navigation{
|
||||
columns: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/******************************************************************************
|
||||
* Content
|
||||
*****************************************************************************/
|
||||
|
||||
.site-content{
|
||||
h1{
|
||||
padding-top: 40px;
|
||||
position: relative;
|
||||
|
||||
&:after{
|
||||
border: 1px solid #DDD;
|
||||
border-bottom: none;
|
||||
content: "";
|
||||
display: block;
|
||||
height: 8px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&.chapters{
|
||||
counter-reset: chapter;
|
||||
|
||||
h1{
|
||||
counter-increment: chapter;
|
||||
padding-top: 60px;
|
||||
|
||||
&:before{
|
||||
display: inline-block;
|
||||
content: "Chapter " counter(chapter) ".";
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
line-height: 20px;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#welcome{
|
||||
ul{
|
||||
columns: 3;
|
||||
column-gap: 30px;
|
||||
list-style-position: inside;
|
||||
}
|
||||
}
|
||||
|
||||
.back-to-top{
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 870px) {
|
||||
.site-content #welcome ul{
|
||||
columns: 2;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.site-content #welcome ul{
|
||||
columns: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/******************************************************************************
|
||||
* Footer
|
||||
*****************************************************************************/
|
||||
|
||||
.site-footer{
|
||||
border-top: 1px solid #CCC;
|
||||
margin: 60px auto 0 auto;
|
||||
padding: 40px 20px;
|
||||
font-family: @sans;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
|
||||
h2{
|
||||
.gamma;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
ul{
|
||||
list-style: none;
|
||||
margin: 0 0 20px 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.license{
|
||||
color: #777;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
10
package.json
Normal file
10
package.json
Normal file
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "php-the-right-way",
|
||||
"version": "2.0.0",
|
||||
"devDependencies": {
|
||||
"grunt": "~0.4.5",
|
||||
"grunt-contrib-less": "~1.0.1",
|
||||
"grunt-contrib-watch": "~0.6.1",
|
||||
"grunt-postcss": "^0.6.0"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user