@hashtagcms/themes 1.0.0

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.
Files changed (65) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +143 -0
  3. package/package.json +45 -0
  4. package/src/core/js/bootstrap.js +36 -0
  5. package/src/core/js/components/subscribe.js +54 -0
  6. package/src/core/js/helpers/common.js +20 -0
  7. package/src/core/js/helpers/form.js +192 -0
  8. package/src/core/js/utils/analytics.js +85 -0
  9. package/src/themes/basic/fonts/FontAwesome.otf +0 -0
  10. package/src/themes/basic/fonts/fontawesome-webfont.eot +0 -0
  11. package/src/themes/basic/fonts/fontawesome-webfont.svg +2671 -0
  12. package/src/themes/basic/fonts/fontawesome-webfont.ttf +0 -0
  13. package/src/themes/basic/fonts/fontawesome-webfont.woff +0 -0
  14. package/src/themes/basic/fonts/fontawesome-webfont.woff2 +0 -0
  15. package/src/themes/basic/img/clouds.jpg +0 -0
  16. package/src/themes/basic/img/cms-box-1.png +0 -0
  17. package/src/themes/basic/img/cms-box-2.png +0 -0
  18. package/src/themes/basic/img/dfd.png +0 -0
  19. package/src/themes/basic/img/favicon.png +0 -0
  20. package/src/themes/basic/img/hasshtagcms-product-1.jpg +0 -0
  21. package/src/themes/basic/img/hasshtagcms-product-2.jpg +0 -0
  22. package/src/themes/basic/img/hasshtagcms-product-bg.jpg +0 -0
  23. package/src/themes/basic/img/hasshtagcms-product-with-text.jpg +0 -0
  24. package/src/themes/basic/img/hill.jpg +0 -0
  25. package/src/themes/basic/img/logo-transparent.png +0 -0
  26. package/src/themes/basic/img/logo-white-bg.jpg +0 -0
  27. package/src/themes/basic/img/qr-code.jpg +0 -0
  28. package/src/themes/basic/img/sunset.jpg +0 -0
  29. package/src/themes/basic/img/sunset2.jpg +0 -0
  30. package/src/themes/basic/img/user-default.jpg +0 -0
  31. package/src/themes/basic/js/app.js +23 -0
  32. package/src/themes/basic/sass/_basic.scss +410 -0
  33. package/src/themes/basic/sass/_variables.scss +12 -0
  34. package/src/themes/basic/sass/animate.css +1579 -0
  35. package/src/themes/basic/sass/app.scss +10 -0
  36. package/src/themes/basic/sass/font-awesome/HELP-US-OUT.txt +7 -0
  37. package/src/themes/basic/sass/font-awesome/css/font-awesome.css +2337 -0
  38. package/src/themes/basic/sass/font-awesome/css/font-awesome.min.css +4 -0
  39. package/src/themes/basic/sass/font-awesome/fonts/FontAwesome.otf +0 -0
  40. package/src/themes/basic/sass/font-awesome/fonts/fontawesome-webfont.eot +0 -0
  41. package/src/themes/basic/sass/font-awesome/fonts/fontawesome-webfont.svg +2671 -0
  42. package/src/themes/basic/sass/font-awesome/fonts/fontawesome-webfont.ttf +0 -0
  43. package/src/themes/basic/sass/font-awesome/fonts/fontawesome-webfont.woff +0 -0
  44. package/src/themes/basic/sass/font-awesome/fonts/fontawesome-webfont.woff2 +0 -0
  45. package/src/themes/basic/sass/font-awesome/scss/_animated.scss +34 -0
  46. package/src/themes/basic/sass/font-awesome/scss/_bordered-pulled.scss +25 -0
  47. package/src/themes/basic/sass/font-awesome/scss/_core.scss +12 -0
  48. package/src/themes/basic/sass/font-awesome/scss/_fixed-width.scss +6 -0
  49. package/src/themes/basic/sass/font-awesome/scss/_icons.scss +789 -0
  50. package/src/themes/basic/sass/font-awesome/scss/_larger.scss +13 -0
  51. package/src/themes/basic/sass/font-awesome/scss/_list.scss +19 -0
  52. package/src/themes/basic/sass/font-awesome/scss/_mixins.scss +60 -0
  53. package/src/themes/basic/sass/font-awesome/scss/_path.scss +15 -0
  54. package/src/themes/basic/sass/font-awesome/scss/_rotated-flipped.scss +20 -0
  55. package/src/themes/basic/sass/font-awesome/scss/_screen-reader.scss +5 -0
  56. package/src/themes/basic/sass/font-awesome/scss/_stacked.scss +20 -0
  57. package/src/themes/basic/sass/font-awesome/scss/_variables.scss +799 -0
  58. package/src/themes/basic/sass/font-awesome/scss/font-awesome.scss +18 -0
  59. package/src/themes/elegant/img/feature-ai.png +0 -0
  60. package/src/themes/elegant/img/feature-cloud.png +0 -0
  61. package/src/themes/elegant/img/hero-bg.png +0 -0
  62. package/src/themes/elegant/js/app.js +126 -0
  63. package/src/themes/elegant/sass/_elegant.scss +508 -0
  64. package/src/themes/elegant/sass/_variables.scss +42 -0
  65. package/src/themes/elegant/sass/app.scss +14 -0
