adding full_s SASS sources

This commit is contained in:
Holger Koenemann 2014-12-10 19:29:31 +01:00
parent 1628298cf7
commit 243db1ace9
47 changed files with 1630 additions and 2019 deletions

View File

@ -30,7 +30,7 @@ Some basics about the SCSS and CSS files comes with UnderStrap:
- The theme itself uses the style.css in the root directory just to identify the theme in Wordpress. The file is not loaded by the theme and did not include any styles
- The theme.css file in /css/ subdirectory provides all styles. It is composed by five different SCSS sets and one variables file from /sass/ directory:
1./sass/underscores/_underscores.scss (<- Basics for the _s theme)
1./sass/underscores/style.scss (<- Basics for the _s theme)
2./sass/bootstrap/bootstrap.scss (<- which imports all Bootstrap SCSS files and mixins from /sass/bootstrap/ directory)
3./sass/understrap/understrap.scss (<- Just used minimal styles to combine _s and Bootstrap nicely)
4./sass/font-awesome/font-awesome.scss (<-imports all Font Awesome icons and the font itself)

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -54,6 +54,11 @@ function understrap_setup() {
add_theme_support( 'html5', array(
'search-form', 'comment-form', 'comment-list', 'gallery', 'caption',
) );
/*
* Adding Thumbnail basic support
*/
add_theme_support( "post-thumbnails" );
/*
* Enable support for Post Formats.

View File

@ -1,7 +1,6 @@
// Core variables and mixins
@import "variables";
@import "mixins";
// Reset and dependencies

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -1,8 +1,7 @@
@import "underscores/underscores"; // the _s starter theme basic styles <- Dont edit this files!
@import "underscores/style"; // the _s starter theme basic styles <- Dont edit this files!
@import "theme/theme_variables"; // Overwriting Bootstrap variables and for own variables
@import "bootstrap/bootstrap"; // adding bootstrap <- Dont edit this files!
@import "understrap/understrap"; // Some basic understrap styles. Helps to combine Bootsrap and _s theme and provides some basic styleing for additonal functions <- Dont edit this files!
@import "font-awesome/font-awesome"; // <- Dont edit this files! If you don´t need/want Font Awesome support comment out this line
// Any additional imported files //

73
sass/underscores/_reset.scss Executable file
View File

@ -0,0 +1,73 @@
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: $color__background-body; /* Fallback for when there is no custom background color defined. */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}

View File

@ -49,24 +49,6 @@
z-index: 100000; /* Above WP toolbar */
}
/*--------------------------------------------------------------
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;
margin: 0 auto;
}
/*--------------------------------------------------------------
8.0 Clearings
@ -120,6 +102,7 @@
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
font-size:inherit;
}
.hentry {
margin: 0 0 1.5em;

View File

@ -0,0 +1,19 @@
hr {
background-color: $color__background-hr;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
@import "lists";
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
figure {
margin: 0;
}
@import "tables";

View File

@ -0,0 +1,25 @@
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;
}

View File

@ -0,0 +1,8 @@
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}

View File

@ -0,0 +1,37 @@
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: $color__border-button;
border-radius: 3px;
background: $color__background-button;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, .8);
cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
@include font-size(1.2);
line-height: 1;
padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: $color__border-button-hover;
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: $color__border-button-focus;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

View File

@ -0,0 +1,54 @@
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 */
box-sizing: content-box;
}
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"],
input[type="password"],
input[type="search"],
textarea {
color: $color__text-input;
border: 1px solid $color__border-input;
border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: $color__text-input-focus;
}
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;
vertical-align: top; /* Improves readability and alignment in all browsers */
width: 100%;
}

View File

@ -0,0 +1,12 @@
button,
input,
select,
textarea {
font-size: 100%; /* Corrects font size not being inherited in all browsers */
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}
@import "buttons";
@import "fields";

View File

@ -0,0 +1,20 @@
.content-area {
float: left;
margin: 0 (-$size__site-sidebar) 0 0;
width: $size__site-main;
}
.site-main {
margin: 0 $size__site-sidebar 0 0;
}
.site-content .widget-area {
float: right;
overflow: hidden;
width: $size__site-sidebar;
}
.site-footer {
clear: both;
width: $size__site-main;
}

View File

@ -0,0 +1,20 @@
.content-area {
float: right;
margin: 0 0 0 (-$size__site-sidebar);
width: $size__site-main;
}
.site-main {
margin: 0 0 0 $size__site-sidebar;
}
.site-content .widget-area {
float: left;
overflow: hidden;
width: $size__site-sidebar;
}
.site-footer {
clear: both;
width: $size__site-main;
}

