Skip to content

Commit b7e618f

Browse files
bevans2000bevans2000
committed
Add missed files
1 parent 0aeb533 commit b7e618f

23 files changed

+10407
-0
lines changed

‎assets/css/fontawesome-all.min.css‎

Lines changed: 101 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/js/breakpoints.min.js‎

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/js/browser.min.js‎

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/js/jquery.scrollex.min.js‎

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/sass/libs/_breakpoints.scss‎

Lines changed: 223 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,223 @@
1+
// breakpoints.scss v1.0 | @ajlkn | MIT licensed */
2+
3+
// Vars.
4+
5+
/// Breakpoints.
6+
/// @var {list}
7+
$breakpoints: () !global;
8+
9+
// Mixins.
10+
11+
/// Sets breakpoints.
12+
/// @param {map} $x Breakpoints.
13+
@mixin breakpoints($x: ()) {
14+
$breakpoints: $x !global;
15+
}
16+
17+
/// Wraps @content in a @media block targeting a specific orientation.
18+
/// @param {string} $orientation Orientation.
19+
@mixin orientation($orientation) {
20+
@media screen and (orientation: #{$orientation}) {
21+
@content;
22+
}
23+
}
24+
25+
/// Wraps @content in a @media block using a given query.
26+
/// @param {string} $query Query.
27+
@mixin breakpoint($query: null) {
28+
29+
$breakpoint: null;
30+
$op: null;
31+
$media: null;
32+
33+
// Determine operator, breakpoint.
34+
35+
// Greater than or equal.
36+
@if (str-slice($query, 0, 2) == '>=') {
37+
38+
$op: 'gte';
39+
$breakpoint: str-slice($query, 3);
40+
41+
}
42+
43+
// Less than or equal.
44+
@elseif (str-slice($query, 0, 2) == '<=') {
45+
46+
$op: 'lte';
47+
$breakpoint: str-slice($query, 3);
48+
49+
}
50+
51+
// Greater than.
52+
@elseif (str-slice($query, 0, 1) == '>') {
53+
54+
$op: 'gt';
55+
$breakpoint: str-slice($query, 2);
56+
57+
}
58+
59+
// Less than.
60+
@elseif (str-slice($query, 0, 1) == '<') {
61+
62+
$op: 'lt';
63+
$breakpoint: str-slice($query, 2);
64+
65+
}
66+
67+
// Not.
68+
@elseif (str-slice($query, 0, 1) == '!') {
69+
70+
$op: 'not';
71+
$breakpoint: str-slice($query, 2);
72+
73+
}
74+
75+
// Equal.
76+
@else {
77+
78+
$op: 'eq';
79+
$breakpoint: $query;
80+
81+
}
82+
83+
// Build media.
84+
@if ($breakpoint and map-has-key($breakpoints, $breakpoint)) {
85+
86+
$a: map-get($breakpoints, $breakpoint);
87+
88+
// Range.
89+
@if (type-of($a) == 'list') {
90+
91+
$x: nth($a, 1);
92+
$y: nth($a, 2);
93+
94+
// Max only.
95+
@if ($x == null) {
96+
97+
// Greater than or equal (>= 0 / anything)
98+
@if ($op == 'gte') {
99+
$media: 'screen';
100+
}
101+
102+
// Less than or equal (<= y)
103+
@elseif ($op == 'lte') {
104+
$media: 'screen and (max-width: ' + $y + ')';
105+
}
106+
107+
// Greater than (> y)
108+
@elseif ($op == 'gt') {
109+
$media: 'screen and (min-width: ' + ($y + 1) + ')';
110+
}
111+
112+
// Less than (< 0 / invalid)
113+
@elseif ($op == 'lt') {
114+
$media: 'screen and (max-width: -1px)';
115+
}
116+
117+
// Not (> y)
118+
@elseif ($op == 'not') {
119+
$media: 'screen and (min-width: ' + ($y + 1) + ')';
120+
}
121+
122+
// Equal (<= y)
123+
@else {
124+
$media: 'screen and (max-width: ' + $y + ')';
125+
}
126+
127+
}
128+
129+
// Min only.
130+
@else if ($y == null) {
131+
132+
// Greater than or equal (>= x)
133+
@if ($op == 'gte') {
134+
$media: 'screen and (min-width: ' + $x + ')';
135+
}
136+
137+
// Less than or equal (<= inf / anything)
138+
@elseif ($op == 'lte') {
139+
$media: 'screen';
140+
}
141+
142+
// Greater than (> inf / invalid)
143+
@elseif ($op == 'gt') {
144+
$media: 'screen and (max-width: -1px)';
145+
}
146+
147+
// Less than (< x)
148+
@elseif ($op == 'lt') {
149+
$media: 'screen and (max-width: ' + ($x - 1) + ')';
150+
}
151+
152+
// Not (< x)
153+
@elseif ($op == 'not') {
154+
$media: 'screen and (max-width: ' + ($x - 1) + ')';
155+
}
156+
157+
// Equal (>= x)
158+
@else {
159+
$media: 'screen and (min-width: ' + $x + ')';
160+
}
161+
162+
}
163+
164+
// Min and max.
165+
@else {
166+
167+
// Greater than or equal (>= x)
168+
@if ($op == 'gte') {
169+
$media: 'screen and (min-width: ' + $x + ')';
170+
}
171+
172+
// Less than or equal (<= y)
173+
@elseif ($op == 'lte') {
174+
$media: 'screen and (max-width: ' + $y + ')';
175+
}
176+
177+
// Greater than (> y)
178+
@elseif ($op == 'gt') {
179+
$media: 'screen and (min-width: ' + ($y + 1) + ')';
180+
}
181+
182+
// Less than (< x)
183+
@elseif ($op == 'lt') {
184+
$media: 'screen and (max-width: ' + ($x - 1) + ')';
185+
}
186+
187+
// Not (< x and > y)
188+
@elseif ($op == 'not') {
189+
$media: 'screen and (max-width: ' + ($x - 1) + '), screen and (min-width: ' + ($y + 1) + ')';
190+
}
191+
192+
// Equal (>= x and <= y)
193+
@else {
194+
$media: 'screen and (min-width: ' + $x + ') and (max-width: ' + $y + ')';
195+
}
196+
197+
}
198+
199+
}
200+
201+
// String.
202+
@else {
203+
204+
// Missing a media type? Prefix with "screen".
205+
@if (str-slice($a, 0, 1) == '(') {
206+
$media: 'screen and ' + $a;
207+
}
208+
209+
// Otherwise, use as-is.
210+
@else {
211+
$media: $a;
212+
}
213+
214+
}
215+
216+
}
217+
218+
// Output.
219+
@media #{$media} {
220+
@content;
221+
}
222+
223+
}

