Commits

eriiicam committed e28eb5f

style cleanup

Comments (0)

Files changed (3)

sass/_template.sass

   text-decoration: none
 
 
-/* Mobile --------------------------------------------------------------------
+// Media Queries ---------------------------------------------------------------
 
-@media only screen and (max-device-width:480px), only screen and (max-width:480px)
+  /* Smartphones (portrait and landscape) --------------------------------------
+  @media only screen and (min-device-width : 320px) and (max-device-width : 480px)
+    /* Styles
 
-  body > div
-    width: auto
-    padding: 0 $base-rhythm-unit*.5
 
-  footer[role="contentinfo"]  
-    .author, .credit
-      +un-column
-      +full
-      text-align: left
+  /* Smartphones (landscape) ---------------------------------------------------
+  @media only screen and (min-width : 321px)
+    /* Styles
 
-/* Smartphones (portrait and landscape) --------------------------------------
 
-@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
-  /* Styles
+  /* Smartphones (portrait) ----------------------------------------------------
+  @media only screen and (max-width : 320px)
+    /* Styles
 
 
-/* Smartphones (landscape) ---------------------------------------------------
+  /* iPads (portrait and landscape) --------------------------------------------
+  @media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
+    /* Styles
 
-@media only screen and (min-width : 321px)
-  /* Styles
 
+  /* iPads (landscape) ---------------------------------------------------------
+  @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
+    /* Styles
 
-/* Smartphones (portrait) ----------------------------------------------------
 
-@media only screen and (max-width : 320px)
-  /* Styles
+  /* iPads (portrait) ----------------------------------------------------------
+  @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
+    /* Styles
 
 
-/* iPads (portrait and landscape) --------------------------------------------
+  /* Desktops and laptops ------------------------------------------------------
+  @media only screen and (min-width : 1224px)
+    /* Styles
 
-@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
-  /* Styles
 
+  /* Large screens -------------------------------------------------------------
+  @media only screen and (min-width : 1824px)
+    /* Styles
 
-/* iPads (landscape) ---------------------------------------------------------
 
-@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
-  /* Styles
-
-
-/* iPads (portrait) ----------------------------------------------------------
-
-@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
-  /* Styles
-
-
-/* Desktops and laptops ------------------------------------------------------
-
-@media only screen and (min-width : 1224px)
-  /* Styles
-
-
-/* Large screens -------------------------------------------------------------
-
-@media only screen and (min-width : 1824px)
-  /* Styles
-
-
-/* iPhone 4 ------------------------------------------------------------------
-
-@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
-  /* Styles
+  /* iPhone 4 ------------------------------------------------------------------
+  @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
+    /* Styles
 
 // Imports --------------------------------------------------------------*/
 
-@import defaults
+@import base
 
 /* Print Defaults --------------------------------------------------------------
 
   &:after
     content: " (" attr(href) ") "
     font-size: smaller
+    &[href^="#"]
+      content: ''
+      display: none
 
 abbr:after
   content: " (" attr(title) ")"

static/css/screen.css

 
 a { text-decoration: none; }
 
-/* Mobile -------------------------------------------------------------------- */
-@media only screen and (max-device-width:480px), only screen and (max-width:480px) { body > div { width: auto; padding: 0 0.75em; }
-  footer[role="contentinfo"] .author, footer[role="contentinfo"] .credit { float: none; display: block; width: auto; margin-right: auto; clear: both; margin-right: 1.639%; margin-left: 1.639%; text-align: left; } }
-
-/* Smartphones (portrait and landscape) -------------------------------------- */
-@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ }
-
-/* Smartphones (landscape) --------------------------------------------------- */
-@media only screen and (min-width : 321px) { /* Styles */ }
-
-/* Smartphones (portrait) ---------------------------------------------------- */
-@media only screen and (max-width : 320px) { /* Styles */ }
-
-/* iPads (portrait and landscape) -------------------------------------------- */
-@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* Styles */ }
-
-/* iPads (landscape) --------------------------------------------------------- */
-@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* Styles */ }
-
-/* iPads (portrait) ---------------------------------------------------------- */
-@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* Styles */ }
-
-/* Desktops and laptops ------------------------------------------------------ */
-@media only screen and (min-width : 1224px) { /* Styles */ }
-
-/* Large screens ------------------------------------------------------------- */
-@media only screen and (min-width : 1824px) { /* Styles */ }
-
-/* iPhone 4 ------------------------------------------------------------------ */
-@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { /* Styles */ }
-
 /* Layout -------------------------------------------------------------- */
 body { font-size: 100%; line-height: 1.5em; }