View File

@ -0,0 +1,16 @@
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
img[class*="wp-image-"] {
@include center-block;
}
.wp-caption-text {
margin: 0.8075em 0;
}
}
.wp-caption-text {
text-align: center;
}

View File

@ -0,0 +1,46 @@
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}

View File

@ -0,0 +1,25 @@
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
@import "captions";
/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
@import "galleries";

View File

@ -0,0 +1,22 @@
// Rem output with px fallback
@mixin font-size($sizeValue: 1.6) {
font-size: ($sizeValue * 10) + px;
font-size: $sizeValue + rem;
}
// Center block
@mixin center-block {
display: block;
margin: 0 auto;
}
// Clearfix
@mixin clearfix() {
content: "";
display: table;
}
// Clear after (not all clearfix need this also)
@mixin clearfix-after() {
clear: both;
}

View File

@ -0,0 +1,29 @@
/* Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
&:hover,
&:active,
&:focus {
background-color: $color__background-screen;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: $color__text-screen;
display: block;
@include font-size(1.4);
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 */
}
}

View File

@ -0,0 +1,15 @@
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
@include center-block;
}

View File

@ -0,0 +1,23 @@
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
@include clearfix;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
@include clearfix-after;
}

View File

@ -0,0 +1,10 @@
/* 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;
}

View File

@ -0,0 +1,12 @@
a {
color: $color__link;
&:visited {
color: $color__link-visited;
}
&:hover,
&:focus,
&:active {
color: $color__link-hover;
}
}

View File

@ -0,0 +1,100 @@
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
ul {
list-style: none;
margin: 0;
padding-left: 0;
ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 1.5em;
left: -999em;
z-index: 99999;
ul {
left: -999em;
top: 0;
}
li {
&:hover > ul {
left: 100%;
}
}
a {
width: 200px;
}
:hover > a {
}
a:hover {
}
}
li:hover > ul {
left: auto;
}
}
li {
float: left;
position: relative;
&:hover > a {
}
}
a {
display: block;
text-decoration: none;
}
.current_page_item > a,
.current-menu-item > a,
.current_page_ancestor > a {
}
}
/* Small menu */
.menu-toggle {
display: none;
}
@media screen and (max-width: 600px) {
.menu-toggle,
.main-navigation.toggled .nav-menu {
display: block;
}
.main-navigation ul {
display: none;
}
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}

View File

@ -0,0 +1,9 @@
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
@import "links";
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
@import "menus";

View File

@ -0,0 +1,16 @@
// @import "../layout/content-sidebar";
// @import "../layout/sidebar-content";
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
@import "primary/posts-and-pages";
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
@import "primary/asides";
/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
@import "primary/comments";

View File

@ -0,0 +1,4 @@
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}

View File

@ -0,0 +1,6 @@
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}

View File

@ -0,0 +1,28 @@
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published){
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;
}

View File

@ -0,0 +1,13 @@
.widget {
margin: 0 0 1.5em;
/* Make sure select elements fit in widgets */
select {
max-width: 100%;
}
}
/* Search widget */
.widget_search .search-submit {
display: none;
}

669
sass/underscores/style.css Normal file
View File

