Просмотр исходного кода

removed empty selectors

no need really, just add what you want when you need it. User the base
file as a guide
eddiemachado 13 лет назад
Родитель
Сommit
70005baa16
3 измененных файлов с 123 добавлено и 768 удалено
  1. 1 5
      library/scss/1030up.scss
  2. 29 361
      library/scss/481up.scss
  3. 93 402
      library/scss/768up.scss

+ 1 - 5
library/scss/1030up.scss

@@ -2,13 +2,9 @@
 Site Name: 
 Site Name: 
 Author: 
 Author: 
 
 
-Stylesheet: Just larger than iPad
+Stylesheet: Desktop Stylsheet
 
 
 This is the desktop size. It's larger than an iPad so it will only
 This is the desktop size. It's larger than an iPad so it will only
 be seen on the Desktop. 
 be seen on the Desktop. 
 
 
 ******************************************************************/
 ******************************************************************/
-
-.wrap {
-	max-width: 1140px;
-}

+ 29 - 361
library/scss/481up.scss

@@ -11,30 +11,11 @@ extra styles on that same mobile connection.
 
 
 A word of warning. This size COULD be a larger mobile device,
 A word of warning. This size COULD be a larger mobile device,
 so you still want to keep it pretty light and simply expand
 so you still want to keep it pretty light and simply expand
-upon your base.less styles.
+upon your base.scss styles.
 
 
 ******************************************************************/
 ******************************************************************/
 
 
 
 
