egghead-styles 1.0.29

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 (81) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +36 -0
  3. data/app/assets/images/elements/egg.svg +8 -0
  4. data/app/assets/images/elements/section-title-bg.png +0 -0
  5. data/app/assets/stylesheets/_old/admin/dashboard.css.scss +7 -0
  6. data/app/assets/stylesheets/_old/admin/discount_codes.css.scss +3 -0
  7. data/app/assets/stylesheets/_old/admin/promos.css.scss +3 -0
  8. data/app/assets/stylesheets/_old/admin/special_offers.css.scss +3 -0
  9. data/app/assets/stylesheets/_old/components/_jumbotron.css.scss +65 -0
  10. data/app/assets/stylesheets/_old/components/_navbar.css.scss +91 -0
  11. data/app/assets/stylesheets/_old/components/_pricing-table.css.scss +188 -0
  12. data/app/assets/stylesheets/_old/components/_sales-item.css.scss +29 -0
  13. data/app/assets/stylesheets/_old/components/_search.css.scss +81 -0
  14. data/app/assets/stylesheets/_old/components/components.css.scss +5 -0
  15. data/app/assets/stylesheets/_old/forum/egghead/admin/groups.css.scss +7 -0
  16. data/app/assets/stylesheets/_old/forum/egghead/forums.css.scss +24 -0
  17. data/app/assets/stylesheets/_old/forum/egghead/topics.css.scss +23 -0
  18. data/app/assets/stylesheets/_old/forum/forum-egghead.css.scss +2 -0
  19. data/app/assets/stylesheets/_old/instructor/dashboard.css.scss +3 -0
  20. data/app/assets/stylesheets/_old/koudoku/pricing-table.css.scss +93 -0
  21. data/app/assets/stylesheets/_old/pages/articles/articles.css.scss +189 -0
  22. data/app/assets/stylesheets/_old/pages/home/home.css.scss +29 -0
  23. data/app/assets/stylesheets/_old/pages/instructor/instructor.css.scss +12 -0
  24. data/app/assets/stylesheets/_old/pages/jobs/jobs.css.scss +117 -0
  25. data/app/assets/stylesheets/_old/pages/lessons/lessons.css.scss +321 -0
  26. data/app/assets/stylesheets/_old/pages/pages.css.scss +7 -0
  27. data/app/assets/stylesheets/_old/pages/series/series.css.scss +0 -0
  28. data/app/assets/stylesheets/_old/pages/training/training.css.scss +19 -0
  29. data/app/assets/stylesheets/_old/player.css.scss +1 -0
  30. data/app/assets/stylesheets/_old/scaffolds.css.scss +69 -0
  31. data/app/assets/stylesheets/_old/socialbar.css.scss +71 -0
  32. data/app/assets/stylesheets/_old/syntax.css.scss +81 -0
  33. data/app/assets/stylesheets/_old/util/_padding.css.scss +8 -0
  34. data/app/assets/stylesheets/_old/util/util.css.scss +1 -0
  35. data/app/assets/stylesheets/application.css.scss +85 -0
  36. data/app/assets/stylesheets/components/_advantages.css.scss +17 -0
  37. data/app/assets/stylesheets/components/_autocomplete-input.css.scss +74 -0
  38. data/app/assets/stylesheets/components/_cc-form.css.scss +99 -0
  39. data/app/assets/stylesheets/components/_corporate-logos.css.scss +27 -0
  40. data/app/assets/stylesheets/components/_home.css.scss +15 -0
  41. data/app/assets/stylesheets/components/_instructor-list.css.scss +29 -0
  42. data/app/assets/stylesheets/components/_onoff_switch.css.scss +46 -0
  43. data/app/assets/stylesheets/components/_pricing-grid.css.scss +177 -0
  44. data/app/assets/stylesheets/components/_search.css.scss +321 -0
  45. data/app/assets/stylesheets/components/forum/_forum.scss +267 -0
  46. data/app/assets/stylesheets/components/forum/_posts.scss +105 -0
  47. data/app/assets/stylesheets/components/lessons/_lesson-email-blocker.css.scss +83 -0
  48. data/app/assets/stylesheets/components/lessons/_lesson-playlist-control.css.scss +301 -0
  49. data/app/assets/stylesheets/components/lessons/_lesson-review-page.css.scss +30 -0
  50. data/app/assets/stylesheets/components/lessons/_lesson-series-list.css.scss +170 -0
  51. data/app/assets/stylesheets/components/lessons/_lesson_pro_placeholder.css.scss +0 -0
  52. data/app/assets/stylesheets/components/lessons/_lessons-list.scss +52 -0
  53. data/app/assets/stylesheets/components/lessons/_popular-lesson-list.css.scss +69 -0
  54. data/app/assets/stylesheets/components/playlists/_add-to-button.scss +289 -0
  55. data/app/assets/stylesheets/components/playlists/_playlist.css.scss +29 -0
  56. data/app/assets/stylesheets/components/technology/_technology-pages.css.scss +3 -0
  57. data/app/assets/stylesheets/components/technology/page-all-technologies/_page-all-technologies.css.scss +798 -0
  58. data/app/assets/stylesheets/components/technology/page-single-technology/_page-single-technology.css.scss +1 -0
  59. data/app/assets/stylesheets/components/technology/shared/_shared.css.scss +66 -0
  60. data/app/assets/stylesheets/globals/_bootstrap-and-overrides.css.scss +66 -0
  61. data/app/assets/stylesheets/globals/_colors.css.scss +23 -0
  62. data/app/assets/stylesheets/globals/_fonts.css.scss +1533 -0
  63. data/app/assets/stylesheets/globals/_grid-helpers.scss +26 -0
  64. data/app/assets/stylesheets/globals/_mixins.css.scss +129 -0
  65. data/app/assets/stylesheets/globals/_variables.css.scss +144 -0
  66. data/app/assets/stylesheets/plugins/chosen.css.scss +93 -0
  67. data/app/assets/stylesheets/plugins/flipclock.css.scss +440 -0
  68. data/app/assets/stylesheets/sections/_footer.css.scss +87 -0
  69. data/app/assets/stylesheets/sections/_header.css.scss +256 -0
  70. data/app/assets/stylesheets/sections/_hero.css.scss +455 -0
  71. data/app/assets/stylesheets/shared/_alerts.css.scss +46 -0
  72. data/app/assets/stylesheets/shared/_buttons.css.scss +54 -0
  73. data/app/assets/stylesheets/shared/_forms.css.scss +478 -0
  74. data/app/assets/stylesheets/shared/_miscellaneous.scss +7 -0
  75. data/app/assets/stylesheets/shared/_pagination.scss +80 -0
  76. data/app/assets/stylesheets/shared/_styles.css.scss +1373 -0
  77. data/app/assets/stylesheets/shared/_titles.css.scss +39 -0
  78. data/app/assets/stylesheets/shared/_typography.css.scss +305 -0
  79. data/lib/egghead/styles.rb +10 -0
  80. data/lib/egghead/styles/version.rb +5 -0
  81. metadata +152 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 2fadb15626e72cbf08c3f299ef80d14a5303169c