@ -0,0 +1,669 @@
/*
Theme Name: _s
Theme URI: http://underscores.me/
Author: Automattic
Author URI: http://automattic.com/
Description: Hi. I'm a starter theme called <code>_s</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: _s
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
_s is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
5.1 Links
5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
10.1 Posts and pages
10.2 Asides
10.3 Comments
11.0 Infinite scroll
12.0 Media
12.1 Captions
12.2 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
/* line 8, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline; }
/* line 19, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/reset */
html {
font-size: 62.5%;
/* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
overflow-y: scroll;
/* Keeps page centered in all browsers regardless of content height */
-webkit-text-size-adjust: 100%;
/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%;
/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
box-sizing: border-box;
/* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ }
/* line 28, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/reset */
*, *:before, *:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit; }
/* line 31, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/reset */
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */ }
/* line 43, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/reset */
article, aside, details, figcaption, figure, footer, header, main, nav, section {
display: block; }
/* line 46, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/reset */
ol, ul {
list-style: none; }
/* line 49, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/reset */
table {
/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0; }
/* line 53, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/reset */
caption, th, td {
font-weight: normal;
text-align: left; }
/* line 58, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/reset */
blockquote:before, blockquote:after, q:before, q:after {
content: ""; }
/* line 61, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/reset */
blockquote, q {
quotes: "" ""; }
/* line 64, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/reset */
a:focus {
outline: thin dotted; }
/* line 68, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/reset */
a:hover, a:active {
outline: 0; }
/* line 71, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/reset */
a img {
border: 0; }
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
/* line 5, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/typography */
body, button, input, select, textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5; }
/* line 1, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/headings */
h1, h2, h3, h4, h5, h6 {
clear: both; }
/* line 1, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/copy */
p {
margin-bottom: 1.5em; }
/* line 5, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/copy */
b, strong {
font-weight: bold; }
/* line 9, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/copy */
dfn, cite, em, i {
font-style: italic; }
/* line 13, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/copy */
blockquote {
margin: 0 1.5em; }
/* line 17, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/copy */
address {
margin: 0 0 1.5em; }
/* line 21, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/copy */
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em; }
/* line 32, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/copy */
code, kbd, tt, var {
font-size: 15px;
font-size: 1.5rem;
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
/* line 37, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/copy */
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help; }
/* line 42, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/copy */
mark, ins {
background: #fff9c0;
text-decoration: none; }
/* line 48, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/copy */
sup, sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline; }
/* line 56, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/copy */
sup {
bottom: 1ex; }
/* line 60, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/copy */
sub {
top: 0.5ex; }
/* line 64, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/copy */
small {
font-size: 75%; }
/* line 68, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/typography/copy */
big {
font-size: 125%; }
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
/* line 1, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/elements/elements */
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em; }
/* line 1, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/elements/lists */
ul, ol {
margin: 0 0 1.5em 3em; }
/* line 5, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/elements/lists */
ul {
list-style: disc; }
/* line 9, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/elements/lists */
ol {
list-style: decimal; }
/* line 14, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/elements/lists */
li > ul, li > ol {
margin-bottom: 0;
margin-left: 1.5em; }
/* line 19, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/elements/lists */
dt {
font-weight: bold; }
/* line 23, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/elements/lists */
dd {
margin: 0 1.5em 1.5em; }
/* line 10, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/elements/elements */
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */ }
/* line 15, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/elements/elements */
figure {
margin: 0; }
/* line 1, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/elements/tables */
table {
margin: 0 0 1.5em;
width: 100%; }
/* line 6, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/elements/tables */
th {
font-weight: bold; }
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
/* line 4, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/forms/forms */
button, input, select, textarea {
font-size: 100%;
/* Corrects font size not being inherited in all browsers */
margin: 0;
/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
vertical-align: baseline;
/* Improves appearance and consistency in all browsers */ }
/* line 4, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/forms/buttons */
button, input[type="button"], input[type="reset"], input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.8);
cursor: pointer;
/* Improves usability and consistency of cursor style between image-type 'input' and others */
-webkit-appearance: button;
/* Corrects inability to style clickable 'input' types in iOS */
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
/* line 22, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/forms/buttons */
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
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); }
/* line 34, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/forms/buttons */
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;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }
/* line 2, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/forms/fields */
input[type="checkbox"], input[type="radio"] {
padding: 0;
/* Addresses excess padding in IE8/9 */ }
/* line 6, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/forms/fields */
input[type="search"] {
-webkit-appearance: textfield;
/* Addresses appearance set to searchfield in S5, Chrome */
box-sizing: content-box; }
/* line 11, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/forms/fields */
input[type="search"]::-webkit-search-decoration {
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none; }
/* line 16, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/forms/fields */
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; }
/* line 26, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/forms/fields */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px; }
/* line 37, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/forms/fields */
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
color: #111; }
/* line 45, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/forms/fields */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
padding: 3px; }
/* line 49, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/forms/fields */
textarea {
overflow: auto;
/* Removes default vertical scrollbar in IE6/7/8/9 */
padding-left: 3px;
vertical-align: top;
/* Improves readability and alignment in all browsers */
width: 100%; }
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
/* line 1, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/links */
a {
color: royalblue; }
/* line 4, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/links */
a:visited {
color: purple; }
/* line 9, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/links */
a:hover, a:focus, a:active {
color: midnightblue; }
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
/* line 1, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/menus */
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%; }
/* line 7, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/menus */
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0; }
/* line 12, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/menus */
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 1.5em;
left: -999em;
z-index: 99999; }
/* line 20, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/menus */
.main-navigation ul ul ul {
left: -999em;
top: 0; }
/* line 26, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/menus */
.main-navigation ul ul li:hover > ul {
left: 100%; }
/* line 31, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/menus */
.main-navigation ul ul a {
width: 200px; }
/* line 42, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/menus */
.main-navigation ul li:hover > ul {
left: auto; }
/* line 46, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/menus */
.main-navigation li {
float: left;
position: relative; }
/* line 53, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/menus */
.main-navigation a {
display: block;
text-decoration: none; }
/* Small menu */
/* line 65, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/menus */
.menu-toggle {
display: none; }
@media screen and (max-width: 600px) {
/* line 71, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/menus */
.menu-toggle, .main-navigation.toggled .nav-menu {
display: block; }
/* line 75, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/menus */
.main-navigation ul {
display: none; }
}
/* line 82, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/menus */
.site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden; }
/* line 89, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/menus */
.comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous {
float: left;
width: 50%; }
/* line 96, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/navigation/menus */
.comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next {
float: right;
text-align: right;
width: 50%; }
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
/* line 2, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/modules/accessibility */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
/* line 11, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/modules/accessibility */
.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;
font-size: 14px;
font-size: 1.4rem;
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 */ }
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
/* line 1, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/modules/alignments */
.alignleft {
display: inline;
float: left;
margin-right: 1.5em; }
/* line 7, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/modules/alignments */
.alignright {
display: inline;
float: right;
margin-left: 1.5em; }
/* line 13, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/modules/alignments */
.aligncenter {
display: block;
margin: 0 auto; }
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
/* line 12, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/modules/clearings */
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
content: "";
display: table; }
/* line 21, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/modules/clearings */
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
clear: both; }
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
/* line 1, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/site/secondary/widgets */
.widget {
margin: 0 0 1.5em;
/* Make sure select elements fit in widgets */ }
/* line 5, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/site/secondary/widgets */
.widget select {
max-width: 100%; }
/* Search widget */
/* line 11, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/site/secondary/widgets */
.widget_search .search-submit {
display: none; }
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
/* line 1, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/site/primary/posts-and-pages */
.sticky {
display: block; }
/* line 5, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/site/primary/posts-and-pages */
.hentry {
margin: 0 0 1.5em; }
/* line 10, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/site/primary/posts-and-pages */
.byline, .updated:not(.published) {
display: none; }
/* line 15, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/site/primary/posts-and-pages */
.single .byline, .group-blog .byline {
display: inline; }
/* line 21, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/site/primary/posts-and-pages */
.page-content, .entry-content, .entry-summary {
margin: 1.5em 0 0; }
/* line 25, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/site/primary/posts-and-pages */
.page-links {
clear: both;
margin: 0 0 1.5em; }
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
/* line 2, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/site/primary/asides */
.blog .format-aside .entry-title, .archive .format-aside .entry-title {
display: none; }
/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
/* line 1, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/site/primary/comments */
.comment-content a {
word-wrap: break-word; }
/* line 4, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/site/primary/comments */
.bypostauthor {
display: block; }
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
/* line 3, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/modules/infinite-scroll */
.infinite-scroll .paging-navigation, .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 */
/* line 8, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/modules/infinite-scroll */
.infinity-end.neverending .site-footer {
display: block; }
/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
/* line 3, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/media */
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; }
/* Make sure embeds and iframes fit their containers */
/* line 13, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/media */
embed, iframe, object {
max-width: 100%; }
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
/* line 1, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/captions */
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%; }
/* line 5, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/captions */
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto; }
/* line 9, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/captions */
.wp-caption .wp-caption-text {
margin: 0.8075em 0; }
/* line 14, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/captions */
.wp-caption-text {
text-align: center; }
/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
/* line 1, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/galleries */
.gallery {
margin-bottom: 1.5em; }
/* line 5, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/galleries */
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%; }
/* line 12, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/galleries */
.gallery-columns-2 .gallery-item {
max-width: 50%; }
/* line 16, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/galleries */
.gallery-columns-3 .gallery-item {
max-width: 33.33%; }
/* line 20, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/galleries */
.gallery-columns-4 .gallery-item {
max-width: 25%; }
/* line 24, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/galleries */
.gallery-columns-5 .gallery-item {
max-width: 20%; }
/* line 28, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/galleries */
.gallery-columns-6 .gallery-item {
max-width: 16.66%; }
/* line 32, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/galleries */
.gallery-columns-7 .gallery-item {
max-width: 14.28%; }
/* line 36, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/galleries */
.gallery-columns-8 .gallery-item {
max-width: 12.5%; }
/* line 40, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/galleries */
.gallery-columns-9 .gallery-item {
max-width: 11.11%; }
/* line 44, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/underscores/media/galleries */
.gallery-caption {
display: block; }
/*# sourceMappingURL=style.css.map */