-/*********************
-GENERAL STYLES
-*********************/
-
-body {}
-
-/*********************
-LAYOUT & GRID STYLES
-*********************/
-
-.wrap {}
-
-/*********************
-HEADER SYTLES
-*********************/
-
-.header {}
-
-	#logo {}
 	
 	
 /*********************
 /*********************
 NAVIGATION STYLES
 NAVIGATION STYLES
@@ -42,7 +23,7 @@ NAVIGATION STYLES
 
 
 .nav {}
 .nav {}
 
 
-	/* .menu is clearfixed inside mixins.less */
+	/* .menu is clearfixed inside mixins.scss */
 	.menu {
 	.menu {
 		ul {
 		ul {
 			li {
 			li {
@@ -50,7 +31,7 @@ NAVIGATION STYLES
 					
 					
 					/*
 					/*
 					you can use hover styles here even though this size
 					you can use hover styles here even though this size
-					has the possibility of bieng a mobile device.
+					has the possibility of being a mobile device.
 					*/
 					*/
 					&:hover, &:focus {
 					&:hover, &:focus {
 					
 					
@@ -90,354 +71,41 @@ NAVIGATION STYLES
 POSTS & CONTENT STYLES
 POSTS & CONTENT STYLES
 *********************/
 *********************/
 
 
-#content {}
-	
-		.hentry {
-			header {}
-			footer {}
-		} /* end .hentry */
-		
-		.single-title, 
-		.page-title {}
-		.single-title {}
-		.page-title {}
-		.archive_title { }
-	
-		/* want to style individual post classes? Booya! */
-		.post-id {} /* post by id (i.e. post-3) */
-		.post {} /* general post style */
-		.page {} /* general article on a page style */
-		.attachment {} /* general style on an attatchment */
-		.sticky {} /* sticky post style */
-		.hentry {} /* hentry class */
-		.category-slug {} /* style by category (i.e. category-videos) */
-		.tag-slug {} /* style by tag (i.e. tag-news) */
-	
-		/* post meta */
-		.meta {
-			time {}
-		}
-			
-		/* post content */
-		.post-content {
-			p {}
-			ul, ol, table, dl {}
-			ul, ol {
-				li {}
-			}
-			ul {
-				li {}
-			}
-			ol {
-				li {}
-			}
-			blockquote {	
-				&:before {}
-			}
-			dl {}
-			dt {}
-			dd {}
-			
-			img {}
-			
-			/* at this larger size, we can start to align images */
-			.alignleft, img.alignleft { 
-				margin-right: 1.5em; 
-				display: inline; 
-				float: left; 
-			}
-			.alignright, img.alignright { 
-				margin-left: 1.5em; 
-				display: inline; 
-				float: right; 
-			}
-			.aligncenter, img.aligncenter { 
-				margin-right: auto; 
-				margin-left: auto; 
-				display: block; 
-				clear: both; 
-			}
-			
-			video, object {}
-			pre, code {}
-		} /* end .post-content */
-			
-		.wp-caption {
-			/* images inside wp-caption */
-			img {}
-			p.wp-caption-text {}
-		} /* end .wp-caption */
-			
-		/* image gallery styles */
-		.gallery {
-			dl {
-				a {}
-				img {}
-			}
-			dt {}
-			dd {}
-		} /* end .gallery */
-		
-		/* gallery caption styles */	
-		.gallery-caption {}
-		
-		.size-full {}
-		.size-large {}
-		.size-medium {}
-		.size-thumbnail {}
-				
-/******************************************************************
-PAGE NAVI STYLES
-******************************************************************/
-
-.page-navigation, 
-.wp-prev-next {}
-
-	.bones_page_navi {	
-		li {
-			a {	
-				&:hover, 
-				&:focus {}
-			}
-		}
-		
-		/* current page link */	
-		li.bpn-current { 
-			a {
-				/* hovering on current page link */
-				&:hover,
-				&:focus {}
-			}
-		} /* end .bones_page_navi .bpn-current */
-		
-		/* common styles for page-navi links */
-		li.bpn-prev-link, 
-		li.bpn-next-link {
-			a {}
-		}
-		
-		/* remove the bg on end links */
-		li.bpn-prev-link a:hover, 
-		li.bpn-next-link a:hover, 
-		li.bpn-first-page-link a:hover, 
-		li.bpn-last-page-link a:hover {} 
-		
-		/* previous link */
-		li.bpn-prev-link { 
-			a {
-				&:hover,
-				&:focus {}
-			}
-		} 
-		
-		/* next page link */		
-		li.bpn-next-link { 
-			a {
-				&:hover,
-				&:focus {}
-			}
-		} 
-				
-		/* first page link */
-		li.bpn-first-page-link {
-			a {
-				&:hover,
-				&:focus {}
-			}
-		} 
-		
-		/* last page link */
-		li.bpn-last-page-link {
-			a {}
-		} 
-	} /* end .bones_page_navi */
-	
-	/* fallback previous & next links */
-	.wp-prev-next {
-		ul {}
-		.prev-link {}
-		.next-link {}
-	} /* end .wp-prev-next */
-
-/******************************************************************
-COMMENT STYLES
-******************************************************************/
-
-/* h3 comment title */
-#comments {
-	/* number of comments span */
-	span {}
-}
-	
-.comment-nav {
-	ul {
-		li {}
-	}
-}
-		
-.commentlist {	
-	li { 
-		&:last-child {}
-		
-		ul.children {
-			li {}
+/* post content */
+.post-content {
 			
 			
-			/* variations */
-			.comment {}
-			.alt {}
-			.odd {}
-			.even {}
-			.depth-1 {} /* change number for different depth */
-			.byuser {}
-			.bypostauthor {}
-			.comment-author-admin {}
-		
-		} /* end .commentlist li ul.children */
-	}
-	
-	li[class*=depth-] {}
-	li.depth-1 {}
 	
 	
-	li:not(.depth-1) {}
-	
-	li.depth-2 {}
-	li.depth-3 {}
-	li.depth-4 {}
-	li.depth-5 {}
-	
-	/* general comment classes */
-	.alt {}
-	.odd {}
-	.even {}
-	.parent {}
-	.comment {}
-	.children {}
-	.pingback {}
-	.bypostauthor {}
-	.comment-author {}
-	.comment-author-admin {}
-	.thread-alt {}
-	.thread-odd {}
-	.thread-even {}	
-			
-	/* vcard */
-	.vcard { 
-		
-		cite.fn {
-			a.url {}
-		}
-		
-		time {
-			a {
-				&:hover {}
-			}
-		}
-		
-		img.photo {}
-		img.avatar {}
-	} /* end .commentlist .vcard */
-
-	/* comment meta */
-	.comment-meta {
-		a {}
-	} 
-	.commentmetadata {
-		a {}
+	/* at this larger size, we can start to align images */
+	.alignleft, img.alignleft { 
+		margin-right: 1.5em; 
+		display: inline; 
+		float: left; 
 	}
 	}
-	
-	/* comment content */
-	.comment_content {
-		p {}
-	} /* end .commentlist .comment_content */
-	
-	/* comment reply link */
-	.comment-reply-link {
-		&:hover,
-		&:focus {}
-	} /* end .commentlist .comment-reply-link */
-		
-} /* end .commentlist */
-
-/******************************************************************
-COMMENT FORM STYLES
-******************************************************************/
-
-.respond-form {
-	form {
-		li {	
-			label,
-			small {}
-		}
-		
-		input[type=text], 
-		input[type=email], 
-		input[type=url], 
-		textarea {
-			&:focus {}
-			/* form validation */
-			&:invalid {}
-		}
-		
-		input[type=text],
-		input[type=email], 
-		input[type=url] {}
-		textarea {}
+	.alignright, img.alignright { 
+		margin-left: 1.5em; 
+		display: inline; 
+		float: right; 
 	}
 	}
-}
-	
-	/* comment submit button */
-	#submit {}
-	
-	/* comment form title */
-	#comment-form-title {}
-	
-	/* cancel comment reply link */
-	#cancel-comment-reply {
-		a {}
+	.aligncenter, img.aligncenter { 
+		margin-right: auto; 
+		margin-left: auto; 
+		display: block; 
+		clear: both; 
 	}
 	}
 			
 			
-	/* logged in comments */
-	.comments-logged-in-as {}
-		
-	/* allowed tags */
-	#allowed_tags {}		
-	
-	/* no comments */
-	.nocomments {}			
-
-/*********************
-SIDEBARS & ASIDES
-*********************/
-
-.sidebar {}
-	.widgettitle {}
-	.widget {
-		ul {
-			li {
-				&:first-child {}
-				&:last-child {}
-				a {}
-				/* deep nesting */
-				ul {}
-			}
-		}
-	}
+} /* end .post-content */
 
 
 /*********************
 /*********************
 FOOTER STYLES
 FOOTER STYLES
 *********************/
 *********************/
-
-.footer {}
 	
 	
-	/*
-	check your menus here. do they look good?
-	do they need tweaking?
-	*/
-	.footer-links {
-		ul {
-			li {}
-		}
-	} /* end .footer-links */
+/*
+check your menus here. do they look good?
+do they need tweaking?
+*/
+.footer-links {
+	ul {
+		li {}
+	}
+} /* end .footer-links */
 			
 			
-	.attribution {}
-	

+ 93 - 402
library/scss/768up.scss

@@ -91,15 +91,15 @@ LAYOUT & GRID STYLES
 	.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol { 
 	.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol { 
 		position: relative;
 		position: relative;
 		float: left; 
 		float: left; 
-		margin-left:  2.762430939%;
+		margin-left: 2.762430939%;
 	}
 	}
 	
 	
 	.first {
 	.first {
-		margin-left:  0;
+		margin-left: 0;
 	}
 	}
 	
 	
 	.last {
 	.last {
-		float:  right;
+		float: right;
 	}
 	}
 
 
 /*********************
 /*********************
@@ -114,404 +114,98 @@ HEADER SYTLES
 NAVIGATION STYLES
 NAVIGATION STYLES
 *********************/
 *********************/
 
 
-.nav {}
-
-	/* .menu is clearfixed inside mixins.less */
-	.menu {
-		ul {
-			background: #eee; 
+.nav {
+	background: #eee; 
+	border: 0;
 			
 			
-			li {
-				float: left;
-				position: relative;
+	li {
+		float: left;
+		position: relative;
 				
 				
-				a {
-					border-bottom: 0;
+		a {
+			border-bottom: 0;
 					
 					
-					/*
-					you can use hover styles here even though this size
-					has the possibility of bieng a mobile device.
-					*/
-					&:hover, &:focus {
-						background-color: #dedede;
+			/*
+			you can use hover styles here even though this size
+			has the possibility of being a mobile device.
+			*/
+			&:hover, &:focus {
+				background-color: #dedede;
 					
 					
-					}
-				}
+			}
+		}
 				
 				
-				&:first-child {}
-				&:last-child {}
+		&:first-child {}
+		&:last-child {}
 				
 				
-				/*
-				plan your menus and drop-downs wisely.
-				*/
-				ul.sub-menu,
-				ul.children {
-					width: 200px;
-					border: 1px solid #ccc;
-					border-top: 0;
-					position: absolute;
-					display: none;
-					z-index: 8999;
+		/*
+		plan your menus and drop-downs wisely.
+		*/
+		ul.sub-menu,
+		ul.children {
+			width: 200px;
+			border: 1px solid #ccc;
+			border-top: 0;
+			position: absolute;
+			display: none;
+			z-index: 8999;
 						
 						
-					li {
-						a {
-							padding-left: 10px;
-							border-right: 0;
-							display: block;
-							width: 180px;
-							border-bottom: 1px solid #ccc;
+			li {
+		
+				a {
+					padding-left: 10px;
+					border-right: 0;
+					display: block;
+					width: 180px;
+					border-bottom: 1px solid #ccc;
 							
 							
-							&:hover,
-							&:focus {}
-							&:link {}
-						}
-						&:first-child {}
-						&:last-child {
-							a {
-								border-bottom: 0;
-							}
-						}
-						
-						/*
-						if you need to go deeper, go nuts
-						just remember deeper menus suck
-						for usability. k, bai.
-						*/
-						ul {}
-					}
-					
-					/* highlight sub-menu current page */
-					li.current-menu-item, 
-					li.current_page_item,
-					li.current-page-ancestor {
-						a {}
-					}
+					&:hover,
+					&:focus {}
+		
+					&:link {}
 				}
 				}
-				
-				/* showing sub-menus */
-				&:hover ul {
-					top: auto;
-					display: block;
+		
+				&:first-child {}
+	
+				&:last-child {
+		
+					a {
+						border-bottom: 0;
+					}
 				}
 				}
-				
-			} /* end .menu ul li */
-			
-			/* highlight current page */
+						
+				/*
+				if you need to go deeper, go nuts
+				just remember deeper menus suck
+				for usability. k, bai.
+				*/
+				ul {}
+			}
+					
+			/* highlight sub-menu current page */
 			li.current-menu-item, 
 			li.current-menu-item, 
 			li.current_page_item,
 			li.current_page_item,
 			li.current-page-ancestor {
 			li.current-page-ancestor {
 				a {}
 				a {}
-			}  /* end current highlighters */
-		} /* end .menu ul */
-	} /* end .menu */
-
-/*********************
-POSTS & CONTENT STYLES
-*********************/
-
-#content {}
-	
-		.hentry {
-			header {}
-			footer {}
-		} /* end .hentry */
-		
-		.single-title, 
-		.page-title {}
-		.single-title {}
-		.page-title {}
-		.archive_title { }
-	
-		/* want to style individual post classes? Booya! */
-		.post-id {} /* post by id (i.e. post-3) */
-		.post {} /* general post style */
-		.page {} /* general article on a page style */
-		.attachment {} /* general style on an attatchment */
-		.sticky {} /* sticky post style */
-		.hentry {} /* hentry class */
-		.category-slug {} /* style by category (i.e. category-videos) */
-		.tag-slug {} /* style by tag (i.e. tag-news) */
-	
-		/* post meta */
-		.meta {
-			time {}
-		}
-			
-		/* post content */
-		.post-content {
-			p {}
-			ul, ol, table, dl {}
-			ul, ol {
-				li {}
-			}
-			ul {
-				li {}
-			}
-			ol {
-				li {}
-			}
-			blockquote {	
-				&:before {}
-			}
-			dl {}
-			dt {}
-			dd {}
-			
-			img {}
-			
-			/* at this larger size, we can start to align images */
-			.alignleft, img.alignleft {}
-			.alignright, img.alignright {}
-			.aligncenter, img.aligncenter {}
-			
-			video, object {}
-			pre, code {}
-		} /* end .post-content */
-			
-		.wp-caption {
-			/* images inside wp-caption */
-			img {}
-			p.wp-caption-text {}
-		} /* end .wp-caption */
-			
-		/* image gallery styles */
-		.gallery {
-			dl {
-				a {}
-				img {}
-			}
-			dt {}
-			dd {}
-		} /* end .gallery */
-		
-		/* gallery caption styles */	
-		.gallery-caption {}
-		
-		.size-full {}
-		.size-large {}
-		.size-medium {}
-		.size-thumbnail {}
-
-/******************************************************************
-PAGE NAVI STYLES
-******************************************************************/
-
-.page-navigation, 
-.wp-prev-next {}
-
-	.bones_page_navi {	
-		li {
-			a {	
-				&:hover, 
-				&:focus {}
 			}
 			}
 		}
 		}
-		
-		/* current page link */	
-		li.bpn-current { 
-			a {
-				/* hovering on current page link */
-				&:hover,
-				&:focus {}
-			}
-		} /* end .bones_page_navi .bpn-current */
-		
-		/* common styles for page-navi links */
-		li.bpn-prev-link, 
-		li.bpn-next-link {
-			a {}
+				
+		/* showing sub-menus */
+		&:hover ul {
+			top: auto;
+			display: block;
 		}
 		}
-		
-		/* remove the bg on end links */
-		li.bpn-prev-link a:hover, 
-		li.bpn-next-link a:hover, 
-		li.bpn-first-page-link a:hover, 
-		li.bpn-last-page-link a:hover {} 
-		
-		/* previous link */
-		li.bpn-prev-link { 
-			a {
-				&:hover,
-				&:focus {}
-			}
-		} 
-		
-		/* next page link */		
-		li.bpn-next-link { 
-			a {
-				&:hover,
-				&:focus {}
-			}
-		} 
 				
 				
-		/* first page link */
-		li.bpn-first-page-link {
-			a {
-				&:hover,
-				&:focus {}
-			}
-		} 
-		
-		/* last page link */
-		li.bpn-last-page-link {
-			a {}
-		} 
-	} /* end .bones_page_navi */
-	
-	/* fallback previous & next links */
-	.wp-prev-next {
-		ul {}
-		.prev-link {}
-		.next-link {}
-	} /* end .wp-prev-next */
-
-/******************************************************************
-COMMENT STYLES
-******************************************************************/
-
-/* h3 comment title */
-#comments {
-	/* number of comments span */
-	span {}
-}
-	
-.comment-nav {
-	ul {
-		li {}
-	}
-}
-		
-.commentlist {	
-	li { 
-		&:last-child {}
-		
-		ul.children {
-			li {}
-			
-			/* variations */
-			.comment {}
-			.alt {}
-			.odd {}
-			.even {}
-			.depth-1 {} /* change number for different depth */
-			.byuser {}
-			.bypostauthor {}
-			.comment-author-admin {}
-		
-		} /* end .commentlist li ul.children */
-	}
-	
-	li[class*=depth-] {}
-	li.depth-1 {}
-	
-	li:not(.depth-1) {}
-	
-	li.depth-2 {}
-	li.depth-3 {}
-	li.depth-4 {}
-	li.depth-5 {}
-	
-	/* general comment classes */
-	.alt {}
-	.odd {}
-	.even {}
-	.parent {}
-	.comment {}
-	.children {}
-	.pingback {}
-	.bypostauthor {}
-	.comment-author {}
-	.comment-author-admin {}
-	.thread-alt {}
-	.thread-odd {}
-	.thread-even {}	
+	} /* end .menu ul li */
 			
 			
-	/* vcard */
-	.vcard { 
-		
-		cite.fn {
-			a.url {}
-		}
-		
-		time {
-			a {
-				&:hover {}
-			}
-		}
-		
-		img.photo {}
-		img.avatar {}
-	} /* end .commentlist .vcard */
-
-	/* comment meta */
-	.comment-meta {
-		a {}
-	} 
-	.commentmetadata {
+	/* highlight current page */
+	li.current-menu-item, 
+	li.current_page_item,
+	li.current-page-ancestor {
 		a {}
 		a {}
-	}
-	
-	/* comment content */
-	.comment_content {
-		p {}
-	} /* end .commentlist .comment_content */
-	
-	/* comment reply link */
-	.comment-reply-link {
-		&:hover,
-		&:focus {}
-	} /* end .commentlist .comment-reply-link */
-		
-} /* end .commentlist */
-
-
-/******************************************************************
-COMMENT FORM STYLES
-******************************************************************/
-
-.respond-form {
-	form {
-		li {	
-			label,
-			small {}
-		}
-		
-		input[type=text], 
-		input[type=email], 
-		input[type=url], 
-		textarea {
-			&:focus {}
-			/* form validation */
-			&:invalid {}
-		}
-		
-		input[type=text],
-		input[type=email], 
-		input[type=url] {}
-		textarea {}
-	}
-}
-	
-	/* comment submit button */
-	#submit {}
-	
-	/* comment form title */
-	#comment-form-title {}
-	
-	/* cancel comment reply link */
-	#cancel-comment-reply {
-		a {}
-	}
-			
-	/* logged in comments */
-	.comments-logged-in-as {}
-		
-	/* allowed tags */
-	#allowed_tags {}		
-	
-	/* no comments */
-	.nocomments {}		
+	}  /* end current highlighters */
 	
 	
+} /* end .nav */
 	
 	
 /*********************
 /*********************
 SIDEBARS & ASIDES
 SIDEBARS & ASIDES
@@ -640,27 +334,24 @@ SIDEBARS & ASIDES
 FOOTER STYLES
 FOOTER STYLES
 *********************/
 *********************/
 
 
-.footer {}
-	
-	/*
-	you'll probably need to do quite a bit
-	of overriding here if you styled them for
-	mobile. Make sure to double check these!
-	*/
-	.footer-links {
-		ul {
-			li {
-				a {
-					&:hover {}
-				}
-				/* 
-				be careful with the depth of your menus.
-				it's very rare to have multi-depth menus in
-				the footer.
-				*/
-				ul {}
+/*
+you'll probably need to do quite a bit
+of overriding here if you styled them for
+mobile. Make sure to double check these!
+*/
+.footer-links {
+	ul {
+		li {
+			a {
+				&:hover {}
 			}
 			}
+			/* 
+			be careful with the depth of your menus.
+			it's very rare to have multi-depth menus in
+			the footer.
+			*/
+			ul {}
 		}
 		}
-	} /* end .footer-links */
-			
-	.attribution {}
+	}
+} /* end .footer-links */
+