@@ -0,0 +1,13 @@
1
+ // Icon Sizes
2
+ // -------------------------
3
+
4
+ /* makes the font 33% larger relative to the icon container */
5
+ .#{$fa-css-prefix}-lg {
6
+ font-size: math.div(4em, 3);
7
+ line-height: math.div(3em, 4);
8
+ vertical-align: -15%;
9
+ }
10
+ .#{$fa-css-prefix}-2x { font-size: 2em; }
11
+ .#{$fa-css-prefix}-3x { font-size: 3em; }
12
+ .#{$fa-css-prefix}-4x { font-size: 4em; }
13
+ .#{$fa-css-prefix}-5x { font-size: 5em; }
@@ -0,0 +1,19 @@
1
+ // List Icons
2
+ // -------------------------
3
+
4
+ .#{$fa-css-prefix}-ul {
5
+ padding-left: 0;
6
+ margin-left: $fa-li-width;
7
+ list-style-type: none;
8
+ > li { position: relative; }
9
+ }
10
+ .#{$fa-css-prefix}-li {
11
+ position: absolute;
12
+ left: -$fa-li-width;
13
+ width: $fa-li-width;
14
+ top: math.div(2em, 14);
15
+ text-align: center;
16
+ &.#{$fa-css-prefix}-lg {
17
+ left: -$fa-li-width + (math.div(4em, 14));
18
+ }
19
+ }
@@ -0,0 +1,60 @@
1
+ // Mixins
2
+ // --------------------------
3
+
4
+ @mixin fa-icon() {
5
+ display: inline-block;
6
+ font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
7
+ font-size: inherit; // can't have font-size inherit on line above, so need to override
8
+ text-rendering: auto; // optimizelegibility throws things off #1094
9
+ -webkit-font-smoothing: antialiased;
10
+ -moz-osx-font-smoothing: grayscale;
11
+
12
+ }
13
+
14
+ @mixin fa-icon-rotate($degrees, $rotation) {
15
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
16
+ -webkit-transform: rotate($degrees);
17
+ -ms-transform: rotate($degrees);
18
+ transform: rotate($degrees);
19
+ }
20
+
21
+ @mixin fa-icon-flip($horiz, $vert, $rotation) {
22
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
23
+ -webkit-transform: scale($horiz, $vert);
24
+ -ms-transform: scale($horiz, $vert);
25
+ transform: scale($horiz, $vert);
26
+ }
27
+
28
+
29
+ // Only display content to screen readers. A la Bootstrap 4.
30
+ //
31
+ // See: http://a11yproject.com/posts/how-to-hide-content/
32
+
33
+ @mixin sr-only {
34
+ position: absolute;
35
+ width: 1px;
36
+ height: 1px;
37
+ padding: 0;
38
+ margin: -1px;
39
+ overflow: hidden;
40
+ clip: rect(0,0,0,0);
41
+ border: 0;
42
+ }
43
+
44
+ // Use in conjunction with .sr-only to only display content when it's focused.
45
+ //
46
+ // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
47
+ //
48
+ // Credit: HTML5 Boilerplate
49
+
50
+ @mixin sr-only-focusable {
51
+ &:active,
52
+ &:focus {
53
+ position: static;
54
+ width: auto;
55
+ height: auto;
56
+ margin: 0;
57
+ overflow: visible;
58
+ clip: auto;
59
+ }
60
+ }
@@ -0,0 +1,15 @@
1
+ /* FONT PATH
2
+ * -------------------------- */
3
+
4
+ @font-face {
5
+ font-family: 'FontAwesome';
6
+ src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
7
+ src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
8
+ url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
9
+ url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
10
+ url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
11
+ url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
12
+ // src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
13
+ font-weight: normal;
14
+ font-style: normal;
15
+ }
@@ -0,0 +1,20 @@
1
+ // Rotated & Flipped Icons
2
+ // -------------------------
3
+
4
+ .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
5
+ .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
6
+ .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
7
+
8
+ .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
9
+ .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
10
+
11
+ // Hook for IE8-9
12
+ // -------------------------
13
+
14
+ :root .#{$fa-css-prefix}-rotate-90,
15
+ :root .#{$fa-css-prefix}-rotate-180,
16
+ :root .#{$fa-css-prefix}-rotate-270,
17
+ :root .#{$fa-css-prefix}-flip-horizontal,
18
+ :root .#{$fa-css-prefix}-flip-vertical {
19
+ filter: none;
20
+ }
@@ -0,0 +1,5 @@
1
+ // Screen Readers
2
+ // -------------------------
3
+
4
+ .sr-only { @include sr-only(); }
5
+ .sr-only-focusable { @include sr-only-focusable(); }
@@ -0,0 +1,20 @@
1
+ // Stacked Icons
2
+ // -------------------------
3
+
4
+ .#{$fa-css-prefix}-stack {
5
+ position: relative;
6
+ display: inline-block;
7
+ width: 2em;
8
+ height: 2em;
9
+ line-height: 2em;
10
+ vertical-align: middle;
11
+ }
12
+ .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
13
+ position: absolute;
14
+ left: 0;
15
+ width: 100%;
16
+ text-align: center;
17
+ }
18
+ .#{$fa-css-prefix}-stack-1x { line-height: inherit; }
19
+ .#{$fa-css-prefix}-stack-2x { font-size: 2em; }
20
+ .#{$fa-css-prefix}-inverse { color: $fa-inverse; }