jeet 0.0.4 → 0.0.5

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,85 +0,0 @@
1
- // Responsive
2
- $mobile_first: true;
3
- $breakpoint: 705px;
4
-
5
- //Better default colors - https://github.com/jenius/axis/blob/master/axis/settings.styl
6
- $red: #B44326;
7
- $orange: #F2A34F;
8
- $yellow: #F8CA5C;
9
- $green: #7FC028;
10
- $light-blue: #52D7FE;
11
- $blue: #00a6fc;
12
- $purple: #8E48C2;
13
- $white: #fff;
14
- $black: #272727;
15
-
16
- //Custom Palette
17
- $c1: lighten(blue, 10%);
18
- $c2: darken(blue, 20%);
19
- $c3: darken(blue, 80%);
20
- $c4: darken(white, 5%);
21
- $c5: white;
22
-
23
- //Grid Settings
24
- $gutter: 3;
25
- $parent_first: false;
26
- $layout_direction: LTR;
27
-
28
- // Font Stacks - http://www.awayback.com/revised-font-stack
29
- // Sans-serif
30
- $optima: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
31
- $futura: Futura, "Trebuchet MS", Arial, sans-serif;
32
- $gill_sans: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
33
- $trebuchet: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
34
- $helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
35
- $verdana: Verdana, Geneva, sans-serif;
36
- $lucida_grande: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
37
- $geneva: Geneva, Tahoma, Verdana, sans-serif;
38
- $segoe: Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
39
- $candara: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
40
- $calibri: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
41
- $franklin: "Franklin Gothic Medium", Arial, sans-serif;
42
- $tahoma: Tahoma, Geneva, Verdana, sans-serif;
43
-
44
- // Serif
45
- $garamond: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
46
- $lucida_bright: "Lucida Bright", Georgia, serif;
47
- $palatino: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
48
- $caslon: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
49
- $didot: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
50
- $baskerville: Baskerville, "Baskerville old face", "Hoefler Text", Garamond, "Times New Roman", serif;
51
- $hoefler: "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif;
52
- $bodoni: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
53
- $goudy: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif;
54
- $constantia: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
55
- $cambria: Cambria, Georgia, serif;
56
- $antiqua: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
57
-
58
- // Named Ratios - http://modularscale.com
59
- $minor_second: 1.067;
60
- $major_second: 1.125;
61
- $minor_third: 1.2;
62
- $major_third: 1.25;
63
- $perfect_fourth: 1.333;
64
- $aug_fourth: 1.414;
65
- $perfect_fifth: 1.5;
66
- $minor_sixth: 1.6;
67
- $golden: 1.618;
68
- $major_sixth: 1.667;
69
- $minor_seventh: 1.778;
70
- $major_seventh: 1.875;
71
- $octave: 2;
72
- $major_tenth: 2.5;
73
- $major_eleventh: 2.667;
74
- $major_twelfth: 3;
75
- $double_octave: 4;
76
-
77
- // Typography Settings
78
- $headers: $helvetica;
79
- $header_color: #111;
80
- $header_weight: 200;
81
- $tagline_color: #aaa;
82
- $body: $helvetica;
83
- $body_color: #444;
84
- $primary_ratio: $perfect_fifth;
85
- $secondary_ratio: $major_seventh;
@@ -1,39 +0,0 @@
1
- $g: $gutter;
2
- @mixin col($args...) {
3
- @include column($args...)
4
- }
5
- @function get_span($ratio: 1) {
6
- @return $ratio * 100;
7
- }
8
- @function get_column($ratios: 1, $g: $gutter) {
9
- @if $parent_first == false { $ratios: reverse($ratios); }
10
- $w: 100;
11
- @each $ratio in $ratios {
12
- $g: $g / $w * 100;
13
- $w: 100 * $ratio - $g + $ratio * $g;
14
- }
15
- @return $w $g;
16
- }
17
- @function get_layout_direction() {
18
- $result: if($layout_direction == RTL, right, left);
19
- @return $result;
20
- }
21
- @function replace_nth($list, $index, $value) {
22
- $result: ();
23
- $index: if($index < 0, length($list) + $index + 1, $index);
24
- @for $i from 1 through length($list) {
25
- @if $i == $index {
26
- $result: append($result, $value);
27
- } @else {
28
- $result: append($result, nth($list, $i));
29
- }
30
- }
31
- @return $result;
32
- }
33
- @function reverse($list) {
34
- $result: ();
35
- @each $item in $list {
36
- @return join($item, $result);
37
- }
38
- @return $result;
39
- }
@@ -1,189 +0,0 @@
1
- // Aliasing _settings.scss Variables
2
- $pr: $primary_ratio;
3
- $sr: $secondary_ratio;
4
-
5
- // Modular Scale Mixin
6
- @function ms($numbawang: 1, $ratio: pr) {
7
- @if ($ratio == $sr) {
8
- @return $numbawang * $sr + unquote("px");
9
- } @else {
10
- @return $numbawang * $pr + unquote("px");
11
- }
12
- }
13
-
14
- // Primary Typography
15
- html {
16
- font-family: $body;
17
- font-weight: 200;
18
- color: $body_color;
19
- font-size: ms(10);
20
- line-height: ms(15);
21
- }
22
- a {
23
- color: $blue;
24
- &:hover {
25
- color: darken($blue, 10%);
26
- }
27
- }
28
- h1, h2, h3, h4, h5, h6, p, ul, ol, dt, pre, code {
29
- margin-top: 0;
30
- }
31
- h1, h2, h3, h4, h5, h6, dt {
32
- font-family: $headers;
33
- font-weight: $header_weight;
34
- color: $header_color;
35
- @if $headers == $optima { letter-spacing: -.015em; }
36
- @if $headers == $futura { letter-spacing: -.035em; }
37
- @if $headers == $gill_sans { letter-spacing: 0; }
38
- @if $headers == $trebuchet { letter-spacing: -.025em; }
39
- @if $headers == $helvetica { letter-spacing: -.015em; }
40
- @if $headers == $verdana { letter-spacing: -.045em; }
41
- @if $headers == $lucida_grande { letter-spacing: -.045em; }
42
- @if $headers == $segoe { letter-spacing: .015em; }
43
- @if $headers == $candara { letter-spacing: -.025em; }
44
- @if $headers == $calibri { letter-spacing: -.025em; }
45
- @if $headers == $franklin { letter-spacing: -.025em; }
46
- @if $headers == $tahoma { letter-spacing: 0; }
47
- @if $headers == $garamond { letter-spacing: -.015em; }
48
- @if $headers == $lucida_bright { letter-spacing: -.015em; }
49
- @if $headers == $palatino { letter-spacing: -.015em; }
50
- @if $headers == $caslon { letter-spacing: .025em; }
51
- @if $headers == $didot { letter-spacing: -.035em; }
52
- @if $headers == $baskerville { letter-spacing: -.025em; }
53
- @if $headers == $hoefler { letter-spacing: -.025em; }
54
- @if $headers == $bodoni { letter-spacing: -.025em; }
55
- @if $headers == $goudy { letter-spacing: .025em; }
56
- @if $headers == $constantia { letter-spacing: -.025em; }
57
- @if $headers == $cambria { letter-spacing: 0; }
58
- @if $headers == $antiqua { letter-spacing: -.015em; }
59
- }
60
- h1 {
61
- font-size: ms(28);
62
- line-height: ms(30);
63
- margin-bottom: ms(10);
64
- }
65
- h2 {
66
- font-size: ms(25);
67
- line-height: ms(28);
68
- margin-bottom: ms(8);
69
- }
70
- h3 {
71
- font-size: ms(22);
72
- line-height: ms(26);
73
- margin-bottom: ms(6);
74
- }
75
- h4 {
76
- font-size: ms(20);
77
- line-height: ms(24);
78
- margin-bottom: ms(4);
79
- }
80
- h5 {
81
- font-size: ms(16);
82
- line-height: ms(22);
83
- margin-bottom: ms(2);
84
- }
85
- h6 {
86
- font-size: ms(13);
87
- line-height: ms(20);
88
- margin-bottom: ms(0);
89
- }
90
- p, ul, ol, pre, dl {
91
- margin-bottom: ms(10);
92
- }
93
- ul, ol {
94
- padding-left: 1.4em;
95
- }
96
- li, dd {
97
- margin-bottom: ms(5);
98
- }
99
- pre {
100
- font-size: ms(8);
101
- }
102
- header {
103
- p { color: $tagline_color }
104
- h1 ~ p { margin-top: -#{ms(5)}; }
105
- h2 ~ p { margin-top: -#{ms(4)}; }
106
- h3 ~ p { margin-top: -#{ms(3)}; }
107
- h4 ~ p { margin-top: -#{ms(2)}; }
108
- h5 ~ p { margin-top: -#{ms(1)}; }
109
- h6 ~ p { margin-top: -#{ms(1)}; }
110
- }
111
- code {
112
- padding: 3px 4px;
113
- color: $body_color;
114
- background-color: #F5F5F5;
115
- border: 1px solid #E1E1E8;
116
- border-radius: 3px;
117
- font-family: Menlo, Monaco, monospace;
118
- }
119
- pre {
120
- display: block;
121
- padding: 7px;
122
- background-color: #F5F5F5;
123
- border: 1px solid #E1E1E8;
124
- border-radius: 3px;
125
- white-space: pre-wrap;
126
- word-break: break-all;
127
- font-family: Menlo, Monaco, monospace;
128
- line-height: 160%;
129
- }
130
- .browsehappy {
131
- span {
132
- font-size: ms(8);
133
- }
134
- }
135
-
136
- // Secondary Typography
137
- @include breakpoint($breakpoint) {
138
- html {
139
- font-size: ms(10, $sr);
140
- line-height: ms(15, $sr);
141
- }
142
- h1 {
143
- font-size: ms(28, $sr);
144
- line-height: ms(30, $sr);
145
- margin-bottom: ms(10, $sr);
146
- }
147
- h2 {
148
- font-size: ms(25, $sr);
149
- line-height: ms(28, $sr);
150
- margin-bottom: ms(8, $sr);
151
- }
152
- h3 {
153
- font-size: ms(22, $sr);
154
- line-height: ms(26, $sr);
155
- margin-bottom: ms(6, $sr);
156
- }
157
- h4 {
158
- font-size: ms(19, $sr);
159
- line-height: ms(24, $sr);
160
- margin-bottom: ms(4, $sr);
161
- }
162
- h5 {
163
- font-size: ms(16, $sr);
164
- line-height: ms(22, $sr);
165
- margin-bottom: ms(2, $sr);
166
- }
167
- h6 {
168
- font-size: ms(13, $sr);
169
- line-height: ms(20, $sr);
170
- margin-bottom: ms(0, $sr);
171
- }
172
- p, ul, ol, pre, dl{
173
- margin-bottom: ms(10, $sr);
174
- }
175
- li, dd{
176
- margin-bottom: ms(5, $sr);
177
- }
178
- pre{
179
- font-size: ms(8, $sr);
180
- }
181
- header {
182
- h1 ~ p { margin-top: -#{ms(5, $sr)} }
183
- h2 ~ p { margin-top: -#{ms(4, $sr)} }
184
- h3 ~ p { margin-top: -#{ms(3, $sr)} }
185
- h4 ~ p { margin-top: -#{ms(2, $sr)} }
186
- h5 ~ p { margin-top: -#{ms(1, $sr)} }
187
- h6 ~ p { margin-top: -#{ms(1, $sr)} }
188
- }
189
- }
@@ -1,132 +0,0 @@
1
- // Edit Mode
2
- @mixin edit() {
3
- * {
4
- background: #eee;
5
- background: rgba(0,0,0, 0.05);
6
- }
7
- }
8
-
9
- // Horizontal Centering Block Elements
10
- @mixin center($max_width: 1410px, $pad: 0) {
11
- @include cf;
12
- width: auto;
13
- max-width: $max_width;
14
- float: none;
15
- display: block;
16
- margin-right: auto;
17
- margin-left: auto;
18
- padding-left: $pad;
19
- padding-right: $pad;
20
- }
21
-
22
- // Stacking/Unstacking Elements
23
- @mixin stack($pad: 0, $align: center) {
24
- $side: get_layout_direction();
25
- display: block;
26
- clear: both;
27
- float: none;
28
- width: 100%;
29
- margin-left: auto;
30
- margin-right: auto;
31
- &:first-child {
32
- margin-#{$side}: auto;
33
- }
34
- &:last-child {
35
- margin-#{opposite-position($side)}: auto;
36
- }
37
- @if $pad != 0 {
38
- padding-left: $pad;
39
- padding-right: $pad;
40
- }
41
- @if ($align == center) or ($align == c) {
42
- text-align: center;
43
- } @elseif ($align == left) or ($align == l) {
44
- text-align: left;
45
- } @elseif ($align == right) or ($align == r) {
46
- text-align: right;
47
- }
48
- }
49
-
50
- @mixin unstack() {
51
- $side: get_layout_direction();
52
- display: inline;
53
- clear: none;
54
- width: auto;
55
- margin-left: 0;
56
- margin-right: 0;
57
- &:first-child {
58
- margin-#{$side}: 0
59
- }
60
- &:last-child {
61
- margin-#{opposite-position($side)}: 0;
62
- }
63
- @if ($layout_direction == RTL) {
64
- text-align: right;
65
- } @else {
66
- text-align: left;
67
- }
68
- }
69
-
70
- // Horizontal/Vertical/Both Alignment - Parent container needs position relative. IE9+
71
- @mixin align($direction: both) {
72
- position: absolute;
73
- @if ($direction == horizontal) or ($direction == h) {
74
- left: 50%;
75
- transform: translateX(-50%);
76
- } @elseif ($direction == vertical) or ($direction == v) {
77
- top: 50%;
78
- transform: translateY(-50%);
79
- } @else {
80
- top: 50%;
81
- left: 50%;
82
- transform: translate(-50%, -50%);
83
- }
84
- }
85
-
86
- // Clearfix
87
- @mixin cf() {
88
- *zoom: 1;
89
- &:before, &:after {
90
- content: '';
91
- display: table;
92
- }
93
- &:after {
94
- clear: both;
95
- }
96
- }
97
- %cf {
98
- @include cf;
99
- }
100
-
101
- // CSS Easing
102
- // https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_timing-functions.scss
103
-
104
- // ease-in
105
- $ease-in-quad : cubic-bezier(0.550, 0.085, 0.680, 0.530);
106
- $ease-in-cubic : cubic-bezier(0.550, 0.055, 0.675, 0.190);
107
- $ease-in-quart : cubic-bezier(0.895, 0.030, 0.685, 0.220);
108
- $ease-in-quint : cubic-bezier(0.755, 0.050, 0.855, 0.060);
109
- $ease-in-sine : cubic-bezier(0.470, 0.000, 0.745, 0.715);
110
- $ease-in-expo : cubic-bezier(0.950, 0.050, 0.795, 0.035);
111
- $ease-in-circ : cubic-bezier(0.600, 0.040, 0.980, 0.335);
112
- $ease-in-back : cubic-bezier(0.600, -0.280, 0.735, 0.045);
113
-
114
- // ease-out
115
- $ease-out-quad : cubic-bezier(0.250, 0.460, 0.450, 0.940);
116
- $ease-out-cubic : cubic-bezier(0.215, 0.610, 0.355, 1.000);
117
- $ease-out-quart : cubic-bezier(0.165, 0.840, 0.440, 1.000);
118
- $ease-out-quint : cubic-bezier(0.230, 1.000, 0.320, 1.000);
119
- $ease-out-sine : cubic-bezier(0.390, 0.575, 0.565, 1.000);
120
- $ease-out-expo : cubic-bezier(0.190, 1.000, 0.220, 1.000);
121
- $ease-out-circ : cubic-bezier(0.075, 0.820, 0.165, 1.000);
122
- $ease-out-back : cubic-bezier(0.175, 0.885, 0.320, 1.275);
123
-
124
- // ease-in-out
125
- $ease-in-out-quad : cubic-bezier(0.455, 0.030, 0.515, 0.955);
126
- $ease-in-out-cubic : cubic-bezier(0.645, 0.045, 0.355, 1.000);
127
- $ease-in-out-quart : cubic-bezier(0.770, 0.000, 0.175, 1.000);
128
- $ease-in-out-quint : cubic-bezier(0.860, 0.000, 0.070, 1.000);
129
- $ease-in-out-sine : cubic-bezier(0.445, 0.050, 0.550, 0.950);
130
- $ease-in-out-expo : cubic-bezier(1.000, 0.000, 0.000, 1.000);
131
- $ease-in-out-circ : cubic-bezier(0.785, 0.135, 0.150, 0.860);
132
- $ease-in-out-back : cubic-bezier(0.680, -0.550, 0.265, 1.550);