Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added nesting, added line breaks and update to match current _s css values #1

Merged
merged 2 commits into from
Apr 27, 2014
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Converted to nested scss format, added line spacing to be consistent …
…with the WordPress Coding Standards: http://make.wordpress.org/core/handbook/coding-standards/css/

Signed-off-by: whats@stacykvernmo.com <whats@stacykvernmo.com>
  • Loading branch information
stacyk committed Apr 27, 2014
commit f00171254bf7a5ac7f6a0b0c459e7c8a563294ec
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/sass/.sass-cache
42 changes: 22 additions & 20 deletions sass/partials/_accessibility.scss
Original file line number Diff line number Diff line change
@@ -1,29 +1,31 @@
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers */

.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
@include rem(font-size, 14px);
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar */
&:hover,
&:active,
&:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
@include rem(font-size, 14px);
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar */
}
}
3 changes: 3 additions & 0 deletions sass/partials/_alignments.scss
Original file line number Diff line number Diff line change
@@ -1,16 +1,19 @@
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/

.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}

.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}

.aligncenter {
clear: both;
display: block;
Expand Down
1 change: 1 addition & 0 deletions sass/partials/_clearings.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
Expand Down
11 changes: 11 additions & 0 deletions sass/partials/_content.scss
Original file line number Diff line number Diff line change
@@ -1,34 +1,43 @@
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

.sticky {
}

.hentry {
margin: 0 0 1.5em;
}

.byline,
.updated {
display: none;
}

.single .byline,
.group-blog .byline {
display: inline;
}

.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}

.page-links {
clear: both;
margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
Expand All @@ -37,8 +46,10 @@
/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/

.comment-content a {
word-wrap: break-word;
}

.bypostauthor {
}
17 changes: 16 additions & 1 deletion sass/partials/_elements.scss
Original file line number Diff line number Diff line change
Expand Up @@ -7,33 +7,48 @@ hr {
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {

ul,
ol {
margin: 0 0 1.5em 3em;
}

ul {
list-style: disc;
}

ol {
list-style: decimal;
}

li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}

dt {
font-weight: bold;
}

dd {
margin: 0 1.5em 1.5em;
}

img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}

figure {
margin: 0;
}

table {
margin: 0 0 1.5em;
width: 100%;
}

th {
font-weight: bold;
}
58 changes: 28 additions & 30 deletions sass/partials/_inputs-buttons.scss → sass/partials/_forms.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
/*--------------------------------------------------------------
4.0 Inputs and buttons
4.0 Forms
--------------------------------------------------------------*/

button,
input,
select,
Expand All @@ -10,6 +11,7 @@ textarea {
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
Expand All @@ -26,43 +28,41 @@ input[type="submit"] {
line-height: 1;
padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);

&:hover {
border-color: #ccc #bbb #aaa #bbb;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

&:focus,
&:active {
border-color: #aaa #bbb #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa #bbb;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
-moz-box-sizing: content-box;
box-sizing: content-box;

&::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
Expand All @@ -72,22 +72,20 @@ textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;

&:focus {
color: #111;
}
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px;
}

textarea {
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
padding-left: 3px;
Expand Down
4 changes: 4 additions & 0 deletions sass/partials/_infinite-scroll.scss
Original file line number Diff line number Diff line change
@@ -1,12 +1,16 @@
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {
display: block;
}
Loading