day 1 of my internship

[web.git] / personal / _sass / _layout.scss

diff --git a/personal/_sass/_layout.scss b/personal/_sass/_layout.scss
index 4ac6bb219cb21624cf8fe802ddefcccf3e9fa642..299869f088dc67f336116199cbd92be3fdd6a58e 100644 (file)
--- a/personal/_sass/_layout.scss
+++ b/personal/_sass/_layout.scss
@@ -11,15 +11,17 @@ body { /* This centers us in the page, and handles the "too wide" case */
 }
 #-frame { /* Add a frame, full height */
     margin: 0 $navi-width;
 }
 #-frame { /* Add a frame, full height */
     margin: 0 $navi-width;

-    padding-top: $outer-margin;
+    padding-top: $outer-margin; /* distance of top to window border */
+    padding-bottom: $outer-margin; /* distance of page-bottom to window border */

     border-left: solid $text-color 1px;
     border-left: solid $text-color 1px;

-    min-height: calc(100vh - #{$outer-margin});
+    min-height: calc(100vh - #{2*$outer-margin});

 }
 
 /* The content of the frame */
 #-content {
     margin-left: $intrusion-width;
 }
 
 /* The content of the frame */
 #-content {
     margin-left: $intrusion-width;

-    padding: $outer-margin;
+    padding-left: $outer-margin; /* Distance to the end of the intrusion */
+    padding-right: $outer-margin; /* Distance to the end of the window */

     padding-top: 1px; /* If we use 0 here, some paddings add up things get ugly. What?!? */
 }
 
     padding-top: 1px; /* If we use 0 here, some paddings add up things get ugly. What?!? */
 }
 


@@ -94,10 +96,10 @@ body { /* This centers us in the page, and handles the "too wide" case */
         position: static;
     }
     #-content {
         position: static;
     }
     #-content {

-        padding: $outer-margin;
+        padding: #{ $outer-margin * 0.75 };

     }
     #-navi {
     }
     #-navi {

-        padding: $outer-margin;
+        padding: #{ $outer-margin * 0.75 };

         border-bottom: solid $text-color 1px;
 
         ul {
         border-bottom: solid $text-color 1px;
 
         ul {


@@ -150,3 +152,33 @@ body { /* This centers us in the page, and handles the "too wide" case */
         display: none;
     }
 }
         display: none;
     }
 }

+
+/* Title and Title-asides spacing */
+.side {
+    float: right;
+}
+.subtitle {
+    margin-top: 2em;
+    
+    h1, h2 {
+        display: inline-block;
+        margin: 0;
+    }
+    .side {
+        margin-left: 0.5em;
+        margin-top: 0.45em;
+    }
+}
+.title {
+    margin-top: 0.2em;
+    margin-bottom: 1.2em;
+    
+    h1, h2 {
+        display: inline-block;
+        margin: 0;
+    }
+    .side {
+        margin-left: 0.5em;
+        margin-top: 0.8em;
+    }
+}