‎assets/sass/libs/_html-grid.scss‎

Lines changed: 149 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,149 @@
1+
// html-grid.scss v1.0 | @ajlkn | MIT licensed */
2+
3+
// Mixins.
4+
5+
/// Initializes the current element as an HTML grid.
6+
/// @param {mixed} $gutters Gutters (either a single number to set both column/row gutters, or a list to set them individually).
7+
/// @param {mixed} $suffix Column class suffix (optional; either a single suffix or a list).
8+
@mixin html-grid($gutters: 1.5em, $suffix: '') {
9+
10+
// Initialize.
11+
$cols: 12;
12+
$multipliers: 0, 0.25, 0.5, 1, 1.50, 2.00;
13+
$unit: 100% / $cols;
14+
15+
// Suffixes.
16+
$suffixes: null;
17+
18+
@if (type-of($suffix) == 'list') {
19+
$suffixes: $suffix;
20+
}
21+
@else {
22+
$suffixes: ($suffix);
23+
}
24+
25+
// Gutters.
26+
$guttersCols: null;
27+
$guttersRows: null;
28+
29+
@if (type-of($gutters) == 'list') {
30+
31+
$guttersCols: nth($gutters, 1);
32+
$guttersRows: nth($gutters, 2);
33+
34+
}
35+
@else {
36+
37+
$guttersCols: $gutters;
38+
$guttersRows: 0;
39+
40+
}
41+
42+
// Row.
43+
display: flex;
44+
flex-wrap: wrap;
45+
box-sizing: border-box;
46+
align-items: stretch;
47+
48+
// Columns.
49+
> * {
50+
box-sizing: border-box;
51+
}
52+
53+
// Gutters.
54+
&.gtr-uniform {
55+
> * {
56+
> :last-child {
57+
margin-bottom: 0;
58+
}
59+
}
60+
}
61+
62+
// Alignment.
63+
&.aln-left {
64+
justify-content: flex-start;
65+
}
66+
67+
&.aln-center {
68+
justify-content: center;
69+
}
70+
71+
&.aln-right {
72+
justify-content: flex-end;
73+
}
74+
75+
&.aln-top {
76+
align-items: flex-start;
77+
}
78+
79+
&.aln-middle {
80+
align-items: center;
81+
}
82+
83+
&.aln-bottom {
84+
align-items: flex-end;
85+
}
86+
87+
// Step through suffixes.
88+
@each $suffix in $suffixes {
89+
90+
// Suffix.
91+
@if ($suffix != '') {
92+
$suffix: '-' + $suffix;
93+
}
94+
@else {
95+
$suffix: '';
96+
}
97+
98+
// Row.
99+
100+
// Important.
101+
> .imp#{$suffix} {
102+
order: -1;
103+
}
104+
105+
// Columns, offsets.
106+
@for $i from 1 through $cols {
107+
> .col-#{$i}#{$suffix} {
108+
width: $unit * $i;
109+
}
110+
111+
> .off-#{$i}#{$suffix} {
112+
margin-left: $unit * $i;
113+
}
114+
}
115+
116+
// Step through multipliers.
117+
@each $multiplier in $multipliers {
118+
119+
// Gutters.
120+
$class: null;
121+
122+
@if ($multiplier != 1) {
123+
$class: '.gtr-' + ($multiplier * 100);
124+
}
125+
126+
&#{$class} {
127+
margin-top: ($guttersRows * $multiplier * -1);
128+
margin-left: ($guttersCols * $multiplier * -1);
129+
130+
> * {
131+
padding: ($guttersRows * $multiplier) 0 0 ($guttersCols * $multiplier);
132+
}
133+
134+
// Uniform.
135+
&.gtr-uniform {
136+
margin-top: $guttersCols * $multiplier * -1;
137+
138+
> * {
139+
padding-top: $guttersCols * $multiplier;
140+
}
141+
}
142+
143+
}
144+
145+
}
146+
147+
}
148+
149+
}

0 commit comments

Comments
 (0)