11 /* Basic colors and fonts */
17 @include size(font-size, 13px);
22 text-decoration: none;
30 @include size(font-size, 35px);
32 @include size(margin-top, 14px);
40 @include size(font-size, 20px);
45 @include size(font-size, 15px);
51 @include size(margin, 0 5px);
53 @media screen and (min-width: 62.5em) {
59 @include size(padding, 10px);
71 @include size(font-size, 11px);
74 @include size(padding-left, 11px);
75 content: url("/static/img/arrow-teal.png");
76 vertical-align: middle;
80 .left-column, .right-column {
81 @include size(max-width, 600px);
84 @media screen and (min-width: 62.5em) {
86 @include size(width, 470px);
90 @include size(width, 470px);
97 @include size(font-size, 12px);
98 @include size(padding, 6px);
102 .simple-hidden-initially {
106 .plain-list-container {
110 -moz-column-count: 2;
111 -webkit-column-count: 2;
113 @media screen and (min-width: 768px) {
115 -moz-column-count: 4;
116 -webkit-column-count: 4;
118 @media screen and (min-width: 1024px) {
120 -moz-column-count: 5;
121 -webkit-column-count: 5;
128 -webkit-column-break-after: avoid;
134 display: inline-block;
144 display: inline-block;
156 line-height: 1.42857143;
158 text-decoration: none;
159 background-color: #fff;
160 border: 1px solid #ddd;
163 background-color: #eee;
168 &:first-child > span {
170 border-top-left-radius: 4px;
171 border-bottom-left-radius: 4px;
174 &:last-child > span {
175 border-top-right-radius: 4px;
176 border-bottom-right-radius: 4px;
180 &, &:hover, &:focus {
184 background-color: #337ab7;
185 border-color: #337ab7;
190 &, &:hover, &:focus {
193 background-color: #fff;
204 @media screen and (min-width: 768px) {
205 display: inline-block;
209 @include size(margin-bottom, 10px);