Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 /* Global styles */ | |
| 2 * { | |
| 3 margin: 0; | |
| 4 padding: 0; | |
| 5 font: 400 14px 'Montserrat', sans-serif; | |
| 6 color: #333; | |
| 7 box-sizing: border-box; | |
| 8 } | |
| 9 | |
| 10 a { | |
| 11 color: #0489c3; | |
| 12 text-decoration: none; | |
| 13 } | |
| 14 | |
| 15 a:hover { | |
| 16 text-decoration: underline; | |
| 17 } | |
| 18 | |
| 19 hr { | |
| 20 margin-top: 20px; | |
| 21 margin-bottom: 20px; | |
| 22 border: 0; | |
| 23 border-top: 1px solid #eee; | |
| 24 height: 0; | |
| 25 box-sizing: content-box; | |
| 26 } | |
| 27 | |
| 28 .list-group { | |
| 29 padding-left: 0; | |
| 30 margin-bottom: 20px; | |
| 31 } | |
| 32 | |
| 33 .list-group-item { | |
| 34 position: relative; | |
| 35 display: block; | |
| 36 padding: 10px 15px; | |
| 37 margin-bottom: -1px; | |
| 38 background-color: #fff; | |
| 39 border:1px solid #ddd; | |
| 40 } | |
| 41 | |
| 42 .list-group-item:first-child { | |
| 43 /* rounded top corners */ | |
| 44 border-top-right-radius:4px; | |
| 45 border-top-left-radius:4px; | |
| 46 } | |
| 47 | |
| 48 .list-group-item:last-child { | |
| 49 margin-bottom: 0; | |
| 50 /* rounded bottom corners */ | |
| 51 border-bottom-right-radius: 4px; | |
| 52 border-bottom-left-radius:4px; | |
| 53 } | |
| 54 | |
| 55 /* Flex row container */ | |
| 56 .flex-row { | |
| 57 display: flex; | |
| 58 flex-direction: row; | |
| 59 } | |
| 60 | |
| 61 /* Flex column container */ | |
| 62 .flex-column { | |
| 63 display: flex; | |
| 64 flex-direction: column; | |
| 65 } | |
| 66 | |
| 67 .flex-item-fit { | |
| 68 flex-grow: 1; | |
| 69 flex-shrink: 1; | |
| 70 flex-basis: auto; | |
| 71 } | |
| 72 | |
| 73 .flex-item-no-shrink { | |
| 74 flex-grow: 0; | |
| 75 flex-shrink: 0; | |
| 76 flex-basis: auto; | |
| 77 } | |
| 78 | |
| 79 .flex-item-fill { | |
| 80 flex-grow: 0; | |
| 81 flex-shrink: 1; /* shrink when pressured */ | |
| 82 flex-basis: 100%; /* try and take 100% */ | |
| 83 } | |
| 84 | |
| 85 .flex-item-fixed-1-12 { | |
| 86 flex-grow: 0; | |
| 87 flex-shrink: 0; | |
| 88 flex-basis: 8.3%; | |
| 89 } | |
| 90 | |
| 91 .flex-item-fixed-2-12 { | |
| 92 flex-grow: 0; | |
| 93 flex-shrink: 0; | |
| 94 flex-basis: 16.6%; | |
| 95 } | |
| 96 | |
| 97 .flex-item-fixed-4-12 { | |
| 98 flex-grow: 0; | |
| 99 flex-shrink: 0; | |
| 100 flex-basis: 33.3333%; | |
| 101 } | |
| 102 | |
| 103 .flex-item-fixed-6-12 { | |
| 104 flex-grow: 0; | |
| 105 flex-shrink: 0; | |
| 106 flex-basis: 50%; | |
| 107 } | |
| 108 | |
| 109 .flex-item-fixed-8-12 { | |
| 110 flex-grow: 0; | |
| 111 flex-shrink: 0; | |
| 112 flex-basis: 66.6666%; | |
| 113 } | |
| 114 | |
| 115 .flex-item-fixed-9-12 { | |
| 116 flex-grow: 0; | |
| 117 flex-shrink: 0; | |
| 118 flex-basis: 75%; | |
| 119 } | |
| 120 | |
| 121 | |
| 122 .flex-item-fixed-12-12 { | |
| 123 flex-grow: 0; | |
| 124 flex-shrink: 0; | |
| 125 flex-basis: 100%; | |
| 126 } | |
| 127 | |
| 128 .well { | |
|
turnidge
2014/04/17 20:18:54
Is this "falling down a well" or "thank you, I fee
Cutch
2014/04/17 22:12:39
http://getbootstrap.com/components/#wells
| |
| 129 min-height: 20px; | |
| 130 padding: 19px; | |
| 131 margin-bottom: 20px; | |
| 132 background-color: #f5f5f5; | |
| 133 border: 1px solid #e3e3e3; | |
| 134 border-radius: 4px; | |
| 135 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | |
| 136 } | |
| OLD | NEW |