mirror of
https://github.com/Shopify/liquid.git
synced 2026-09-18 02:10:41 -07:00
starting sidebar coding
This commit is contained in:
+20
-5
@@ -4,9 +4,8 @@
|
||||
|
||||
@charset "utf-8";
|
||||
|
||||
|
||||
// Our variables
|
||||
$base-font-family: Helvetica, Arial, sans-serif;
|
||||
$base-font-family: 'Droid Sans', sans-serif;
|
||||
$base-font-size: 16px;
|
||||
$small-font-size: $base-font-size * 0.875;
|
||||
$base-line-height: 1.5;
|
||||
@@ -53,7 +52,6 @@ $on-laptop: 800px;
|
||||
;
|
||||
|
||||
|
||||
/***** Layout Styles ******/
|
||||
|
||||
|
||||
* {
|
||||
@@ -64,13 +62,30 @@ body {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/***** Sidebar ******/
|
||||
|
||||
|
||||
.sidebar {
|
||||
background: $color-blue-5;
|
||||
flex: 0 1 250px;
|
||||
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 {
|
||||
|
||||
padding: $spacing-unit;
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user