From 8856c415d16ae558609b615873826816c6718f42 Mon Sep 17 00:00:00 2001 From: Ben Burwell Date: Sat, 14 Nov 2015 14:25:23 -0500 Subject: redesign --- _sass/tiny/_base.scss | 63 ------- _sass/tiny/_fonts.scss | 30 ---- _sass/tiny/_layout.scss | 69 -------- _sass/tiny/_mixins.scss | 36 ---- _sass/tiny/_normalize.scss | 421 --------------------------------------------- _sass/tiny/_syntax.scss | 60 ------- _sass/tiny/_type.scss | 12 -- _sass/tiny/_utility.scss | 39 ----- _sass/tiny/_variables.scss | 12 -- 9 files changed, 742 deletions(-) delete mode 100644 _sass/tiny/_base.scss delete mode 100644 _sass/tiny/_fonts.scss delete mode 100644 _sass/tiny/_layout.scss delete mode 100644 _sass/tiny/_mixins.scss delete mode 100644 _sass/tiny/_normalize.scss delete mode 100644 _sass/tiny/_syntax.scss delete mode 100644 _sass/tiny/_type.scss delete mode 100644 _sass/tiny/_utility.scss delete mode 100644 _sass/tiny/_variables.scss (limited to '_sass/tiny') diff --git a/_sass/tiny/_base.scss b/_sass/tiny/_base.scss deleted file mode 100644 index 667adea..0000000 --- a/_sass/tiny/_base.scss +++ /dev/null @@ -1,63 +0,0 @@ -* { - box-sizing: border-box; -} - -body { - font-size: $base-font-size; - color: $base-color; -} - -a { - color: $brand-color; - text-decoration: none; - - &:hover, - &:active { - color: $alternate-color; - } -} - -// Horizontal lines -hr { - height: 0; - margin: 15px 0; - overflow: hidden; - background: transparent; - border: 0; - border-bottom: 1px solid $muted-color; - @include clearfix(); -} - -p { - line-height: 2em; -} - -li { - margin-top: 1em; - margin-bottom: 1em; -} - -pre { - line-height: 1.5em; -} - -blockquote { - font-style: italic; -} - -.main-header { - padding: 10px; - text-align: center; - font-family: $sans; - @include gradient(lighten($brand-color, 3%), darken($brand-color, 3%)); - a { - color: white; - padding: 5px 15px; - display: inline-block; - - &:active, - &:hover { - text-decoration: none; - } - } -} diff --git a/_sass/tiny/_fonts.scss b/_sass/tiny/_fonts.scss deleted file mode 100644 index 1b60da6..0000000 --- a/_sass/tiny/_fonts.scss +++ /dev/null @@ -1,30 +0,0 @@ -// Open Sans -@font-face { - font-family: 'open_sans'; - src: url('/assets/fonts/OpenSans-Light.eot'); - src: url('/assets/fonts/OpenSans-Light.woff') format('woff'), - url('/assets/fonts/OpenSans-Light.ttf') format('truetype'); - font-weight: 200; - font-style: normal; -} - -// Merriweather -@font-face { - font-family: 'merriweather_light'; - src: url('/assets/fonts/merriweather-lightitalic-webfont.eot'); - src: url('/assets/fonts/merriweather-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), - url('/assets/fonts/merriweather-lightitalic-webfont.woff') format('woff'), - url('/assets/fonts/merriweather-lightitalic-webfont.ttf') format('truetype'); - font-weight: normal; - font-style: italic; -} - -@font-face { - font-family: 'merriweather_light'; - src: url('/assets/fonts/merriweather_light-webfont.eot'); - src: url('/assets/fonts/merriweather_light-webfont.eot?#iefix') format('embedded-opentype'), - url('/assets/fonts/merriweather_light-webfont.woff') format('woff'), - url('/assets/fonts/merriweather_light-webfont.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} diff --git a/_sass/tiny/_layout.scss b/_sass/tiny/_layout.scss deleted file mode 100644 index cc9a285..0000000 --- a/_sass/tiny/_layout.scss +++ /dev/null @@ -1,69 +0,0 @@ -// Fixed-width, centered column for site content. -.container { - width: 100%; - margin-right: auto; - margin-left: auto; - @include clearfix; -} - -// Grid system -// -// Create rows with `.columns` to clear the floated columns and outdent the -// padding on `.column`s with negative margin for alignment. - -.columns { - margin-right: $grid-gutter; - margin-left: $grid-gutter; - @include clearfix; -} - -// Base class for every column (requires a column width from below) -.column { - float: left; - padding-right: $grid-gutter; - padding-left: $grid-gutter; -} - -// Column widths -.one-third { - width: 100%; -} - -.one-half { - width: 100%; -} - -// Single column hack -.single-column { - padding-right: $grid-gutter; - padding-left: $grid-gutter; -} - -// Equal width columns via table sorcery. -// .table-column { -// display: table-cell; -// width: 1%; -// padding-right: $grid-gutter; -// padding-left: $grid-gutter; -// vertical-align: top; -// } - -// For large screens -@media (min-width: $container-width + 6*$grid-gutter) { - .container { - width: $container-width; - } - - .columns { - margin-right: -$grid-gutter; - margin-left: -$grid-gutter; - } - - .one-half { - width: 50%; - } - - .one-third { - width: 33.333333%; - } -} diff --git a/_sass/tiny/_mixins.scss b/_sass/tiny/_mixins.scss deleted file mode 100644 index 3afa7e9..0000000 --- a/_sass/tiny/_mixins.scss +++ /dev/null @@ -1,36 +0,0 @@ -// Clearfix -// -// Clears floats via mixin (avoid using as a class). - -@mixin clearfix { - &:before { - display: table; - content: ""; - } - - &:after { - display: table; - clear: both; - content: ""; - } -} - -// Text hiding for image based text replacement. -// Higher performance than -9999px because it only renders -// the size of the actual text, not a full 9999px box. - -@mixin hide-text() { - overflow: hidden; - text-indent: 100%; - white-space: nowrap; -} - -@mixin gradient($start: #fafafa, $end: #eaeaea) { - background-color: $end; - // FF 3.6+ - background-image: -moz-linear-gradient($start, $end); - // Safari 5.1+, Chrome 10+ - background-image: -webkit-linear-gradient($start, $end); - background-image: linear-gradient($start, $end); - background-repeat: repeat-x; -} diff --git a/_sass/tiny/_normalize.scss b/_sass/tiny/_normalize.scss deleted file mode 100644 index 377eae7..0000000 --- a/_sass/tiny/_normalize.scss +++ /dev/null @@ -1,421 +0,0 @@ -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS and IE text size adjust after device orientation change, - * without disabling user zoom. - */ - -html { - font-family: $serif; /* 1 */ - text-size-adjust: 100%; /* 2 */ -} - -/** - * Remove default margin. - */ - -body { - margin: 0; -} - -/* HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 - * and Firefox. - * Correct `block` display not defined for `main` in IE 11. - */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; -} - -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ - -// audio, -// canvas, -// progress, -// video { -// display: inline-block; /* 1 */ -// vertical-align: baseline; /* 2 */ -// } - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - -// audio:not([controls]) { -// display: none; -// height: 0; -// } - -/** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. - */ - -// [hidden], -// template { -// display: none; -// } - -/* Links - ========================================================================== */ - -/** - * Remove the gray background color from active links in IE 10. - */ - -a { - background-color: transparent; -} - -/** - * Improve readability of focused elements when they are also in an - * active/hover state. - */ - -a:active, -a:hover { - outline: 0; -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Address styling not present in IE 8/9/10/11, Safari, and Chrome. - */ - -abbr[title] { - border-bottom: 1px dotted; -} - -/** - * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. - */ - -b, -strong { - font-weight: bold; -} - -/** - * Address styling not present in Safari and Chrome. - */ - -// dfn { -// font-style: italic; -// } - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/** - * Address styling not present in IE 8/9. - */ - -// mark { -// background: #ff0; -// color: #000; -// } - -/** - * Address inconsistent and variable font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove border when inside `a` element in IE 8/9/10. - */ - -img { - border: 0; -} - -/** - * Correct overflow not hidden in IE 9/10/11. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* Grouping content - ========================================================================== */ - -/** - * Address margin not present in IE 8/9 and Safari. - */ - -figure { - margin: 1em 40px; -} - -/** - * Address differences between Firefox and other browsers. - */ - -hr { - box-sizing: content-box; - height: 0; -} - -/** - * Contain overflow in all browsers. - */ - -pre { - overflow: auto; -} - -/** - * Address odd `em`-unit font size rendering in all browsers. - */ - -code, -kbd, -pre, -samp { - font-family: $monospace; - font-size: 1em; -} - -/* Forms - ========================================================================== */ - -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. - */ - -/** - * 1. Correct color not being inherited. - * Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. - */ - -// button, -// input, -// optgroup, -// select, -// textarea { -// color: inherit; /* 1 */ -// font: inherit; /* 2 */ -// margin: 0; /* 3 */ -// } - -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. - */ - -// button { -// overflow: visible; -// } - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. - * Correct `select` style inheritance in Firefox. - */ - -// button, -// select { -// text-transform: none; -// } - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ - -// button, -// html input[type="button"], /* 1 */ -// input[type="reset"], -// input[type="submit"] { -// -webkit-appearance: button; /* 2 */ -// cursor: pointer; /* 3 */ -// } - -/** - * Re-set default cursor for disabled elements. - */ - -// button[disabled], -// html input[disabled] { -// cursor: default; -// } - -/** - * Remove inner padding and border in Firefox 4+. - */ - -// button::-moz-focus-inner, -// input::-moz-focus-inner { -// border: 0; -// padding: 0; -// } - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - -// input { -// line-height: normal; -// } - -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ - -// input[type="checkbox"], -// input[type="radio"] { -// box-sizing: border-box; /* 1 */ -// padding: 0; /* 2 */ -// } - -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ - -// input[type="number"]::-webkit-inner-spin-button, -// input[type="number"]::-webkit-outer-spin-button { -// height: auto; -// } - -/** - * 1. Address `appearance` set to `searchfield` in Safari and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. - */ - -// input[type="search"] { -// -webkit-appearance: textfield; /* 1 */ -// box-sizing: content-box; /* 2 */ -// } - -/** - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ - -// input[type="search"]::-webkit-search-cancel-button, -// input[type="search"]::-webkit-search-decoration { -// -webkit-appearance: none; -// } - -/** - * Define consistent border, margin, and padding. - */ - -// fieldset { -// border: 1px solid #c0c0c0; -// margin: 0 2px; -// padding: 0.35em 0.625em 0.75em; -// } - -/** - * 1. Correct `color` not being inherited in IE 8/9/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ - -// legend { -// border: 0; /* 1 */ -// padding: 0; /* 2 */ -// } - -/** - * Remove default vertical scrollbar in IE 8/9/10/11. - */ - -// textarea { -// overflow: auto; -// } - -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ - -// optgroup { -// font-weight: bold; -// } - -/* Tables - ========================================================================== */ - -/** - * Remove most spacing between table cells. - */ - -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} diff --git a/_sass/tiny/_syntax.scss b/_sass/tiny/_syntax.scss deleted file mode 100644 index 1e651cf..0000000 --- a/_sass/tiny/_syntax.scss +++ /dev/null @@ -1,60 +0,0 @@ -.highlight { background: #ffffff; } -.highlight .c { color: #999988; font-style: italic } /* Comment */ -.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ -.highlight .k { font-weight: bold } /* Keyword */ -.highlight .o { font-weight: bold } /* Operator */ -.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */ -.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */ -.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */ -.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ -.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ -.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */ -.highlight .ge { font-style: italic } /* Generic.Emph */ -.highlight .gr { color: #aa0000 } /* Generic.Error */ -.highlight .gh { color: #999999 } /* Generic.Heading */ -.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ -.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */ -.highlight .go { color: #888888 } /* Generic.Output */ -.highlight .gp { color: #555555 } /* Generic.Prompt */ -.highlight .gs { font-weight: bold } /* Generic.Strong */ -.highlight .gu { color: #aaaaaa } /* Generic.Subheading */ -.highlight .gt { color: #aa0000 } /* Generic.Traceback */ -.highlight .kc { font-weight: bold } /* Keyword.Constant */ -.highlight .kd { font-weight: bold } /* Keyword.Declaration */ -.highlight .kp { font-weight: bold } /* Keyword.Pseudo */ -.highlight .kr { font-weight: bold } /* Keyword.Reserved */ -.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */ -.highlight .m { color: #009999 } /* Literal.Number */ -.highlight .s { color: #d14 } /* Literal.String */ -.highlight .na { color: #008080 } /* Name.Attribute */ -.highlight .nb { color: #0086B3 } /* Name.Builtin */ -.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */ -.highlight .no { color: #008080 } /* Name.Constant */ -.highlight .ni { color: #800080 } /* Name.Entity */ -.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */ -.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */ -.highlight .nn { color: #555555 } /* Name.Namespace */ -.highlight .nt { color: #000080 } /* Name.Tag */ -.highlight .nv { color: #008080 } /* Name.Variable */ -.highlight .ow { font-weight: bold } /* Operator.Word */ -.highlight .w { color: #bbbbbb } /* Text.Whitespace */ -.highlight .mf { color: #009999 } /* Literal.Number.Float */ -.highlight .mh { color: #009999 } /* Literal.Number.Hex */ -.highlight .mi { color: #009999 } /* Literal.Number.Integer */ -.highlight .mo { color: #009999 } /* Literal.Number.Oct */ -.highlight .sb { color: #d14 } /* Literal.String.Backtick */ -.highlight .sc { color: #d14 } /* Literal.String.Char */ -.highlight .sd { color: #d14 } /* Literal.String.Doc */ -.highlight .s2 { color: #d14 } /* Literal.String.Double */ -.highlight .se { color: #d14 } /* Literal.String.Escape */ -.highlight .sh { color: #d14 } /* Literal.String.Heredoc */ -.highlight .si { color: #d14 } /* Literal.String.Interpol */ -.highlight .sx { color: #d14 } /* Literal.String.Other */ -.highlight .sr { color: #009926 } /* Literal.String.Regex */ -.highlight .s1 { color: #d14 } /* Literal.String.Single */ -.highlight .ss { color: #990073 } /* Literal.String.Symbol */ -.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */ -.highlight .vc { color: #008080 } /* Name.Variable.Class */ -.highlight .vg { color: #008080 } /* Name.Variable.Global */ -.highlight .vi { color: #008080 } /* Name.Variable.Instance */ -.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ \ No newline at end of file diff --git a/_sass/tiny/_type.scss b/_sass/tiny/_type.scss deleted file mode 100644 index 8f873ac..0000000 --- a/_sass/tiny/_type.scss +++ /dev/null @@ -1,12 +0,0 @@ -h1, h2 { - font-family: $sans; - font-weight: 200; -} - -h1 { - font-size: 3rem; -} - -h2 { - font-size: 2rem; -} diff --git a/_sass/tiny/_utility.scss b/_sass/tiny/_utility.scss deleted file mode 100644 index 1213070..0000000 --- a/_sass/tiny/_utility.scss +++ /dev/null @@ -1,39 +0,0 @@ -// Layout -.centered { - display: block; - float: none; - margin-left: auto; - margin-right: auto; -} - -// Text alignment -.text-right { text-align: right; } -.text-left { text-align: left; } -.text-center { text-align: center; } - -.sans { - font-family: $sans; -} - -.muted { - color: $muted-color; - a { - color: $muted-color; - &:active, - &:hover { - color: $alternate-color; - } - } -} - -.fancy-table { - font-family: $sans; - font-size: 80%; - td { - padding: 7px; - } - - tbody tr:nth-child(even) { - background-color: #eee; - } -} diff --git a/_sass/tiny/_variables.scss b/_sass/tiny/_variables.scss deleted file mode 100644 index 1b1a873..0000000 --- a/_sass/tiny/_variables.scss +++ /dev/null @@ -1,12 +0,0 @@ -$brand-color: #00819B; -$alternate-color: adjust-hue($brand-color, -120); -$muted-color: desaturate($brand-color, 100%); -$base-color: #222; - -$base-font-size: 20px; -$sans: 'open_sans', Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif; -$serif: 'merriweather_light'; -$monospace: Consolas, "Liberation Mono", Menlo, Courier, monospace !default; - -$container-width: 900px; -$grid-gutter: 10px; -- cgit v1.2.3