diff options
Diffstat (limited to 'debian/missing-sources/wyrm/sass/wyrm_core')
16 files changed, 2410 insertions, 0 deletions
diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_alert.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_alert.sass new file mode 100644 index 0000000..5797be4 --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_alert.sass @@ -0,0 +1,122 @@ +// Alerts +// +// Located in `wyrm_core/_alert.sass`. Alerts can exist as in page notices and as fixed drops. +// +// Markup: +// <div class="wy-alert {$modifiers}"> +// <div class="wy-alert-title">Title goes here</div> +// <p>Alert instructions go here.</p> +// </div> +// +// .wy-alert-neutral - Generic alert, extra instruction. +// .wy-alert-success - Hooray, something good happened. +// .wy-alert-warning - Watch out, you might make a mistake. +// .wy-alert-danger - Yep, you made a mistake. +// +// Styleguide 2 + +.wy-alert + padding: $base-line-height / 2 + line-height: $base-line-height + margin-bottom: $base-line-height + background: lighten($blue, 50%) + +font-smooth +.wy-alert-title + color: $white + font-weight: bold + display: block + color: $white + background: lighten($blue,20%) + margin: -$base-line-height / 2 + padding: $base-line-height / 4 $base-line-height / 2 + margin-bottom: $base-line-height / 2 + +.wy-alert.wy-alert-danger + background: lighten($red, 40%) + .wy-alert-title + background: lighten($red,20%) +.wy-alert.wy-alert-warning + background: lighten(orange,40%) + .wy-alert-title + background: lighten($orange,20%) + +.wy-alert.wy-alert-info + background: lighten($blue, 50%) + .wy-alert-title + background: lighten($blue,20%) + +.wy-alert.wy-alert-success + background: lighten($offgreen, 50%) + .wy-alert-title + background: lighten($offgreen,0%) + +.wy-alert.wy-alert-neutral + background: $table-stripe-color + .wy-alert-title + color: $text-color + background: $table-border-color + a + color: $link-color + +.wy-alert p:last-child + margin-bottom: 0 + +// System alerts +// +// These alerts should trigger when a form error or something happens. +// Because these docs are auto-generated know that these alerts +// **will not output** below because they are set to +// display: none by default. +// +// Markup: +// <ul class="wy-tray-container"> +// <li class="{$modifiers}">Alert instructions go here.</li> +// </ul> +// +// .wy-tray-item-info - Generic alert, extra instruction. +// .wy-tray-item-success - Hooray, something good happened. +// .wy-tray-item-warning - Watch out, you might make a mistake. +// .wy-tray-item-danger - Yep, you made a mistake. +// +// Styleguide 2.1 + + +.wy-tray-container + position: fixed + bottom: 0px + left: 0 + z-index: $z-index-alert + li + display: block + width: $nav-desktop-width + background: transparent + color: $white + text-align: center + box-shadow: 0 5px 5px 0 rgba(0,0,0,.1) + padding: 0 $base-line-height + min-width: 20% + opacity: 0 + height: 0 + line-height: 56px + overflow: hidden + +transition(all .3s ease-in) + &.wy-tray-item-success + background: $green + &.wy-tray-item-info + background: $blue + &.wy-tray-item-warning + background: $orange + &.wy-tray-item-danger + background: $red + &.on + opacity: 1 + height: 56px + ++media($tablet) + .wy-tray-container + bottom: auto + top: 0 + width: 100% + li + width: 100% + diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_button.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_button.sass new file mode 100644 index 0000000..2e85353 --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_button.sass @@ -0,0 +1,172 @@ +// Buttons +// +// Located in `wyrm_core/_button.sass`. You can also add font icons to any +// button as shown in the third example. Wyrm by default uses the FontAwesome +// library, but any icon set can be substituted. +// +// Markup: +// <a href="#" class="btn {$modifiers}"> Link</a> +// <button class="btn {$modifiers}"> Button</button> +// <input type="submit" class="btn {$modifiers}"> +// <button class="btn fa fa-check-circle {$modifiers}"> With icon</button> +// +// :hover - Highlight the button when hovered. +// :visited - Visited link +// :disabled - For disabled buttons. +// .btn-disabled - Class version of disabled. +// :active - Press the button down. +// :focus - Focus +// .btn-neutral - Neutral looking button. +// .btn-info - For imformative, or alternate actions. +// .btn-success - For positive actions. +// .btn-danger - Usually used for delete actions. +// .btn-warning - Beware, you might not want to click me. +// .btn-invert - Dark button to contrast the background. +// .btn-link - Unstyled, link looking button. Useful for secondary actions next to another button. +// .btn-small - Smaller button. +// +// Styleguide 1 + +button + font-size: 100% + margin: 0 + vertical-align: baseline + *vertical-align: middle + cursor: pointer + line-height: normal + -webkit-appearance: button + *overflow: visible +button::-moz-focus-inner, input::-moz-focus-inner + border: 0 + padding: 0 +button[disabled] + cursor: default + +.btn + /* Structure + display: inline-block + border-radius: 2px + line-height: normal + white-space: nowrap + text-align: center + cursor: pointer + font-size: 100% + padding: $base-line-height / 4 $base-line-height / 2 ($base-line-height / 4 + 2) $base-line-height / 2 + color: $white + border: 1px solid rgba(0,0,0,0.1) + background-color: $button-background-color + text-decoration: none + font-weight: normal + font-family: $base-font-family + box-shadow: 0px 1px 2px -1px rgba(255, 255, 255, .5) inset, 0px -2px 0px 0px rgba(0,0,0,.1) inset + outline-none: false + vertical-align: middle + *display: inline + zoom: 1 + -webkit-user-drag: none + +user-select(none) + +font-smooth + +transition(all 0.1s linear) + +.btn-hover + background: lighten($link-color, 5%) + color: $white + +.btn + &:hover + background: lighten($button-background-color, 5%) + color: $white + &:focus + background: lighten($button-background-color, 5%) + outline: 0 + &:active + box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, .05) inset, 0px 2px 0px 0px rgba(0,0,0,.1) inset + padding: ($base-line-height / 4 + 2) $base-line-height / 2 $base-line-height / 4 $base-line-height / 2 + &:visited + color: $white + &:disabled + background-image: none + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) + filter: alpha(opacity = 40) + opacity: 0.4 + cursor: not-allowed + box-shadow: none + +.btn-disabled + background-image: none + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) + filter: alpha(opacity = 40) + opacity: 0.4 + cursor: not-allowed + box-shadow: none + &:hover, &:focus, &:active + background-image: none + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) + filter: alpha(opacity = 40) + opacity: 0.40 + cursor: not-allowed + box-shadow: none + +// Firefox: Get rid of the inner focus border +.btn::-moz-focus-inner + padding: 0 + border: 0 + +.btn-small + font-size: 80% + +.btn-info + background-color: $blue !important + &:hover + background-color: lighten($blue, 5%) !important + +.btn-neutral + background-color: $button-neutral-background-color !important + color: $text-color !important + &:hover + background-color: darken($button-neutral-background-color, 5%) !important + color: $text-color + &:visited + color: $text-color !important + +.btn-success + background-color: $green !important + &:hover + background-color: darken($green, 5%) !important + +.btn-danger + background-color: $red !important + &:hover + background-color: lighten($red, 5%) !important + +.btn-warning + background-color: $orange !important + &:hover + background-color: lighten($orange, 5%) !important +.btn-invert + background-color: $gray-darker + &:hover + background-color: lighten($gray-darker, 5%) !important + +.btn-link + background-color: transparent !important + color: $link-color + box-shadow: none + border-color: transparent !important + &:hover + background-color: transparent !important + color: lighten($link-color, 10%) !important + box-shadow: none + &:active + background-color: transparent !important + color: lighten($link-color, 10%) !important + box-shadow: none + &:visited + color: $link-color-visited + +.wy-btn-group .btn, .wy-control .btn + vertical-align: middle + +.wy-btn-group + margin-bottom: $base-line-height + +clearfix diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_dropdown.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_dropdown.sass new file mode 100644 index 0000000..ee9efc3 --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_dropdown.sass @@ -0,0 +1,101 @@ +// Dropdowns +// +// Located in `wyrm_core/_dropdown.sass`. +// +// Markup: +// <div class="wy-dropdown wy-dropdown-bubble {$modifiers}"> +// <span class="btn btn-info fa fa-check-circle"> Save... <span class="caret"></span></span> +// <dl class="wy-dropdown-menu"> +// <dd><a href="">Save it as a draft</a></dd> +// <dd><a href="">Publish now </a></dd> +// <dd><a href="">Publish at a specific time</a></dd> +// </dl> +// </div> +// +// .wy-dropdown-active - Active class. You'd want to turn on/off through JS. +// +// Styleguide 8 + +.wy-dropdown + position: relative + display: inline-block + .caret + @extend %icon + @extend .#{$icon-prefix}-#{$icon-caret-down} +.wy-dropdown-active .wy-dropdown-menu + display: block +.wy-dropdown-menu + position: absolute + left: 0 + display: none + float: left + top: 100% + min-width: 100% + background: $dropdown-color + z-index: $z-index-dropdown + border: solid 1px $dropdown-border-color + box-shadow: 0 2px 2px 0 rgba(0,0,0,.1) + padding: $base-line-height / 2 + > dd > a + display: block + clear: both + color: $text-color + white-space: nowrap + font-size: 90% + padding: 0 $base-line-height / 2 + cursor: pointer + &:hover + background: $link-color + color: $white + > dd.divider + border-top: solid 1px $dropdown-border-color + margin: $base-line-height / 4 0 + > dd.search + padding-bottom: $base-line-height / 2 + input[type="search"] + width: 100% + > dd.call-to-action + background: darken($dropdown-color, 10%) + text-transform: uppercase + font-weight: 500 + font-size: 80% + &:hover + background: darken($dropdown-color, 10%) + .btn + color: $white + +.wy-dropdown.wy-dropdown-up .wy-dropdown-menu + bottom: 100% + top: auto + left: auto + right: 0 + +.wy-dropdown.wy-dropdown-bubble + .wy-dropdown-menu + background: $section-background-color + margin-top: 2px + .wy-dropdown-menu a + padding: $base-line-height / 4 $base-line-height / 2 + &:hover + background: $link-color + color: $white + +.wy-dropdown.wy-dropdown-left .wy-dropdown-menu + right: 0 + left: auto + text-align: right + +.wy-dropdown-arrow + &:before + content: " " + border-bottom: 5px solid hsla(0,0%,96%,1) + border-left: 5px solid transparent + border-right: 5px solid transparent + position: absolute + display: block + top: -4px + left: 50% + margin-left: -3px + &.wy-dropdown-arrow-left:before + left: 11px + diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_font_icon_defaults.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_font_icon_defaults.sass new file mode 100644 index 0000000..9a97388 --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_font_icon_defaults.sass @@ -0,0 +1,38 @@ +// Default Icon styles that can be used with Font Awesome or similar font libs. + +%icon + font-family: inherit + &:before + font-family: $icon-font-family + display: inline-block + font-style: normal + font-weight: normal + line-height: 1 + text-decoration: inherit + +font-smooth + +.#{$icon-prefix} + @extend %icon + +a .#{$icon-prefix} + display: inline-block + text-decoration: inherit + +.btn, .nav + .#{$icon-prefix} + display: inline + &.#{$icon-prefix}-large + line-height: .9em + &.#{$icon-prefix}-spin + display: inline-block + +.btn.#{$icon-prefix}:before + opacity: .5 + +transition(opacity .05s ease-in) +.btn.#{$icon-prefix}:hover:before + opacity: 1 + +.btn-mini + .#{$icon-prefix}:before + font-size: 14px + vertical-align: -15% diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_form.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_form.sass new file mode 100644 index 0000000..3b4a81c --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_form.sass @@ -0,0 +1,534 @@ +// Form structure +// +// Files located in `wyrm_core/_form.sass`. +// +// Forms follow the following basic struture. `.wy-control-group` +// wraps the label and a `.wy-control`, which itself warps your actual +// form elements. You can decide either to stack or align your forms. +// A help message can be provided in a couple different styles, but +// the most common is `.wy-form-message` as shown below. +// +// Markup: +// <form class="{$modifiers}"> +// <legend>A simple form</legend> +// <fieldset> +// <div class="wy-control-group"> +// <label>Field name</label> +// <div class="wy-control"> +// <input type="text" placeholder="placeholder"/> +// </div> +// <span class="wy-form-message">Help text goes here!</span> +// </div> +// <input type="submit" class="btn" /> +// </fieldset> +// </form> +// +// Styleguide 6 + + +.wy-form-stacked + select + display: block +.wy-form-aligned + input, textarea, select, .wy-help-inline, label + display: inline-block + *display: inline + *zoom: 1 + vertical-align: middle + +.wy-form-aligned + .wy-control-group + > label + display: inline-block + vertical-align: middle + width: 10em + margin: $base-line-height / 4 $base-line-height / 2 0 0 + float: left + .wy-control + float: left + label + display: block + select + margin-top: $base-line-height / 4 + +fieldset + border: 0 + margin: 0 + padding: 0 +legend + display: block + width: 100% + border: 0 + padding: 0 + white-space: normal + margin-bottom: $base-line-height + font-size: 150% + *margin-left: -7px +label + display: block + margin: 0 0 em(5px) 0 + color: $gray-dark + font-size: 90% + +input, select, textarea + font-size: 100% + margin: 0 + vertical-align: baseline + *vertical-align: middle + + +.wy-control-group + margin-bottom: $base-line-height + +outer-container + +clearfix + +.wy-control-group.wy-control-group-required > label:after + content: " *" + color: $red + +// For doing multi part, aligned form blocks within a single label + +.wy-control-group + .wy-form-full, .wy-form-halves, .wy-form-thirds + padding-bottom: $base-line-height / 2 + select + width: 100% + input + &[type="text"], &[type="password"], &[type="email"], &[type="url"], &[type="date"], &[type="month"], &[type="time"], &[type="datetime"], &[type="datetime-local"], &[type="week"], &[type="number"], &[type="search"], &[type="tel"], &[type="color"] + width: 100% +.wy-control-group .wy-form-full + +span-columns(12) + +omega-type + +.wy-control-group .wy-form-halves + +span-columns(6) + +omega-type(2n) + +.wy-control-group .wy-form-thirds + +span-columns(4) + +omega-type(3n) + +// Sometimes you just output text in a form, not an actual input +.wy-control-group.wy-control-group-no-input .wy-control + margin: $base-line-height / 4 0 0 0 + font-size: 90% + +.wy-control-no-input + display: inline-block + margin: $base-line-height / 4 0 0 0 + font-size: 90% + + +// Fluid inputs when needed + +.wy-control-group.fluid-input + input + &[type="text"], &[type="password"], &[type="email"], &[type="url"], &[type="date"], &[type="month"], &[type="time"], &[type="datetime"], &[type="datetime-local"], &[type="week"], &[type="number"], &[type="search"], &[type="tel"], &[type="color"] + width: 100% + +// Inline help for forms + +.wy-form-message-inline + display: inline-block + padding-left: 0.3em + color: #666 + vertical-align: middle + font-size: 90% + +.wy-form-message + display: block + color: $gray-light + font-size: 70% + margin-top: em(5px) + font-style: italic + p + font-size: inherit + font-style: italic + margin-bottom: $base-line-height / 4 + p:last-child + margin-bottom: 0 + +// Generic form elements +// +// Here's the output of common form inputs. The sass itself covers more types +// like email, password, url, date...etc, but I've left them out for brevity. +// +// Markup: +// <div class="wy-control-group"> +// <label>Text field</label> +// <div class="wy-control"> +// <input type="text" placeholder="placeholder"/> +// </div> +// </div> +// <div class="wy-control-group"> +// <label>Textarea</label> +// <div class="wy-control"> +// <textarea></textarea> +// </div> +// </div> +// <div class="wy-control-group"> +// <label>Dropdown</label> +// <div class="wy-control"> +// <select> +// <option></option> +// <option>Option 1</option> +// <option>Option 2</option> +// </select> +// </div> +// </div> +// <div class="wy-control-group"> +// <label>Radio</label> +// <div class="wy-control"> +// <label class="wy-radio"> +// <input type="radio"> +// Option 1 +// </label> +// <label class="wy-radio"> +// <input type="radio"> +// Option 2 +// </label> +// </div> +// </div> +// <div class="wy-control-group"> +// <label>Checkbox</label> +// <div class="wy-control"> +// <label class="wy-checkbox"> +// <input type="checkbox"> +// Option 1 +// </label> +// <label class="wy-checkbox"> +// <input type="checkbox"> +// Option 2 +// </label> +// </div> +// </div> +// +// Styleguide 6.1 + + +input + line-height: normal + +input + &[type="button"], &[type="reset"], &[type="submit"] + -webkit-appearance: button + cursor: pointer + font-family: $base-font-family + *overflow: visible + &[type="text"], &[type="password"], &[type="email"], &[type="url"], &[type="date"], &[type="month"], &[type="time"], &[type="datetime"], &[type="datetime-local"], &[type="week"], &[type="number"], &[type="search"], &[type="tel"], &[type="color"] + -webkit-appearance: none + padding: $base-line-height / 4 + display: inline-block + border: 1px solid $input-border-color + font-size: 80% + font-family: $base-font-family + box-shadow: inset 0 1px 3px $input-shadow-color + border-radius: 0 + +transition(border .3s linear) + +font-smooth + &[type="datetime-local"] + padding: em(5.5px) em(10px) + &[disabled] + cursor: default + &[type="checkbox"], &[type="radio"] + +box-sizing(border-box) + padding: 0 + margin-right: em(5px) + *height: 13px + *width: 13px + &[type="search"] + +box-sizing(border-box) + &::-webkit-search-cancel-button, &::-webkit-search-decoration + -webkit-appearance: none + &[type="text"]:focus, &[type="password"]:focus, &[type="email"]:focus, &[type="url"]:focus, &[type="date"]:focus, &[type="month"]:focus, &[type="time"]:focus, &[type="datetime"]:focus, &[type="datetime-local"]:focus, &[type="week"]:focus, &[type="number"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="color"]:focus + outline: 0 + outline: thin dotted \9 + border-color: $input-focus-color + &.no-focus:focus + border-color: $input-border-color !important + &[type="file"]:focus, &[type="radio"]:focus, &[type="checkbox"]:focus + outline: thin dotted $gray-dark + outline: 1px auto #129FEA + &[type="text"][disabled], &[type="password"][disabled], &[type="email"][disabled], &[type="url"][disabled], &[type="date"][disabled], &[type="month"][disabled], &[type="time"][disabled], &[type="datetime"][disabled], &[type="datetime-local"][disabled], &[type="week"][disabled], &[type="number"][disabled], &[type="search"][disabled], &[type="tel"][disabled], &[type="color"][disabled] + cursor: not-allowed + background-color: darken($input-background-color, 2%) + +input:focus:invalid, textarea:focus:invalid, select:focus:invalid + color: $red + border: 1px solid $red +input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus + border-color: $red +input + &[type="file"]:focus:invalid:focus, &[type="radio"]:focus:invalid:focus, &[type="checkbox"]:focus:invalid:focus + outline-color: $red + +input.wy-input-large + padding: $base-line-height / 2 + font-size: 100% + + +// Textareas and selects + +textarea + overflow: auto + vertical-align: top + width: 100% + font-family: $base-font-family +select, textarea + padding: em(8px) em(10px) + display: inline-block + border: 1px solid $input-border-color + font-size: 80% + box-shadow: inset 0 1px 3px $input-shadow-color + +transition(border .3s linear) + +font-smooth +select + border: 1px solid $input-border-color + background-color: $input-background-color + &[multiple] + height: auto +select:focus, textarea:focus + outline: 0 +select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] + cursor: not-allowed + background-color: darken($input-background-color, 2%) + +// Checkboxes and radios + +input + &[type="radio"][disabled], &[type="checkbox"][disabled] + cursor: not-allowed +.wy-checkbox, .wy-radio + margin: $base-line-height / 4 0 + // Important because we don't want it overwritten in the case of errors + color: $text-color + display: block + input + vertical-align: baseline + +// Messages and input context + +.wy-form-message-inline + display: inline-block + *display: inline + *zoom: 1 + vertical-align: middle + +// Prefix and suffix for inputs +// +// Wyrm allows some basic prefix and suffic styling for text inputs. +// +// Markup: +// <div class="wy-control-group"> +// <label>Prefix</label> +// <div class="wy-control wy-input-prefix"> +// <span class="wy-input-context">@</span><input type="text" placeholder="placeholder"/> +// </div> +// </div> +// <div class="wy-control-group"> +// <label>Suffix</label> +// <div class="wy-control wy-input-suffix"> +// <input type="text" placeholder="placeholder"/><span class="wy-input-context">@gmail.com</span> +// </div> +// </div> +// +// Styleguide 6.2 + + +.wy-input-prefix, .wy-input-suffix + white-space: nowrap + padding: $base-line-height / 4 + .wy-input-context + line-height: 27px // Hack for the moment. + padding: 0 8px + display: inline-block + font-size: 80% + background-color: $table-stripe-color + border: solid 1px $input-border-color + color: $gray-light + +.wy-input-suffix .wy-input-context + border-left: 0 +.wy-input-prefix .wy-input-context + border-right: 0 + +// Switches +// +// True / false, boolean style switches. +// +// Markup: +// <div class="wy-switch {$modifiers}"><span>Here is some really long text.</span></div> +// +// .active - active state. +// .disabled - disabled. +// +// Styleguide 6.3 + +.wy-switch + position: relative + display: block + height: $base-line-height + margin-top: $base-line-height / 2 + cursor: pointer + &:before + position: absolute + content: "" + display: block + left: 0 + top: 0 + width: $base-line-height * 1.5 + height: $base-line-height / 2 + border-radius: 4px + background: $gray-lighter + +transition(all .2s ease-in-out) + &:after + position: absolute + content: "" + display: block + width: 18px + height: 18px + border-radius: 4px + background: $gray-light + left: -3px + top: -3px + +transition(all .2s ease-in-out) + span + position: absolute + left: $base-line-height * 2 + display: block + font-size: 12px + color: $gray-lighter + line-height: 1 +.wy-switch.active + &:before + background: darken($green, 10%) + &:after + left: $base-line-height + background: $green + +.wy-switch.disabled + cursor: not-allowed + opacity: .8 + + +// Error handling and inline validation +// +// Wyrm has both block and inline level validation depending upon your needs. You can also +// pair these with the global alerts mentioned in the alerts section of this styleguide. +// +// Markup: +// <div class="wy-control-group wy-control-group-error"> +// <label>After the fact error</label> +// <div class="wy-control"> +// <input type="text" placeholder="placeholder"/> +// <span class="wy-form-message">Error text goes here.</span> +// </div> +// </div> +// <div class="wy-control-group"> +// <label>Inline success</label> +// <div class="wy-control wy-inline-validate wy-inline-validate-info"> +// <input type="text" placeholder="placeholder"/> +// <span class="wy-input-context"> You may want to do this.</span> +// </div> +// </div> +// <div class="wy-control-group"> +// <label>Inline success</label> +// <div class="wy-control wy-inline-validate wy-inline-validate-success"> +// <input type="text" placeholder="placeholder"/> +// <span class="wy-input-context"> Woot, way to go.</span> +// </div> +// </div> +// <div class="wy-control-group"> +// <label>Inline error</label> +// <div class="wy-control wy-inline-validate wy-inline-validate-warning"> +// <input type="text" placeholder="placeholder"/> +// <span class="wy-input-context"> Hold on cowboy.</span> +// </div> +// </div> +// <div class="wy-control-group"> +// <label>Inline error</label> +// <div class="wy-control wy-inline-validate wy-inline-validate-danger"> +// <input type="text" placeholder="placeholder"/> +// <span class="wy-input-context"> Damnit, you messed up.</span> +// </div> +// </div> +// +// Styleguide 6.4 + +.wy-control-group.wy-control-group-error + .wy-form-message, > label + color: $red + input + &[type="text"], &[type="password"], &[type="email"], &[type="url"], &[type="date"], &[type="month"], &[type="time"], &[type="datetime"], &[type="datetime-local"], &[type="week"], &[type="number"], &[type="search"], &[type="tel"], &[type="color"] + border: solid 1px $red + textarea + border: solid 1px $red + +.wy-inline-validate + white-space: nowrap + .wy-input-context + padding: em(8px) em(10px) + display: inline-block + font-size: 80% +.wy-inline-validate.wy-inline-validate-success .wy-input-context + color: $green + @extend %icon + @extend .#{$icon-prefix}-#{$icon-ok} +.wy-inline-validate.wy-inline-validate-danger .wy-input-context + color: $red + @extend %icon + @extend .#{$icon-prefix}-#{$icon-remove} +.wy-inline-validate.wy-inline-validate-warning .wy-input-context + color: $orange + @extend %icon + @extend .#{$icon-prefix}-#{$icon-alert} +.wy-inline-validate.wy-inline-validate-info .wy-input-context + color: $blue + @extend %icon + @extend .#{$icon-prefix}-#{$icon-alert} + +// Some generic rotation classes for reading user images + +.rotate-90 + @include transform(rotate(90deg)) +.rotate-180 + @include transform(rotate(180deg)) +.rotate-270 + @include transform(rotate(270deg)) +.mirror + @include transform(scaleX(-1)) + &.rotate-90 + @include transform(scaleX(-1) rotate(90deg)) + &.rotate-180 + @include transform(scaleX(-1) rotate(180deg)) + &.rotate-270 + @include transform(scaleX(-1) rotate(270deg)) + +@media only screen and (max-width: 480px) + .wy-form + button[type="submit"] + margin: 0.7em 0 0 + input + &[type="text"], &[type="password"], &[type="email"], &[type="url"], &[type="date"], &[type="month"], &[type="time"], &[type="datetime"], &[type="datetime-local"], &[type="week"], &[type="number"], &[type="search"], &[type="tel"], &[type="color"] + margin-bottom: 0.3em + display: block + label + margin-bottom: 0.3em + display: block + .wy-form input + &[type="password"], &[type="email"], &[type="url"], &[type="date"], &[type="month"], &[type="time"], &[type="datetime"], &[type="datetime-local"], &[type="week"], &[type="number"], &[type="search"], &[type="tel"], &[type="color"] + margin-bottom: 0 + .wy-form-aligned + .wy-control-group label + margin-bottom: 0.3em + text-align: left + display: block + width: 100% + .wy-control + margin: 1.5em 0 0 0 + .wy-form .wy-help-inline, .wy-form-message-inline, .wy-form-message + display: block + font-size: 80% + padding: $base-line-height / 4 0 + + diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_generic.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_generic.sass new file mode 100644 index 0000000..3a57582 --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_generic.sass @@ -0,0 +1,16 @@ +.tablet-hide + +media($tablet) + display: none + +.mobile-hide + +media($mobile) + display: none + +.float-left + float: left + +.float-right + float: right + +.full-width + width: 100% diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_grid_settings.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_grid_settings.sass new file mode 100644 index 0000000..fc0f614 --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_grid_settings.sass @@ -0,0 +1,41 @@ +// Grids +// +// Wyrm uses Bourbon's [Neat grid system](http://neat.bourbon.io) with `$border-box-sizing: true`. Please visit their site +// for full documenation. Wyrm's `+media()` breakpoint settings are set as follows in +// `wyrm_core/_grid_settings.sass`. +// +// * `+media($desktop-wide)` is 12 columns, min-width: 1400px wide. +// * `+media($desktop)` is 12 columns, min-width: 769px wide. +// * `+media($tablet)` is 8 columns, max-width: 768px. +// * `+media($mobile)` is 4 columns, max-width: 480px. +// +// Because Wyrm is used in a couple different Ember setups, we added the `+omega-type` mixin to `wyrm_core/neat_extra.sass`. +// It's essentially the same as Neat's `+omega` mixin, but uses nth-of-type to make play nice with Ember's love of adding +// additional DOM objects in between your constructed markup. +// +// Markup: +// <div class="grid-example"> +// <p>+outer-container applied to this wrapping grid.</p> +// <aside>+span-columns(4)</aside> +// <section>+span-columns(8) +omega-type</section> +// </div> +// +// Styleguide 5.0 + + +@import "neat-helpers" + +$column: golden-ratio(1em, 3) !default +$gutter: golden-ratio(1em, 1) !default +$grid-columns: 12 !default +$max-width: 100% !default +$border-box-sizing: true !default +$default-feature: min-width +$default-layout-direction: LTR !default + +$mobile: new-breakpoint(max-width 480px 4) +$tablet: new-breakpoint(max-width 768px 8) +$desktop: new-breakpoint(min-width 769px 12) +$desktop-wide: new-breakpoint(min-width 1200px 12) +$desktop-wider: new-breakpoint(min-width 1400px 12) + diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_mixin.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_mixin.sass new file mode 100644 index 0000000..cd19587 --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_mixin.sass @@ -0,0 +1,129 @@ +$support-for-original-webkit-gradients: false +$legacy-support-for-ie: false +$hide-text-direction: right +$default-border-radius: 4px + +=retina + @media only screen and (#{-webkit-min-device-pixel-ratio}: #{1.5}), only screen and (#{min-device-pixel-ratio}: #{1.5}) + @content + +=webkit + @media screen and (-webkit-min-device-pixel-ratio: 0) + @content + + +// TRICKY GRADIENTS +=gradient-vertical($start-color: #555, $end-color: #333) + @if alpha($start-color) == 1 and alpha($end-color) == 1 + background-color: $end-color + +background-image(linear-gradient($start-color, rgba($end-color,0))) + @else + +background-image(linear-gradient($start-color, $end-color)) + background-repeat: repeat-x + filter: progid:DXImageTransform.Microsoft.gradient(start-colorstr='#{ie-hex-str($start-color)}', end-colorstr='#{ie-hex-str($end-color)}', GradientType=0) +=gradient-horizontal($start-color: #555, $end-color: #333) + @if alpha($start-color) == 1 and alpha($end-color) == 1 + background-color: $end-color + +background-image(linear-gradient(left,$start-color, rgba($end-color,0))) + @else + +background-image(linear-gradient(left,$start-color, $end-color)) + background-repeat: repeat-x + filter: progid:DXImageTransform.Microsoft.gradient(start-colorstr='#{ie-hex-str($start-color)}', end-colorstr='#{ie-hex-str($end-color)}', GradientType=1) + +=gradient-striped($color, $stripe-color: rgba(white,.15), $angle: -45deg) + background-color: $color + background-image: -webkit-linear-gradient($angle, $stripe-color 25%, transparent 25%, transparent 50%, $stripe-color 50%, $stripe-color 75%, transparent 75%, transparent) + background-image: -moz-linear-gradient($angle, $stripe-color 25%, transparent 25%, transparent 50%, $stripe-color 50%, $stripe-color 75%, transparent 75%, transparent) + background-image: -ms-linear-gradient($angle, $stripe-color 25%, transparent 25%, transparent 50%, $stripe-color 50%, $stripe-color 75%, transparent 75%, transparent) + background-image: -o-linear-gradient($angle, $stripe-color 25%, transparent 25%, transparent 50%, $stripe-color 50%, $stripe-color 75%, transparent 75%, transparent) + background-image: linear-gradient($angle, $stripe-color 25%, $stripe-color 25%, $stripe-color 50%, $stripe-color 50%, $stripe-color 75%, rgba(white,0) 75%, rgba(white,0)) + +=text-shadow-invert($color: $text-invert, $alpha: 0.5, $x: 0, $y: 1px, $blur: 0) + @if $color == white + text-shadow: rgba(white,$alpha) $x $y $blur + @else if $color == black + text-shadow: rgba(black,$alpha) $x $y $blur + @else + text-shadow: $color $x $y $blur + +=none-select + +experimental(user-select, none, -moz, -webkit, not -o, -ms, not -khtml, official) + +// ----------------- +// Mixins used as Extends. Since its just easier to type +mixin instead of @extend class +// ----------------- + +// Thin out white fonts on dark backgrounds in webkit + +%font-smooth + -webkit-font-smoothing: antialiased + +=font-smooth + @extend %font-smooth + +// Popover arrows +// ------------------------- +// For tipsies and popovers +=arrow-top($arrow-width: 5px, $arrow-color: $black) + bottom: 0 + left: 50% + margin-left: -$arrow-width + border-left: $arrow-width solid transparent + border-right: $arrow-width solid transparent + border-top: $arrow-width solid $arrow-color + +=arrow-left($arrow-width: 5px, $arrow-color: $black) + top: 50% + right: 0 + margin-top: -$arrow-width + border-top: $arrow-width solid transparent + border-bottom: $arrow-width solid transparent + border-left: $arrow-width solid $arrow-color + +=arrow-bot($arrow-width: 5px, $arrow-color: $black) + top: 0 + left: 50% + margin-left: -$arrow-width + border-left: $arrow-width solid transparent + border-right: $arrow-width solid transparent + border-bottom: $arrow-width solid $arrow-color + +=arrow-right($arrow-width: 5px, $arrow-color: $black) + top: 50% + left: 0 + margin-top: -$arrow-width + border-top: $arrow-width solid transparent + border-bottom: $arrow-width solid transparent + border-right: $arrow-width solid $arrow-color + + +// OVERWRITES TO OUTSIDE LIBRARIES + +// Clearfix +=clearfix + *zoom: 1 + &:before, + &:after + display: table + content: "" + &:after + clear: both + +.clearfix + +clearfix + +// Since the typical default browser font-size is 16px, that makes the calculation for grid size. +// If you want your base font-size to be a different size and not have it effect grid size too, +// set the value of $em-base to $base-font-size ($em-base: $base-font-size;) +$em-base: 16px !default + +// Working in ems is annoying. Think in pixels by using this handy function, emCalc(#px) +@function em($pxWidth) + @return $pxWidth / $em-base * 1em + +=truncate($width) + text-overflow: ellipsis + overflow: hidden + white-space: nowrap + display: block + width: $width diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_neat_extra.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_neat_extra.sass new file mode 100644 index 0000000..e6cf987 --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_neat_extra.sass @@ -0,0 +1,43 @@ +// Remove last element gutter +=omega-type($query: block, $direction: default) + $table: if(belongs-to(table, $query), true, false) + $auto: if(belongs-to(auto, $query), true, false) + @if $direction != default + @warn "The omega mixin will no longer take a $direction argument. To change the layout direction, use row($direction) or set $default-layout-direction instead." + @else + $direction: get-direction($layout-direction, $default-layout-direction) + @if length($query) == 1 + @if $auto + &:last-child + margin-#{$direction}: 0 + @else if contains-display-value($query) + @if $table + padding-#{$direction}: 0 + @else + margin-#{$direction}: 0 + @else + +nth-of-type($query, $direction) + @else if length($query) == 2 + @if $table + @if $auto + &:last-child + padding-#{$direction}: 0 + @else + &:nth-of-type(#{nth($query, 1)}) + padding-#{$direction}: 0 + @else + @if $auto + &:last-child + margin-#{$direction}: 0 + @else + +nth-of-type(nth($query, 1), $direction) + @else + @warn "Too many arguments passed to the omega() mixin." + +=nth-of-type($query, $direction) + $opposite-direction: get-opposite-direction($direction) + &:nth-of-type(#{$query}) + margin-#{$direction}: 0 + @if type-of($query) == number + &:nth-of-type(#{$query}+1) + clear: $opposite-direction diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_normalize.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_normalize.sass new file mode 100644 index 0000000..e041d96 --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_normalize.sass @@ -0,0 +1,348 @@ +/*! normalize.css v2.1.1 | MIT License | git.io/normalize + +/* ========================================================================== + * HTML5 display definitions + * ========================================================================== + +/** + * Correct `block` display not defined in IE 8/9. + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary + display: block + +/** + * Correct `inline-block` display not defined in IE 8/9. + +audio, +canvas, +video + display: inline-block + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + +audio:not([controls]) + display: none + height: 0 + +/** + * Address styling not present in IE 8/9. + +[hidden] + display: none + +/* ========================================================================== + * Base + * ========================================================================== + +/** + * 1. Prevent system color scheme's background color being used in Firefox, IE, + * and Opera. + * 2. Prevent system color scheme's text color being used in Firefox, IE, and + * Opera. + * 3. Set default font family to sans-serif. + * 4. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + +html + background: #fff + /* 1 + color: #000 + /* 2 + font-family: sans-serif + /* 3 + -ms-text-size-adjust: 100% + /* 4 + -webkit-text-size-adjust: 100% + /* 4 + +/** + * Remove default margin. + +body + margin: 0 + +/* ========================================================================== + * Links + * ========================================================================== + +/** + * Address `outline` inconsistency between Chrome and other browsers. + +a:focus + outline: thin dotted + +/** + * Improve readability when focused and also mouse hovered in all browsers. + +a:active, +a:hover + outline: 0 + +/* ========================================================================== + * Typography + * ========================================================================== + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari 5, and Chrome. + +h1 + font-size: 2em + margin: 0.67em 0 + +/** + * Address styling not present in IE 8/9, Safari 5, and Chrome. + +abbr[title] + border-bottom: 1px dotted + +/** + * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. + +b, +strong + font-weight: bold + +/** + * Address styling not present in Safari 5 and Chrome. + +dfn + font-style: italic + +/** + * Address differences between Firefox and other browsers. + +hr + -moz-box-sizing: content-box + box-sizing: content-box + height: 0 + +/** + * Address styling not present in IE 8/9. + +mark + background: #ff0 + color: #000 + +/** + * Correct font family set oddly in Safari 5 and Chrome. + +code, +kbd, +pre, +samp + font-family: monospace, serif + font-size: 1em + +/** + * Improve readability of pre-formatted text in all browsers. + +pre + white-space: pre-wrap + +/** + * Set consistent quote types. + +q + quotes: "\201C" "\201D" "\2018" "\2019" + +/** + * 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. + +img + border: 0 + +/** + * Correct overflow displayed oddly in IE 9. + +svg:not(:root) + overflow: hidden + +/* ========================================================================== + * Figures + * ========================================================================== + +/** + * Address margin not present in IE 8/9 and Safari 5. + +figure + margin: 0 + +/* ========================================================================== + * Forms + * ========================================================================== + +/** + * 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. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + +legend + border: 0 + /* 1 + padding: 0 + /* 2 + +/** + * 1. Correct font family not being inherited in all browsers. + * 2. Correct font size not being inherited in all browsers. + * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. + +button, +input, +select, +textarea + font-family: inherit + /* 1 + font-size: 100% + /* 2 + margin: 0 + /* 3 + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + +button, +input + line-height: normal + +/** + * 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 Chrome, Safari 5+, and IE 8+. + * Correct `select` style inheritance in Firefox 4+ and Opera. + +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"], +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 + +/** + * 1. Address box sizing set to `content-box` in IE 8/9. + * 2. Remove excess padding in IE 8/9. + +input[type="checkbox"], +input[type="radio"] + box-sizing: border-box + /* 1 + padding: 0 + /* 2 + +/** + * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome + * (include `-moz` to future-proof). + +input[type="search"] + -webkit-appearance: textfield + /* 1 + -moz-box-sizing: content-box + -webkit-box-sizing: content-box + /* 2 + box-sizing: content-box + +/** + * Remove inner padding and search cancel button in Safari 5 and Chrome + * on OS X. + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration + -webkit-appearance: none + +/** + * Remove inner padding and border in Firefox 4+. + +button::-moz-focus-inner, +input::-moz-focus-inner + border: 0 + padding: 0 + +/** + * 1. Remove default vertical scrollbar in IE 8/9. + * 2. Improve readability and alignment in all browsers. + +textarea + overflow: auto + /* 1 + vertical-align: top + /* 2 + +/* ========================================================================== + * Tables + * ========================================================================== + +/** + * Remove most spacing between table cells. + +table + border-collapse: collapse + border-spacing: 0 diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_reset.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_reset.sass new file mode 100644 index 0000000..dc6685b --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_reset.sass @@ -0,0 +1,250 @@ +article, aside, details, figcaption, figure, footer, header, hgroup, nav, section + display: block + +audio, canvas, video + display: inline-block + *display: inline + *zoom: 1 + +audio:not([controls]) + display: none + +[hidden] + display: none + +* + +box-sizing(border-box) + +html + font-size: 100% + -webkit-text-size-adjust: 100% + -ms-text-size-adjust: 100% + +body + margin: 0 + +a:hover, a:active + outline: 0 + +abbr[title] + border-bottom: 1px dotted + +b, strong + font-weight: bold + +blockquote + margin: 0 + +dfn + font-style: italic + + +ins + background: #ff9 + color: #000 + text-decoration: none + +mark + background: #ff0 + color: #000 + font-style: italic + font-weight: bold + +pre, code, kbd, samp + font-family: monospace, serif + _font-family: 'courier new', monospace + font-size: 1em + +pre + white-space: pre + +q + quotes: none + +q:before, q:after + content: "" + content: none + +small + font-size: 85% + +sub, sup + font-size: 75% + line-height: 0 + position: relative + vertical-align: baseline + +sup + top: -0.5em + +sub + bottom: -0.25em + +ul, ol, dl + margin: 0 + padding: 0 + list-style: none + list-style-image: none + +li + list-style: none + +dd + margin: 0 + +img + border: 0 + -ms-interpolation-mode: bicubic + vertical-align: middle + max-width: 100% + +svg:not(:root) + overflow: hidden + +figure + margin: 0 + +form + margin: 0 + +fieldset + border: 0 + margin: 0 + padding: 0 + +label + cursor: pointer + +legend + border: 0 + *margin-left: -7px + padding: 0 + white-space: normal + +button, input, select, textarea + font-size: 100% + margin: 0 + vertical-align: baseline + *vertical-align: middle + +button, input + line-height: normal + +button, input[type="button"], input[type="reset"], input[type="submit"] + cursor: pointer + -webkit-appearance: button + *overflow: visible + +button[disabled], input[disabled] + cursor: default + +input[type="checkbox"], input[type="radio"] + box-sizing: border-box + padding: 0 + *width: 13px + *height: 13px + +input[type="search"] + -webkit-appearance: textfield + -moz-box-sizing: content-box + -webkit-box-sizing: content-box + box-sizing: content-box + +input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button + -webkit-appearance: none + +button::-moz-focus-inner, input::-moz-focus-inner + border: 0 + padding: 0 + +textarea + overflow: auto + vertical-align: top + resize: vertical + +table + border-collapse: collapse + border-spacing: 0 + +td + vertical-align: top + +.chromeframe + margin: 0.2em 0 + background: #ccc + color: black + padding: 0.2em 0 + +.ir + display: block + border: 0 + text-indent: -999em + overflow: hidden + background-color: transparent + background-repeat: no-repeat + text-align: left + direction: ltr + *line-height: 0 + +.ir br + display: none + +.hidden + display: none !important + visibility: hidden + +.visuallyhidden + border: 0 + clip: rect(0 0 0 0) + height: 1px + margin: -1px + overflow: hidden + padding: 0 + position: absolute + width: 1px + +.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus + clip: auto + height: auto + margin: 0 + overflow: visible + position: static + width: auto + +.invisible + visibility: hidden + +.relative + position: relative + +big, small + font-size: 100% + +@media print + html, body, section + background: none !important + * + box-shadow: none !important + text-shadow: none !important + filter: none !important + -ms-filter: none !important + a, a:visited + text-decoration: underline + .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after + content: "" + pre, blockquote + page-break-inside: avoid + thead + display: table-header-group + tr, img + page-break-inside: avoid + img + max-width: 100% !important + @page + margin: 0.5cm + + p, h2, h3 + orphans: 3 + widows: 3 + h2, h3 + page-break-after: avoid diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_spinner.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_spinner.sass new file mode 100644 index 0000000..8921aec --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_spinner.sass @@ -0,0 +1,71 @@ +// Spinners +// +// Spinners are pretty simple. You can change the color by changing `$spinner-color`. +// Also, any of the modifiers below can also carry `.wy-spinner-absolute` to position +// the spinner in the absolute center of your wrapping area. +// +// Markup: +// <div class="wy-spinner {$modifiers}"></div> +// <a href="#random" class="btn"><span class="wy-spinner {$modifiers}"></span> Loading</a> +// +// .wy-spinner-large - Large spinner. +// .wy-spinner-small - Small spinner. +// +// Styleguide 7.0 + + +.wy-spinner + height: 30px + width: 30px + margin: 0 auto + position: relative + +animation(rotation .6s infinite linear) + border: 8px solid lighten($spinner-color, 50%) + border-top: 8px solid $spinner-color + border-radius: 100% + display: block + +.wy-spinner.wy-spinner-margin + margin: $base-line-height auto + +.btn .wy-spinner + display: inline-block + height: 14px + width: 14px + border-width: 4px + border-color: rgba(0,0,0,.1) + border-top-color: $white + top: 1px + +.wy-logo .wy-spinner + border-color: rgba(0,0,0,.1) + border-top-color: $section-background-color + margin-bottom: $gutter / 2 +.wy-spinner.wy-spinner-inline + display: inline-block + vertical-align: middle + margin: none + +.wy-spinner.wy-spinner-large + height: 45px + width: 45px + border-width: 12px + +.wy-spinner.wy-spinner-small + height: 16px + width: 16px + border-width: 4px + +.wy-spinner.wy-spinner-absolute + position: absolute + top: 0 + left: 0 + right: 0 + bottom: 0 + margin: auto + ++keyframes(rotation) + from + +transform(rotate(0deg)) + to + +transform(rotate(359deg)) diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_table.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_table.sass new file mode 100644 index 0000000..85240c9 --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_table.sass @@ -0,0 +1,151 @@ +// Tables +// +// Located in `wyrm_core/_tables.sass`. Table classes are additive so you can mix and match as you need. +// +// Markup: +// <table class="wy-table {$modifiers}"> +// <thead> +// <tr> +// <th>Game</th> +// <th>Developer</th> +// <th>Description</th> +// </tr> +// </thead> +// <tbody> +// <tr> +// <td> +// Baldur's Gate II +// </td> +// <td> +// Bioware +// </td> +// <td> +// Boo has a space hamster. Imoen whines a bunch. +// </td> +// </tr> +// <tr> +// <td> +// Icewind Dale II +// </td> +// <td> +// Black Isle +// </td> +// <td> +// Fly around on an airship, then kill tons of ice monsters. +// </td> +// </tr> +// <tr> +// <td> +// Temple of Elemental Evil +// </td> +// <td> +// Trokia +// </td> +// <td> +// Turn based! Do everything 10 times slower. +// </td> +// </tr> +// </tbody> +// </table> +// +// .full-width - 100% width +// .wy-table-bordered - Border the table itself. +// .wy-table-bordered-rows - Border just the rows. +// .wy-table-bordered-all - Border the columns, rows, and the table. +// .wy-table-striped - Alternating row colors. +// +// Styleguide 3 + + +.wy-table + border-collapse: collapse + border-spacing: 0 + empty-cells: show + margin-bottom: $base-line-height + caption + color: #000 + font: italic 85%/1 arial, sans-serif + padding: 1em 0 + text-align: center + td, th + font-size: $table-font-size + margin: 0 + overflow: visible + padding: $table-padding-size + td:first-child, th:first-child + border-left-width: 0 + thead + color: #000 + text-align: left + vertical-align: bottom + white-space: nowrap + th + font-weight: $base-font-family-bold + border-bottom: solid 2px $table-border-color + td + background-color: transparent + vertical-align: middle + +.wy-table td p + line-height: $base-line-height * .75 + &:last-child + margin-bottom: 0 +.wy-table .wy-table-cell-min + width: 1% + padding-right: 0 + input[type=checkbox], input[type=checkbox] + margin: 0 + +.wy-table-secondary + color: $text-medium + font-size: 90% +.wy-table-tertiary + color: $text-medium + font-size: 80% + +// Striped + +.wy-table-odd td, .wy-table-striped tr:nth-child(2n-1) td + background-color: $table-stripe-color + +.wy-table-backed + background-color: $table-stripe-color + + +/* BORDERED TABLES + +.wy-table-bordered-all + border: 1px solid $table-border-color + td + border-bottom: 1px solid $table-border-color + border-left: 1px solid $table-border-color + tbody > tr:last-child td + border-bottom-width: 0 + +.wy-table-bordered + border: 1px solid $table-border-color + +.wy-table-bordered-rows + td + border-bottom: 1px solid $table-border-color + tbody > tr:last-child td + border-bottom-width: 0 + +.wy-table-horizontal + tbody > tr:last-child td + border-bottom-width: 0 + td, th + border-width: 0 0 1px 0 + border-bottom: 1px solid $table-border-color + tbody > tr:last-child td + border-bottom-width: 0 +/* RESPONSIVE TABLES + +.wy-table-responsive + margin-bottom: $base-line-height + max-width: 100% + overflow: auto + table + margin-bottom: 0 !important + td, th + white-space: nowrap 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 + diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_video.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_video.sass new file mode 100644 index 0000000..bbc5eb5 --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_video.sass @@ -0,0 +1,28 @@ +// Video +// +// Styles from this page can be found in `wyrm_core/_video.sass`. +// It is basically a simple way to handle simple 16:9 responsive embeds. +// +// Markup: +// <div class="wy-video {$modifiers}"><iframe src="//www.youtube.com/embed/dJ0Neq2up9E" frameborder="0" allowfullscreen></iframe></div> +// +// .wy-video-sd - 4:3 TV style +// .wy-video-cinema - Anamorphic +// +// Styleguide 12.0 + +.wy-video + position: relative + padding-bottom: 56.25% + height: 0 + iframe, object + position: absolute + top: 0 + left: 0 + width: 100% + height: 100% + +.wy-video.wy-video-sd + padding-bottom: 75% +.wy-video.wy-video-cinema + padding-bottom: 41.84% diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_wy_variables.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_wy_variables.sass new file mode 100644 index 0000000..2dc5186 --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_wy_variables.sass @@ -0,0 +1,129 @@ +// Locations +$static-img: "img/" + + +// Colors +$background-color: #edf0f2 +$section-background-color: hsl(0,0%,99%) +$dropdown-color: $section-background-color +$dropdown-border-color: darken($background-color, 10%) + +$black: #000 !default +$gray-darker: #222 !default +$gray-dark: #333 !default +$gray: #555 !default +$gray-light: #999 !default +$gray-lighter: #ccc !default +$white: #fff !default + +$green: #27AE60 +$offgreen: #1ABC9C +$blue: #2980B9 +$purple: #9B59B6 +$cobalt: #34495E +$yellow: #F1C40F +$orange: #E67E22 +$red: #E74C3C +$shell: #ECF0F1 + +// Typography +$base-font-size: 16px !default +$base-font-family: "Helvetica Neue", Arial, sans-serif !default +$base-font-family-bold: bold +$base-line-height: 24px !default +$custom-font-family: "Georgia", serif !default +$custom-font-family2: "Georgia", serif !default +$code-font-family: "Consolas", "Monaco", monospace !default +$icon-font-family: "FontAwesome" +$text-color: hsl(0,0%,25%) !default +$text-invert: hsl(0,0%,100%) !default +$text-code-color: $red +$text-code-background-color: $white +$text-code-border-color: hsl(195,7%,89%) +$text-dark: lighten($text-color,15%) !default +$text-medium: lighten($text-color,25%) !default +$text-light: lighten($text-color,45%) !default +$text-lighter: lighten($text-color,60%) !default + +// Tables +$table-background-color: transparent +$table-border-color: hsl(195, 7%, 89%) +$table-stripe-color: hsl(185,15%,96%) +$table-bg-hover-color: hsl(0,0%,85%) +$table-head-background-color: $table-border-color +$table-font-size: 90% +$table-padding-size: $base-font-size / 2 $base-font-size + +// Forms +$input-text-color: #cad2d3 !default +$input-background-color: $white !default +$input-border-color: #ccc !default +$input-shadow-color: #ddd !default +$input-focus-color: $gray-dark + +// Links +$link-color: $blue +$link-color-visited: $purple +$link-color-hover: lighten($link-color, 6%) !default +$link-color-alt: hsl(33, 100%, 51%) + + +// Buttons +$button-background-color: $green +$button-neutral-background-color: $table-stripe-color + +// Spinner +$spinner-color: $link-color + +// Menu +$menu-top-link-color: hsl(0, 0%, 95%) +$menu-background-color: rgb(52, 49, 49) +$menu-logo-color: $link-color +$nav-desktop-width: 300px +$nav-desktop-position: left + +// Z-index master list +$z-index-dropdown: 100 !default +$z-index-popover: 200 !default +$z-index-tooltip: 300 !default +$z-index-tray: 400 !default +$z-index-modal: 500 !default +$z-index-alert: 600 !default + +// By default wyrm expects the following font-classes +// to exist. By default, uses Font Awesome 4.0 +// but this is completely configurable should you +// want to use a different icon pack. +$icon-prefix: "fa" +$icon-close: "times" +$icon-arrow-left: "arrow-left" +$icon-arrow-right: "arrow-right" +$icon-arrow-down: "arrow-down" +$icon-arrow-up: "arrow-up" +$icon-expand: "expand" +$icon-compress: "compress" +$icon-trash: "trash-o" +$icon-table: "table" +$icon-link: "link" +$icon-quote-right: "quote-right" +$icon-align-left: "align-left" +$icon-align-right: "align-right" +$icon-align-justify: "align-justify" +$icon-align-center: "align-center" +$icon-arrows-alt: "arrows-alt" +$icon-picture: "picture-o" +$icon-youtube: "youtube-play" +$icon-code: "code" +$icon-text-height: "text-height" +$icon-bold: "bold" +$icon-italic: "italic" +$icon-strikethrough: "strikethrough" +$icon-list-ul: "list-ul" +$icon-list-ol: "list-ol" +$icon-outdent: "outdent" +$icon-indent: "indent" +$icon-paperclip: "paperclip" +$icon-caret-down: "caret-down" +$icon-ok: "check-circle" +$icon-remove: "times-circle" +$icon-alert: "exclamation-circle" |