first commit

Bud Parr

11.27.2017 98bc281a57874b862e03036beaf17a4ddc6be057

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
/*
 
   FLOATS
   http://tachyons.io/docs/layout/floats/
 
   1. Floated elements are automatically rendered as block level elements.
      Setting floats to display inline will fix the double margin bug in
      ie6. You know... just in case.
 
   2. Don't forget to clearfix your floats with .cf
 
   Base:
     f = float
 
   Modifiers:
     l = left
     r = right
     n = none
 
   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large
 
*/
 
 
 
.fl { float: left;  _display: inline; }
.fr { float: right; _display: inline; }
.fn { float: none; }
 
@media (--breakpoint-not-small) {
  .fl-ns { float: left; _display: inline; }
  .fr-ns { float: right; _display: inline; }
  .fn-ns { float: none; }
}
 
@media (--breakpoint-medium) {
  .fl-m { float: left; _display: inline; }
  .fr-m { float: right; _display: inline; }
  .fn-m { float: none; }
}
 
@media (--breakpoint-large) {
  .fl-l { float: left; _display: inline; }
  .fr-l { float: right; _display: inline; }
  .fn-l { float: none; }
}