diff options
Diffstat (limited to 'debian/missing-sources/wyrm/sass/wyrm_core/_type.sass')
-rw-r--r-- | debian/missing-sources/wyrm/sass/wyrm_core/_type.sass | 237 |
1 files changed, 237 insertions, 0 deletions
diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_type.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_type.sass new file mode 100644 index 0000000..59fc117 --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_type.sass @@ -0,0 +1,237 @@ +// Typography +// +// Styles from this page can be found in `wyrm_core/_type.sass`. +// Let's start with some basic links. +// +// Markup: +// I wonder where <a href="#url" class="{$modifiers}">this link goes</a>! +// +// :hover - On hover. +// :visited - Visited links. +// +// Styleguide 4.0 + +a + color: $link-color + text-decoration: none + cursor: pointer + &:hover + color: $link-color-hover + &:visited + color: $link-color-visited + + +// Text +// +// Text handling and other base styles. Can be safely used on any element, not just paragraph tags. +// +// Markup: +// <p class="{$modifiers}">The best movie of all time is either Network or Rollerball.</p> +// +// .wy-text-small - Smaller, 80% text. Can also use the `<small>` tag for this. +// .wy-text-large - Larger, 120% text. +// .wy-text-left - To the left. +// .wy-text-right - To the right. +// .wy-text-center - To the center. +// .wy-text-center - To the center. +// .wy-text-strike - Strikethrough. +// .wy-text-neutral - Simply applies the normal text color. +// .wy-text-info - Info text. +// .wy-text-success - Success text. +// .wy-text-warning - Warning text. +// .wy-text-danger - Danger text. +// +// Styleguide 4.1 + + +html + height: 100% + overflow-x: hidden + +body + font-family: $base-font-family + font-weight: normal + color: $text_color + min-height: 100% + overflow-x: hidden + background: $background_color + +.wy-text-left + text-align: left + +.wy-text-center + text-align: center + +.wy-text-right + text-align: right + +.wy-text-large + font-size: 120% + +.wy-text-normal + font-size: 100% + +.wy-text-small, small + font-size: 80% + +.wy-text-strike + text-decoration: line-through + +.wy-text-warning + color: $orange !important +a.wy-text-warning:hover + color: lighten($orange, 10%) !important +.wy-text-info + color: $blue !important +a.wy-text-info:hover + color: lighten($blue, 10%) !important +.wy-text-success + color: $green !important +a.wy-text-success:hover + color: lighten($green, 10%) !important +.wy-text-danger + color: $red !important +a.wy-text-danger:hover + color: lighten($red, 10%) !important +.wy-text-neutral + color: $text-color !important +a.wy-text-neutral:hover + color: lighten($text-color, 10%) !important + +// Headings and paragraphs. +// +// Headings and paragraphs have a `margin-bottom: $base-line-height` on them like most objects in wyrm. +// +// Markup: +// <h1>Heading 1</h1> +// <h2>Heading 2</h2> +// <h3>Heading 3</h3> +// <h4>Heading 4</h4> +// <h5>Heading 5</h5> +// <h6>Heading 6</h6> +// <p>Hey everybody, it's Tuuuuuuuesday! I am the hat judge. Show me a hat and I will tell you if it's a good hat or bad hat. Seattle is actually Spanish for "taco." I try not to affiliate myself with Canadians. I've got a salty mustache. I've been a party to many, many stupid things in my life. This is by far the stupidest. This Quick Look is over! I'm an old man. I like turns.</p> +// <p>Jeff, I have a question. Why do we keep doing this? There's nothing I'd rather talk about right now than Peter Molyneux's balls! I WILL CONTINUE TO CALL PAX AUSTRALIA PAXA UNTIL IT FUCKING CATCHES ON. I feel like I'm gonna throw up, but in a good way. No one should ever put clothes on a shark. You are looking for far too much logical consistency.</p> +// +// Styleguide 4.2 + +h1,h2,h3,h4,h5,h6, legend + margin-top: 0 + font-weight: 700 + font-family: $custom-font-family + +p + line-height: $base-line-height + margin: 0 + font-size: $base-font-size + margin-bottom: $base-line-height + +h1 + font-size: 175% + +h2 + font-size: 150% + +h3 + font-size: 125% + +h4 + font-size: 115% + +h5 + font-size: 110% + +h6 + font-size: 100% + +hr + display: block + height: 1px + border: 0 + border-top: 1px solid $table-border-color + margin: $base-line-height 0 + padding: 0 + +code + white-space: nowrap + max-width: 100% + background: $text-code-background-color + border: solid 1px $text-code-border-color + font-size: 75% + padding: 0 5px + font-family: $code-font-family + color: $text-code-color + overflow-x: auto + &.code-large + font-size: 90% + +// Lists +// +// Lists in wyrm default to `list-style: none` mostly because I've found I use lists +// more often as nav or block elements than as text lists. To get traditional +// text lists you either add, or extend these classes through sass. For convenience +// default lists in the `<article>` tag also extend these values. +// +// Markup: +// <ul class="{$modifiers}"> +// <li>Freespace 2</li> +// <li>The Elder Scrolls: Skyrim</li> +// <li>Grim Fandango</li> +// <li> +// Saints forever: +// <ul> +// <li>Saint's Row</li> +// <li>Saint's Row 2</li> +// <li>Saint's Row: The Third</li> +// <li>Saint's Row IV</li> +// </ul> +// <ol> +// <li>number 1</li> +// <li>number 2</li> +// </ol> +// </li> +// </ul> +// +// .wy-plain-list-disc - The usual disc list. +// .wy-plain-list-decimal - Decimal lists. +// +// Styleguide 4.3 + + +%wy-plain-list-disc + list-style: disc + line-height: $base-line-height + margin-bottom: $base-line-height + li + list-style: disc + margin-left: $base-line-height + p:last-child + margin-bottom: 0 + ul + margin-bottom: 0 + li + list-style: circle + li + list-style: square + ol li + list-style: decimal + +%wy-plain-list-decimal + list-style: decimal + line-height: $base-line-height + margin-bottom: $base-line-height + li + list-style: decimal + margin-left: $base-line-height + p:last-child + margin-bottom: 0 + ul + margin-bottom: 0 + li + list-style: disc + + +.wy-plain-list-disc, article ul + @extend %wy-plain-list-disc +.wy-plain-list-decimal, article ol + @extend %wy-plain-list-decimal + |