File diff suppressed because one or more lines are too long

109
sass/underscores/style.scss Executable file
View File

@ -0,0 +1,109 @@
/*
Theme Name: _s
Theme URI: http://underscores.me/
Author: Automattic
Author URI: http://automattic.com/
Description: Hi. I'm a starter theme called <code>_s</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: _s
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
_s is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
5.1 Links
5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
10.1 Posts and pages
10.2 Asides
10.3 Comments
11.0 Infinite scroll
12.0 Media
12.1 Captions
12.2 Galleries
--------------------------------------------------------------*/
@import "variables-site/variables-site";
@import "mixins/mixins-master";
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
@import "reset";
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
@import "typography/typography";
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
@import "elements/elements";
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
@import "forms/forms";
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
@import "navigation/navigation";
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
@import "modules/accessibility";
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
@import "modules/alignments";
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
@import "modules/clearings";
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
@import "site/secondary/widgets";
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
@import "site/site";
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
@import "modules/infinite-scroll";
/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
@import "media/media";

View File

@ -0,0 +1,70 @@
p {
margin-bottom: 1.5em;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: $color__background-pre;
font-family: $font__pre;
@include font-size(1.5);
line-height: $font__line-height-pre;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
@include font-size(1.5);
font-family: $font__code;
}
abbr, acronym {
border-bottom: 1px dotted $color__border-abbr;
cursor: help;
}
mark, ins {
background: $color__background-ins;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}

