english_tea 1.7.0 → 1.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: aece92ddc418b8cd658c0ce63eb2b708dbc45982
-  data.tar.gz: 48f5eb76cd383318e865b587f279cafbcabe733f
+SHA256:
+  metadata.gz: bf4d62dd933ea57e6b4ba2f8535498580ca0e4978a148c7b059f117816a30177
+  data.tar.gz: 80f3550f9df4fa692547d39a36e025b8b88d418c1aa3876f8b8c3a4a117a0823
 SHA512:
-  metadata.gz: bde901dd4f3e4bd2751a95b6530a0aca8bad675862e5e2fd67888c2d3022db4a54763316ea1c5d21dfba2fc674aae5617ef119a70fcef781002b63a44b2a0b2b
-  data.tar.gz: f739432db4f81c135b3e6624fc3563c3b5017bc12468dac6dcfd73271c1915a2272bc4057c0be06ec0c360fca585e20ffae0895b7f3efce3c2ea05bd6a337ae5
+  metadata.gz: 18d67b34caf3123f6e08921965bd55b8c1cb397d3afd769a8e42dad82179321f3b2b58873944a6a86414e6db517fb41d3d28e2faf5033c85da259432db347428
+  data.tar.gz: cddd61b3fbe0a55af34851e2f564474070a6971a9764671150502aa70e9a669ba47d1e3b1f208ed09d9060a346d06565ab1367406e13cc4ba91923b9b7b3fc05

data/app/assets/stylesheets/english_tea.scss

@@ -4,7 +4,7 @@
 // ==========================================================================
 
 @import 'english_tea/setup';
-@import 'english_tea/media';
+@import 'english_tea/icons';
 @import 'english_tea/buttons';
 @import 'english_tea/forms';
 @import 'english_tea/modules';

data/app/assets/stylesheets/english_tea/color/_border.scss

@@ -23,6 +23,11 @@
 // Border color utility classes
 // ---
 
+.c-b-trans
+{
+	border-color: transparent !important;
+}
+
 @each $_key, $_val in (top: t, right: r, bottom: b, left: l)
 {
 	.c-b#{$_val}-trans

data/app/assets/stylesheets/english_tea/dimension/_margin.scss

@@ -5,7 +5,7 @@
 @include _bp-prefixer(m)
 {
 	// ---
-	// HALF BASE RHYTHM SHORTHANDS
+	// HALF BASE RHYTHM
 	// ---
 
 	&half
@@ -34,7 +34,7 @@
 	}
 
 	// ---
-	// X/Y MARGIN SHORTHANDS
+	// X/Y HALF BASE RHYTHM
 	// ---
 
 	&xhalf
@@ -49,7 +49,11 @@
 		margin-bottom: _rem($base-rhythm-half) !important;
 	}
 
-	@each $key, $val in $gutter-scale
+	// ---
+	// SCALE BASED MARGINS
+	// ---
+
+	@each $key, $val in $rhythm-scale
 	{
 		&#{$key}
 		{
@@ -77,7 +81,7 @@
 		}
 
 		// ---
-		// X/Y MARGIN SHORTHANDS
+		// X/Y MARGINS
 		// ---
 
 		&x#{$key}
@@ -171,6 +175,10 @@
 	}
 }
 
+// ---
+// X/Y NEGATIVE GUTTER MARGINS
+// ---
+
 .mx-neggutter
 {
 	margin-right: _rem(-$base-gutter) !important;

data/app/assets/stylesheets/english_tea/dimension/_padding.scss

@@ -98,7 +98,7 @@
 		padding-bottom: _rem($base-rhythm-half) !important;
 	}
 
-	@each $key, $val in $gutter-scale
+	@each $key, $val in $rhythm-scale
 	{
 		&#{$key}
 		{

data/app/assets/stylesheets/english_tea/dimension/_position.scss

@@ -28,7 +28,7 @@
 		// GUTTERED OFFSETS
 		// ---
 
-		@each $gkey, $gval in $gutter-scale
+		@each $gkey, $gval in $rhythm-scale
 		{
 			&-#{$key}#{$gkey}
 			{

data/app/assets/stylesheets/english_tea/forms/_range.scss

@@ -1,5 +1,7 @@
 // ==========================================================================
 // Shorthand input range styling classes
+// UNUSED.
+// Originally developed for job title percentage selection.
 // ==========================================================================
 
 .field-range 
@@ -121,4 +123,4 @@
 				top: _rem(-$base-rhythm + 1px);
 				width: _rem($base-rhythm * 2);
 			}
-}
+}

data/app/assets/stylesheets/english_tea/forms/_setup.scss

@@ -58,7 +58,6 @@
 
 	.field-control,
 	.field-custom-control,
-	.awesomplete,
 	.select2-container--wnw
 	{
 		@include flex-basis(100%);
@@ -89,7 +88,6 @@
 
 		.field-control,
 		.field-custom-control,
-		.awesomplete,
 		.select2-container--wnw
 		{
 			@include flex-basis(auto);

data/app/assets/stylesheets/english_tea/forms/_text.scss

@@ -26,26 +26,5 @@
 			color: map-get($colors, 6);
 		}
 	}
-
-	&.error {
-		border-color: #ef4d4d !important;
-	}
 }
 
