egghead-styles 1.0.29

Sign up to get free protection for your applications and to get access to all the features.
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
+ }