View File

@ -0,0 +1,3 @@
h1, h2, h3, h4, h5, h6 {
clear: both;
}

View File

@ -0,0 +1,14 @@
body,
button,
input,
select,
textarea {
color: $color__text-main;
font-family: $font__main;
@include font-size(1.6);
line-height: $font__line-height-body;
}
@import "headings";
@import "copy";

View File

@ -0,0 +1,20 @@
$color__background-body: #fff;
$color__background-screen: #f1f1f1;
$color__background-hr: #ccc;
$color__background-button: #e6e6e6;
$color__background-pre: #eee;
$color__background-ins: #fff9c0;
$color__text-screen: #21759b;
$color__text-input: #666;
$color__text-input-focus: #111;
$color__link: royalblue;
$color__link-visited: purple;
$color__link-hover: midnightblue;
$color__text-main: #404040;
$color__border-button: #ccc #ccc #bbb;
$color__border-button-hover: #ccc #bbb #aaa;
$color__border-button-focus: #aaa #bbb #bbb;
$color__border-input: #ccc;
$color__border-abbr: #666;

View File

@ -0,0 +1,2 @@
$size__site-main: 100%;
$size__site-sidebar: 25%;

View File

@ -0,0 +1,5 @@
$font__main: sans-serif;
$font__code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
$font__pre: "Courier 10 Pitch", Courier, monospace;
$font__line-height-body: 1.5;
$font__line-height-pre: 1.6;

View File

@ -0,0 +1,3 @@
@import "colors";
@import "typography";
@import "structure";

View File

@ -1,5 +1,9 @@
/* line 1, /Users/koenemann/Google Drive/Work/understrap/sass/understrap/understrap.scss */
/* line 1, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/understrap/understrap.scss */
body {
padding-top: 70px; }
/* line 4, /Users/holgerkonemann/Documents/Google Drive/Work/understrap_framework/understrap/sass/understrap/understrap.scss */
.sticky, .gallery-caption, .bypostauthor {
font-size: inherit; }
/*# sourceMappingURL=understrap.css.map */

View File

@ -5,6 +5,6 @@
"understrap.scss"
],
"names": [],
"mappings": ";AAAA;EAAO,aAAa",
"mappings": ";AAAA;EAAO,aAAa;;;AAEpB,SAAS,kBAAkB;EAE3B,WAAU",
"sourceRoot": ""
}

View File

@ -1 +1,6 @@
body { padding-top: 70px; }
body { padding-top: 70px; }
// Adding basic Wordpress classes to pass the Wordpress.org tests
.sticky, .gallery-caption, .bypostauthor {
font-size:inherit;
}