Labyricorn/liquid
1
0
Fork 0
mirror of https://github.com/Shopify/liquid.git synced 2026-10-03 09:05:13 -07:00
Code Issues Packages Projects Releases Wiki Activity

starting sidebar coding

Browse Source
This commit is contained in:
Tetsuro
2015-01-26 20:41:04 -05:00
parent 79ec1506de
commit a8dc349f01
3 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_includes/head.html
+1
View File
@@ -7,6 +7,7 @@
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}"> <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}"> <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}"> <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" /> <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
</head> </head>
_layouts/default.html
+1 -1
View File
@@ -5,7 +5,7 @@
<body> <body>
<div class="sidebar"> <div class="sidebar">
<h1 class="logo"><a href="/">Liquid</a></h1> <h1 class="sidebar--logo"><a href="/">Liquid</a></h1>
</div> </div>
<div class="content"> <div class="content">
{{ content }} {{ content }}
css/main.scss
+20 -5
View File
@@ -4,9 +4,8 @@
@charset "utf-8"; @charset "utf-8";
// Our variables // Our variables
$base-font-family: Helvetica, Arial, sans-serif; $base-font-family: 'Droid Sans', sans-serif;
$base-font-size: 16px; $base-font-size: 16px;
$small-font-size: $base-font-size * 0.875; $small-font-size: $base-font-size * 0.875;
$base-line-height: 1.5; $base-line-height: 1.5;
@@ -53,7 +52,6 @@ $on-laptop: 800px;
; ;
/***** Layout Styles ******/
* { * {
@@ -64,13 +62,30 @@ body {
display: flex; display: flex;
} }
/***** Sidebar ******/
.sidebar { .sidebar {
background: $color-blue-5; background: $color-blue-5;
flex: 0 1 250px; flex: 0 1 250px;
height: 100vh; height: 100vh;
padding: $spacing-unit;
} }
.sidebar--logo {
font-size: $base-font-size * 2;
font-weight: bold;
text-align: center;
padding: $spacing-unit;
border-bottom: 1px solid $color-blue-4;
a {
color: $color-white;
}
}
/***** Content ******/
.content { .content {
padding: $spacing-unit;
flex: 0 1 auto;
} }