egghead-styles 1.0.29

data/app/assets/stylesheets/shared/_titles.css.scss

@@ -0,0 +1,39 @@
+/* Various Titles */
+.title-with-logo-holder {
+  margin-bottom: 35px;
+  @include respond-to(phones) {
+    margin-bottom: 20px;
+    text-align: center;
+  }
+  .logo {
+    margin-right: 25px;
+    @include respond-to(phones) {
+      margin-right: 15px;
+    }
+    img {
+      height: 90px;
+      @include respond-to(phones) {
+        height: 45px;
+      }
+    }
+  }
+  .title {
+    display: inline-block;
+    vertical-align: middle;
+    margin-bottom: 0;
+  }
+  .admin {
+    float: right;
+    margin-top: 34px;
+    @include respond-to(phones) {
+      display: block;
+      margin-top: 10px;
+      float: none;
+    }
+    .icon {
+      margin-right: 6px;
+      vertical-align: middle;
+      color: $site-color-blue-calypso;
+    }
+  }
+}

data/app/assets/stylesheets/shared/_typography.css.scss

@@ -0,0 +1,305 @@
+body {
+	font-family: $body-font-family;
+	font-size: $body-font-size;
+	line-height: $body-line-height;
+	font-weight: $body-font-weight;
+	color: $body-font-color;
+	-webkit-font-smoothing: antialiased;
+	@include respond-to(tablets-large) {
+		font-size: $body-font-size-tablets-large;
+	}
+	@include respond-to(tablets-small) {
+		font-size: $body-font-size-tablets-small;
+	}
+	@include respond-to(phones) {
+		font-size: $body-font-size-phones;
+		padding-top: 52px;
+	}
+}
+
+h1, h2, h3, h4, h5 {
+	font-family: $body-font-family;
+	color: $site-color-dark-graphite;
+	line-height: 100%;
+	font-weight: 600;
+  	margin-top: 0 !important;
+	&:last-child {
+		margin-bottom: 0;
+	}
+	a {
+		color: inherit;
+		&:hover, &:focus {
+			color: inherit;
+		}
+	}
+}
+
+h1 {
+	font-size: 50px;
+	@include respond-to(tablets-small) {
+		font-size: 36px;
+	}
+	@include respond-to(phones) {
+		font-size: 26px;
+	}
+}
+
+h2 {
+	font-size: 40px;
+	@include respond-to(tablets-small) {
+		font-size: 30px;
+	}
+	@include respond-to(phones) {
+		font-size: 22px;
+	}
+	small {
+		font-size: 16px;
+		line-height: 1.3em;
+		@include respond-to(tablets-small) {
+			font-size: 14px;
+		}
+		@include respond-to(phones) {
+			font-size: 13px;
+		}
+	}
+}
+
+h3 {
+	font-size: 30px;
+	@include respond-to(tablets-small) {
+		font-size: 24px;
+	}
+	@include respond-to(phones) {
+		font-size: 18px;
+	}
+}
+
+h4 {
+	font-size: 22px;
+	@include respond-to(tablets-small) {
+		font-size: 18px;
+	}
+	@include respond-to(phones) {
+		font-size: 16px;
+	}
+}
+
+h5 {
+	font-size: 16px;
+	@include respond-to(tablets-small) {
+		font-size: 15px;
+	}
+	@include respond-to(phones) {
+		font-size: 14px;
+	}
+}
+
+a {
+	@include transition(150ms);
+	color: $link-color;
+	&:hover {
+		color: $link-active-color;
+		text-decoration: none;
+	}
+	&:visited, &:focus {
+		outline: none;
+	}
+	&.underlined {
+		text-decoration: underline;
+		&:hover {
+			text-decoration: none;
+		}
+	}
+	&.link-with-arrow {
+		&:after {
+			content: "\f061";
+			font-family: FontAwesome;
+			font-weight: normal;
+			font-style: normal;
+			text-decoration: none;
+			-webkit-font-smoothing: antialiased;
+		    display: inline-block;
+		    margin-left: 5px;
+		    font-size: 10px;
+		}
+	}
+}
+
+p:last-child {
+	margin-bottom: 0;
+}
+
+.list {
+    padding-left: 75px;
+    line-height: 28px;
+    margin: 30px 0;
+    &.list-marked {
+        list-style: none;
+        padding-left: 50px;
+        @include respond-to(tablets-small) {
+          padding-left: 30px;
+        }
+        @include respond-to(phones) {
+          padding-left: 20px;
+        }
+        > li {
+            &:before {
+                font-family: 'FontAwesome';
+                margin-right: 10px;
+                font-size: 18px;
+                vertical-align: top;
+            }
+        }
+        &.list-marked-question {
+            > li {
+                &:before {
+                    content: "\f059";
+                    color: $site-color-red;
+                }
+            }
+        }
+        &.list-marked-ok {
+            > li {
+                &:before {
+                    content: "\f058";
+                    color: $site-color-green;
+                }
+            }
+        }
+        &.list-marked-snowflake {
+            > li {
+                &:before {
+                    float: left;
+                    margin-top: 3px;
+                    content: url(image_path("elements/snowflake.svg"));
+                  color: $site-color-blue-dim;
+                }
+            }
+        }
+    }
+    > li {
+        margin-bottom: 10px;
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
+}
+
+small {
+	font-size: 16px;
+	line-height: 1.3em;
+	@include respond-to(tablets-small) {
+		font-size: 14px;
+	}
+	@include respond-to(phones) {
+		font-size: 13px;
+	}
+}
+
+strong {
+	font-weight: 700;
+}
+
+code {
+  white-space: pre-wrap;
+}
+
+blockquote {
+    padding: 5px 15px 5px 40px;
+    border-left: 2px solid $site-color-red;
+    @include respond-to(phones) {
+        padding: 5px 15px 5px 25px;
+    }
+    &:last-child {
+        margin-bottom: 0;
+    }
+    .sentence {
+        &:before {
+            content: '❝';
+        }
+        &:after {
+            content: '❞';
+        }
+    }
+    .author {
+        font-size: 20px;
+        line-height: 28px;
+        @include respond-to(phones) {
+            font-size: 14px;
+            line-height: 18px;
+        }
+        &:before {
+            content: '—';
+            margin-right: 5px;
+        }
+    }
+}
+
+.table {
+    margin-bottom: 0;
+}
+.table > thead > tr > td,
+.table > tbody > tr > td,
+.table > tfoot > tr > td {
+    vertical-align: middle;
+}
+
+.alert {
+    font-size: 16px;
+    border-radius: 0;
+    border: none;
+    padding: 15px 20px;
+    margin-bottom: 30px;
+    color: $site-color-medium-graphite;
+}
+
+.with-notification {
+    &:after {
+        position: absolute;
+        top: -3px;
+        right: -3px;
+        width: 18px;
+        height: 18px;
+        border-radius: 50%;
+        background: #ffffff;
+        color: rgba($site-color-black, 0.9);
+        z-index: 1;
+        content: attr(data-notification-number);
+        font-size: 12px;
+        text-align: center;
+        line-height: 18px;
+    }
+}
+
+.items-separator {
+	display: block;
+	width: 100%;
+	margin-bottom: 40px;
+	@include clearfix();
+	&:last-child {
+		margin-bottom: 0;
+	}
+	@include respond-to(phones) {
+		margin-bottom: 0;
+	}
+}
+
+.pagination-holder {
+	@include respond-to(phones) {
+		text-align: center;
+	}
+}
+
+@include custom-label('custom-label-red', $site-color-red-dim, $site-color-red);
+
+/* Color helper classes */
+.color-white {
+	color: #fff;
+}
+
+.text-subtle {
+  color: $site-color-medium-graphite;
+}
+
+
+

data/lib/egghead/styles.rb

@@ -0,0 +1,10 @@
+require "egghead/styles/version"
+
+module Egghead
+  module Styles
+
+    class Engine < ::Rails::Engine
+    end
+
+  end
+end

data/lib/egghead/styles/version.rb

@@ -0,0 +1,5 @@
+module Egghead
+  module Styles
+    VERSION = "1.0.29"
+  end
+end

metadata

@@ -0,0 +1,152 @@
+--- !ruby/object:Gem::Specification
+name: egghead-styles
+version: !ruby/object:Gem::Version
+  version: 1.0.29
+platform: ruby
+authors:
+- egghead.io
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-02-23 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: To reduce development friction egghead.io has extracted its core CSS
+  styles into a gem for use across projects.
+email:
+- info@egghead.io
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- app/assets/images/elements/egg.svg
+- app/assets/images/elements/section-title-bg.png
+- app/assets/stylesheets/_old/admin/dashboard.css.scss
+- app/assets/stylesheets/_old/admin/discount_codes.css.scss
+- app/assets/stylesheets/_old/admin/promos.css.scss
+- app/assets/stylesheets/_old/admin/special_offers.css.scss
+- app/assets/stylesheets/_old/components/_jumbotron.css.scss
+- app/assets/stylesheets/_old/components/_navbar.css.scss
+- app/assets/stylesheets/_old/components/_pricing-table.css.scss
+- app/assets/stylesheets/_old/components/_sales-item.css.scss
+- app/assets/stylesheets/_old/components/_search.css.scss
+- app/assets/stylesheets/_old/components/components.css.scss
+- app/assets/stylesheets/_old/forum/egghead/admin/groups.css.scss
+- app/assets/stylesheets/_old/forum/egghead/forums.css.scss
+- app/assets/stylesheets/_old/forum/egghead/topics.css.scss
+- app/assets/stylesheets/_old/forum/forum-egghead.css.scss
+- app/assets/stylesheets/_old/instructor/dashboard.css.scss
+- app/assets/stylesheets/_old/koudoku/pricing-table.css.scss
+- app/assets/stylesheets/_old/pages/articles/articles.css.scss
+- app/assets/stylesheets/_old/pages/home/home.css.scss
+- app/assets/stylesheets/_old/pages/instructor/instructor.css.scss
+- app/assets/stylesheets/_old/pages/jobs/jobs.css.scss
+- app/assets/stylesheets/_old/pages/lessons/lessons.css.scss
+- app/assets/stylesheets/_old/pages/pages.css.scss
+- app/assets/stylesheets/_old/pages/series/series.css.scss
+- app/assets/stylesheets/_old/pages/training/training.css.scss
+- app/assets/stylesheets/_old/player.css.scss
+- app/assets/stylesheets/_old/scaffolds.css.scss
+- app/assets/stylesheets/_old/socialbar.css.scss
+- app/assets/stylesheets/_old/syntax.css.scss
+- app/assets/stylesheets/_old/util/_padding.css.scss
+- app/assets/stylesheets/_old/util/util.css.scss
+- app/assets/stylesheets/application.css.scss
+- app/assets/stylesheets/components/_advantages.css.scss
+- app/assets/stylesheets/components/_autocomplete-input.css.scss
+- app/assets/stylesheets/components/_cc-form.css.scss
+- app/assets/stylesheets/components/_corporate-logos.css.scss
+- app/assets/stylesheets/components/_home.css.scss
+- app/assets/stylesheets/components/_instructor-list.css.scss
+- app/assets/stylesheets/components/_onoff_switch.css.scss
+- app/assets/stylesheets/components/_pricing-grid.css.scss
+- app/assets/stylesheets/components/_search.css.scss
+- app/assets/stylesheets/components/forum/_forum.scss
+- app/assets/stylesheets/components/forum/_posts.scss
+- app/assets/stylesheets/components/lessons/_lesson-email-blocker.css.scss
+- app/assets/stylesheets/components/lessons/_lesson-playlist-control.css.scss
+- app/assets/stylesheets/components/lessons/_lesson-review-page.css.scss
+- app/assets/stylesheets/components/lessons/_lesson-series-list.css.scss
+- app/assets/stylesheets/components/lessons/_lesson_pro_placeholder.css.scss
+- app/assets/stylesheets/components/lessons/_lessons-list.scss
+- app/assets/stylesheets/components/lessons/_popular-lesson-list.css.scss
+- app/assets/stylesheets/components/playlists/_add-to-button.scss
+- app/assets/stylesheets/components/playlists/_playlist.css.scss
+- app/assets/stylesheets/components/technology/_technology-pages.css.scss
+- app/assets/stylesheets/components/technology/page-all-technologies/_page-all-technologies.css.scss
+- app/assets/stylesheets/components/technology/page-single-technology/_page-single-technology.css.scss
+- app/assets/stylesheets/components/technology/shared/_shared.css.scss
+- app/assets/stylesheets/globals/_bootstrap-and-overrides.css.scss
+- app/assets/stylesheets/globals/_colors.css.scss
+- app/assets/stylesheets/globals/_fonts.css.scss
+- app/assets/stylesheets/globals/_grid-helpers.scss
+- app/assets/stylesheets/globals/_mixins.css.scss
+- app/assets/stylesheets/globals/_variables.css.scss
+- app/assets/stylesheets/plugins/chosen.css.scss
+- app/assets/stylesheets/plugins/flipclock.css.scss
+- app/assets/stylesheets/sections/_footer.css.scss
+- app/assets/stylesheets/sections/_header.css.scss
+- app/assets/stylesheets/sections/_hero.css.scss
+- app/assets/stylesheets/shared/_alerts.css.scss
+- app/assets/stylesheets/shared/_buttons.css.scss
+- app/assets/stylesheets/shared/_forms.css.scss
+- app/assets/stylesheets/shared/_miscellaneous.scss
+- app/assets/stylesheets/shared/_pagination.scss
+- app/assets/stylesheets/shared/_styles.css.scss
+- app/assets/stylesheets/shared/_titles.css.scss
+- app/assets/stylesheets/shared/_typography.css.scss
+- lib/egghead/styles.rb
+- lib/egghead/styles/version.rb
+homepage: https://github.com/eggheadio/egghead-styles
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.8
+signing_key: 
+specification_version: 4
+summary: Holds styles required for egghead.io
+test_files: []