uxunity 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 12d6a4e714f5ba79be282a511befe2c52fff5aee
-  data.tar.gz: 5b12cf552d4e3b11d1981354cfe7adafdc077a09
+  metadata.gz: 0e6a0422f55dd6584f2a0149757026a6e603807c
+  data.tar.gz: 4e84846b695e3843e8e7ae576da9c206d07b4250
 SHA512:
-  metadata.gz: 71eec9a6367e33fc224a314db48f3853ff67e4f343ecf855272a1f37b27e257511933808cbd68b1fb8ce770e2bdfa1cc49c505c77ff62c3082e9fa43046b003f
-  data.tar.gz: b4542e13938717b548853d1118e191c36787459124b7f2cba8da685739a09abdf1086358dfffdb40965c1b5b59bb13347573e89f03e4f40dc0a0afb479dd95a5
+  metadata.gz: 17910cd08fcdfb0493558ad52b2c0f78001383ec72eda12a8e66dab241028fd5ed5fcfcd80b2b1c40d28fd2056effb681f5f1d1265c5a3950c8f71bc9f370686
+  data.tar.gz: 949eefee93fa1536cfa67546526dd3383f6f729e5d532e0f06ec6086a0eb0d0b37f226454df9ad8caf281ba3f8767db43bae7396010bd84385b68baeb2e3a8bc

data/README.md

@@ -1,8 +1,6 @@
 # Uxunity
 
-Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/uxunity`. To experiment with that code, run `bin/console` for an interactive prompt.
 
-TODO: Delete this and the text above, and describe your gem
 
 ## Installation
 
@@ -22,20 +20,7 @@ Or install it yourself as:
 
 ## Usage
 
-TODO: Write usage instructions here
 
-## Development
 
-After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake false` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
-
-To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
-
-## Contributing
-
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/uxunity. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](contributor-covenant.org) code of conduct.
-
-
-## License
 
 The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
-

data/lib/stylesheets/README.txt

@@ -0,0 +1 @@
+Fill me.

data/lib/stylesheets/_uxunity.scss

@@ -1 +1,2 @@
 // This is your framework's main stylesheet. Use it to import all default modules.
+h1::after {  content: 'Hello World'; }

data/lib/stylesheets/base/README.txt

@@ -0,0 +1 @@
+Fill me.

data/lib/stylesheets/base/_media.scss

@@ -0,0 +1,4 @@
+/*img, media {
+  max-width: 100%;
+}
+*/

data/lib/stylesheets/components/README.txt

@@ -0,0 +1 @@
+Fill me.

data/lib/stylesheets/components/blocks/README.txt

@@ -0,0 +1 @@
+Fill me.

data/lib/stylesheets/components/blocks/footer.scss

@@ -0,0 +1,76 @@
+// Include the variables.
+@import "../../../partials/utility/variables/*"; 
+
+
+
+/* ==========  Lowest footer - copyright  =========== */
+	.l-region--footer {
+		left: 		0;
+		text-align: center;
+		width: 		100%;
+		position: 	fixed;
+		bottom: 	0;
+		left:		0;
+		background: #EBEFF1;
+		z-index:    99;
+		
+		
+		.page-footer-nav   {
+			text-align: 	center;
+			margin: 		0 auto;
+			min-width: 		47rem;
+			max-width:      $max-width;
+			width: 			calc($max-width * 75%);
+		}
+		
+		.page-footer-nav ul {
+			display:       -webkit-flex;
+			display:           -ms-flexbox;
+			display:            -o-flex;
+			display:               flex;
+			-webkit-justify-content:    space-between;
+                -ms-flex-pack:          justify;
+                    justify-content:    space-between;
+			padding:		0;
+			height: 		auto;
+			margin:         0;
+		}
+
+		.page-footer-nav ul li {
+			text-align:   	center;
+			padding:      	0.3em 0  0.2em 0;
+			margin-right: 	0;
+		      -webkit-flex: 1 1 auto;
+                  -ms-flex: 1 1 auto;
+                      flex: 1 1 auto;
+		}
+		
+		.page-footer-nav ul li a {
+			color:     		#7A8793;
+			font-size:		0.8em;
+		}
+		.page-footer-nav ul li a:hover {
+			color:     		$color-hover;
+		}
+
+	}
+
+
+	
+	
+	/*  *****  Media Queries for Footer  *****  */
+	
+	/* phones in  portrait   ----------- 
+	@media only screen 
+		and (max-width : 768px) {
+
+		.l-region--footer     {
+			font-size:	.8em;
+		}
+		#footer-links-wrapper .ul-block {
+			border-right:		none;
+			width: 				48%;
+		}
+
+    } 
+    */

data/lib/stylesheets/components/blocks/front-page.scss

