app.scss in aladdin-0.0.3

- old
+ new
@@ -1,47 +1,53 @@
-// You custom settings file to override Foundation defaults
 @import "settings";
-
-// Comment out this import if you are customizing you imports below
 @import "foundation";
 
-// ----------------------------------------
-// Import specific parts of Foundation by commenting the import "foundation"
-// and uncommenting what you want below. You must uncomment the following if customizing
+/* settings */
+$borderWidth: 2px;
 
-// @import "compass/css3";
-// @import "foundation/settings";
-// @import "foundation/functions/all";
+.highlight {
+  @import "pygment";
+  @import "github";
+}
 
-// Control which mixins you have access too
+@import "mathjax";
 
-// @import "foundation/mixins/clearfix";
-// @import "foundation/mixins/css-triangle";
-// @import "foundation/mixins/font-size";
+body {
+  padding: 0 $columnGutter/2;
+}
 
-// Must include next two for semantic grid to work
+/* Meta panel */
+div.meta.panel {
+  border-top: $borderWidth solid $darkEdge;
+}
 
-// @import "foundation/mixins/respond-to";
-// @import "foundation/mixins/semantic-grid";
+/* Lesson graphic */
+a.hero img {
+  width: 100%;
+}
 
-// @import "modular-scale";
-// @import "foundation/common/globals";
+/* Floating navigation bar */
+#sections {
+  background: darken($white, 5%);
+  padding-top: 10px;
+  width: $rowWidth + 18;
+  border-bottom: $borderWidth solid $darkEdge;
+  z-index: 3;
+}
 
-// Must include the grid for any responsiveness
+/* Progress bar */
+#footer .meter {
+  color: $white;
+  font-weight: 800;
+  text-align: right;
+  padding: 2px 2px 0 0;
+}
 
-// @import "foundation/components/grid";
+/* Styling within lesson */
 
-// Control which common styles get compiled
+section[role='lesson'] .block-image {
+  text-align: center;
+}
 
-// @import "foundation/common/typography";
-// @import "foundation/common/forms";
-
-// Control which components you get if customizing
-
-// @import "foundation/components/modules/buttons";
-// @import "foundation/components/modules/tabs";
-// @import "foundation/components/modules/ui";
-// @import "foundation/components/modules/topbar";
-// @import "foundation/components/modules/navbar";
-// @import "foundation/components/modules/orbit";
-// @import "foundation/components/modules/reveal";
-// @import "foundation/components/modules/offcanvas";
+section[role='lesson'] ul {
+  margin-left: 17px;
+}