Initial commit for _sass.
Props @michaelArestad @hugobeta, and @jacklenox. * Give prefix to variable files. This avoids confusion with files of similar names like typography. It also helps with the visual recognition over what file does what. * Set up mixins-master. * Setting foundation for encouraging in larger projects use of more than one mixing file. This creates a master mixins file that we can then bring subs into if the project grows. * Fixed line breaks, spacing and new lines. Props @gregrickaby. * Nest widget select. Props @gregrickaby. * Make variables be variables-site. Makes this the global variables folder. People can then use sub folders in sections for local only variables. * Change content directory to be site directory. * Remove zip. Revert `style.css` to not be auto generated version. * Fixes rem size issue on body font. * Fixes for differences between `_s` and `_sass`. Fixed font sizes, added in display block to classes so they compile and the theme check passes. * Remove text domain and clean up css.
This commit is contained in:
parent
104b34821a
commit
068f90fc8f
34 changed files with 880 additions and 2 deletions
70
sass/typography/_copy.scss
Normal file
70
sass/typography/_copy.scss
Normal 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%;
|
||||
}
|
3
sass/typography/_headers.scss
Normal file
3
sass/typography/_headers.scss
Normal file
|
@ -0,0 +1,3 @@
|
|||
h1, h2, h3, h4, h5, h6 {
|
||||
clear: both;
|
||||
}
|
14
sass/typography/_typography.scss
Normal file
14
sass/typography/_typography.scss
Normal 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 "headers";
|
||||
|
||||
@import "copy";
|
Loading…
Add table
Add a link
Reference in a new issue