@@ -0,0 +1,399 @@
+// Include the variables.
+@import "../../../partials/utility/variables/*"; 
+
+	
+	/*  ****  Front Page specific blocks and widgets       ****  */
+	
+		/*  ****  Front Page specific blocks and widgets       ****  */
+	.main-nav-blocks   {
+		display:       -webkit-flex;
+		display:           -ms-flexbox;
+		display:            -o-flex;
+		display:               flex;
+		-webkit-justify-content: space-around;
+		    -ms-justify-content: justify;
+	        justify-content: 	space-around;
+		-webkit-flex-wrap:   	wrap;
+	        -ms-flex-wrap:   	wrap;
+	            flex-wrap:   	wrap;
+		padding:			 	0;
+
+		height: 			auto;
+		margin:         	3.4rem auto 1em;
+		
+
+		section       {
+			cursor:         pointer;
+			padding:      	0;
+			margin: 		0 1em 1em 1em;
+						
+			max-width: 		256px;  			// forcing sections to be circles
+			min-width: 		256px;  			// but not allowing them to get too distorted
+			width:      	256px;
+			height: 		256px;					
+			border-radius: 	50%;
+			text-align:		center;
+			
+			-webkit-flex:   1 1 0;
+		        -ms-flex:   1 1 0;
+		            flex:   1 1 0;
+
+			/* background-color: #80c251; */
+			background-image: -webkit-linear-gradient(top, $color-masthead-bg-style 0,  $color-masthead-bg-style 62px, #fff 62px, #fff 100%);
+			background-image:    -moz-linear-gradient(top, $color-masthead-bg-style 0,  $color-masthead-bg-style 62px, #fff 62px, #fff 100%);
+			background-image:      -o-linear-gradient(top, $color-masthead-bg-style 0,  $color-masthead-bg-style 62px, #fff 62px, #fff 100%);
+			background-image:         linear-gradient(top, $color-masthead-bg-style 0,  $color-masthead-bg-style 62px, #fff 62px, #fff 100%);
+			border:           $color-card-border thin solid;
+			background-repeat: no-repeat;
+		}
+
+		/*   each navigation box has different contrast color */
+		section:nth-child(2)        {
+			background-image: -webkit-linear-gradient(top, $color-masthead-bg-pattern 0,  $color-masthead-bg-pattern 62px, #fff 62px, #fff 100%);
+			background-image:    -moz-linear-gradient(top, $color-masthead-bg-pattern 0,  $color-masthead-bg-pattern 62px, #fff 62px, #fff 100%);
+			background-image:      -o-linear-gradient(top, $color-masthead-bg-pattern 0,  $color-masthead-bg-pattern 62px, #fff 62px, #fff 100%);
+			background-image:         linear-gradient(top, $color-masthead-bg-pattern 0,  $color-masthead-bg-pattern 62px, #fff 62px, #fff 100%);
+		}
+
+		section:nth-child(3)        {
+			background-image: -webkit-linear-gradient(top, $color-masthead-bg-design 0,  $color-masthead-bg-design 62px, #fff 62px, #fff 100%);
+			background-image:    -moz-linear-gradient(top, $color-masthead-bg-design 0,  $color-masthead-bg-design 62px, #fff 62px, #fff 100%);
+			background-image:      -o-linear-gradient(top, $color-masthead-bg-design 0,  $color-masthead-bg-design 62px, #fff 62px, #fff 100%);
+			background-image:         linear-gradient(top, $color-masthead-bg-design 0,  $color-masthead-bg-design 62px, #fff 62px, #fff 100%);
+		}
+		
+		
+		/*   each Navigation has contrast color, so that means also on hover  */
+		section:hover      {
+
+			background-image: -webkit-linear-gradient(top, $color-masthead-bg-style 0,  $color-masthead-bg-style 62px, #edf8fc 62px, #edf8fc 100%);
+			background-image:    -moz-linear-gradient(top, $color-masthead-bg-style 0,  $color-masthead-bg-style 62px, #edf8fc 62px, #edf8fc 100%);
+			background-image:      -o-linear-gradient(top, $color-masthead-bg-style 0,  $color-masthead-bg-style 62px, #edf8fc 62px, #edf8fc 100%);
+			background-image:         linear-gradient(top, $color-masthead-bg-style 0,  $color-masthead-bg-style 62px, #edf8fc 62px, #edf8fc 100%);
+		}
+		
+		section:nth-child(2):hover      {
+			background-image: -webkit-linear-gradient(top, $color-masthead-bg-pattern 0,  $color-masthead-bg-pattern 62px, #edf8fc 62px, #edf8fc 100%);  
+			background-image:    -moz-linear-gradient(top, $color-masthead-bg-pattern 0,  $color-masthead-bg-pattern 62px, #edf8fc 62px, #edf8fc 100%);
+			background-image:      -o-linear-gradient(top, $color-masthead-bg-pattern 0,  $color-masthead-bg-pattern 62px, #edf8fc 62px, #edf8fc 100%);
+			background-image:         linear-gradient(top, $color-masthead-bg-pattern 0,  $color-masthead-bg-pattern 62px, #edf8fc 62px, #edf8fc 100%);
+		}
+
+		section:nth-child(3):hover      {
+			background-image: -webkit-linear-gradient(top, $color-masthead-bg-design 0,  $color-masthead-bg-design 62px, #edf8fc 62px, #edf8fc 100%);
+			background-image:    -moz-linear-gradient(top, $color-masthead-bg-design 0,  $color-masthead-bg-design 62px, #edf8fc 62px, #edf8fc 100%);
+			background-image:      -o-linear-gradient(top, $color-masthead-bg-design 0,  $color-masthead-bg-design 62px, #edf8fc 62px, #edf8fc 100%);
+			background-image:         linear-gradient(top, $color-masthead-bg-design 0,  $color-masthead-bg-design 62px, #edf8fc 62px, #edf8fc 100%);
+		}
+
+		section:active      {
+			border:          $color-card-border thin solid;
+		}
+
+		
+		section     h2  {
+			color:       	 white;
+            margin-bottom:   0.2em;
+            font-size:		 1.37em;
+			margin-top:      1.4em;
+			border:          none;
+			pointer-events:  none;
+		}
+		section      p  {
+			font-size:     	0.93em;
+			font-weight:    normal;
+			font-family:    OpenSans-Regular, Helvetica, Arial, sans-serif;
+			line-height:    1.2em;
+			color:          $medium-grey-10;
+			min-height:     1.2em;    // allows the icons below to align
+			padding-top:    0.8em;
+			pointer-events: none;
+		}
+		section      a  {
+			font-size:     	inherit;
+			font-weight:    normal;
+			color:          inherit;
+		}
+		section      img  {
+			margin:     	-0.9em auto 0 auto;
+			padding:        0;
+			width:          116px;
+			height:         116px;
+			display:		block;
+			pointer-events: none;
+		}
+
+	}
+
+.hero-front  h1 {
+	font-family: 		$font-light;
+	font-size: 			4.33em;
+	font-weight: 		100;
+	line-height:    	1em;
+	color:    			$color-hero-title;
+	letter-spacing: 	0.02em;
+	margin:         	2.0em 0 0 0;
+	border:				none;
+	transition:         all 0.5s;
+}
+.hero-front  h3 {
+	font-family: 		$font-light;
+	font-size:   		1.8em;
+	font-weight: 		100;
+	line-height:    	1em;
+	color:    			$color-hero-subtext;
+	margin: 			0  0 0  1em;
+	padding-top:        0;
+	text-align: 		right;
+	border:				none;
+	text-decoration: 	none;
+	max-width:			763px;;
+}
+@media only screen 
+  and (max-width: 920px)  { 
+	.hero-front  h3   {
+		margin-left:   0;
+		margin-right:  1em;
+		text-align:    right;
+	}
+	.hero-front  h1 {
+		letter-spacing: 0;
+	}
+}
+/* *******************   Media Queries   ********************** */
+@media only screen 
+  and (max-width: 840px)  { 
+	.main-nav-blocks   {
+		display:       none;
+	}
+}
+
+
+/* ********************    HERO area    ********************** */
+.hero-front  h3 a:hover,
+a.inherit:hover {
+	color:				$color-hover  !important;
+}
+
+.front {
+	#main-content-wrapper  h1  {
+		display:         none;
+	}
+	#main-content-wrapper  article h1  {
+		display:         block;
+		clear:			 all;
+	}
+	
+	.l-region--pre-content,
+	.l-region--post-content   {
+		display:       -webkit-flex;
+		display:           -ms-flexbox;
+		display:            -o-flex;
+		display:               flex;
+		-webkit-flex-direction:  row;
+		    -ms-flex-direction:  row;
+		        flex-direction:  row;
+		-webkit-justify-content: space-between;
+		    -ms-justify-content: justify;
+		        justify-content: space-between;
+		margin-bottom: 			 4em;
+		 
+		p  {
+			line-height:         1.3;   // RGS Nov2015 Rob Requested to tighten-up paragraphs
+		}
+	}
+		        
+	.block--views {  
+		max-width:				30%;
+		min-width:          	270px;      
+		padding:    			0.5em;
+		max-width:  			31.5%;
+		-webkit-flex:   		1 1 auto;
+	        -ms-flex:   		1 1 auto;
+	            flex:   		1 1 auto;
+
+	  
+	
+		.view-content {
+			display:      		block;
+			width:				100%;
+		
+			.item-list ul {
+				padding:		0;
+				margin:         0.8em 0 0 0;
+			}
+			.item-list ul  li {
+				padding:		0 1.66rem 1.1em;
+				margin-top:     1.3em;
+				margin-bottom:  1.4em;
+				border-bottom:  #e8e8e8 solid thin;
+				background-color:   white;
+				border:         $color-card-border thin solid;
+				cursor:			pointer;
+			}
+			
+		}
+			
+			
+		h2.block-title {
+			color:      	$color-link-active;
+			font-size:      1.33em;
+			margin: 		0 0 0.8em 1.33em;
+			padding: 		0;
+			border: 		none;
+			font-family:  	$font-regular;
+		}
+		
+		.views-field-title {
+			display: 		block;
+			font-family:    $font-semibold;
+			padding-top:     1em;
+		}
+		.views-field-title a {
+			color:      	$color-block-title;
+			font-size:      1.2em;
+			border: 		none;
+			font-family:  	$font-semibold;
+		}
+
+		.views-field-title a:hover {
+			color:      	$color-hover;
+		}
+
+		.views-field-body     {
+			color:      	$color-block-text;
+			font-family:    $font-secondary-text;
+		}
+
+		.tile-category     {
+			font-size:      0.9em;
+			font-family:    $font-secondary-text;
+			color:			$color-text-disabled;
+		}
+		
+		ul {
+			margin:  		0.4em;
+		}
+		
+		li       {
+			list-style: 	none;
+			padding:        0.4em 0.5em 1em;
+		}
+		.username {
+			display: 		block;
+			font-style: 	italic;
+			//a {
+			//	color:			inherit;
+			//}
+
+			a:hover {
+				color:			$color-hover;
+			}
+		}
+	
+		.views-more-link {
+			font-size:     	0.9em;
+			font-style: 	italic;
+		}
+	}
+	
+	#block-views-news-block-whats-new    .side-by-side,
+	#block-views-pages-block-basic-pages .side-by-side  {  // code to move the summary text for these tiles to be image right paragraph left  TEMPORARY
+		p {
+			display:		inline-block;
+			width:			50%;
+			position:		relative;
+			top:			0;
+			left:			49%;
+			padding:  		0  0  0  1%;
+		}
+		img {
+			display:		inline-block;
+			max-width:		46%;
+			position:		relative;
+			top:			0;
+			left:			-52%;
+			vertical-align: top;
+			padding:  		1.38em 0 0.9em 0;
+		}
+	}
+}
+
+
+/* *******************   UX Team navigation for front and other footers   ********************** */
+#block-block-8   {              // This is the block for UX Team footer
+	margin-top:   				4em;
+}
+nav#ux-team-nav {
+    ul  {
+	    font-size: 				1.2em;
+	    font-family: 			$font-semibold;
+	    display: 		-webkit-flex;
+	    display:	        -ms-flexbox;
+	    display:  	         	flex;
+	
+	                               /* row column  */
+	    -webkit-flex-direction:     row;
+	        -ms-flex-direction:     row;
+	            flex-direction:     row;
+	
+	                               /* wrap nowrap wrap-reversse  */
+	    -webkit-flex-wrap:          nowrap;
+	        -ms-flex-wrap:          nowrap;
+	            flex-wrap:          nowrap;
+	
+	                               /* flex-start flex-end center 
+	                                  space-between space-around  (ms) justify*/
+	    -webkit-justify-content:    space-between;
+	        -ms-flex-pack:          justify;
+	            justify-content:    space-between;
+
+	    li {
+		    margin:					auto;
+		    list-style: 			none;
+		    text-align:  			center;
+		    -webkit-flex:           1 1 auto;
+		        -ms-flex:           1 1 auto;
+		            flex:           1 1 auto;
+		    -webkit-flex-grow:	 	6;
+		        -ms-flex-grow:		6;
+		            flex-grow: 		6;
+
+		    
+		    img {
+			    width: 				3rem;
+			    height: 			3rem;
+			    margin-right: 		0.9em;
+			    vertical-align:     middle;
+			    
+			   -webkit-border-radius: 50%;
+			      -moz-border-radius: 50%;
+			       -ms-border-radius: 50%;
+			        -o-border-radius: 50%;
+			           border-radius: 50%;   
+			    background:     rgba(0,0,0,0.25);
+		    }
+		    a  {
+			    font-family: 		inherit;
+			    color:       		inherit;
+			    line-height: 		2.6em;
+			    vertical-align:	 	middle;
+			    width:				auto;
+		    }
+		&:first-child {
+			text-align:				left;
+		    -webkit-flex-grow:	 	4;
+		        -ms-flex-grow:		4;
+		            flex-grow: 		4;
+		    }
+
+		&:last-child {
+			text-align:				right;
+		    -webkit-flex-grow:	 	4;
+		        -ms-flex-grow:		4;
+		            flex-grow: 		4;
+		    }
+	    }
+	}
+}
+