4
+ data.tar.gz: b40b2e40e9d7e8f49bfa06069149f2152bbcb7f1
5
+ SHA512:
6
+ metadata.gz: 5fca96bee7a39333b9896fb774d43fc5dd620b44a8a411e5b863d72b96cc31e21adc459957d9c06a65acfab95d2c277b5b26fee0e400292444f0baf78d5848cc
7
+ data.tar.gz: a45fb40cdbcaf840fd2e7b6b9cd5265753bc9a3f9110ee2bac6dfc7cf69a928bda637ad45582a6c004c25a06689fb6f1980156f0aec4426d495e8a9d0b329e60
data/README.md ADDED
@@ -0,0 +1,36 @@
1
+ # egghead-styles
2
+
3
+ Holds the master stylesheet for all of egghead. Clone into the same directory as `egghead-systems` and `egghead-rails`
4
+
5
+ ## First things first
6
+
7
+ Setup all required dependencies. Run: `npm i && bundle install`
8
+
9
+ ## How to publish
10
+
11
+ Before you can publish to NPM or RubyGems, you must first authenticate with each service.
12
+
13
+ ### Log into NPM and RubyGems
14
+
15
+ Perform the following commands within the `egghead-styles` directory and login to NPM with your egghead account that has publishing privileges. Contact an egghead admin for publishing access if needed.
16
+
17
+ * `npm login`
18
+ * `gem push` (this will produce a "Please specify a gem name on the command line" error, ignore it)
19
+
20
+ ## Local Development
21
+
22
+ `egghead-styles` has the same setup as `egghead-rails` in that `egghead-systems` references both from the same root directory. By default, the Gemfile points to `egghead-styles'` repository and will pull the gem from Github if it cannot find a substitute. This isn't conducive for local development as it would require redeploying the gem for every change.
23
+
24
+ For local development, we want `bundle` to see live changes to the gem. Tell `bundle` to reference the local repository. Run the following inside the VM's `/app` directory:
25
+
26
+ `bundle config local.egghead-styles /egghead-styles`
27
+
28
+ Vagrant mounts `egghead-styles` to the root of the VM at `/egghead-styles`. Changes to the local copy will now reflect in development. Run `foreman` as usual.
29
+
30
+ To compile the gem withou publishing, use the `-s` (--silent) flag when deploying `./deploy -s`
31
+
32
+ #### References
33
+
34
+ Source [here](http://bundler.io/v1.3/git.html)
35
+
36
+
@@ -0,0 +1,8 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 10.9 15.6" enable-background="new 0 0 10.9 15.6" xml:space="preserve">
5
+ <path d="M5.7,15.6c-1,0-1.9-0.3-2.8-0.9c-1.4-0.9-2.4-2.5-2.7-4.1c-0.6-3.4,0-9.8,3.5-10.6l0,0c0.9-0.2,1.8,0,2.7,0.6
6
+ c2.2,1.5,3.8,5.1,4.3,7.8c0.6,3.2-1.3,6.5-4.1,7C6.3,15.6,6,15.6,5.7,15.6z M3.9,1c-2.6,0.5-3.3,6-2.7,9.4c0.3,1.4,1.1,2.7,2.2,3.4
7
+ c0.9,0.6,2,0.9,2.9,0.7c2.3-0.5,3.9-3.2,3.4-5.9c-0.5-2.6-2-5.9-3.9-7.2C5.2,1.1,4.6,0.9,3.9,1L3.9,1z"/>
8
+ </svg>
@@ -0,0 +1,7 @@
1
+ .today {
2
+ background-color: #fff4f3;
3
+ }
4
+
5
+ .cancel {
6
+ background-color: #ffccde;
7
+ }
@@ -0,0 +1,3 @@
1
+ // Place all the styles related to the admin/DiscountCodes controller here.
2
+ // They will automatically be included in application.css.
3
+ // You can use Sass (SCSS) here: http://sass-lang.com/
@@ -0,0 +1,3 @@
1
+ // Place all the styles related to the admin/promos controller here.
2
+ // They will automatically be included in application.css.
3
+ // You can use Sass (SCSS) here: http://sass-lang.com/
@@ -0,0 +1,3 @@
1
+ // Place all the styles related to the admin/SpecialOffers controller here.
2
+ // They will automatically be included in application.css.
3
+ // You can use Sass (SCSS) here: http://sass-lang.com/
@@ -0,0 +1,65 @@
1
+ .jumbotron {
2
+ background-color: #090909;
3
+ color: #fff;
4
+ padding-top: 36px;
5
+ padding-bottom: 80px;
6
+ font-family: "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
7
+ @media screen and (min-width: 768px) and (max-width: 1024px) {
8
+ padding-bottom: 60px;
9
+ }
10
+ @media screen and (min-width: 585px) and (max-width: 767px) {
11
+ padding-bottom: 50px;
12
+ }
13
+ .text-yellow {
14
+ color: #fff246;
15
+ }
16
+ .jumbotron-text {
17
+ text-align: center;
18
+ position: absolute;
19
+ //bottom: 60px;
20
+ left: 0;
21
+ width: 100%;
22
+ @media screen and (min-width: 768px) and (max-width: 1024px) {
23
+ //bottom: 20px;
24
+ }
25
+ @media screen and (min-width: 480px) and (max-width: 767px) {
26
+ //bottom: 0;
27
+ }
28
+ }
29
+ .jumbotron-container {
30
+ margin: 0 auto;
31
+ position: relative;
32
+
33
+ }
34
+ .headline {
35
+ font-size: 42px;
36
+ letter-spacing: -0.050em;
37
+ line-height: 0.9em;
38
+ @media screen and (min-width: 768px) and (max-width: 1024px) {
39
+ font-size: 30px;
40
+ line-height: 1em;
41
+
42
+ }
43
+ @media screen and (max-width: 767px) {
44
+ font-size: 20px;
45
+ }
46
+
47
+ }
48
+ .sub-headline {
49
+ margin-top: 7px;
50
+ line-height: 1.25em;
51
+ display: block;
52
+ font-weight: 400;
53
+ @media screen and (min-width: 768px) and (max-width: 1024px) {
54
+ font-size: 14px;
55
+ }
56
+ @media screen and (max-width: 767px) {
57
+ font-size: 12px;
58
+ }
59
+ }
60
+ .jumbotron-graphic {
61
+ max-width: 100%;
62
+ height: auto;
63
+ }
64
+ }
65
+
@@ -0,0 +1,91 @@
1
+ //.full-width {
2
+ // width: 100%;
3
+ //}
4
+ //
5
+ //.navbar-collapse #navbar-search-form {
6
+ // display: none;
7
+ //}
8
+ //
9
+ //.navbar-search-button {
10
+ // font-size: 0.9em;
11
+ // border: none;
12
+ // background: $gray;
13
+ // border-radius: 40px;
14
+ // color: #222;
15
+ // margin-left: 0.5em;
16
+ // position: relative;
17
+ // top: 6px;
18
+ // margin-right: 10px;
19
+ //}
20
+ //
21
+ //.navbar-collapse #navbar-search-form input[type=text] {
22
+ // background: #444;
23
+ // color: $gray-light;
24
+ // border: 1px solid #000;
25
+ // height: 21px;
26
+ //}
27
+ //
28
+ //.navbar-search-button:hover {
29
+ // background: $brand-primary;
30
+ // color: #fff;
31
+ //}
32
+ //
33
+ //.navbar-search-button:active {
34
+ // background: shade($brand-primary, 20%);
35
+ //}
36
+ //
37
+ //
38
+ //.nav > li > a {
39
+ // position: relative;
40
+ // display: block;
41
+ // padding: 10px 10px;
42
+ // font-size: .85em;
43
+ //}
44
+ //
45
+ //.navbar-nav > li > a {
46
+ // padding-top: 8px;
47
+ // padding-bottom: 9px;
48
+ //}
49
+ //
50
+ //.navbar-nav .pro-badge {
51
+ // background-color: $pro-badge-background;
52
+ // margin-top: 8px;
53
+ // margin-bottom: 9px;
54
+ // @include border-radius(3px);
55
+ // padding-left: 3px;
56
+ // padding-right: 3px;
57
+ // font-weight: bold;
58
+ // color: $pro-badge-foreground;
59
+ //}
60
+ //
61
+ //.navbar-brand {
62
+ // float: left;
63
+ // padding: 13px 7px;
64
+ // font-size: 12px;
65
+ // line-height: 10px;
66
+ //}
67
+ //
68
+ //.navbar-toggle {
69
+ // position: relative;
70
+ // float: right;
71
+ // margin-right: 15px;
72
+ // padding: 3px 7px;
73
+ // margin-top: 7px;
74
+ // margin-bottom: 7px;
75
+ // background-color: transparent;
76
+ // border: 1px solid transparent;
77
+ // border-radius: 4px;
78
+ //}
79
+ //
80
+ //.navbar-toggle .icon-bar {
81
+ // display: block;
82
+ // width: 22px;
83
+ // height: 2px;
84
+ // border-radius: 1px;
85
+ //}
86
+ //
87
+ //@media (min-width: 768px) {
88
+ // .navbar-nav.navbar-right:last-child {
89
+ // margin-right: 0 !important;
90
+ // }
91
+ //}
@@ -0,0 +1,188 @@
1
+ .h2-logo-inline {
2
+ position: relative;
3
+ width: 30px;
4
+ height: auto;
5
+ }
6
+
7
+ .h1-logo-inline {
8
+ position: relative;
9
+ width: 60px;
10
+ height: 60px;
11
+ padding: 5px;
12
+ }
13
+
14
+ .logo-medium {
15
+ height: 200px;
16
+ width: auto;
17
+ }
18
+
19
+ .sales-copy {
20
+ font-size: 19px;
21
+ line-height: 28px;
22
+ ul.questions {
23
+ li {
24
+ display: list-item;
25
+ text-align: -webkit-match-parent;
26
+ &:before {
27
+ border: none;
28
+ background: #cf341e;
29
+ color: #fff;
30
+ content: '?';
31
+ border: none;
32
+ width: 25px;
33
+ height: 25px;
34
+ text-align: center;
35
+ }
36
+ &:after {
37
+ display: none;
38
+ }
39
+
40
+ }
41
+ }
42
+ ul.success {
43
+ li {
44
+ &:before {
45
+ border: solid 13px $brand-success;
46
+ }
47
+ }
48
+ }
49
+ ul {
50
+ list-style-type: none;
51
+ // display: block;
52
+ margin: 30px auto;
53
+ // position: relative;
54
+ padding: 0;
55
+ }
56
+
57
+ li {
58
+ display: list-item;
59
+ text-align: -webkit-match-parent;
60
+ margin: 10px 0;
61
+ padding: 0 0 0 45px;
62
+ position: relative;
63
+ &:before {
64
+ @include border-radius(13px);
65
+ content: "\00a0";
66
+ display: block;
67
+ border: solid 13px #2465cd;
68
+
69
+ height: 0;
70
+ width: 0;
71
+ position: absolute;
72
+ left: 7px;
73
+
74
+ margin-top: 1px;
75
+ font-family: Georgia, sans-serif;
76
+ }
77
+ &:after {
78
+ content: "\00a0";
79
+ display: block;
80
+ width: 9px;
81
+ height: 16px;
82
+ border: solid #fff;
83
+ border-width: 0 4px 4px 0;
84
+ position: absolute;
85
+ left: 16px;
86
+ top: 12px;
87
+ margin-top: -7px;
88
+ -webkit-transform: rotate(45deg);
89
+ -moz-transform: rotate(45deg);
90
+ -ms-transform: rotate(45deg);
91
+ transform: rotate(45deg);
92
+ font-family: Georgia, sans-serif;
93
+ }
94
+ }
95
+ }
96
+
97
+ .pricing-table {
98
+
99
+ }
100
+
101
+ .pricing-table ul {
102
+ border: solid 1px #dddddd;
103
+ padding-left: 0;
104
+ margin-left: 0;
105
+ margin-bottom: 1.25em;
106
+ font-size: 1em;
107
+ line-height: 1.6;
108
+ margin-bottom: 1.25em;
109
+ list-style-position: outside;
110
+ font-family: inherit;
111
+ }
112
+
113
+ .pricing-table .title {
114
+ background-color: #c4d9ff;
115
+ padding: 0.9375em 1.25em;
116
+ text-align: center;
117
+ color: #333333;
118
+ font-weight: bold;
119
+ font-size: 1em;
120
+ }
121
+
122
+ .pricing-table .title-primary {
123
+ background-color: #303f63;
124
+ color: #fff;
125
+ font-size: 1.2em;
126
+ font-weight: 600;
127
+
128
+ }
129
+
130
+ .pricing-table * {
131
+ list-style: none;
132
+ line-height: 1;
133
+ }
134
+
135
+ .pricing-table .price {
136
+ background-color: #eeeeee;
137
+ padding: 0.9375em 1.25em;
138
+ text-align: center;
139
+ color: #333333;
140
+ font-weight: normal;
141
+ font-size: 1.25em;
142
+ }
143
+
144
+ .pricing-table .description {
145
+ background-color: white;
146
+ padding: 0.9375em;
147
+ text-align: center;
148
+ color: #777777;
149
+ font-size: 0.75em;
150
+ font-weight: normal;
151
+ line-height: 1.4;
152
+ border-bottom: dotted 1px #dddddd;
153
+ }
154
+
155
+ .pricing-table .bullet-item {
156
+ background-color: white;
157
+ padding: 0.9375em;
158
+ text-align: center;
159
+ color: #333333;
160
+ font-size: 0.875em;
161
+ font-weight: normal;
162
+ border-bottom: dotted 1px #dddddd;
163
+ }
164
+
165
+ .pricing-table .cta-button {
166
+ background-color: whitesmoke;
167
+ text-align: center;
168
+ padding: 1.25em 1.25em 1.0em;
169
+ }
170
+
171
+ .pricing-table-primary {
172
+ zoom: 1.3;
173
+ padding-left: 5px;
174
+ padding-right: 5px;
175
+ margin-top: -20px;
176
+
177
+ @media (max-width: 768px) {
178
+ zoom: 1.0;
179
+ padding-left: 15px;
180
+ padding-right: 15px;
181
+ margin-top: 0;
182
+ }
183
+ }
184
+
185
+ .pricing-table-row {
186
+ padding-top: 30px;
187
+ padding-bottom: 10px;
188
+ }
@@ -0,0 +1,29 @@
1
+ .sales-item {
2
+ border: 1px solid $gray-light;
3
+ font-size: 1.0em;
4
+ @include border-radius(3px);
5
+ .strike {
6
+ opacity: 0.8;
7
+ }
8
+ .sales-header {
9
+ padding: 5px;
10
+ background-color: $gray-lighter;
11
+ border-bottom: 1px solid $gray-light;
12
+ }
13
+ .sales-header-highlighted {
14
+ padding: 5px;
15
+ background-color: #e3f1ff !important;
16
+ border-bottom: 1px solid $gray-light;
17
+ }
18
+ .sales-body {
19
+ padding-top: 10px;
20
+ height: 250px;
21
+ }
22
+ .sales-body-highlight {
23
+ padding-top: 10px;
24
+ height: 280px;
25
+ }
26
+ .sales-footer {
27
+ padding-bottom: 10px;
28
+ }
29
+ }