varun-r-mallya/wona.github.com
1
0
Fork 0
mirror of https://github.com/WatchOutNewsAgency/wona.github.com.git synced 2026-02-10 06:20:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

1. Updated typography for blockquotes

Browse Source 
2. Improved blockquote Liquid tag
3. Added custom layout Sass for making layout changes simple
This commit is contained in:
Brandon Mathis
2011-06-22 18:53:17 -04:00
parent a2ab1d4802
commit da514a6559
8 changed files with 72 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
themes/classic/sass/core/_layout.scss
View File

@ -1,19 +1,18 @@
$default-border-radius: 4px;
$pad-min: 18px;
$pad-narrow: 20px;
$pad-medium: 35px;
$pad-wide: 55px;
$sidebar-width-medium: 240px;
$sidebar-pad-medium: 15px;
$sidebar-pad-wide: 20px;
$sidebar-width-wide: 300px;
$max-width: 1200px !default;
$pad-min: 18px !default;
$pad-narrow: 25px !default;
$pad-medium: 35px !default;
$pad-wide: 55px !default;
$sidebar-width-medium: 240px !default;
$sidebar-pad-medium: 15px !default;
$sidebar-pad-wide: 20px !default;
$sidebar-width-wide: 300px !default;
.group { @include pie-clearfix; }
body {
-webkit-text-size-adjust: none;
max-width: 1350px;
max-width: $max-width;
position: relative;
margin: 0 auto;
> header, > nav, > footer, #articles > article {

36
themes/classic/sass/core/_typography.scss
View File

@ -10,7 +10,7 @@ $mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
.mono { font-family: $mono; }
body > header h1 {
font-size: 3em;
font-size: 2.6em;
@extend .heading;
font-weight: normal;
line-height: 1.2em;
@ -93,30 +93,18 @@ blockquote {
$bq-margin: 1.2em;
font-style: italic;
position: relative;
margin-left: $bq-margin;
> p {
&:first-child:before {
content: "\201C";
position: absolute;
top: 0.1em;
left: -.5em;
font-size: 3em;
color: $blockquote;
}
&:last-child:after {
content: "\201D";
position: relative;
top: 0.3em;
line-height: 0;
font-size: 2em;
color: $blockquote;
}
font-size: 1.2em;
line-height: 1.5em;
padding-left: 1em;
border-left: 4px solid rgba($text-color-light, .5);
cite {
font-style: italic;
a { color: $text-color-light !important; word-wrap: break-word; }
&:before { content: '–'; padding:{right: .3em; left: .3em;} color: $text-color-light; }
}
+ p > cite {
margin-left: $bq-margin;
text-align: right;
&:before { content: '– '; color: $text-color-light; }
a { font-style: italic; }
@media only screen and (min-width: 992px) {
padding-left: 1.5em;
border-left-width: 4px;
}
}