-.field-jumbo-text
-{
-	$_font: map-get($type-scale, 7);
-
-	border-bottom: 1px solid map-get($colors, 10);
-	color: $color-text-base;
-	font-size: _rem(map-get($_font, size));
-	line-height: _rem(map-get($_font, line-height));
-	padding: _rem($base-rhythm * 2) 0 !important;
-
-	> input[type="text"]
-	{
-		border: none;
-		letter-spacing: -0.025em;
-		vertical-align: middle;
-	}
-}

data/app/assets/stylesheets/english_tea/icons.scss

@@ -0,0 +1 @@
+@import 'icons/index';

data/app/assets/stylesheets/english_tea/{media/_icons.scss → icons/_index.scss}

@@ -2,9 +2,6 @@
 // Icon styling classes
 // ==========================================================================
 
-// TODO: Get rid of this!
-@import '../setup/mixins';
-
 .icon
 {
 	box-sizing: content-box;

data/app/assets/stylesheets/english_tea/layout.scss

@@ -8,3 +8,5 @@
 @import 'layout/flex';
 @import 'layout/visibility';
 @import 'layout/grid';
+@import 'layout/alignment';
+@import 'layout/box-shadow';

data/app/assets/stylesheets/english_tea/layout/_alignment.scss

@@ -58,32 +58,3 @@
 {
 	vertical-align: baseline !important;
 }
-
-// ---
-// FLEX HELPERS
-// ---
-
-.snap-top
-{
-	@include align-self(flex-start !important);
-}
-
-.snap-center
-{
-	@include align-self(center !important);
-}
-
-.snap-baseline
-{
-	@include align-self(baseline !important);
-}
-
-.snap-stretch
-{
-	@include align-self(stretch !important);
-}
-
-.snap-bottom
-{
-	@include align-self(flex-end !important);
-}

data/app/assets/stylesheets/english_tea/{modules → layout}/_cursors.scss

@@ -48,4 +48,9 @@
   {
     cursor: help;
   }
+
+  &move
+  {
+    cursor: move;
+  }
 }

data/app/assets/stylesheets/english_tea/layout/_sizing.scss

@@ -179,7 +179,6 @@
 	{
 		height: auto !important;
 	}
-
 }
 
 // ---

data/app/assets/stylesheets/english_tea/layout/_visibility.scss

@@ -75,6 +75,10 @@
   }
 }
 
