jeet 0.0.4 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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);