jepler/circuitpython-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

use common layout for grid

Browse source
This commit is contained in:
Justin Cooper 2019-04-04 15:36:49 -05:00
parent 2233d8bd0c
commit adb05116d0
4 changed files with 2 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
assets/sass/pages/_awesome.scss
View file

@ -1,23 +1,5 @@
#awesome-page { #awesome-page {
padding: 20px 0 200px 0;
display: grid;
grid-template-columns:
[full-start] minmax(1em, 1fr)
[main-start] minmax(0, 80em) [main-end]
minmax(1em, 1fr) [full-end];
grid-row-gap: 1em;
&> * {
grid-column: main;
}
.content { .content {
background-color: #fff;
border: 1px solid #cecece;
border-radius: 5px;
padding: 40px;
p { p {
margin-bottom: 16px; margin-bottom: 16px;
} }

17
assets/sass/pages/_home.scss
View file

@ -1,18 +1,6 @@
#home-page { #home-page {
padding: 20px 0 200px 0;
text-align: center; text-align: center;
display: grid;
grid-template-columns:
[full-start] minmax(1em, 1fr)
[main-start] minmax(0, 80em) [main-end]
minmax(1em, 1fr) [full-end];
grid-row-gap: 1em;
&> * {
grid-column: main;
}
hr { hr {
width: 75%; width: 75%;
margin: 40px auto 40px auto; margin: 40px auto 40px auto;
@ -22,11 +10,6 @@
} }
.content { .content {
background-color: #fff;
border: 1px solid #cecece;
border-radius: 5px;
padding-top: 40px;
h1 { h1 {
width: 75%; width: 75%;
margin: 20px auto; margin: 20px auto;

2
awesome.html
View file

@ -4,7 +4,7 @@ title: Awesome
permalink: /awesome permalink: /awesome
--- ---
<div id="awesome-page"> <div id="awesome-page" class="common-layout">
<div class="content"> <div class="content">
{% capture awesome_include %}{% include_relative awesome-circuitpython/README.md %}{% endcapture %} {% capture awesome_include %}{% include_relative awesome-circuitpython/README.md %}{% endcapture %}
{{ awesome_include | markdownify }} {{ awesome_include | markdownify }}

2
index.html
View file

@ -5,7 +5,7 @@
layout: home layout: home
--- ---
<div id="home-page"> <div id="home-page" class="common-layout">
<div class="content"> <div class="content">
<img class="responsive" src="{{ "/assets/images/blinka-computer.png" | relative_url }}" srcset="{{ "/assets/images/blinka-computer.png" | relative_url }} 1x, <img class="responsive" src="{{ "/assets/images/blinka-computer.png" | relative_url }}" srcset="{{ "/assets/images/blinka-computer.png" | relative_url }} 1x,
{{ "/assets/images/blinka-computer@2x.png" | relative_url }} 2x, {{ "/assets/images/blinka-computer@2x.png" | relative_url }} 2x,