+// ---
+// MISC VISIBILITY
+// ---
+
 .touchevents .hide-touch
 {
   display: none !important;

data/app/assets/stylesheets/english_tea/modules.scss

@@ -1,20 +1,15 @@
 @import 'modules/setup';
 @import 'modules/avatars';
-@import 'modules/box-shadow';
 @import 'modules/bubbles';
-@import 'modules/celebrate';
-@import 'modules/cursors';
 @import 'modules/tooltips';
 @import 'modules/navigation';
 @import 'modules/tiles';
-@import 'modules/listings';
 @import 'modules/profile';
 @import 'modules/projects';
 @import 'modules/job_posts';
-@import 'modules/notifications_stream';
+@import 'modules/notifications';
 @import 'modules/menu';
 @import 'modules/overlay';
-@import 'modules/notification';
 @import 'modules/modal';
 @import 'modules/fadein';
 @import 'modules/stickybanner';

data/app/assets/stylesheets/english_tea/modules/_setup.scss

@@ -109,40 +109,41 @@
 
 // ---
 // FLIPBOARD CHARS
-// ---
-
-.flip
-{
-  border: $border-width $border-style map-get($colors, 3);
-  border-radius: $border-radius-rounded;
-  padding: 0 3px;
-  position: relative;
-
-  &:first-child
-  {
-    margin-left: 2px;
-  }
-
-  &:last-child
-  {
-    margin-right: 2px;
-  }
-
-  &:before
-  {
-    border-top: $border-width $border-style map-get($colors, 3);
-    content: '';
-    display: block;
-    font-size: 0;
-    height: 0;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 50%;
-    width: 100%;
-    z-index: -1;
-  }
-}
+// Not used
+// ---
+
+// .flip
+// {
+//   border: $border-width $border-style map-get($colors, 3);
+//   border-radius: $border-radius-rounded;
+//   padding: 0 3px;
+//   position: relative;
+
+//   &:first-child
+//   {
+//     margin-left: 2px;
+//   }
+
+//   &:last-child
+//   {
+//     margin-right: 2px;
+//   }
+
+//   &:before
+//   {
+//     border-top: $border-width $border-style map-get($colors, 3);
+//     content: '';
+//     display: block;
+//     font-size: 0;
+//     height: 0;
+//     left: 0;
+//     position: absolute;
+//     right: 0;
+//     top: 50%;
+//     width: 100%;
+//     z-index: -1;
+//   }
+// }
 
 // ---
 // IMAGE PROGRESS INDICATOR

data/app/assets/stylesheets/english_tea/modules/_tiles.scss

@@ -259,7 +259,8 @@
 // LARGE MASONRY LAYOUT
 // ---
 
-.tiles-grid-large
+.tiles-grid-large,
+.tiles-grid-huge
 {
 	// Set alt layout tile sizes across breakpoints
 	.tile,
@@ -317,20 +318,19 @@
 			}
 	}
 
-	&.tiles-grid-huge
+}
+
+.tiles-grid-huge
+{
+	// Set huge layout tile sizes across breakpoints (forces a max of 2-up on
+	// sizes bpm and larger)
+	.tile,
+	.tile-sizer
 	{
-		// Set huge layout tile sizes across breakpoints (forces a max of 2-up on
-		// sizes bpm and larger)
-		.tile,
-		.tile-sizer
-		{
-			@include _size-tiles(tiles-huge);
-		}
+		@include _size-tiles(tiles-huge);
 	}
-
 }
 
-
 // ---
 // LIST MASONRY LAYOUT
 // ---

data/app/assets/stylesheets/english_tea/setup/_config.scss

@@ -174,7 +174,7 @@ $tiles-scale:
 $fixed-widths:
 (
 	0: 40px,
-	1: 120px,
+	1: 100px,
 	2: 150px,
 	3: 200px,
 	4: 250px,
@@ -239,7 +239,7 @@ $type-scale:
 		size: 36px,
 		line-height: 40px
 	),
-	8: //new 08/11
+	8:
 	(
 		size: 28px,
 		line-height: 30px
@@ -259,7 +259,7 @@ $type-scale:
 		size: 20px,
 		line-height: 25px
 	),
