fastlane-plugin-polidea 2.2.0.pre → 3.0.1
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.
- checksums.yaml +4 -4
- data/README.md +9 -13
- data/lib/fastlane/plugin/polidea.rb +4 -0
- data/lib/fastlane/plugin/polidea/actions/fota_mail.rb +13 -3
- data/lib/fastlane/plugin/polidea/actions/fota_s3.rb +36 -29
- data/lib/fastlane/plugin/polidea/actions/release_notes.rb +1 -1
- data/lib/fastlane/plugin/polidea/actions/release_notes_from_commits.rb +1 -1
- data/lib/fastlane/plugin/polidea/helper/page_generator.rb +28 -56
- data/lib/fastlane/plugin/polidea/helper/qr_generator.rb +7 -42
- data/lib/fastlane/plugin/polidea/version.rb +1 -1
- data/templates/install.erb +238 -0
- data/{lib/fastlane/plugin/polidea/templates/download.erb → templates/mail.erb} +18 -23
- metadata +10 -111
- data/lib/fastlane/plugin/polidea/actions/extract_app_icon.rb +0 -172
- data/lib/fastlane/plugin/polidea/actions/extract_app_name.rb +0 -100
- data/lib/fastlane/plugin/polidea/actions/extract_version.rb +0 -106
- data/lib/fastlane/plugin/polidea/actions/get_binary_size.rb +0 -57
- data/lib/fastlane/plugin/polidea/templates/images/cover-shuttle.jpg +0 -0
- data/lib/fastlane/plugin/polidea/templates/images/icon-placeholder.png +0 -0
- data/lib/fastlane/plugin/polidea/templates/images/polidea-logo.png +0 -0
- data/lib/fastlane/plugin/polidea/templates/images/social-behance.png +0 -0
- data/lib/fastlane/plugin/polidea/templates/images/social-dribbble.png +0 -0
- data/lib/fastlane/plugin/polidea/templates/images/social-facebook.png +0 -0
- data/lib/fastlane/plugin/polidea/templates/images/social-github.png +0 -0
- data/lib/fastlane/plugin/polidea/templates/images/social-instagram.png +0 -0
- data/lib/fastlane/plugin/polidea/templates/images/social-linkedin.png +0 -0
- data/lib/fastlane/plugin/polidea/templates/images/social-twitter.png +0 -0
- data/lib/fastlane/plugin/polidea/templates/installation-page/css/installation-page.css +0 -4895
- data/lib/fastlane/plugin/polidea/templates/installation-page/css/installation-page.css.map +0 -7
- data/lib/fastlane/plugin/polidea/templates/installation-page/img/bg.png +0 -0
- data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg.jpg +0 -0
- data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_1024.jpg +0 -0
- data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_1280.jpg +0 -0
- data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_1360.jpg +0 -0
- data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_1440.jpg +0 -0
- data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_1680.jpg +0 -0
- data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_768.jpg +0 -0
- data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_ipad_1024.jpg +0 -0
- data/lib/fastlane/plugin/polidea/templates/installation-page/img/jenkins_bg_ipad_768.jpg +0 -0
- data/lib/fastlane/plugin/polidea/templates/installation-page/img/logo.svg +0 -32
- data/lib/fastlane/plugin/polidea/templates/installation-page/img/logo_square.svg +0 -12
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation.min.js +0 -10
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.abide.js +0 -294
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.accordion.js +0 -65
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.alert.js +0 -43
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.clearing.js +0 -558
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.dropdown.js +0 -313
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.equalizer.js +0 -74
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.interchange.js +0 -344
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.joyride.js +0 -915
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.js +0 -625
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.magellan.js +0 -189
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.offcanvas.js +0 -139
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.orbit.js +0 -472
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.reveal.js +0 -443
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.slider.js +0 -231
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.tab.js +0 -167
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.tooltip.js +0 -298
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/foundation/foundation.topbar.js +0 -436
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/aes.js +0 -35
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/enc-base64-min.js +0 -8
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/fastclick.js +0 -9
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/jquery.cookie.js +0 -8
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/jquery.js +0 -26
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/modernizr.js +0 -8
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/pbkdf2.js +0 -19
- data/lib/fastlane/plugin/polidea/templates/installation-page/js/vendor/placeholder.js +0 -2
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/fonts.scss +0 -64
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation.scss +0 -45
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/_functions.scss +0 -101
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/_settings.scss +0 -1441
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_accordion.scss +0 -156
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_alert-boxes.scss +0 -126
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_block-grid.scss +0 -132
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_breadcrumbs.scss +0 -132
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_button-groups.scss +0 -200
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_buttons.scss +0 -252
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_clearing.scss +0 -247
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_dropdown-buttons.scss +0 -129
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_dropdown.scss +0 -248
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_flex-video.scss +0 -51
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_forms.scss +0 -570
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_global.scss +0 -447
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_grid.scss +0 -275
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_icon-bar.scss +0 -293
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_inline-lists.scss +0 -57
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_joyride.scss +0 -222
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_keystrokes.scss +0 -61
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_labels.scss +0 -105
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_magellan.scss +0 -34
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_offcanvas.scss +0 -510
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_orbit.scss +0 -368
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_pagination.scss +0 -162
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_panels.scss +0 -93
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_pricing-tables.scss +0 -150
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_progress-bars.scss +0 -79
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_range-slider.scss +0 -168
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_reveal.scss +0 -220
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_side-nav.scss +0 -116
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_split-buttons.scss +0 -191
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_sub-nav.scss +0 -125
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_switches.scss +0 -226
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_tables.scss +0 -135
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_tabs.scss +0 -123
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_thumbs.scss +0 -66
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_toolbar.scss +0 -70
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_tooltips.scss +0 -142
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_top-bar.scss +0 -676
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_type.scss +0 -523
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_visibility.scss +0 -408
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/installation-page.scss +0 -171
- data/lib/fastlane/plugin/polidea/templates/installation-page/sass/normalize.scss +0 -425
- data/lib/fastlane/plugin/polidea/templates/installation_template.erb +0 -54
- data/lib/fastlane/plugin/polidea/templates/mailgun_template.erb +0 -1257
- data/lib/fastlane/plugin/polidea/templates/secure_installation_template.erb +0 -130
@@ -1,61 +0,0 @@
|
|
1
|
-
// Foundation by ZURB
|
2
|
-
// foundation.zurb.com
|
3
|
-
// Licensed under MIT Open Source
|
4
|
-
|
5
|
-
@import "global";
|
6
|
-
|
7
|
-
//
|
8
|
-
// @variables
|
9
|
-
//
|
10
|
-
$include-html-keystroke-classes: $include-html-classes !default;
|
11
|
-
|
12
|
-
// We use these to control text styles.
|
13
|
-
$keystroke-font: "Consolas", "Menlo", "Courier", monospace !default;
|
14
|
-
$keystroke-font-size: inherit !default;
|
15
|
-
$keystroke-font-color: $jet !default;
|
16
|
-
$keystroke-font-color-alt: $white !default;
|
17
|
-
$keystroke-function-factor: -7% !default;
|
18
|
-
|
19
|
-
// We use this to control keystroke padding.
|
20
|
-
$keystroke-padding: rem-calc(2 4 0) !default;
|
21
|
-
|
22
|
-
// We use these to control background and border styles.
|
23
|
-
$keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor) !default;
|
24
|
-
$keystroke-border-style: solid !default;
|
25
|
-
$keystroke-border-width: 1px !default;
|
26
|
-
$keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor) !default;
|
27
|
-
$keystroke-radius: $global-radius !default;
|
28
|
-
|
29
|
-
//
|
30
|
-
// @mixins
|
31
|
-
//
|
32
|
-
// We use this mixin to create keystroke styles.
|
33
|
-
// $bg - Default: $keystroke-bg || scale-color($white, $lightness: $keystroke-function-factor) !default;
|
34
|
-
@mixin keystroke($bg:$keystroke-bg) {
|
35
|
-
// This find the lightness percentage of the background color.
|
36
|
-
$bg-lightness: lightness($bg);
|
37
|
-
|
38
|
-
background-color: $bg;
|
39
|
-
border-color: scale-color($bg, $lightness: $keystroke-function-factor);
|
40
|
-
|
41
|
-
// We adjust the font color based on the brightness of the background.
|
42
|
-
@if $bg-lightness > 70% { color: $keystroke-font-color; }
|
43
|
-
@else { color: $keystroke-font-color-alt; }
|
44
|
-
|
45
|
-
border-style: $keystroke-border-style;
|
46
|
-
border-width: $keystroke-border-width;
|
47
|
-
margin: 0;
|
48
|
-
font-family: $keystroke-font;
|
49
|
-
font-size: $keystroke-font-size;
|
50
|
-
padding: $keystroke-padding;
|
51
|
-
}
|
52
|
-
|
53
|
-
@include exports("keystroke") {
|
54
|
-
@if $include-html-keystroke-classes {
|
55
|
-
.keystroke,
|
56
|
-
kbd {
|
57
|
-
@include keystroke;
|
58
|
-
@include radius($keystroke-radius);
|
59
|
-
}
|
60
|
-
}
|
61
|
-
}
|
data/lib/fastlane/plugin/polidea/templates/installation-page/sass/foundation/components/_labels.scss
DELETED
@@ -1,105 +0,0 @@
|
|
1
|
-
// Foundation by ZURB
|
2
|
-
// foundation.zurb.com
|
3
|
-
// Licensed under MIT Open Source
|
4
|
-
|
5
|
-
@import "global";
|
6
|
-
|
7
|
-
//
|
8
|
-
// @variables
|
9
|
-
//
|
10
|
-
$include-html-label-classes: $include-html-classes !default;
|
11
|
-
|
12
|
-
// We use these to style the labels
|
13
|
-
$label-padding: rem-calc(4 8 6) !default;
|
14
|
-
$label-radius: $global-radius !default;
|
15
|
-
|
16
|
-
// We use these to style the label text
|
17
|
-
$label-font-sizing: rem-calc(11) !default;
|
18
|
-
$label-font-weight: $font-weight-normal !default;
|
19
|
-
$label-font-color: $oil !default;
|
20
|
-
$label-font-color-alt: $white !default;
|
21
|
-
$label-font-family: $body-font-family !default;
|
22
|
-
|
23
|
-
//
|
24
|
-
// @mixins
|
25
|
-
//
|
26
|
-
// We use this mixin to create a default label base.
|
27
|
-
@mixin label-base {
|
28
|
-
font-weight: $label-font-weight;
|
29
|
-
font-family: $label-font-family;
|
30
|
-
text-align: center;
|
31
|
-
text-decoration: none;
|
32
|
-
line-height: 1;
|
33
|
-
white-space: nowrap;
|
34
|
-
display: inline-block;
|
35
|
-
position: relative;
|
36
|
-
margin-bottom: inherit;
|
37
|
-
}
|
38
|
-
|
39
|
-
// @mixins
|
40
|
-
//
|
41
|
-
// We use this mixin to add label size styles.
|
42
|
-
// $padding - Used to determine label padding. Default: $label-padding || rem-calc(3 10 4) !default
|
43
|
-
// $text-size - Used to determine label text-size. Default: $text-size found in settings
|
44
|
-
@mixin label-size($padding:$label-padding, $text-size:$label-font-sizing) {
|
45
|
-
@if $padding { padding: $padding; }
|
46
|
-
@if $text-size { font-size: $text-size; }
|
47
|
-
}
|
48
|
-
|
49
|
-
// @mixins
|
50
|
-
//
|
51
|
-
// We use this mixin to add label styles.
|
52
|
-
// $bg - Default: $primary-color (found in settings file)
|
53
|
-
// $radius - Default: false, Options: true, sets radius to $global-radius (found in settings file)
|
54
|
-
@mixin label-style($bg:$primary-color, $radius:false) {
|
55
|
-
|
56
|
-
// We control which background color comes through
|
57
|
-
@if $bg {
|
58
|
-
|
59
|
-
// This find the lightness percentage of the background color.
|
60
|
-
$bg-lightness: lightness($bg);
|
61
|
-
|
62
|
-
background-color: $bg;
|
63
|
-
|
64
|
-
// We control the text color for you based on the background color.
|
65
|
-
@if $bg-lightness < 70% { color: $label-font-color-alt; }
|
66
|
-
@else { color: $label-font-color; }
|
67
|
-
}
|
68
|
-
|
69
|
-
// We use this to control the radius on labels.
|
70
|
-
@if $radius == true { @include radius($label-radius); }
|
71
|
-
@else if $radius { @include radius($radius); }
|
72
|
-
|
73
|
-
}
|
74
|
-
|
75
|
-
// @mixins
|
76
|
-
//
|
77
|
-
// We use this to add close buttons to alerts
|
78
|
-
// $padding - Default: $label-padding,
|
79
|
-
// $text-size - Default: $label-font-sizing,
|
80
|
-
// $bg - Default: $primary-color(found in settings file)
|
81
|
-
// $radius - Default: false, Options: true which sets radius to $global-radius (found in settings file)
|
82
|
-
@mixin label($padding:$label-padding, $text-size:$label-font-sizing, $bg:$primary-color, $radius:false) {
|
83
|
-
|
84
|
-
@include label-base;
|
85
|
-
@include label-size($padding, $text-size);
|
86
|
-
@include label-style($bg, $radius);
|
87
|
-
}
|
88
|
-
|
89
|
-
@include exports("label") {
|
90
|
-
@if $include-html-label-classes {
|
91
|
-
.label {
|
92
|
-
@include label-base;
|
93
|
-
@include label-size;
|
94
|
-
@include label-style;
|
95
|
-
|
96
|
-
&.radius { @include label-style(false, true); }
|
97
|
-
&.round { @include label-style(false, $radius:1000px); }
|
98
|
-
|
99
|
-
&.alert { @include label-style($alert-color); }
|
100
|
-
&.warning { @include label-style($warning-color); }
|
101
|
-
&.success { @include label-style($success-color); }
|
102
|
-
&.secondary { @include label-style($secondary-color); }
|
103
|
-
}
|
104
|
-
}
|
105
|
-
}
|
@@ -1,34 +0,0 @@
|
|
1
|
-
// Foundation by ZURB
|
2
|
-
// foundation.zurb.com
|
3
|
-
// Licensed under MIT Open Source
|
4
|
-
|
5
|
-
@import "global";
|
6
|
-
|
7
|
-
//
|
8
|
-
// @variables
|
9
|
-
//
|
10
|
-
$include-html-magellan-classes: $include-html-classes !default;
|
11
|
-
|
12
|
-
$magellan-bg: $white !default;
|
13
|
-
$magellan-padding: 10px !default;
|
14
|
-
|
15
|
-
@include exports("magellan") {
|
16
|
-
@if $include-html-magellan-classes {
|
17
|
-
|
18
|
-
#{data('magellan-expedition')}, #{data('magellan-expedition-clone')} {
|
19
|
-
background: $magellan-bg;
|
20
|
-
z-index: 50;
|
21
|
-
min-width: 100%;
|
22
|
-
padding: $magellan-padding;
|
23
|
-
|
24
|
-
.sub-nav {
|
25
|
-
margin-bottom: 0;
|
26
|
-
dd { margin-bottom: 0; }
|
27
|
-
a {
|
28
|
-
line-height: 1.8em;
|
29
|
-
}
|
30
|
-
}
|
31
|
-
}
|
32
|
-
|
33
|
-
}
|
34
|
-
}
|
@@ -1,510 +0,0 @@
|
|
1
|
-
// Foundation by ZURB
|
2
|
-
// foundation.zurb.com
|
3
|
-
// Licensed under MIT Open Source
|
4
|
-
|
5
|
-
@import "global";
|
6
|
-
@import "type";
|
7
|
-
|
8
|
-
// Off Canvas Tab Bar Variables
|
9
|
-
$include-html-off-canvas-classes: $include-html-classes !default;
|
10
|
-
|
11
|
-
$tabbar-bg: $oil !default;
|
12
|
-
$tabbar-height: rem-calc(45) !default;
|
13
|
-
$tabbar-icon-width: $tabbar-height !default;
|
14
|
-
$tabbar-line-height: $tabbar-height !default;
|
15
|
-
$tabbar-color: $white !default;
|
16
|
-
$tabbar-middle-padding: 0 rem-calc(10) !default;
|
17
|
-
|
18
|
-
// Off Canvas Divider Styles
|
19
|
-
$tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%) !default;
|
20
|
-
$tabbar-right-section-border: $tabbar-left-section-border;
|
21
|
-
|
22
|
-
|
23
|
-
// Off Canvas Tab Bar Headers
|
24
|
-
$tabbar-header-color: $white !default;
|
25
|
-
$tabbar-header-weight: $font-weight-bold !default;
|
26
|
-
$tabbar-header-line-height: $tabbar-height !default;
|
27
|
-
$tabbar-header-margin: 0 !default;
|
28
|
-
|
29
|
-
// Off Canvas Menu Variables
|
30
|
-
$off-canvas-width: rem-calc(250) !default;
|
31
|
-
$off-canvas-bg: $oil !default;
|
32
|
-
|
33
|
-
// Off Canvas Menu List Variables
|
34
|
-
$off-canvas-label-padding: 0.3rem rem-calc(15) !default;
|
35
|
-
$off-canvas-label-color: $aluminum !default;
|
36
|
-
$off-canvas-label-text-transform: uppercase !default;
|
37
|
-
$off-canvas-label-font-size: rem-calc(12) !default;
|
38
|
-
$off-canvas-label-font-weight: $font-weight-bold !default;
|
39
|
-
$off-canvas-label-bg: $tuatara !default;
|
40
|
-
$off-canvas-label-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%) !default;
|
41
|
-
$off-canvas-label-border-bottom: none !default;
|
42
|
-
$off-canvas-label-margin:0 !default;
|
43
|
-
$off-canvas-link-padding: rem-calc(10, 15) !default;
|
44
|
-
$off-canvas-link-color: rgba($white, 0.7) !default;
|
45
|
-
$off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%) !default;
|
46
|
-
$off-canvas-back-bg: #444 !default;
|
47
|
-
$off-canvas-back-border-top: $off-canvas-label-border-top !default;
|
48
|
-
$off-canvas-back-border-bottom: $off-canvas-label-border-bottom !default;
|
49
|
-
$off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%) !default;
|
50
|
-
$off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%) !default;
|
51
|
-
$off-canvas-back-hover-border-bottom: none !default;
|
52
|
-
|
53
|
-
// Off Canvas Menu Icon Variables
|
54
|
-
$tabbar-menu-icon-color: $white !default;
|
55
|
-
$tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%) !default;
|
56
|
-
|
57
|
-
$tabbar-menu-icon-text-indent: rem-calc(35) !default;
|
58
|
-
$tabbar-menu-icon-width: $tabbar-icon-width !default;
|
59
|
-
$tabbar-menu-icon-height: $tabbar-height !default;
|
60
|
-
$tabbar-menu-icon-padding: 0 !default;
|
61
|
-
|
62
|
-
$tabbar-hamburger-icon-width: rem-calc(16) !default;
|
63
|
-
$tabbar-hamburger-icon-left: false !default;
|
64
|
-
$tabbar-hamburger-icon-top: false !default;
|
65
|
-
$tabbar-hamburger-icon-thickness: 1px !default;
|
66
|
-
$tabbar-hamburger-icon-gap: 6px !default;
|
67
|
-
|
68
|
-
// Off Canvas Back-Link Overlay
|
69
|
-
$off-canvas-overlay-transition: background 300ms ease !default;
|
70
|
-
$off-canvas-overlay-cursor: pointer !default;
|
71
|
-
$off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5) !default;
|
72
|
-
$off-canvas-overlay-background: rgba($white, 0.2) !default;
|
73
|
-
$off-canvas-overlay-background-hover: rgba($white, 0.05) !default;
|
74
|
-
|
75
|
-
// Transition Variables
|
76
|
-
$menu-slide: "transform 500ms ease" !default;
|
77
|
-
|
78
|
-
|
79
|
-
// MIXINS
|
80
|
-
// Remove transition flicker on phones
|
81
|
-
@mixin kill-flicker {
|
82
|
-
// -webkit-transform: translateZ(0x);
|
83
|
-
-webkit-backface-visibility: hidden;
|
84
|
-
}
|
85
|
-
|
86
|
-
// Basic properties for the content wraps
|
87
|
-
@mixin wrap-base {
|
88
|
-
position: relative;
|
89
|
-
width: 100%;
|
90
|
-
}
|
91
|
-
|
92
|
-
@mixin translate3d($tx,$ty,$tz) {
|
93
|
-
-ms-transform: translate($tx,$ty);
|
94
|
-
-webkit-transform: translate3d($tx,$ty,$tz);
|
95
|
-
-moz-transform: translate3d($tx,$ty,$tz);
|
96
|
-
-ms-transform: translate3d($tx,$ty,$tz);
|
97
|
-
-o-transform: translate3d($tx,$ty,$tz);
|
98
|
-
transform: translate3d($tx,$ty,$tz)
|
99
|
-
}
|
100
|
-
|
101
|
-
// basic styles for off-canvas menu container
|
102
|
-
@mixin off-canvas-menu($position) {
|
103
|
-
@include kill-flicker;
|
104
|
-
* { @include kill-flicker; }
|
105
|
-
width: $off-canvas-width;
|
106
|
-
top: 0;
|
107
|
-
bottom: 0;
|
108
|
-
position: absolute;
|
109
|
-
overflow-x: hidden;
|
110
|
-
overflow-y: auto;
|
111
|
-
background: $off-canvas-bg;
|
112
|
-
z-index: 1001;
|
113
|
-
box-sizing: content-box;
|
114
|
-
transition: transform 500ms ease 0s;
|
115
|
-
-webkit-overflow-scrolling: touch;
|
116
|
-
-ms-overflow-style: -ms-autohiding-scrollbar;
|
117
|
-
|
118
|
-
@if $position == left {
|
119
|
-
@include translate3d(-100.5%,0,0);
|
120
|
-
left: 0;
|
121
|
-
}
|
122
|
-
@if $position == right {
|
123
|
-
@include translate3d(100.5%,0,0);
|
124
|
-
right: 0;
|
125
|
-
}
|
126
|
-
}
|
127
|
-
|
128
|
-
// OFF CANVAS WRAP
|
129
|
-
// Wrap visible content and prevent scroll bars
|
130
|
-
@mixin off-canvas-wrap {
|
131
|
-
@include kill-flicker;
|
132
|
-
@include wrap-base;
|
133
|
-
overflow: hidden;
|
134
|
-
&.move-right,
|
135
|
-
&.move-left { min-height: 100%; -webkit-overflow-scrolling: touch; }
|
136
|
-
}
|
137
|
-
|
138
|
-
// INNER WRAP
|
139
|
-
// Main content area that moves to reveal the off-canvas nav
|
140
|
-
@mixin inner-wrap {
|
141
|
-
@include kill-flicker;
|
142
|
-
@include wrap-base;
|
143
|
-
@include clearfix;
|
144
|
-
-webkit-transition: -webkit-#{$menu-slide};
|
145
|
-
-moz-transition: -moz-#{$menu-slide};
|
146
|
-
-ms-transition: -ms-#{$menu-slide};
|
147
|
-
-o-transition: -o-#{$menu-slide};
|
148
|
-
transition: #{$menu-slide};
|
149
|
-
}
|
150
|
-
|
151
|
-
// TAB BAR
|
152
|
-
// This is the tab bar base
|
153
|
-
@mixin tab-bar-base {
|
154
|
-
@include kill-flicker;
|
155
|
-
|
156
|
-
// base styles
|
157
|
-
background: $tabbar-bg;
|
158
|
-
color: $tabbar-color;
|
159
|
-
height: $tabbar-height;
|
160
|
-
line-height: $tabbar-line-height;
|
161
|
-
|
162
|
-
// make sure it's below the .exit-off-canvas link
|
163
|
-
position: relative;
|
164
|
-
// z-index: 999;
|
165
|
-
|
166
|
-
// Typography
|
167
|
-
h1,h2,h3,h4,h5,h6 {
|
168
|
-
color: $tabbar-header-color;
|
169
|
-
font-weight: $tabbar-header-weight;
|
170
|
-
line-height: $tabbar-header-line-height;
|
171
|
-
margin: $tabbar-header-margin;
|
172
|
-
}
|
173
|
-
h1,h2,h3,h4 { font-size: $h5-font-size; }
|
174
|
-
}
|
175
|
-
|
176
|
-
// SMALL SECTIONS
|
177
|
-
// These are small sections on the left and right that contain the off-canvas toggle buttons;
|
178
|
-
@mixin tabbar-small-section($position) {
|
179
|
-
width: $tabbar-icon-width;
|
180
|
-
height: $tabbar-height;
|
181
|
-
position: absolute;
|
182
|
-
top: 0;
|
183
|
-
@if $position == left {
|
184
|
-
border-right: $tabbar-left-section-border;
|
185
|
-
// box-shadow: 1px 0 0 scale-color($tabbar-bg, $lightness: 13%);
|
186
|
-
left: 0;
|
187
|
-
}
|
188
|
-
@if $position == right {
|
189
|
-
border-left: $tabbar-right-section-border;
|
190
|
-
// box-shadow: -1px 0 0 scale-color($tabbar-bg, $lightness: -50%);
|
191
|
-
right:0;
|
192
|
-
}
|
193
|
-
}
|
194
|
-
|
195
|
-
@mixin tab-bar-section {
|
196
|
-
padding: $tabbar-middle-padding;
|
197
|
-
position: absolute;
|
198
|
-
text-align: center;
|
199
|
-
height: $tabbar-height;
|
200
|
-
top: 0;
|
201
|
-
@media #{$medium-up} {
|
202
|
-
&.left, &.right { text-align: left; }
|
203
|
-
}
|
204
|
-
|
205
|
-
// still need to make these non-presentational
|
206
|
-
&.left {
|
207
|
-
left: 0;
|
208
|
-
right: $tabbar-icon-width;
|
209
|
-
}
|
210
|
-
&.right {
|
211
|
-
left: $tabbar-icon-width;
|
212
|
-
right: 0;
|
213
|
-
}
|
214
|
-
&.middle {
|
215
|
-
left: $tabbar-icon-width;
|
216
|
-
right: $tabbar-icon-width;
|
217
|
-
}
|
218
|
-
}
|
219
|
-
|
220
|
-
// OFF CANVAS LIST
|
221
|
-
// This is the list of links in the off-canvas menu
|
222
|
-
@mixin off-canvas-list {
|
223
|
-
list-style-type: none;
|
224
|
-
padding:0;
|
225
|
-
margin:0;
|
226
|
-
|
227
|
-
li {
|
228
|
-
label {
|
229
|
-
display: block;
|
230
|
-
padding: $off-canvas-label-padding;
|
231
|
-
color: $off-canvas-label-color;
|
232
|
-
text-transform: $off-canvas-label-text-transform;
|
233
|
-
font-size: $off-canvas-label-font-size;
|
234
|
-
font-weight: $off-canvas-label-font-weight;
|
235
|
-
background: $off-canvas-label-bg;
|
236
|
-
border-top: $off-canvas-label-border-top;
|
237
|
-
border-bottom: $off-canvas-label-border-bottom;
|
238
|
-
margin: $off-canvas-label-margin;
|
239
|
-
}
|
240
|
-
a {
|
241
|
-
display: block;
|
242
|
-
padding: $off-canvas-link-padding;
|
243
|
-
color: $off-canvas-link-color;
|
244
|
-
border-bottom: $off-canvas-link-border-bottom;
|
245
|
-
&:hover { background: scale-color($tabbar-bg, $lightness: -30%); }
|
246
|
-
transition: background 300ms ease;
|
247
|
-
}
|
248
|
-
}
|
249
|
-
|
250
|
-
}
|
251
|
-
|
252
|
-
// BACK LINK
|
253
|
-
// This is an overlay that, when clicked, will toggle off the off canvas menu
|
254
|
-
@mixin back-link {
|
255
|
-
@include kill-flicker;
|
256
|
-
|
257
|
-
transition: $off-canvas-overlay-transition;
|
258
|
-
cursor: $off-canvas-overlay-cursor;
|
259
|
-
box-shadow: $off-canvas-overlay-box-shadow;
|
260
|
-
|
261
|
-
// fill the screen
|
262
|
-
display: block;
|
263
|
-
position: absolute;
|
264
|
-
background: $off-canvas-overlay-background;
|
265
|
-
top: 0;
|
266
|
-
bottom: 0;
|
267
|
-
left:0;
|
268
|
-
right:0;
|
269
|
-
z-index: 1002;
|
270
|
-
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
271
|
-
|
272
|
-
@media #{$medium-up} {
|
273
|
-
&:hover {
|
274
|
-
background: $off-canvas-overlay-background-hover;
|
275
|
-
}
|
276
|
-
}
|
277
|
-
}
|
278
|
-
|
279
|
-
//
|
280
|
-
// DEFAULT CLASSES
|
281
|
-
//
|
282
|
-
@include exports("offcanvas") {
|
283
|
-
@if $include-html-off-canvas-classes {
|
284
|
-
|
285
|
-
.off-canvas-wrap { @include off-canvas-wrap; }
|
286
|
-
.inner-wrap { @include inner-wrap; }
|
287
|
-
|
288
|
-
.tab-bar { @include tab-bar-base; }
|
289
|
-
|
290
|
-
.left-small { @include tabbar-small-section($position: left); }
|
291
|
-
.right-small { @include tabbar-small-section($position: right); }
|
292
|
-
|
293
|
-
.tab-bar-section { @include tab-bar-section; }
|
294
|
-
|
295
|
-
// MENU BUTTON
|
296
|
-
// This is a little bonus. You don't need it for off canvas to work. Mixins to be written in the future.
|
297
|
-
.tab-bar .menu-icon {
|
298
|
-
text-indent: $tabbar-menu-icon-text-indent;
|
299
|
-
width: $tabbar-menu-icon-width;
|
300
|
-
height: $tabbar-menu-icon-height;
|
301
|
-
display: block;
|
302
|
-
padding: $tabbar-menu-icon-padding;
|
303
|
-
color: $tabbar-menu-icon-color;
|
304
|
-
position: relative;
|
305
|
-
transform: translate3d(0,0,0);
|
306
|
-
|
307
|
-
// @include for the hamburger menu-icon
|
308
|
-
//
|
309
|
-
// Arguments as follows: ($width, $left, $top, $thickness, $gap, $color, $hover-color)
|
310
|
-
// $width - Width of hamburger icon in rem Default: $tabbar-hamburger-icon-width.
|
311
|
-
// $left - If false, icon will be centered horizontally || explicitly set value in rem Default: $tabbar-hamburger-icon-left= False
|
312
|
-
// $top - If false, icon will be centered vertically || explicitly set value in rem Default: = False
|
313
|
-
// $thickness - thickness of lines in hamburger icon, set value in px Default: $tabbar-hamburger-icon-thickness = 1px
|
314
|
-
// $gap - spacing between the lines in hamburger icon, set value in px Default: $tabbar-hamburger-icon-gap = 6px
|
315
|
-
// $color - icon color Default: $tabbar-menu-icon-color
|
316
|
-
// $hover-color - icon color when hovered Default: $tabbar-menu-icon-hover
|
317
|
-
// $offcanvas - Set to true
|
318
|
-
@include hamburger($tabbar-hamburger-icon-width, $tabbar-hamburger-icon-left, $tabbar-hamburger-icon-top, $tabbar-hamburger-icon-thickness, $tabbar-hamburger-icon-gap, $tabbar-menu-icon-color, $tabbar-menu-icon-hover, true)
|
319
|
-
}
|
320
|
-
|
321
|
-
.left-off-canvas-menu { @include off-canvas-menu($position: left); }
|
322
|
-
.right-off-canvas-menu { @include off-canvas-menu($position: right); }
|
323
|
-
|
324
|
-
ul.off-canvas-list { @include off-canvas-list; }
|
325
|
-
|
326
|
-
|
327
|
-
// ANIMATION CLASSES
|
328
|
-
// These classes are added with JS and trigger the actual animation.
|
329
|
-
.move-right {
|
330
|
-
> .inner-wrap {
|
331
|
-
@include translate3d($off-canvas-width,0,0);
|
332
|
-
}
|
333
|
-
.exit-off-canvas { @include back-link;}
|
334
|
-
}
|
335
|
-
|
336
|
-
.move-left {
|
337
|
-
> .inner-wrap {
|
338
|
-
@include translate3d(-($off-canvas-width),0,0);
|
339
|
-
|
340
|
-
}
|
341
|
-
.exit-off-canvas { @include back-link; }
|
342
|
-
}
|
343
|
-
.offcanvas-overlap {
|
344
|
-
.left-off-canvas-menu, .right-off-canvas-menu {
|
345
|
-
-ms-transform: none;
|
346
|
-
-webkit-transform: none;
|
347
|
-
-moz-transform: none;
|
348
|
-
-o-transform: none;
|
349
|
-
transform: none;
|
350
|
-
z-index: 1003;
|
351
|
-
}
|
352
|
-
.exit-off-canvas { @include back-link; }
|
353
|
-
}
|
354
|
-
.offcanvas-overlap-left {
|
355
|
-
.right-off-canvas-menu {
|
356
|
-
-ms-transform: none;
|
357
|
-
-webkit-transform: none;
|
358
|
-
-moz-transform: none;
|
359
|
-
-o-transform: none;
|
360
|
-
transform: none;
|
361
|
-
z-index: 1003;
|
362
|
-
}
|
363
|
-
.exit-off-canvas { @include back-link; }
|
364
|
-
}
|
365
|
-
.offcanvas-overlap-right {
|
366
|
-
.left-off-canvas-menu {
|
367
|
-
-ms-transform: none;
|
368
|
-
-webkit-transform: none;
|
369
|
-
-moz-transform: none;
|
370
|
-
-o-transform: none;
|
371
|
-
transform: none;
|
372
|
-
z-index: 1003;
|
373
|
-
}
|
374
|
-
.exit-off-canvas { @include back-link; }
|
375
|
-
}
|
376
|
-
|
377
|
-
// Older browsers
|
378
|
-
.no-csstransforms {
|
379
|
-
.left-off-canvas-menu { left: -($off-canvas-width); }
|
380
|
-
.right-off-canvas-menu { right: -($off-canvas-width); }
|
381
|
-
|
382
|
-
.move-left > .inner-wrap { right: $off-canvas-width; }
|
383
|
-
.move-right > .inner-wrap { left: $off-canvas-width; }
|
384
|
-
}
|
385
|
-
|
386
|
-
}
|
387
|
-
}
|
388
|
-
|
389
|
-
//
|
390
|
-
// Off-Canvas Submenu Classes
|
391
|
-
//
|
392
|
-
@mixin off-canvas-submenu($position) {
|
393
|
-
@include kill-flicker;
|
394
|
-
* { @include kill-flicker; }
|
395
|
-
width: $off-canvas-width;
|
396
|
-
top: 0;
|
397
|
-
bottom: 0;
|
398
|
-
position: absolute;
|
399
|
-
margin: 0;
|
400
|
-
overflow-x: hidden;
|
401
|
-
overflow-y: auto;
|
402
|
-
background: $off-canvas-bg;
|
403
|
-
z-index: 1002;
|
404
|
-
box-sizing: content-box;
|
405
|
-
-webkit-overflow-scrolling: touch;
|
406
|
-
@if $position == left {
|
407
|
-
@include translate3d(-100%,0,0);
|
408
|
-
left: 0;
|
409
|
-
}
|
410
|
-
@if $position == right {
|
411
|
-
@include translate3d(100%,0,0);
|
412
|
-
right: 0;
|
413
|
-
}
|
414
|
-
-webkit-transition: -webkit-#{$menu-slide};
|
415
|
-
-moz-transition: -moz-#{$menu-slide};
|
416
|
-
-ms-transition: -ms-#{$menu-slide};
|
417
|
-
-o-transition: -o-#{$menu-slide};
|
418
|
-
transition: #{$menu-slide};
|
419
|
-
|
420
|
-
//back button style like label
|
421
|
-
.back > a {
|
422
|
-
padding: $off-canvas-label-padding;
|
423
|
-
color: $off-canvas-label-color;
|
424
|
-
text-transform: $off-canvas-label-text-transform;
|
425
|
-
font-weight: $off-canvas-label-font-weight;
|
426
|
-
background: $off-canvas-back-bg;
|
427
|
-
border-top: $off-canvas-back-border-top;
|
428
|
-
border-bottom: $off-canvas-back-border-bottom;
|
429
|
-
&:hover {
|
430
|
-
background: $off-canvas-back-hover-bg;
|
431
|
-
border-top: $off-canvas-back-hover-border-top;
|
432
|
-
border-bottom: $off-canvas-back-hover-border-bottom;
|
433
|
-
}
|
434
|
-
margin: $off-canvas-label-margin;
|
435
|
-
@if $position == right {
|
436
|
-
@if $text-direction == rtl {
|
437
|
-
&:before {
|
438
|
-
@include icon-double-arrows($position: left);
|
439
|
-
}
|
440
|
-
} @else {
|
441
|
-
&:after {
|
442
|
-
@include icon-double-arrows($position: right);
|
443
|
-
}
|
444
|
-
}
|
445
|
-
}
|
446
|
-
@if $position == left {
|
447
|
-
@if $text-direction == rtl {
|
448
|
-
&:after {
|
449
|
-
@include icon-double-arrows($position: right);
|
450
|
-
}
|
451
|
-
} @else {
|
452
|
-
&:before {
|
453
|
-
@include icon-double-arrows($position: left);
|
454
|
-
}
|
455
|
-
}
|
456
|
-
}
|
457
|
-
}
|
458
|
-
}
|
459
|
-
//Left double angle quote or Right double angle quote chars
|
460
|
-
@mixin icon-double-arrows ($position){
|
461
|
-
@if $position == left {
|
462
|
-
content: "\AB";
|
463
|
-
@if $text-direction == rtl {
|
464
|
-
margin-left: 0.5rem;
|
465
|
-
} @else {
|
466
|
-
margin-right: 0.5rem;
|
467
|
-
}
|
468
|
-
}
|
469
|
-
@if $position == right {
|
470
|
-
content: "\BB";
|
471
|
-
@if $text-direction == rtl {
|
472
|
-
margin-right: 0.5rem;
|
473
|
-
} @else {
|
474
|
-
margin-left: 0.5rem;
|
475
|
-
}
|
476
|
-
}
|
477
|
-
display: inline;
|
478
|
-
}
|
479
|
-
|
480
|
-
@if $include-html-off-canvas-classes {
|
481
|
-
.left-submenu {
|
482
|
-
@include off-canvas-submenu($position: left);
|
483
|
-
&.move-right {
|
484
|
-
@include translate3d(0%,0,0);
|
485
|
-
}
|
486
|
-
}
|
487
|
-
|
488
|
-
.right-submenu {
|
489
|
-
@include off-canvas-submenu($position: right);
|
490
|
-
&.move-left {
|
491
|
-
@include translate3d(0%,0,0);
|
492
|
-
}
|
493
|
-
}
|
494
|
-
|
495
|
-
@if $text-direction == rtl {
|
496
|
-
.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
|
497
|
-
@include icon-double-arrows($position: left);
|
498
|
-
}
|
499
|
-
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
|
500
|
-
@include icon-double-arrows($position: right);
|
501
|
-
}
|
502
|
-
} @else {
|
503
|
-
.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
|
504
|
-
@include icon-double-arrows($position: right);
|
505
|
-
}
|
506
|
-
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
|
507
|
-
@include icon-double-arrows($position: left);
|
508
|
-
}
|
509
|
-
}
|
510
|
-
}
|