×

Welcome to TagMyCode

Please login or create account to add a snippet.
 

Rails Initial CSS

0
0
 
0
Language: CSS
Posted by: Ryan Martin
Added: Mar 1, 2016 3:19 PM
Views: 1942
Tags: no tags
  1. @import "bootstrap-sprockets";
  2. @import "bootstrap";
  3.  
  4. /* mixins, variables, etc. */
  5.  
  6. $gray-medium-light: #eaeaea;
  7.  
  8. /* universal */
  9.  
  10. body {
  11.   padding-top: 60px;
  12. }
  13.  
  14. section {
  15.   overflow: auto;
  16. }
  17.  
  18. textarea {
  19.   resize: vertical;
  20. }
  21.  
  22. .center {
  23.   text-align: center;
  24.   h1 {
  25.     margin-bottom: 10px;
  26.   }
  27. }
  28.  
  29. /* typography */
  30.  
  31. h1, h2, h3, h4, h5, h6 {
  32.   line-height: 1;
  33. }
  34.  
  35. h1 {
  36.   font-size: 3em;
  37.   letter-spacing: -2px;
  38.   margin-bottom: 30px;
  39.   text-align: center;
  40. }
  41.  
  42. h2 {
  43.   font-size: 1.2em;
  44.   letter-spacing: -1px;
  45.   margin-bottom: 30px;
  46.   text-align: center;
  47.   font-weight: normal;
  48.   color: $gray-light;
  49. }
  50.  
  51. p {
  52.   font-size: 1.1em;
  53.   line-height: 1.7em;
  54. }
  55.  
  56.  
  57. /* header */
  58.  
  59. #logo {
  60.   float: left;
  61.   margin-right: 10px;
  62.   font-size: 1.7em;
  63.   color: white;
  64.   text-transform: uppercase;
  65.   letter-spacing: -1px;
  66.   padding-top: 9px;
  67.   font-weight: bold;
  68.   &:hover {
  69.     color: white;
  70.     text-decoration: none;
  71.   }
  72. }
  73.  
  74. /* footer */
  75.  
  76. footer {
  77.   margin-top: 45px;
  78.   padding-top: 5px;
  79.   border-top: 1px solid $gray-medium-light;
  80.   color: $gray-light;
  81.   a {
  82.     color: $gray;
  83.     &:hover {
  84.       color: $gray-darker;
  85.     }
  86.   }
  87.   small {
  88.     float: left;
  89.   }
  90.   ul {
  91.     float: right;
  92.     list-style: none;
  93.     li {
  94.       float: left;
  95.       margin-left: 15px;
  96.     }
  97.   }
  98. }

Write a comment

To post comments, please log in or register.