-	4: //new 08/11
+	4:
 	(
 		size: 18px,
 		line-height: 25px
@@ -332,11 +332,11 @@ $type-weight-semibold: _fetch-setting("type-weight-semibold");
 $type-weight-bold: _fetch-setting("type-weight-bold");
 
 // ---
-// GUTTER SPACES
-// 0px -> 50px (5px increments)
+// VERTICAL SPACES
+// 0px -> 160px in 10px increments
 // ---
 
-$gutter-scale:
+$rhythm-scale:
 (
 	0: $base-rhythm * 0,
 	1: $base-rhythm * 1,

data/app/assets/stylesheets/english_tea/typography/_fonts.scss

@@ -37,7 +37,6 @@
 
 .f-code
 {
-	color: map-get(map-get($colors-status, stat-a), std);
 	font-family: $type-font-code;
 	font-weight: $type-weight-normal;
 	text-transform: $type-transform-code;

data/app/assets/stylesheets/english_tea/typography/_hierarchy.scss

@@ -18,7 +18,7 @@
 // Line heights in fixed 10px REM increments
 @include _bp-prefixer(lh)
 {
-	@each $key, $val in $gutter-scale
+	@each $key, $val in $rhythm-scale
 	{
 		&#{$key}
 		{

data/lib/english_tea/version.rb

@@ -1,3 +1,3 @@
 module EnglishTea
-  VERSION = "1.7.0"
+  VERSION = "1.8.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: english_tea
 version: !ruby/object:Gem::Version
-  version: 1.7.0
+  version: 1.8.0
 platform: ruby
 authors:
 - Joel Parr
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2018-01-03 00:00:00.000000000 Z
+date: 2018-01-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -78,9 +78,13 @@ files:
 - app/assets/stylesheets/english_tea/forms/_setup.scss
 - app/assets/stylesheets/english_tea/forms/_text.scss
 - app/assets/stylesheets/english_tea/forms/_uploader.scss
+- app/assets/stylesheets/english_tea/icons.scss
+- app/assets/stylesheets/english_tea/icons/_index.scss
 - app/assets/stylesheets/english_tea/layout.scss
 - app/assets/stylesheets/english_tea/layout/_alignment.scss
+- app/assets/stylesheets/english_tea/layout/_box-shadow.scss
 - app/assets/stylesheets/english_tea/layout/_clearfix.scss
+- app/assets/stylesheets/english_tea/layout/_cursors.scss
 - app/assets/stylesheets/english_tea/layout/_display.scss
 - app/assets/stylesheets/english_tea/layout/_flex.scss
 - app/assets/stylesheets/english_tea/layout/_float.scss
@@ -89,23 +93,16 @@ files:
 - app/assets/stylesheets/english_tea/layout/_position.scss
 - app/assets/stylesheets/english_tea/layout/_sizing.scss
 - app/assets/stylesheets/english_tea/layout/_visibility.scss
-- app/assets/stylesheets/english_tea/media.scss
-- app/assets/stylesheets/english_tea/media/_icons.scss
 - app/assets/stylesheets/english_tea/modules.scss
 - app/assets/stylesheets/english_tea/modules/_avatars.scss
 - app/assets/stylesheets/english_tea/modules/_billing.scss
-- app/assets/stylesheets/english_tea/modules/_box-shadow.scss
 - app/assets/stylesheets/english_tea/modules/_bubbles.scss
-- app/assets/stylesheets/english_tea/modules/_celebrate.scss
-- app/assets/stylesheets/english_tea/modules/_cursors.scss
 - app/assets/stylesheets/english_tea/modules/_fadein.scss
 - app/assets/stylesheets/english_tea/modules/_job_posts.scss
-- app/assets/stylesheets/english_tea/modules/_listings.scss
 - app/assets/stylesheets/english_tea/modules/_menu.scss
 - app/assets/stylesheets/english_tea/modules/_modal.scss
 - app/assets/stylesheets/english_tea/modules/_navigation.scss
-- app/assets/stylesheets/english_tea/modules/_notification.scss
-- app/assets/stylesheets/english_tea/modules/_notifications_stream.scss
+- app/assets/stylesheets/english_tea/modules/_notifications.scss
 - app/assets/stylesheets/english_tea/modules/_overlay.scss
 - app/assets/stylesheets/english_tea/modules/_profile.scss
 - app/assets/stylesheets/english_tea/modules/_projects.scss
@@ -155,7 +152,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.14
+rubygems_version: 2.7.3
 signing_key: 
 specification_version: 4
 summary: Atomic CSS from WorkingNotWorking.com

data/app/assets/stylesheets/english_tea/media.scss

@@ -1 +0,0 @@
-@import 'media/icons';

data/app/assets/stylesheets/english_tea/modules/_celebrate.scss

@@ -1,27 +0,0 @@
-@keyframes color-animation {
-    0% {
-      background: red;
-    }
-    15% {
-      background: orange;
-    }
-    30% {
-      background: yellow;
-    }
-    45% {
-      background: green;
-    }
-    60% {
-      background: blue;
-    }
-    75% {
-      background: purple;
-    }
-    100% {
-      background: red;
-    }
- }
-
-.celebrate {
-   animation: color-animation 0.7s infinite linear alternate;
-}

data/app/assets/stylesheets/english_tea/modules/_listings.scss

@@ -1,32 +0,0 @@
-// ==========================================================================
-// Listings module
-// ==========================================================================
-
-.listing 
-{
-
-	> a
-	{
-		@include transition(border-color $transition-timing-base $transition-easing-base);
-
-		&:active,
-		&:focus,
-		&:hover 
-		{
-			border-color: map-get($colors, 10);
-			opacity: 1;
-
-			.listing-location,
-			.listing-updated
-			{
-				display: none;
-			}
-
-			.listing-experience,
-			.listing-ctas
-			{
-				display: block !important;
-			}
-		}
-	}
-}

data/app/assets/stylesheets/english_tea/modules/_notification.scss

@@ -1,8 +0,0 @@
-// ==========================================================================
-// Page notifications, used to provide success/failure/info feedback
-// ==========================================================================
-
-.notification > ul
-{
-	@include _box-shadow(5);
-}