redeyed-jekyll-theme 0.1.4 → 0.1.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +11 -7
- data/_config.yml +21 -30
- data/_includes/head.html +1 -1
- data/_sass/includes/views/_header.scss +8 -0
- data/_sass/includes/views/{_panel-foot-2.scss → _panel-foot.scss} +0 -0
- data/_sass/includes/views/{_panel-foot-3.scss → _panel-top.scss} +0 -0
- data/_sass/layouts/panel-none.scss +5 -34
- data/_sass/redeyed-jekyll-theme.scss +2 -33
- data/assets/css/style.scss +9 -9
- data/src/favicon.ico +0 -0
- metadata +3 -11
- data/_sass/includes/views/_header-banner.scss +0 -57
- data/_sass/includes/views/_header-wide.scss +0 -57
- data/_sass/includes/views/_panel-foot-4.scss +0 -0
- data/_sass/includes/views/_panel-foot-full.scss +0 -0
- data/_sass/includes/views/_panel-top-2.scss +0 -0
- data/_sass/includes/views/_panel-top-3.scss +0 -0
- data/_sass/includes/views/_panel-top-4.scss +0 -0
- data/_sass/includes/views/_panel-top-full.scss +0 -0
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: e779e1aca59fbaebfdbe28b6ae59a37c67dbc365c9e9c87fe4f890e7dd96a352
|
4
|
+
data.tar.gz: 8f918e8e392a1e818e1c51c15ff5bfd0f19f689acc2e72dfbdfea28ea338b166
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 4fa1dc0e9e7a7e1ca159a5fb93890e9198bdb44a0dab0da09d0cbfee8f3a8f490d9e0c5effd9f03d1d31e043bab786d6bb76640ee4cb1fc1c7b082298d91df64
|
7
|
+
data.tar.gz: 4d9a3635130fb7b319e16cf9e4e6a3f2dfef01e019135bbe15dd20033327448a59355737b826c22bb81ba0e71be0eb8a3fc9be1c4307a5acb217714f56ea0432
|
data/README.md
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
<img src="https://aever.net/images/brand/banner/RedEyedRPG-960-Red.png" alt="RedEyed RPG" />
|
4
4
|
|
5
|
-
# redeyed-jekyll-theme<br />v0.1.
|
5
|
+
# redeyed-jekyll-theme<br />v0.1.5
|
6
6
|
|
7
7
|
<em>A versatile, responsive, and powerful Jekyll Theme designed for a gaming site</em>
|
8
8
|
|
@@ -18,14 +18,18 @@
|
|
18
18
|
<a href="https://github.com/redeyed-rpg"><img src="assets/img/social/github.svg" height="24" width="24"></a>
|
19
19
|
<a href="https://www.guilded.gg/i/27dYX5Xk"><img src="assets/img/social/guilded.svg" height="24" width="24"></a>
|
20
20
|
|
21
|
-
|
22
|
-
[![
|
21
|
+
|
22
|
+
[//]: # ([![Gem Version](https://badge.fury.io/rb/redeyed-jekyll-theme.svg)](https://badge.fury.io/rb/redeyed-jekyll-theme) )
|
23
|
+
[//]: # ([![GitHub version](https://badge.fury.io/gh/RedEyed-RPG%2Fredeyed-jekyll-theme.svg)](https://badge.fury.io/rb/redeyed-jekyll-theme) )
|
24
|
+
[![GitHub package.json version](https://img.shields.io/github/package-json/v/RedEyed-RPG/redeyed-jekyll-theme)]()
|
25
|
+
[![GitHub Workflow Status](https://img.shields.io/github/workflow/status/RedEyed-RPG/redeyed-jekyll-theme/CI)](https://github.com/RedEyed-RPG/redeyed-jekyll-theme/actions/workflows/ci.yml)
|
23
26
|
[![GitHub license](https://img.shields.io/github/license/RedEyed-RPG/redeyed-jekyll-theme.svg)](https://github.com/RedEyed-RPG/redeyed-jekyll-theme/blob/master/LICENSE)
|
24
27
|
[![Repo Code Weight](https://img.shields.io/github/languages/code-size/RedEyed-RPG/redeyed-jekyll-theme)](https://github.com/RedEyed-RPG/redeyed-jekyll-theme)
|
25
|
-
<br/>
|
26
|
-
[![Support Me
|
27
|
-
[![Support Me
|
28
|
-
[![
|
28
|
+
<br/><br/>
|
29
|
+
[![Support Me via Patreon](https://img.shields.io/badge/Patreon-Sponsor-%23FF424D?logo=patreon)](https://patreon.com/ragdata)
|
30
|
+
[![Support Me via Liberapay](https://img.shields.io/badge/liberapay-Support-yellow?logo=liberapay)](https://liberapay.com/Ragdata/)
|
31
|
+
[![Support Me via GitHub](https://img.shields.io/badge/Github-Sponsor-blue?logo=Github)](https://github.com/sponsors/Ragdata)
|
32
|
+
[![Support Me via Ko-fi](https://img.shields.io/badge/Ko--fi-Support-%23FF5E5B?logo=ko-fi)](https://ko-fi.com/ragdata)
|
29
33
|
<br/><br/>
|
30
34
|
[![](https://img.shields.io/badge/Guilded-Support%20Server%20Online-%23F5C400?logo=guilded)](https://www.guilded.gg/i/27dYX5Xk)
|
31
35
|
|
data/_config.yml
CHANGED
@@ -30,15 +30,17 @@ tagline : "Content, Maps, & Software for your favourite TTRPGs"
|
|
30
30
|
description : "RedEyed RPG produces content and software for a variety of Table Top Role Playing Game systems"
|
31
31
|
logo : "/assets/img/logo/597x597-RPG-R-Circle-320.png"
|
32
32
|
url : "https://www.redeyed-rpg.com"
|
33
|
-
baseurl : ""
|
34
33
|
theme : "redeyed-jekyll-theme"
|
35
|
-
repo : "https://github.com/RedEyed-RPG/redeyed-jekyll-theme"
|
36
34
|
email : "ragdata@redeyed-rpg.com"
|
37
35
|
date_format : "%-d %B %Y"
|
38
36
|
encoding : utf-8
|
39
37
|
lang : en-AU
|
40
38
|
locale : en_AU
|
41
39
|
css_inline : false
|
40
|
+
|
41
|
+
# the subpath for your site eg: /blog
|
42
|
+
baseurl : ""
|
43
|
+
|
42
44
|
# google_analytics :
|
43
45
|
# google_site_verification: # jekyll-seo-tag
|
44
46
|
# google_analytics_anonymize_ip:
|
@@ -50,31 +52,21 @@ toc: true # table of contents - global switch
|
|
50
52
|
theme_mode: dark # custom config option: [light|dark|brew]
|
51
53
|
copyright: "Copyright (c) 2022 ~ {author} & RedEyed-RPG ~ Some Rights Reserved"
|
52
54
|
|
55
|
+
# Change to your timezone » http://www.timezoneconverter.com/cgi-bin/findzone/findzone
|
56
|
+
timezone: "Australia/Brisbane"
|
57
|
+
|
58
|
+
# additional parameters for datetime localization (optional) » https://github.com/iamkun/jayjs/tree/dev/src/locale
|
59
|
+
prefer_datetime_locale: en-au
|
60
|
+
|
61
|
+
# the url of YOUR site repo
|
62
|
+
repo: "https://github.com/RedEyed-RPG/redeyed-jekyll-theme"
|
63
|
+
|
53
64
|
####################################################################
|
54
65
|
# 2. GEM SETTINGS
|
55
66
|
####################################################################
|
56
67
|
feed: # jekyll-feed
|
57
68
|
path: /blog/feed.atom # jekyll-feed > feed path
|
58
69
|
|
59
|
-
|
60
|
-
|
61
|
-
#pagination: # jekyll-paginate-v2
|
62
|
-
# enabled: false # jekyll-paginate-v2 > enabled
|
63
|
-
# debug: false # jekyll-paginate-v2 > debug mode
|
64
|
-
# collection: posts # jekyll-paginate-v2 > default collection to paginate
|
65
|
-
# per_page: 10 # jekyll-paginate-v2 > results per page
|
66
|
-
# permalink: 'page/:num:output_ext' # jekyll-paginate-v2 > permalink format
|
67
|
-
# title: ':title - page :num' # jekyll-paginate-v2 > title format
|
68
|
-
# limit: 0 # jekyll-paginate-v2 > limit
|
69
|
-
# sort_field: date # jekyll-paginate-v2 > sort field
|
70
|
-
# sort_reverse: true # jekyll-paginate-v2 > reverse sort option
|
71
|
-
# category: posts # jekyll-paginate-v2 > category
|
72
|
-
# trail: # jekyll-paginate-v2 > page link trail
|
73
|
-
# before: 2 # jekyll-paginate-v2 > number of page links to show before current
|
74
|
-
# after: 2 # jekyll-paginate-v2 > number of page links to show after current
|
75
|
-
# extension: html # jekyll-paginate-v2 > default page extension
|
76
|
-
# indexpage: index # jekyll-paginate-v2 > name of index page
|
77
|
-
|
78
70
|
jekyll-mentions: https://twitter.com # jekyll-mentions > service used when @replying
|
79
71
|
|
80
72
|
twitter: # jekyll-seo-tag > twitter properties
|
@@ -136,7 +128,6 @@ sass:
|
|
136
128
|
sass_dir: ../_sass
|
137
129
|
permalink: date # permalink style (YYYY/MM/DD/page-name)
|
138
130
|
excerpt_separator: <!-- more --> # marks end of excerpt in posts
|
139
|
-
timezone: Australia/Brisbane # timezone for blog and posts
|
140
131
|
paginate: 10 # paginate - # of items per page
|
141
132
|
paginate_path: /page:num # paginate - default page slug for pages
|
142
133
|
|
@@ -217,8 +208,7 @@ plugins:
|
|
217
208
|
- jekyll-paginate
|
218
209
|
- jekyll-spaceship
|
219
210
|
- jekyll-pluralize
|
220
|
-
|
221
|
-
# - jekyll-include-cache
|
211
|
+
- jekyll-contentblocks
|
222
212
|
- jekyll-redirect-from
|
223
213
|
- jekyll-email-protect
|
224
214
|
- jekyll-tagging-related_posts
|
@@ -232,12 +222,12 @@ plugins:
|
|
232
222
|
# BUILD SETTINGS
|
233
223
|
####################################################################
|
234
224
|
source: src
|
235
|
-
#destination: _site
|
236
|
-
#collections_dir: _data
|
237
|
-
#data_dir: _data
|
238
|
-
#plugins_dir: _plugins
|
239
|
-
#layouts_dir: _layouts
|
240
|
-
#includes_dir: _includes
|
225
|
+
# destination: _site
|
226
|
+
# collections_dir: _data
|
227
|
+
# data_dir: _data
|
228
|
+
# plugins_dir: _plugins
|
229
|
+
# layouts_dir: _layouts
|
230
|
+
# includes_dir: _includes
|
241
231
|
|
242
232
|
####################################################################
|
243
233
|
# READ CONFIG
|
@@ -289,6 +279,7 @@ assets:
|
|
289
279
|
self-host:
|
290
280
|
enabled: false
|
291
281
|
env: development
|
282
|
+
|
292
283
|
####################################################################
|
293
284
|
# OUTPUT
|
294
285
|
####################################################################
|
data/_includes/head.html
CHANGED
@@ -24,7 +24,7 @@
|
|
24
24
|
|
25
25
|
<title>{% unless page.layout == "home" %}{{ page.title | append: " | "}}{% endunless %}{{ site.title }}</title>
|
26
26
|
|
27
|
-
{% include
|
27
|
+
{% include components/favicons.html %}
|
28
28
|
|
29
29
|
{% if site.resources.ignore_env != jekyll.environment and site.resources.self_hosted %}
|
30
30
|
<link href="{{ site.data.assets[origin].webfonts | relative_url }}" rel="stylesheet">
|
@@ -10,9 +10,17 @@ header {
|
|
10
10
|
@extend %d-flex;
|
11
11
|
@extend %justify-content-center;
|
12
12
|
|
13
|
+
&#banner {
|
14
|
+
div#header { @extend .container-fluid; }
|
15
|
+
}
|
16
|
+
|
13
17
|
&#regular {
|
14
18
|
div#header { @extend .container-fluid; }
|
15
19
|
}
|
20
|
+
|
21
|
+
&#wide {
|
22
|
+
div#header { @extend .container-fluid; }
|
23
|
+
}
|
16
24
|
}
|
17
25
|
|
18
26
|
// RESPONSIVE DESIGN:
|
File without changes
|
File without changes
|
@@ -6,44 +6,15 @@
|
|
6
6
|
// IMPORT REQUIRED VIEW STYLES
|
7
7
|
//------------------------------------------------------------------
|
8
8
|
|
9
|
-
@
|
10
|
-
@import "../includes/views/header-wide";
|
11
|
-
} @else if $header == 'regular' {
|
12
|
-
@import "../includes/views/header";
|
13
|
-
} @else if $header == 'banner' {
|
14
|
-
@import "../includes/views/header-banner";
|
15
|
-
}
|
16
|
-
|
9
|
+
@import "../includes/views/header";
|
17
10
|
@import "../includes/elements/_navbar.scss";
|
18
11
|
@import "../includes/elements/_breadcrumb.scss";
|
19
|
-
|
20
|
-
@
|
21
|
-
|
22
|
-
} @else if $top-panel == '2-cols' {
|
23
|
-
@import "../includes/views/panel-top-2";
|
24
|
-
} @else if $top-panel == '3-cols' {
|
25
|
-
@import "../includes/views/panel-top-3";
|
26
|
-
} @else if $top-panel == '4-cols' {
|
27
|
-
@import "../includes/views/panel-top-4";
|
28
|
-
}
|
29
|
-
|
30
|
-
@if $bottom-panel { @import "../includes/views/panel-bottom"; }
|
31
|
-
|
32
|
-
@if $foot-panel == 'full' {
|
33
|
-
@import "../includes/views/panel-foot-full";
|
34
|
-
} @else if $foot-panel == '2-cols' {
|
35
|
-
@import "../includes/views/panel-foot-2";
|
36
|
-
} @else if $foot-panel == '3-cols' {
|
37
|
-
@import "../includes/views/panel-foot-3";
|
38
|
-
} @else if $foot-panel == '4-cols' {
|
39
|
-
@import "../includes/views/panel-foot-4";
|
40
|
-
}
|
41
|
-
|
12
|
+
@import "../includes/views/panel-top";
|
13
|
+
@import "../includes/views/panel-bottom";
|
14
|
+
@import "../includes/views/panel-foot";
|
42
15
|
@import "../includes/views/footer";
|
43
16
|
@import "../includes/views/copyright";
|
44
|
-
|
45
|
-
@if $to-top { @import "../includes/extensions/back-to-top"; }
|
46
|
-
|
17
|
+
@import "../includes/extensions/back-to-top";
|
47
18
|
@import "../includes/elements/search-results";
|
48
19
|
|
49
20
|
//------------------------------------------------------------------
|
@@ -1,7 +1,7 @@
|
|
1
1
|
//==================================================================
|
2
2
|
// Stylesheets for redeyed-jekyll-theme
|
3
3
|
//
|
4
|
-
// RedEyed Jekyll Theme v0.1.
|
4
|
+
// RedEyed Jekyll Theme v0.1.5 (https://github.com/RedEyed-RPG/redeyed-jekyll-theme)
|
5
5
|
// Copyright © 2022 ~ Ragdata & RedEyed RPG
|
6
6
|
// MIT Licensed
|
7
7
|
//==================================================================
|
@@ -24,37 +24,6 @@
|
|
24
24
|
@import
|
25
25
|
"variables-hook",
|
26
26
|
"layouts/breakpoints",
|
27
|
-
"layouts/base"
|
28
|
-
|
29
|
-
@if $layout == 'default' or $layout == 'panel-none' {
|
30
|
-
@import "layouts/panel-none";
|
31
|
-
} @else if $layout == 'panel-both' {
|
32
|
-
@import "layouts/panel-both";
|
33
|
-
} @else if $layout == 'panel-left' {
|
34
|
-
@import "layouts/panel-left";
|
35
|
-
} @else if $layout == 'panel-right' {
|
36
|
-
@import "layouts/panel-right";
|
37
|
-
} @else if $layout == 'post' {
|
38
|
-
@import "layouts/post";
|
39
|
-
} @else if $layout == 'archive' {
|
40
|
-
@import "layouts/archive";
|
41
|
-
} @else if $layout == 'categories' {
|
42
|
-
@import "layouts/categories";
|
43
|
-
} @else if $layout == 'category' {
|
44
|
-
@import "layouts/category";
|
45
|
-
} @else if $layout == 'error' {
|
46
|
-
@import "layouts/error";
|
47
|
-
} @else if $layout == 'page' {
|
48
|
-
@import "layouts/page";
|
49
|
-
} @else if $layout == 'tag' {
|
50
|
-
@import "layouts/tag";
|
51
|
-
} @else if $layout == 'tags' {
|
52
|
-
@import "layouts/tags";
|
53
|
-
}
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
@import
|
27
|
+
"layouts/base",
|
59
28
|
"theme/typography",
|
60
29
|
"includes/components/alert";
|
data/assets/css/style.scss
CHANGED
@@ -6,16 +6,16 @@ styles: true
|
|
6
6
|
// -----------------------------------------------------------------
|
7
7
|
// IMPORT BOOTSTRAP FUNCTIONS & VARIABLES
|
8
8
|
// -----------------------------------------------------------------
|
9
|
-
@import "
|
10
|
-
@import "
|
9
|
+
@import "lib/bootstrap-5.0.2/scss/functions";
|
10
|
+
@import "lib/bootstrap-5.0.2/scss/variables";
|
11
11
|
|
12
12
|
// -----------------------------------------------------------------
|
13
13
|
// IMPORT THEME COLORS
|
14
14
|
// -----------------------------------------------------------------
|
15
15
|
@import
|
16
|
-
"
|
17
|
-
"
|
18
|
-
"
|
16
|
+
"theme/scheme-brew",
|
17
|
+
"theme/scheme-dark",
|
18
|
+
"theme/scheme-light";
|
19
19
|
|
20
20
|
|
21
21
|
html {
|
@@ -46,13 +46,13 @@ $layout: {{ page.layout | default: 'default' }};
|
|
46
46
|
|
47
47
|
$header: {{ page.header | default: false }};
|
48
48
|
|
49
|
-
$top-panel: {{ page.top-panel }};
|
49
|
+
$top-panel: {{ page.top-panel | default: false }};
|
50
50
|
|
51
|
-
$bottom-panel: {{ page.bottom-panel }};
|
51
|
+
$bottom-panel: {{ page.bottom-panel | default: false }};
|
52
52
|
|
53
|
-
$foot-panel: {{ page.foot-panel }};
|
53
|
+
$foot-panel: {{ page.foot-panel | default: false }};
|
54
54
|
|
55
|
-
$to-top: {{ page.to-top | default: site.to-top | default: false }}
|
55
|
+
$to-top: {{ page.to-top | default: site.to-top | default: false }};
|
56
56
|
|
57
57
|
$content-width: {{ page.content-width | default: site.content-width | default: '920px' }};
|
58
58
|
|
data/src/favicon.ico
CHANGED
Binary file
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: redeyed-jekyll-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.5
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Ragdata
|
@@ -496,18 +496,10 @@ files:
|
|
496
496
|
- _sass/includes/extensions/comments/_utterances.scss
|
497
497
|
- _sass/includes/views/_copyright.scss
|
498
498
|
- _sass/includes/views/_footer.scss
|
499
|
-
- _sass/includes/views/_header-banner.scss
|
500
|
-
- _sass/includes/views/_header-wide.scss
|
501
499
|
- _sass/includes/views/_header.scss
|
502
500
|
- _sass/includes/views/_panel-bottom.scss
|
503
|
-
- _sass/includes/views/_panel-foot
|
504
|
-
- _sass/includes/views/_panel-
|
505
|
-
- _sass/includes/views/_panel-foot-4.scss
|
506
|
-
- _sass/includes/views/_panel-foot-full.scss
|
507
|
-
- _sass/includes/views/_panel-top-2.scss
|
508
|
-
- _sass/includes/views/_panel-top-3.scss
|
509
|
-
- _sass/includes/views/_panel-top-4.scss
|
510
|
-
- _sass/includes/views/_panel-top-full.scss
|
501
|
+
- _sass/includes/views/_panel-foot.scss
|
502
|
+
- _sass/includes/views/_panel-top.scss
|
511
503
|
- _sass/includes/views/_post-nav.scss
|
512
504
|
- _sass/includes/views/_post-share.scss
|
513
505
|
- _sass/includes/views/_sidebar.scss
|
@@ -1,57 +0,0 @@
|
|
1
|
-
//==================================================================
|
2
|
-
// HEADER - BANNER
|
3
|
-
//==================================================================
|
4
|
-
|
5
|
-
//------------------------------------------------------------------
|
6
|
-
// VIEW STYLES
|
7
|
-
//------------------------------------------------------------------
|
8
|
-
|
9
|
-
header {
|
10
|
-
@extend %d-flex;
|
11
|
-
@extend %justify-content-center;
|
12
|
-
|
13
|
-
&#banner {
|
14
|
-
div#header { @extend .container-fluid; }
|
15
|
-
}
|
16
|
-
}
|
17
|
-
|
18
|
-
// RESPONSIVE DESIGN:
|
19
|
-
//
|
20
|
-
// {sidebar, content, panel} >= 1120px screen width
|
21
|
-
// {sidebar, content} >= 850px
|
22
|
-
// {content} <= 849px
|
23
|
-
|
24
|
-
// X-Small Devices (portrait phones, <576px)
|
25
|
-
// Hide Sidebar & Panel
|
26
|
-
@media all and (max-width: $breakpoint-sm) {
|
27
|
-
|
28
|
-
}
|
29
|
-
|
30
|
-
// Small Devices (landscape phones, 576px+)
|
31
|
-
// Hide Sidebar & Panel
|
32
|
-
@media all and (max-width: $breakpoint-md) {
|
33
|
-
|
34
|
-
}
|
35
|
-
|
36
|
-
// Medium Devices (tablets, 768px+)
|
37
|
-
// Hide Panel
|
38
|
-
@media all and (max-width: $breakpoint-lg) {
|
39
|
-
|
40
|
-
}
|
41
|
-
|
42
|
-
// Large Devices (laptops, 992px+)
|
43
|
-
// Show all
|
44
|
-
@media all and (max-width: $breakpoint-xl) {
|
45
|
-
|
46
|
-
}
|
47
|
-
|
48
|
-
// Larger Devices (desktops, 1200px+)
|
49
|
-
// Show all - 2 col possibility
|
50
|
-
@media all and (max-width: $breakpoint-xxl) {
|
51
|
-
|
52
|
-
}
|
53
|
-
|
54
|
-
// Largest Devices (larger desktops, 1400px+)
|
55
|
-
@media all and (min-width: $breakpoint-xxl) {
|
56
|
-
|
57
|
-
}
|
@@ -1,57 +0,0 @@
|
|
1
|
-
//==================================================================
|
2
|
-
// HEADER - WIDE
|
3
|
-
//==================================================================
|
4
|
-
|
5
|
-
//------------------------------------------------------------------
|
6
|
-
// VIEW STYLES
|
7
|
-
//------------------------------------------------------------------
|
8
|
-
|
9
|
-
header {
|
10
|
-
@extend %d-flex;
|
11
|
-
@extend %justify-content-center;
|
12
|
-
|
13
|
-
&#wide {
|
14
|
-
div#header { @extend .container-fluid; }
|
15
|
-
}
|
16
|
-
}
|
17
|
-
|
18
|
-
// RESPONSIVE DESIGN:
|
19
|
-
//
|
20
|
-
// {sidebar, content, panel} >= 1120px screen width
|
21
|
-
// {sidebar, content} >= 850px
|
22
|
-
// {content} <= 849px
|
23
|
-
|
24
|
-
// X-Small Devices (portrait phones, <576px)
|
25
|
-
// Hide Sidebar & Panel
|
26
|
-
@media all and (max-width: $breakpoint-sm) {
|
27
|
-
|
28
|
-
}
|
29
|
-
|
30
|
-
// Small Devices (landscape phones, 576px+)
|
31
|
-
// Hide Sidebar & Panel
|
32
|
-
@media all and (max-width: $breakpoint-md) {
|
33
|
-
|
34
|
-
}
|
35
|
-
|
36
|
-
// Medium Devices (tablets, 768px+)
|
37
|
-
// Hide Panel
|
38
|
-
@media all and (max-width: $breakpoint-lg) {
|
39
|
-
|
40
|
-
}
|
41
|
-
|
42
|
-
// Large Devices (laptops, 992px+)
|
43
|
-
// Show all
|
44
|
-
@media all and (max-width: $breakpoint-xl) {
|
45
|
-
|
46
|
-
}
|
47
|
-
|
48
|
-
// Larger Devices (desktops, 1200px+)
|
49
|
-
// Show all - 2 col possibility
|
50
|
-
@media all and (max-width: $breakpoint-xxl) {
|
51
|
-
|
52
|
-
}
|
53
|
-
|
54
|
-
// Largest Devices (larger desktops, 1400px+)
|
55
|
-
@media all and (min-width: $breakpoint-xxl) {
|
56
|
-
|
57
|
-
}
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|