http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_notices.scss ---------------------------------------------------------------------- diff --git a/_sass/_notices.scss b/_sass/_notices.scss new file mode 100644 index 0000000..e65c773 --- /dev/null +++ b/_sass/_notices.scss @@ -0,0 +1,79 @@ +/* ========================================================================== + Notices + ========================================================================== */ + +/* + Default notice .notice + ========================================================================== */ + +@mixin notice($notice-color) { + position: relative; + padding: 1.5em; + font-family: $alt-font; + @include font-size(14,39); + color: $white; + background-color: $notice-color; + border-radius: $border-radius; + a { + color: $white; + border-bottom: 1px dotted $white; + } +} +.notice { + @include notice($primary-color); +} + +/* + Inverse notice .notice-inverse + ========================================================================== */ + +.notice-inverse { + @include notice($white); + color: $text-color; + a { + color: $text-color; + } +} + +/* + Info notice .notice-info + ========================================================================== */ + +.notice-info { + @include notice($info-color); +} + +/* + Warning notice .notice-warning + ========================================================================== */ + +.notice-warning { + @include notice($warning-color); +} + +/* + Success notice .notice-success + ========================================================================== */ + +.notice-success { + @include notice($success-color); +} + +/* + Danger notice .notice-danger + ========================================================================== */ + +.notice-danger { + @include notice($danger-color); +} + +/* + Browser upgrade notice + ========================================================================== */ + +.upgrade { + text-align: center; + a { + text-decoration: none; + } +}
http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_reset.scss ---------------------------------------------------------------------- diff --git a/_sass/_reset.scss b/_sass/_reset.scss new file mode 100644 index 0000000..16de7d5 --- /dev/null +++ b/_sass/_reset.scss @@ -0,0 +1,144 @@ +/* ========================================================================== + Style resets + Adapted from http://github.com/necolas/normalize.css + ========================================================================== */ + +// Apply a natural box layout model to all elements +*, *:before, *:after { + -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; + } + +// Remove margin +body { margin: 0; } + +// Display HTML5 elements in IE6-9 and FF3 +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block; +} + +// Display block in IE6-9 and FF3 +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} + +// Prevents modern browsers from displaying 'audio' without controls +audio:not([controls]) { + display: none; +} + +// Base font settings +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +// Apply focus state +a:focus { + @extend %tab-focus; +} + +// Remove outline +a:hover, +a:active { + outline: 0; +} + +// Prevent sub and sup affecting line-height in all browsers +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} + +// Normalize blockquotes +blockquote { + margin: 0; +} + +// Img border in a's and image quality +img { + // Responsive images (ensure images don't scale beyond their parents) + max-width: 100%; // Part 1: Set a maximum relative to the parent + width: auto\9; // IE7-8 need help adjusting responsive images + height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching + + vertical-align: middle; + border: 0; + -ms-interpolation-mode: bicubic; +} + +// Prevent max-width from affecting Google Maps +#map_canvas img, +.google-maps img { + max-width: none; +} + +// Consistent form font size in all browsers, margin changes, misc +button, +input, +select, +textarea { + margin: 0; + font-size: 100%; + vertical-align: middle; +} +button, +input { + *overflow: visible; // Inner spacing ie IE6/7 + line-height: normal; // FF3/4 have !important on line-height in UA stylesheet +} +button::-moz-focus-inner, +input::-moz-focus-inner { // Inner padding and border oddities in FF3/4 + padding: 0; + border: 0; +} +button, +html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS. + cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others. +} +label, +select, +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others. +} +input[type="search"] { // Appearance in Safari/Chrome + @include box-sizing(content-box); + -webkit-appearance: textfield; +} +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5 +} +textarea { + overflow: auto; // Remove vertical scrollbar in IE6-9 + vertical-align: top; // Readability and alignment cross-browser +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_sliding-menu.scss ---------------------------------------------------------------------- diff --git a/_sass/_sliding-menu.scss b/_sass/_sliding-menu.scss new file mode 100644 index 0000000..b44cb59 --- /dev/null +++ b/_sass/_sliding-menu.scss @@ -0,0 +1,189 @@ +/* ========================================================================== + OFF CANVAS SLIDING MENU + Based on code by Diego Eis + http://tableless.com.br/fazendo-um-slide-menu-mobile-sem-plugin/ + ========================================================================== */ + +/* Slider */ + +.slide { + transform: translateX(-100%); + @include media($medium) { + transform: translateX(em(-600)); + } + @include media($large) { + transform: translateX(em(-900)); + } + } + +/* + Sliding menu button + ========================================================================== */ + +.sliding-menu-button { + position: fixed; + transform: translateZ(0); + backface-visibility: hidden; /* fix scroll jank */ + top: $gutter; + right: $gutter; + display: block; + width: $button-size * 2; + height: $button-size * 2; + background: $primary-color; + outline: 0; + padding: 0; + border: 2.5px solid transparent; + cursor: pointer; + z-index: 20; + box-sizing: border-box; + &:hover { + background: $black; + } + transition: $sliding-menu-animation; + &.slide { + background: $danger-color; + transform: translateX(0); /* don't slide close button on small screens only */ + @include media($medium) { + transform: translateX(em(-600)); /* reset slide position */ + } + @include media($large) { + transform: translateX(em(-900)); /* reset slide position */ + } + } +} + +/* + Sliding content + ========================================================================== */ + +.sliding-menu-content { + position: fixed; + top: 0; + right: 0; + padding: em(22) 0; + visibility: hidden; + backface-visibility: hidden; + text-align: left; + @include size(100% 100%); + @include media($small) { + width: em(600); + } + @include media($large) { + width: em(900); + } + transform: translateX(100%); + transition: $sliding-menu-animation; + background: $sliding-menu-background; + z-index: 20; + overflow-y: auto; + overflow-x: hidden; + -webkit-overflow-scrolling: touch; + &.is-visible { + visibility: visible; + transform: translateX(0); + } + h5 { + margin: 0 20% 0 10%; + @include media($large) { + margin-right: 20%; + } + color: $white; + @include font-size(14); + @include media($small) { + @include font-size(16); + } + span { + display: block; + @include font-size(32,no,1); + @include media($small) { + @include font-size(48,no,1); + } + font-family: $base-font; + text-transform: uppercase; + font-weight: 400; + } + } + ul { + margin: 0 10%; + @include media($large) { + margin-right: 20%; + } + } + ul, + li { + list-style: none; + } + li { + display: block; + position: relative; + padding-bottom: 1em; + min-height: 70px; + @include media($small) { + min-height: 100px; + } + } + .menu-item { + a { + display: block; + color: $white; + text-decoration: none; + } + .teaser { + position: absolute; + left: 0; + margin-bottom: 0; + width: 50px; + border: 2px solid $white; + margin-bottom: ($gutter / 2); + opacity: 0.6; + @include media($small) { + width: 150px; + } + } + a:hover .teaser { + opacity: 1; + } + .title { + display: block; + margin-left: 60px; + font-family: $alt-font; + @include font-size(24,no); + font-weight: 700; + @include media($small) { + margin-left: 170px; + @include font-size(32,no); + } + } + .excerpt { + margin-top: 0; + margin-left: 60px; + @include font-size(14,no); + @include media($small) { + margin-left: 170px; + @include font-size(16,no); + } + } + } + .sub-menu-item > li a { + display: block; + color: $white; + font-style: italic; + } + .menu-item .home a { + @include font-size(32); + } +} + +/* Dim content when off canvas nav slides in */ + +.menu-screen { + @include position(fixed, 0 0 0 0); + visibility: hidden; + z-index: 4; + &.is-visible { + visibility: visible; + &:hover { + cursor: pointer; + } + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_syntax.scss ---------------------------------------------------------------------- diff --git a/_sass/_syntax.scss b/_sass/_syntax.scss new file mode 100644 index 0000000..dd7627b --- /dev/null +++ b/_sass/_syntax.scss @@ -0,0 +1,135 @@ +/* ========================================================================== + Syntax highlighting and formatting + ========================================================================== */ + +pre.highlight { + padding: 1em; +} + +/* + Pygments.rb and Rouge + ========================================================================== */ + +.linenos, +.code { + padding: 0; + border-top: 0 solid transparent; + border-bottom: 0 solid transparent; +} +.linenodiv { + @include font-size(16); +} + +.highlight { + overflow-x: auto; + @include font-size(16); + border: 1px solid darken($body-color, 5); + border-radius: $border-radius; + pre { + position: relative; + margin: 0; + padding: 1em; + } + &:hover { + border: 1px solid $form-border-color-hover; + } +} + +.highlighttable { + tr:hover>td, + tr:hover>th { + background: transparent + } +} + +.hll { background-color: #ffffcc } + +.err { color: #a61717; background-color: #e3d2d2 } // Error + +.k { color: #000000; font-weight: bold } // Keyword + +.o { color: #000000; font-weight: bold } // Operator + +.c { color: #999988; font-style: italic } // Comment +.cm { color: #999988; font-style: italic } // Comment.Multiline +.cp { color: #999999; font-weight: bold; font-style: italic } // Comment.Preproc +.c1 { color: #999988; font-style: italic } // Comment.Single +.cs { color: #999999; font-weight: bold; font-style: italic } // Comment.Special + + +.gd { color: #000000; background-color: #ffdddd } // Generic.Deleted +.ge { color: #000000; font-style: italic } // Generic.Emph +.gr { color: #aa0000 } // Generic.Error +.gh { color: #999999 } // Generic.Heading +.gi { color: #000000; background-color: #ddffdd } // Generic.Inserted +.go { color: #888888 } // Generic.Output +.gp { color: #555555 } // Generic.Prompt +.gs { font-weight: bold } // Generic.Strong +.gu { color: #aaaaaa } // Generic.Subheading +.gt { color: #aa0000 } // Generic.Traceback + +.kc { color: #000000; font-weight: bold } // Keyword.Constant +.kd { color: #000000; font-weight: bold } // Keyword.Declaration +.kn { color: #000000; font-weight: bold } // Keyword.Namespace +.kp { color: #000000; font-weight: bold } // Keyword.Pseudo +.kr { color: #000000; font-weight: bold } // Keyword.Reserved +.kt { color: #445588; font-weight: bold } // Keyword.Type + +.m { color: #009999 } // Literal.Number +.mf { color: #009999 } // Literal.Number.Float +.mh { color: #009999 } // Literal.Number.Hex +.mi { color: #009999 } // Literal.Number.Integer +.mo { color: #009999 } // Literal.Number.Oct +.il { color: #009999 } // Literal.Number.Integer.Long +.s { color: #d01040 } // Literal.String +.sb { color: #d01040 } // Literal.String.Backtick +.sc { color: #d01040 } // Literal.String.Char +.sd { color: #d01040 } // Literal.String.Doc +.s2 { color: #d01040 } // Literal.String.Double +.se { color: #d01040 } // Literal.String.Escape +.sh { color: #d01040 } // Literal.String.Heredoc +.si { color: #d01040 } // Literal.String.Interpol +.sx { color: #d01040 } // Literal.String.Other +.sr { color: #009926 } // Literal.String.Regex +.s1 { color: #d01040 } // Literal.String.Single +.ss { color: #990073 } // Literal.String.Symbol + +.na { color: #008080 } // Name.Attribute +.nb { color: #0086B3 } // Name.Builtin +.nc { color: #445588; font-weight: bold } // Name.Class +.no { color: #008080 } // Name.Constant +.nd { color: #3c5d5d; font-weight: bold } // Name.Decorator +.ni { color: #800080 } // Name.Entity +.ne { color: #990000; font-weight: bold } // Name.Exception +.nf { color: #990000; font-weight: bold } // Name.Function +.nl { color: #990000; font-weight: bold } // Name.Label +.nn { color: #555555 } // Name.Namespace +.nt { color: #000080 } // Name.Tag +.bp { color: #999999 } // Name.Builtin.Pseudo +.nv { color: #008080 } // Name.Variable +.vc { color: #008080 } // Name.Variable.Class +.vg { color: #008080 } // Name.Variable.Global +.vi { color: #008080 } // Name.Variable.Instance + +.ow { color: #000000; font-weight: bold } // Operator.Word + +.w { color: #bbbbbb } // Text.Whitespace + +/* + GitHub Gists + ========================================================================== */ + +//Remove extra padding +.gist table { + margin-top:0px; + +} + +//Remove hover effect +.gist tbody +{ + tr:hover > td, tr:hover > th { + background-color:transparent; + }; + background-color:white; //Background color white +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_tiles.scss ---------------------------------------------------------------------- diff --git a/_sass/_tiles.scss b/_sass/_tiles.scss new file mode 100644 index 0000000..1c6c033 --- /dev/null +++ b/_sass/_tiles.scss @@ -0,0 +1,45 @@ +/* ========================================================================== + Tiles + ========================================================================== */ + +.tile { + @include outer-container; + margin-bottom: $gutter; + @include media($micro) { + @include fill-parent; + } + @include media(new-breakpoint(min-width em(480) 12)) { + @include span-columns(3); + @include omega(4n); + } + .entry-date { + @include font-size(16,no); + color: lighten($text-color,25); + } + .post-title { + @include font-size(18,no); + } + .post-excerpt { + @include font-size(16); + } + .post-teaser { + position: relative; + display: block; + &:after { + content: ''; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: rgba($base-color,0); + pointer-events: none; + @include transition(background 0.3s); + } + &:hover { + &:after { + background: rgba($base-color,0.2); + } + } + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_toc.scss ---------------------------------------------------------------------- diff --git a/_sass/_toc.scss b/_sass/_toc.scss new file mode 100644 index 0000000..5aa6b58 --- /dev/null +++ b/_sass/_toc.scss @@ -0,0 +1,71 @@ +/* ========================================================================== + Table of contents + ========================================================================== */ + +/* + Page table of contents + ========================================================================== */ + +.toc { + margin-left: -1 * $gutter; + margin-right: -1 * $gutter; + @include media($medium) { + margin-left: 0; + margin-right: 0; + } + font-family: $alt-font; + ul { + margin-top: $gutter; + margin-bottom: $gutter; + border: 1px solid $border-color; + @include media($medium) { + border-radius: $border-radius; + } + } + li { + @include font-size(14,no,16); + @include media($small) { + @include font-size(16,no,18); + } + border-bottom: 1px solid $border-color; + > a { + display: block; + padding: 7px 1.618rem; + color: $text-color; + border-left: 2px solid transparent; + &:hover, + &:focus { + background: mix($white, $border-color, 5%); + } + } + } + h6 { + margin: 0; + padding: 7px 1.618rem; + background: $table-stripe-color; + &:hover { + background: mix($white, $border-color, 5%); + } + a { + color: $text-color; + } + } +} + +/* + 1/4 wide table of contents to be used as a sidebar (left aligned) + ========================================================================== */ + +.toc-left { + @include span-columns(12); + @include media($medium) { + @include span-columns(4); + } + margin-left: 0; + ul { + margin-top: 0; + @include media($small) { + margin-bottom: 0.5 * $gutter; + } + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_variables.scss ---------------------------------------------------------------------- diff --git a/_sass/_variables.scss b/_sass/_variables.scss new file mode 100644 index 0000000..49344bf --- /dev/null +++ b/_sass/_variables.scss @@ -0,0 +1,110 @@ +/* ========================================================================== + SCSS Variables + ========================================================================== */ + +/* + Typography variables + ========================================================================== */ + +$base-font : Georgia,Times,"Times New Roman",serif; +$heading-font : "Helvetica Neue","Segoe UI",Arial,sans-serif; +$caption-font : $base-font; +$code-font : monospace; +$alt-font : $heading-font; + +$doc-font-size : 16; +$doc-line-height : 24; + +$border-radius : 3px; + +/* + Color variables + ========================================================================== */ + +$white : #fff; +$black : #000; + +$body-color : #ebebeb; + +$text-color : #313130; +$caption-color : mix($white, $text-color, 25%); + +$base-color : #343434; +$comp-color : complement($base-color); +$border-color : #ddd; +$link-color : #222; + +$primary-color : $black; +$success-color : #2ecc71; +$warning-color : #f1c40f; +$danger-color : #e74c3c; +$info-color : #3498db; + +$table-border-color : $border-color; +$table-border : 1px solid $table-border-color; +$table-background : $body-color; +$table-header-color : lighten($table-background, 10); +$table-hover-color : darken($table-background, 2); +$table-stripe-color : darken($table-background, 4); +$table-stripe-color-hover : darken($table-stripe-color, 5); + +$facebook-color : #3b5998; +$flickr-color : #ff0084; +$foursquare-color : #0cbadf; +$google-plus-color : #dd4b39; +$instagram-color : #4e433c; +$linkedin-color : #4875b4; +$pinterest-color : #cb2027; +$rss-color : #fa9b39; +$tumblr-color : #2c4762; +$twitter-color : #55acee; +$vimeo-color : #1ab7ea; +$youtube-color : #ff3333; + + +/* + Form variables + ========================================================================== */ + +$form-border-color : $border-color; +$form-border-color-hover : darken($border-color, 10); +$form-border-color-focus : $primary-color; +$form-border-radius : $border-radius; +$form-box-shadow : inset 0 1px 3px hsla(0, 0%, 0%, 0.06); +$form-box-shadow-focus : $form-box-shadow, 0 0 5px rgba(darken($form-border-color-focus, 5), 0.7); +$form-font-family : $base-font; +$form-font-size : $doc-font-size; + + +/* + Sliding menu navigation variables + ========================================================================== */ + +$sliding-menu-border-color : $black; +$sliding-menu-background : $black; +$sliding-menu-color : $white; +$sliding-menu-background-hover : $black; +$sliding-menu-color-hover : $white; +$sliding-menu-border : 1px solid $sliding-menu-border-color; +$button-size : 30px; +$transition : 0.3s; // increase this to see the transformations in slow-motion +$sliding-menu-animation : all 500ms cubic-bezier(.86,.01,.77,.78); + +/* + Badge variables + ========================================================================== */ + +$badge-background : $primary-color; +$badge-dark-color : $black; +$badge-danger-color : $danger-color; +$badge-info-color : $info-color; +$badge-warning-color : $warning-color; +$badge-success-color : $success-color; +$badge-font-color : $white; + + +/* + Masthead variables + ========================================================================== */ + +$masthead-height: $button-size * 2; http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/_bourbon-deprecated-upcoming.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/_bourbon-deprecated-upcoming.scss b/_sass/vendor/bourbon/_bourbon-deprecated-upcoming.scss new file mode 100644 index 0000000..f946b3b --- /dev/null +++ b/_sass/vendor/bourbon/_bourbon-deprecated-upcoming.scss @@ -0,0 +1,8 @@ +//************************************************************************// +// These mixins/functions are deprecated +// They will be removed in the next MAJOR version release +//************************************************************************// +@mixin inline-block { + display: inline-block; + @warn "inline-block mixin is deprecated and will be removed in the next major version release"; +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/_bourbon.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/_bourbon.scss b/_sass/vendor/bourbon/_bourbon.scss new file mode 100644 index 0000000..11d52d7 --- /dev/null +++ b/_sass/vendor/bourbon/_bourbon.scss @@ -0,0 +1,78 @@ +// Settings +@import "settings/prefixer"; +@import "settings/px-to-em"; + +// Custom Helpers +@import "helpers/convert-units"; +@import "helpers/gradient-positions-parser"; +@import "helpers/is-num"; +@import "helpers/linear-angle-parser"; +@import "helpers/linear-gradient-parser"; +@import "helpers/linear-positions-parser"; +@import "helpers/linear-side-corner-parser"; +@import "helpers/radial-arg-parser"; +@import "helpers/radial-positions-parser"; +@import "helpers/radial-gradient-parser"; +@import "helpers/render-gradients"; +@import "helpers/shape-size-stripper"; +@import "helpers/str-to-num"; + +// Custom Functions +@import "functions/assign"; +@import "functions/color-lightness"; +@import "functions/flex-grid"; +@import "functions/golden-ratio"; +@import "functions/grid-width"; +@import "functions/modular-scale"; +@import "functions/px-to-em"; +@import "functions/px-to-rem"; +@import "functions/strip-units"; +@import "functions/tint-shade"; +@import "functions/transition-property-name"; +@import "functions/unpack"; + +// CSS3 Mixins +@import "css3/animation"; +@import "css3/appearance"; +@import "css3/backface-visibility"; +@import "css3/background"; +@import "css3/background-image"; +@import "css3/border-image"; +@import "css3/border-radius"; +@import "css3/box-sizing"; +@import "css3/calc"; +@import "css3/columns"; +@import "css3/filter"; +@import "css3/flex-box"; +@import "css3/font-face"; +@import "css3/font-feature-settings"; +@import "css3/hyphens"; +@import "css3/hidpi-media-query"; +@import "css3/image-rendering"; +@import "css3/keyframes"; +@import "css3/linear-gradient"; +@import "css3/perspective"; +@import "css3/radial-gradient"; +@import "css3/transform"; +@import "css3/transition"; +@import "css3/user-select"; +@import "css3/placeholder"; + +// Addons & other mixins +@import "addons/button"; +@import "addons/clearfix"; +@import "addons/directional-values"; +@import "addons/ellipsis"; +@import "addons/font-family"; +@import "addons/hide-text"; +@import "addons/html5-input-types"; +@import "addons/position"; +@import "addons/prefixer"; +@import "addons/retina-image"; +@import "addons/size"; +@import "addons/timing-functions"; +@import "addons/triangle"; +@import "addons/word-wrap"; + +// Soon to be deprecated Mixins +@import "bourbon-deprecated-upcoming"; http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/addons/_button.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/addons/_button.scss b/_sass/vendor/bourbon/addons/_button.scss new file mode 100644 index 0000000..14a89e4 --- /dev/null +++ b/_sass/vendor/bourbon/addons/_button.scss @@ -0,0 +1,374 @@ +@mixin button ($style: simple, $base-color: #4294f0, $text-size: inherit, $padding: 7px 18px) { + + @if type-of($style) == string and type-of($base-color) == color { + @include buttonstyle($style, $base-color, $text-size, $padding); + } + + @if type-of($style) == string and type-of($base-color) == number { + $padding: $text-size; + $text-size: $base-color; + $base-color: #4294f0; + + @if $padding == inherit { + $padding: 7px 18px; + } + + @include buttonstyle($style, $base-color, $text-size, $padding); + } + + @if type-of($style) == color and type-of($base-color) == color { + $base-color: $style; + $style: simple; + @include buttonstyle($style, $base-color, $text-size, $padding); + } + + @if type-of($style) == color and type-of($base-color) == number { + $padding: $text-size; + $text-size: $base-color; + $base-color: $style; + $style: simple; + + @if $padding == inherit { + $padding: 7px 18px; + } + + @include buttonstyle($style, $base-color, $text-size, $padding); + } + + @if type-of($style) == number { + $padding: $base-color; + $text-size: $style; + $base-color: #4294f0; + $style: simple; + + @if $padding == #4294f0 { + $padding: 7px 18px; + } + + @include buttonstyle($style, $base-color, $text-size, $padding); + } + + &:disabled { + opacity: 0.5; + cursor: not-allowed; + } +} + + +// Selector Style Button +//************************************************************************// +@mixin buttonstyle($type, $b-color, $t-size, $pad) { + // Grayscale button + @if $type == simple and $b-color == grayscale($b-color) { + @include simple($b-color, true, $t-size, $pad); + } + + @if $type == shiny and $b-color == grayscale($b-color) { + @include shiny($b-color, true, $t-size, $pad); + } + + @if $type == pill and $b-color == grayscale($b-color) { + @include pill($b-color, true, $t-size, $pad); + } + + @if $type == flat and $b-color == grayscale($b-color) { + @include flat($b-color, true, $t-size, $pad); + } + + // Colored button + @if $type == simple { + @include simple($b-color, false, $t-size, $pad); + } + + @else if $type == shiny { + @include shiny($b-color, false, $t-size, $pad); + } + + @else if $type == pill { + @include pill($b-color, false, $t-size, $pad); + } + + @else if $type == flat { + @include flat($b-color, false, $t-size, $pad); + } +} + + +// Simple Button +//************************************************************************// +@mixin simple($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { + $color: hsl(0, 0, 100%); + $border: adjust-color($base-color, $saturation: 9%, $lightness: -14%); + $inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 15%); + $stop-gradient: adjust-color($base-color, $saturation: 9%, $lightness: -11%); + $text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%); + + @if is-light($base-color) { + $color: hsl(0, 0, 20%); + $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); + } + + @if $grayscale == true { + $border: grayscale($border); + $inset-shadow: grayscale($inset-shadow); + $stop-gradient: grayscale($stop-gradient); + $text-shadow: grayscale($text-shadow); + } + + border: 1px solid $border; + border-radius: 3px; + box-shadow: inset 0 1px 0 0 $inset-shadow; + color: $color; + display: inline-block; + font-size: $textsize; + font-weight: bold; + @include linear-gradient ($base-color, $stop-gradient); + padding: $padding; + text-decoration: none; + text-shadow: 0 1px 0 $text-shadow; + background-clip: padding-box; + + &:hover:not(:disabled) { + $base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%); + $inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%); + $stop-gradient-hover: adjust-color($base-color, $saturation: 8%, $lightness: -14%); + + @if $grayscale == true { + $base-color-hover: grayscale($base-color-hover); + $inset-shadow-hover: grayscale($inset-shadow-hover); + $stop-gradient-hover: grayscale($stop-gradient-hover); + } + + box-shadow: inset 0 1px 0 0 $inset-shadow-hover; + cursor: pointer; + @include linear-gradient ($base-color-hover, $stop-gradient-hover); + } + + &:active:not(:disabled), + &:focus:not(:disabled) { + $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%); + $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%); + + @if $grayscale == true { + $border-active: grayscale($border-active); + $inset-shadow-active: grayscale($inset-shadow-active); + } + + border: 1px solid $border-active; + box-shadow: inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active; + } +} + + +// Shiny Button +//************************************************************************// +@mixin shiny($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { + $color: hsl(0, 0, 100%); + $border: adjust-color($base-color, $red: -117, $green: -111, $blue: -81); + $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122); + $fourth-stop: adjust-color($base-color, $red: -79, $green: -70, $blue: -46); + $inset-shadow: adjust-color($base-color, $red: 37, $green: 29, $blue: 12); + $second-stop: adjust-color($base-color, $red: -56, $green: -50, $blue: -33); + $text-shadow: adjust-color($base-color, $red: -140, $green: -141, $blue: -114); + $third-stop: adjust-color($base-color, $red: -86, $green: -75, $blue: -48); + + @if is-light($base-color) { + $color: hsl(0, 0, 20%); + $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); + } + + @if $grayscale == true { + $border: grayscale($border); + $border-bottom: grayscale($border-bottom); + $fourth-stop: grayscale($fourth-stop); + $inset-shadow: grayscale($inset-shadow); + $second-stop: grayscale($second-stop); + $text-shadow: grayscale($text-shadow); + $third-stop: grayscale($third-stop); + } + + border: 1px solid $border; + border-bottom: 1px solid $border-bottom; + border-radius: 5px; + box-shadow: inset 0 1px 0 0 $inset-shadow; + color: $color; + display: inline-block; + font-size: $textsize; + font-weight: bold; + @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%); + padding: $padding; + text-align: center; + text-decoration: none; + text-shadow: 0 -1px 1px $text-shadow; + + &:hover:not(:disabled) { + $first-stop-hover: adjust-color($base-color, $red: -13, $green: -15, $blue: -18); + $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51); + $third-stop-hover: adjust-color($base-color, $red: -93, $green: -85, $blue: -66); + $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63); + + @if $grayscale == true { + $first-stop-hover: grayscale($first-stop-hover); + $second-stop-hover: grayscale($second-stop-hover); + $third-stop-hover: grayscale($third-stop-hover); + $fourth-stop-hover: grayscale($fourth-stop-hover); + } + + cursor: pointer; + @include linear-gradient(top, $first-stop-hover 0%, + $second-stop-hover 50%, + $third-stop-hover 50%, + $fourth-stop-hover 100%); + } + + &:active:not(:disabled), + &:focus:not(:disabled) { + $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122); + + @if $grayscale == true { + $inset-shadow-active: grayscale($inset-shadow-active); + } + + box-shadow: inset 0 0 20px 0 $inset-shadow-active; + } +} + + +// Pill Button +//************************************************************************// +@mixin pill($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { + $color: hsl(0, 0, 100%); + $border-bottom: adjust-color($base-color, $hue: 8, $saturation: -11%, $lightness: -26%); + $border-sides: adjust-color($base-color, $hue: 4, $saturation: -21%, $lightness: -21%); + $border-top: adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%); + $inset-shadow: adjust-color($base-color, $hue: -1, $saturation: -1%, $lightness: 7%); + $stop-gradient: adjust-color($base-color, $hue: 8, $saturation: 14%, $lightness: -10%); + $text-shadow: adjust-color($base-color, $hue: 5, $saturation: -19%, $lightness: -15%); + + @if is-light($base-color) { + $color: hsl(0, 0, 20%); + $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); + } + + @if $grayscale == true { + $border-bottom: grayscale($border-bottom); + $border-sides: grayscale($border-sides); + $border-top: grayscale($border-top); + $inset-shadow: grayscale($inset-shadow); + $stop-gradient: grayscale($stop-gradient); + $text-shadow: grayscale($text-shadow); + } + + border: 1px solid $border-top; + border-color: $border-top $border-sides $border-bottom; + border-radius: 16px; + box-shadow: inset 0 1px 0 0 $inset-shadow; + color: $color; + display: inline-block; + font-size: $textsize; + font-weight: normal; + line-height: 1; + @include linear-gradient ($base-color, $stop-gradient); + padding: $padding; + text-align: center; + text-decoration: none; + text-shadow: 0 -1px 1px $text-shadow; + background-clip: padding-box; + + &:hover:not(:disabled) { + $base-color-hover: adjust-color($base-color, $lightness: -4.5%); + $border-bottom: adjust-color($base-color, $hue: 8, $saturation: 13.5%, $lightness: -32%); + $border-sides: adjust-color($base-color, $hue: 4, $saturation: -2%, $lightness: -27%); + $border-top: adjust-color($base-color, $hue: -1, $saturation: -17%, $lightness: -21%); + $inset-shadow-hover: adjust-color($base-color, $saturation: -1%, $lightness: 3%); + $stop-gradient-hover: adjust-color($base-color, $hue: 8, $saturation: -4%, $lightness: -15.5%); + $text-shadow-hover: adjust-color($base-color, $hue: 5, $saturation: -5%, $lightness: -22%); + + @if $grayscale == true { + $base-color-hover: grayscale($base-color-hover); + $border-bottom: grayscale($border-bottom); + $border-sides: grayscale($border-sides); + $border-top: grayscale($border-top); + $inset-shadow-hover: grayscale($inset-shadow-hover); + $stop-gradient-hover: grayscale($stop-gradient-hover); + $text-shadow-hover: grayscale($text-shadow-hover); + } + + border: 1px solid $border-top; + border-color: $border-top $border-sides $border-bottom; + box-shadow: inset 0 1px 0 0 $inset-shadow-hover; + cursor: pointer; + @include linear-gradient ($base-color-hover, $stop-gradient-hover); + text-shadow: 0 -1px 1px $text-shadow-hover; + background-clip: padding-box; + } + + &:active:not(:disabled), + &:focus:not(:disabled) { + $active-color: adjust-color($base-color, $hue: 4, $saturation: -12%, $lightness: -10%); + $border-active: adjust-color($base-color, $hue: 6, $saturation: -2.5%, $lightness: -30%); + $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation: 6%, $lightness: -31%); + $inset-shadow-active: adjust-color($base-color, $hue: 9, $saturation: 2%, $lightness: -21.5%); + $text-shadow-active: adjust-color($base-color, $hue: 5, $saturation: -12%, $lightness: -21.5%); + + @if $grayscale == true { + $active-color: grayscale($active-color); + $border-active: grayscale($border-active); + $border-bottom-active: grayscale($border-bottom-active); + $inset-shadow-active: grayscale($inset-shadow-active); + $text-shadow-active: grayscale($text-shadow-active); + } + + background: $active-color; + border: 1px solid $border-active; + border-bottom: 1px solid $border-bottom-active; + box-shadow: inset 0 0 6px 3px $inset-shadow-active; + text-shadow: 0 -1px 1px $text-shadow-active; + } +} + + + +// Flat Button +//************************************************************************// +@mixin flat($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { + $color: hsl(0, 0, 100%); + + @if is-light($base-color) { + $color: hsl(0, 0, 20%); + } + + background-color: $base-color; + border-radius: 3px; + border: none; + color: $color; + display: inline-block; + font-size: inherit; + font-weight: bold; + padding: 7px 18px; + text-decoration: none; + background-clip: padding-box; + + &:hover:not(:disabled){ + $base-color-hover: adjust-color($base-color, $saturation: 4%, $lightness: 5%); + + @if $grayscale == true { + $base-color-hover: grayscale($base-color-hover); + } + + background-color: $base-color-hover; + cursor: pointer; + } + + &:active:not(:disabled), + &:focus:not(:disabled) { + $base-color-active: adjust-color($base-color, $saturation: -4%, $lightness: -5%); + + @if $grayscale == true { + $base-color-active: grayscale($base-color-active); + } + + background-color: $base-color-active; + cursor: pointer; + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/addons/_clearfix.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/addons/_clearfix.scss b/_sass/vendor/bourbon/addons/_clearfix.scss new file mode 100644 index 0000000..783cfbc --- /dev/null +++ b/_sass/vendor/bourbon/addons/_clearfix.scss @@ -0,0 +1,23 @@ +// Modern micro clearfix provides an easy way to contain floats without adding additional markup. +// +// Example usage: +// +// // Contain all floats within .wrapper +// .wrapper { +// @include clearfix; +// .content, +// .sidebar { +// float : left; +// } +// } + +@mixin clearfix { + &:after { + content:""; + display:table; + clear:both; + } +} + +// Acknowledgements +// Beat *that* clearfix: [Thierry Koblentz](http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php) http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/addons/_directional-values.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/addons/_directional-values.scss b/_sass/vendor/bourbon/addons/_directional-values.scss new file mode 100644 index 0000000..742f103 --- /dev/null +++ b/_sass/vendor/bourbon/addons/_directional-values.scss @@ -0,0 +1,111 @@ +// directional-property mixins are shorthands +// for writing properties like the following +// +// @include margin(null 0 10px); +// ------ +// margin-right: 0; +// margin-bottom: 10px; +// margin-left: 0; +// +// - or - +// +// @include border-style(dotted null); +// ------ +// border-top-style: dotted; +// border-bottom-style: dotted; +// +// ------ +// +// Note: You can also use false instead of null + +@function collapse-directionals($vals) { + $output: null; + + $A: nth( $vals, 1 ); + $B: if( length($vals) < 2, $A, nth($vals, 2)); + $C: if( length($vals) < 3, $A, nth($vals, 3)); + $D: if( length($vals) < 2, $A, nth($vals, if( length($vals) < 4, 2, 4) )); + + @if $A == 0 { $A: 0 } + @if $B == 0 { $B: 0 } + @if $C == 0 { $C: 0 } + @if $D == 0 { $D: 0 } + + @if $A == $B and $A == $C and $A == $D { $output: $A } + @else if $A == $C and $B == $D { $output: $A $B } + @else if $B == $D { $output: $A $B $C } + @else { $output: $A $B $C $D } + + @return $output; +} + +@function contains-falsy($list) { + @each $item in $list { + @if not $item { + @return true; + } + } + + @return false; +} + +@mixin directional-property($pre, $suf, $vals) { + // Property Names + $top: $pre + "-top" + if($suf, "-#{$suf}", ""); + $bottom: $pre + "-bottom" + if($suf, "-#{$suf}", ""); + $left: $pre + "-left" + if($suf, "-#{$suf}", ""); + $right: $pre + "-right" + if($suf, "-#{$suf}", ""); + $all: $pre + if($suf, "-#{$suf}", ""); + + $vals: collapse-directionals($vals); + + @if contains-falsy($vals) { + @if nth($vals, 1) { #{$top}: nth($vals, 1); } + + @if length($vals) == 1 { + @if nth($vals, 1) { #{$right}: nth($vals, 1); } + } @else { + @if nth($vals, 2) { #{$right}: nth($vals, 2); } + } + + // prop: top/bottom right/left + @if length($vals) == 2 { + @if nth($vals, 1) { #{$bottom}: nth($vals, 1); } + @if nth($vals, 2) { #{$left}: nth($vals, 2); } + + // prop: top right/left bottom + } @else if length($vals) == 3 { + @if nth($vals, 3) { #{$bottom}: nth($vals, 3); } + @if nth($vals, 2) { #{$left}: nth($vals, 2); } + + // prop: top right bottom left + } @else if length($vals) == 4 { + @if nth($vals, 3) { #{$bottom}: nth($vals, 3); } + @if nth($vals, 4) { #{$left}: nth($vals, 4); } + } + + // prop: top/right/bottom/left + } @else { + #{$all}: $vals; + } +} + +@mixin margin($vals...) { + @include directional-property(margin, false, $vals...); +} + +@mixin padding($vals...) { + @include directional-property(padding, false, $vals...); +} + +@mixin border-style($vals...) { + @include directional-property(border, style, $vals...); +} + +@mixin border-color($vals...) { + @include directional-property(border, color, $vals...); +} + +@mixin border-width($vals...) { + @include directional-property(border, width, $vals...); +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/addons/_ellipsis.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/addons/_ellipsis.scss b/_sass/vendor/bourbon/addons/_ellipsis.scss new file mode 100644 index 0000000..a8ea2a4 --- /dev/null +++ b/_sass/vendor/bourbon/addons/_ellipsis.scss @@ -0,0 +1,7 @@ +@mixin ellipsis($width: 100%) { + display: inline-block; + max-width: $width; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/addons/_font-family.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/addons/_font-family.scss b/_sass/vendor/bourbon/addons/_font-family.scss new file mode 100644 index 0000000..31f5d9c --- /dev/null +++ b/_sass/vendor/bourbon/addons/_font-family.scss @@ -0,0 +1,5 @@ +$georgia: Georgia, Cambria, "Times New Roman", Times, serif; +$helvetica: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; +$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; +$monospace: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; +$verdana: Verdana, Geneva, sans-serif; http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/addons/_hide-text.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/addons/_hide-text.scss b/_sass/vendor/bourbon/addons/_hide-text.scss new file mode 100644 index 0000000..fc79438 --- /dev/null +++ b/_sass/vendor/bourbon/addons/_hide-text.scss @@ -0,0 +1,10 @@ +@mixin hide-text { + overflow: hidden; + + &:before { + content: ""; + display: block; + width: 0; + height: 100%; + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/addons/_html5-input-types.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/addons/_html5-input-types.scss b/_sass/vendor/bourbon/addons/_html5-input-types.scss new file mode 100644 index 0000000..9e9324a --- /dev/null +++ b/_sass/vendor/bourbon/addons/_html5-input-types.scss @@ -0,0 +1,86 @@ +//************************************************************************// +// Generate a variable ($all-text-inputs) with a list of all html5 +// input types that have a text-based input, excluding textarea. +// http://diveintohtml5.org/forms.html +//************************************************************************// +$inputs-list: 'input[type="email"]', + 'input[type="number"]', + 'input[type="password"]', + 'input[type="search"]', + 'input[type="tel"]', + 'input[type="text"]', + 'input[type="url"]', + + // Webkit & Gecko may change the display of these in the future + 'input[type="color"]', + 'input[type="date"]', + 'input[type="datetime"]', + 'input[type="datetime-local"]', + 'input[type="month"]', + 'input[type="time"]', + 'input[type="week"]'; + +// Bare inputs +//************************************************************************// +$all-text-inputs: assign-inputs($inputs-list); + +// Hover Pseudo-class +//************************************************************************// +$all-text-inputs-hover: assign-inputs($inputs-list, hover); + +// Focus Pseudo-class +//************************************************************************// +$all-text-inputs-focus: assign-inputs($inputs-list, focus); + + + +// You must use interpolation on the variable: +// #{$all-text-inputs} +// #{$all-text-inputs-hover} +// #{$all-text-inputs-focus} + +// Example +//************************************************************************// +// #{$all-text-inputs}, textarea { +// border: 1px solid red; +// } + + + +//************************************************************************// +// Generate a variable ($all-button-inputs) with a list of all html5 +// input types that have a button-based input, excluding button. +//************************************************************************// +$inputs-button-list: 'input[type="button"]', + 'input[type="reset"]', + 'input[type="submit"]'; + +// Bare inputs +//************************************************************************// +$all-button-inputs: assign-inputs($inputs-button-list); + +// Hover Pseudo-class +//************************************************************************// +$all-button-inputs-hover: assign-inputs($inputs-button-list, hover); + +// Focus Pseudo-class +//************************************************************************// +$all-button-inputs-focus: assign-inputs($inputs-button-list, focus); + +// Active Pseudo-class +//************************************************************************// +$all-button-inputs-active: assign-inputs($inputs-button-list, active); + + + +// You must use interpolation on the variable: +// #{$all-button-inputs} +// #{$all-button-inputs-hover} +// #{$all-button-inputs-focus} +// #{$all-button-inputs-active} + +// Example +//************************************************************************// +// #{$all-button-inputs}, button { +// border: 1px solid red; +// } http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/addons/_position.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/addons/_position.scss b/_sass/vendor/bourbon/addons/_position.scss new file mode 100644 index 0000000..7de7518 --- /dev/null +++ b/_sass/vendor/bourbon/addons/_position.scss @@ -0,0 +1,32 @@ +@mixin position ($position: relative, $coordinates: null null null null) { + + @if type-of($position) == list { + $coordinates: $position; + $position: relative; + } + + $coordinates: unpack($coordinates); + + $top: nth($coordinates, 1); + $right: nth($coordinates, 2); + $bottom: nth($coordinates, 3); + $left: nth($coordinates, 4); + + position: $position; + + @if ($top and $top == auto) or (type-of($top) == number) { + top: $top; + } + + @if ($right and $right == auto) or (type-of($right) == number) { + right: $right; + } + + @if ($bottom and $bottom == auto) or (type-of($bottom) == number) { + bottom: $bottom; + } + + @if ($left and $left == auto) or (type-of($left) == number) { + left: $left; + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/addons/_prefixer.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/addons/_prefixer.scss b/_sass/vendor/bourbon/addons/_prefixer.scss new file mode 100644 index 0000000..c32f502 --- /dev/null +++ b/_sass/vendor/bourbon/addons/_prefixer.scss @@ -0,0 +1,45 @@ +//************************************************************************// +// Example: @include prefixer(border-radius, $radii, webkit ms spec); +//************************************************************************// +// Variables located in /settings/_prefixer.scss + +@mixin prefixer ($property, $value, $prefixes) { + @each $prefix in $prefixes { + @if $prefix == webkit { + @if $prefix-for-webkit { + -webkit-#{$property}: $value; + } + } + @else if $prefix == moz { + @if $prefix-for-mozilla { + -moz-#{$property}: $value; + } + } + @else if $prefix == ms { + @if $prefix-for-microsoft { + -ms-#{$property}: $value; + } + } + @else if $prefix == o { + @if $prefix-for-opera { + -o-#{$property}: $value; + } + } + @else if $prefix == spec { + @if $prefix-for-spec { + #{$property}: $value; + } + } + @else { + @warn "Unrecognized prefix: #{$prefix}"; + } + } +} + +@mixin disable-prefix-for-all() { + $prefix-for-webkit: false !global; + $prefix-for-mozilla: false !global; + $prefix-for-microsoft: false !global; + $prefix-for-opera: false !global; + $prefix-for-spec: false !global; +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/addons/_retina-image.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/addons/_retina-image.scss b/_sass/vendor/bourbon/addons/_retina-image.scss new file mode 100644 index 0000000..7931bd1 --- /dev/null +++ b/_sass/vendor/bourbon/addons/_retina-image.scss @@ -0,0 +1,31 @@ +@mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $retina-suffix: _2x, $asset-pipeline: false) { + @if $asset-pipeline { + background-image: image-url("#{$filename}.#{$extension}"); + } + @else { + background-image: url("#{$filename}.#{$extension}"); + } + + @include hidpi { + @if $asset-pipeline { + @if $retina-filename { + background-image: image-url("#{$retina-filename}.#{$extension}"); + } + @else { + background-image: image-url("#{$filename}#{$retina-suffix}.#{$extension}"); + } + } + + @else { + @if $retina-filename { + background-image: url("#{$retina-filename}.#{$extension}"); + } + @else { + background-image: url("#{$filename}#{$retina-suffix}.#{$extension}"); + } + } + + background-size: $background-size; + + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/addons/_size.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/addons/_size.scss b/_sass/vendor/bourbon/addons/_size.scss new file mode 100644 index 0000000..ac705e2 --- /dev/null +++ b/_sass/vendor/bourbon/addons/_size.scss @@ -0,0 +1,16 @@ +@mixin size($size) { + $height: nth($size, 1); + $width: $height; + + @if length($size) > 1 { + $height: nth($size, 2); + } + + @if $height == auto or (type-of($height) == number and not unitless($height)) { + height: $height; + } + + @if $width == auto or (type-of($height) == number and not unitless($width)) { + width: $width; + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/addons/_timing-functions.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/addons/_timing-functions.scss b/_sass/vendor/bourbon/addons/_timing-functions.scss new file mode 100644 index 0000000..51b2410 --- /dev/null +++ b/_sass/vendor/bourbon/addons/_timing-functions.scss @@ -0,0 +1,32 @@ +// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie) +// Timing functions are the same as demo'ed here: http://jqueryui.com/demos/effect/easing.html + +// EASE IN +$ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530); +$ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190); +$ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220); +$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060); +$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715); +$ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035); +$ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335); +$ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045); + +// EASE OUT +$ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940); +$ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000); +$ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000); +$ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000); +$ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000); +$ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000); +$ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000); +$ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275); + +// EASE IN OUT +$ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955); +$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000); +$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000); +$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000); +$ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950); +$ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000); +$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860); +$ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550); http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/addons/_triangle.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/addons/_triangle.scss b/_sass/vendor/bourbon/addons/_triangle.scss new file mode 100644 index 0000000..573954e --- /dev/null +++ b/_sass/vendor/bourbon/addons/_triangle.scss @@ -0,0 +1,83 @@ +@mixin triangle ($size, $color, $direction) { + height: 0; + width: 0; + + $width: nth($size, 1); + $height: nth($size, length($size)); + + $foreground-color: nth($color, 1); + $background-color: if(length($color) == 2, nth($color, 2), transparent); + + @if ($direction == up) or ($direction == down) or ($direction == right) or ($direction == left) { + + $width: $width / 2; + $height: if(length($size) > 1, $height, $height/2); + + @if $direction == up { + border-left: $width solid $background-color; + border-right: $width solid $background-color; + border-bottom: $height solid $foreground-color; + + } @else if $direction == right { + border-top: $width solid $background-color; + border-bottom: $width solid $background-color; + border-left: $height solid $foreground-color; + + } @else if $direction == down { + border-left: $width solid $background-color; + border-right: $width solid $background-color; + border-top: $height solid $foreground-color; + + } @else if $direction == left { + border-top: $width solid $background-color; + border-bottom: $width solid $background-color; + border-right: $height solid $foreground-color; + } + } + + @else if ($direction == up-right) or ($direction == up-left) { + border-top: $height solid $foreground-color; + + @if $direction == up-right { + border-left: $width solid $background-color; + + } @else if $direction == up-left { + border-right: $width solid $background-color; + } + } + + @else if ($direction == down-right) or ($direction == down-left) { + border-bottom: $height solid $foreground-color; + + @if $direction == down-right { + border-left: $width solid $background-color; + + } @else if $direction == down-left { + border-right: $width solid $background-color; + } + } + + @else if ($direction == inset-up) { + border-width: $height $width; + border-style: solid; + border-color: $background-color $background-color $foreground-color; + } + + @else if ($direction == inset-down) { + border-width: $height $width; + border-style: solid; + border-color: $foreground-color $background-color $background-color; + } + + @else if ($direction == inset-right) { + border-width: $width $height; + border-style: solid; + border-color: $background-color $background-color $background-color $foreground-color; + } + + @else if ($direction == inset-left) { + border-width: $width $height; + border-style: solid; + border-color: $background-color $foreground-color $background-color $background-color; + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/addons/_word-wrap.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/addons/_word-wrap.scss b/_sass/vendor/bourbon/addons/_word-wrap.scss new file mode 100644 index 0000000..9734a59 --- /dev/null +++ b/_sass/vendor/bourbon/addons/_word-wrap.scss @@ -0,0 +1,8 @@ +@mixin word-wrap($wrap: break-word) { + word-wrap: $wrap; + + @if $wrap == break-word { + overflow-wrap: break-word; + word-break: break-all; + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_animation.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_animation.scss b/_sass/vendor/bourbon/css3/_animation.scss new file mode 100644 index 0000000..08c3dbf --- /dev/null +++ b/_sass/vendor/bourbon/css3/_animation.scss @@ -0,0 +1,52 @@ +// http://www.w3.org/TR/css3-animations/#the-animation-name-property- +// Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties. + +// Official animation shorthand property. +@mixin animation ($animations...) { + @include prefixer(animation, $animations, webkit moz spec); +} + +// Individual Animation Properties +@mixin animation-name ($names...) { + @include prefixer(animation-name, $names, webkit moz spec); +} + + +@mixin animation-duration ($times...) { + @include prefixer(animation-duration, $times, webkit moz spec); +} + + +@mixin animation-timing-function ($motions...) { +// ease | linear | ease-in | ease-out | ease-in-out + @include prefixer(animation-timing-function, $motions, webkit moz spec); +} + + +@mixin animation-iteration-count ($values...) { +// infinite | <number> + @include prefixer(animation-iteration-count, $values, webkit moz spec); +} + + +@mixin animation-direction ($directions...) { +// normal | alternate + @include prefixer(animation-direction, $directions, webkit moz spec); +} + + +@mixin animation-play-state ($states...) { +// running | paused + @include prefixer(animation-play-state, $states, webkit moz spec); +} + + +@mixin animation-delay ($times...) { + @include prefixer(animation-delay, $times, webkit moz spec); +} + + +@mixin animation-fill-mode ($modes...) { +// none | forwards | backwards | both + @include prefixer(animation-fill-mode, $modes, webkit moz spec); +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_appearance.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_appearance.scss b/_sass/vendor/bourbon/css3/_appearance.scss new file mode 100644 index 0000000..3eb16e4 --- /dev/null +++ b/_sass/vendor/bourbon/css3/_appearance.scss @@ -0,0 +1,3 @@ +@mixin appearance ($value) { + @include prefixer(appearance, $value, webkit moz ms o spec); +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_backface-visibility.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_backface-visibility.scss b/_sass/vendor/bourbon/css3/_backface-visibility.scss new file mode 100644 index 0000000..1161fe6 --- /dev/null +++ b/_sass/vendor/bourbon/css3/_backface-visibility.scss @@ -0,0 +1,6 @@ +//************************************************************************// +// Backface-visibility mixin +//************************************************************************// +@mixin backface-visibility($visibility) { + @include prefixer(backface-visibility, $visibility, webkit spec); +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_background-image.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_background-image.scss b/_sass/vendor/bourbon/css3/_background-image.scss new file mode 100644 index 0000000..6abe88b --- /dev/null +++ b/_sass/vendor/bourbon/css3/_background-image.scss @@ -0,0 +1,42 @@ +//************************************************************************// +// Background-image property for adding multiple background images with +// gradients, or for stringing multiple gradients together. +//************************************************************************// + +@mixin background-image($images...) { + $webkit-images: (); + $spec-images: (); + + @each $image in $images { + $webkit-image: (); + $spec-image: (); + + @if (type-of($image) == string) { + $url-str: str-slice($image, 0, 3); + $gradient-type: str-slice($image, 0, 6); + + @if $url-str == "url" { + $webkit-image: $image; + $spec-image: $image; + } + + @else if $gradient-type == "linear" { + $gradients: _linear-gradient-parser($image); + $webkit-image: map-get($gradients, webkit-image); + $spec-image: map-get($gradients, spec-image); + } + + @else if $gradient-type == "radial" { + $gradients: _radial-gradient-parser($image); + $webkit-image: map-get($gradients, webkit-image); + $spec-image: map-get($gradients, spec-image); + } + } + + $webkit-images: append($webkit-images, $webkit-image, comma); + $spec-images: append($spec-images, $spec-image, comma); + } + + background-image: $webkit-images; + background-image: $spec-images; +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_background.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_background.scss b/_sass/vendor/bourbon/css3/_background.scss new file mode 100644 index 0000000..9bce930 --- /dev/null +++ b/_sass/vendor/bourbon/css3/_background.scss @@ -0,0 +1,55 @@ +//************************************************************************// +// Background property for adding multiple backgrounds using shorthand +// notation. +//************************************************************************// + +@mixin background($backgrounds...) { + $webkit-backgrounds: (); + $spec-backgrounds: (); + + @each $background in $backgrounds { + $webkit-background: (); + $spec-background: (); + $background-type: type-of($background); + + @if $background-type == string or list { + $background-str: if($background-type == list, nth($background, 1), $background); + + $url-str: str-slice($background-str, 0, 3); + $gradient-type: str-slice($background-str, 0, 6); + + @if $url-str == "url" { + $webkit-background: $background; + $spec-background: $background; + } + + @else if $gradient-type == "linear" { + $gradients: _linear-gradient-parser("#{$background}"); + $webkit-background: map-get($gradients, webkit-image); + $spec-background: map-get($gradients, spec-image); + } + + @else if $gradient-type == "radial" { + $gradients: _radial-gradient-parser("#{$background}"); + $webkit-background: map-get($gradients, webkit-image); + $spec-background: map-get($gradients, spec-image); + } + + @else { + $webkit-background: $background; + $spec-background: $background; + } + } + + @else { + $webkit-background: $background; + $spec-background: $background; + } + + $webkit-backgrounds: append($webkit-backgrounds, $webkit-background, comma); + $spec-backgrounds: append($spec-backgrounds, $spec-background, comma); + } + + background: $webkit-backgrounds; + background: $spec-backgrounds; +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_border-image.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_border-image.scss b/_sass/vendor/bourbon/css3/_border-image.scss new file mode 100644 index 0000000..e338c2d --- /dev/null +++ b/_sass/vendor/bourbon/css3/_border-image.scss @@ -0,0 +1,59 @@ +@mixin border-image($borders...) { + $webkit-borders: (); + $spec-borders: (); + + @each $border in $borders { + $webkit-border: (); + $spec-border: (); + $border-type: type-of($border); + + @if $border-type == string or list { + $border-str: if($border-type == list, nth($border, 1), $border); + + $url-str: str-slice($border-str, 0, 3); + $gradient-type: str-slice($border-str, 0, 6); + + @if $url-str == "url" { + $webkit-border: $border; + $spec-border: $border; + } + + @else if $gradient-type == "linear" { + $gradients: _linear-gradient-parser("#{$border}"); + $webkit-border: map-get($gradients, webkit-image); + $spec-border: map-get($gradients, spec-image); + } + + @else if $gradient-type == "radial" { + $gradients: _radial-gradient-parser("#{$border}"); + $webkit-border: map-get($gradients, webkit-image); + $spec-border: map-get($gradients, spec-image); + } + + @else { + $webkit-border: $border; + $spec-border: $border; + } + } + + @else { + $webkit-border: $border; + $spec-border: $border; + } + + $webkit-borders: append($webkit-borders, $webkit-border, comma); + $spec-borders: append($spec-borders, $spec-border, comma); + } + + -webkit-border-image: $webkit-borders; + border-image: $spec-borders; + border-style: solid; +} + +//Examples: +// @include border-image(url("image.png")); +// @include border-image(url("image.png") 20 stretch); +// @include border-image(linear-gradient(45deg, orange, yellow)); +// @include border-image(linear-gradient(45deg, orange, yellow) stretch); +// @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round); +// @include border-image(radial-gradient(top, cover, orange, yellow, orange)); http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_border-radius.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_border-radius.scss b/_sass/vendor/bourbon/css3/_border-radius.scss new file mode 100644 index 0000000..7c17190 --- /dev/null +++ b/_sass/vendor/bourbon/css3/_border-radius.scss @@ -0,0 +1,22 @@ +//************************************************************************// +// Shorthand Border-radius mixins +//************************************************************************// +@mixin border-top-radius($radii) { + @include prefixer(border-top-left-radius, $radii, spec); + @include prefixer(border-top-right-radius, $radii, spec); +} + +@mixin border-bottom-radius($radii) { + @include prefixer(border-bottom-left-radius, $radii, spec); + @include prefixer(border-bottom-right-radius, $radii, spec); +} + +@mixin border-left-radius($radii) { + @include prefixer(border-top-left-radius, $radii, spec); + @include prefixer(border-bottom-left-radius, $radii, spec); +} + +@mixin border-right-radius($radii) { + @include prefixer(border-top-right-radius, $radii, spec); + @include prefixer(border-bottom-right-radius, $radii, spec); +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_box-sizing.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_box-sizing.scss b/_sass/vendor/bourbon/css3/_box-sizing.scss new file mode 100644 index 0000000..f07e1d4 --- /dev/null +++ b/_sass/vendor/bourbon/css3/_box-sizing.scss @@ -0,0 +1,4 @@ +@mixin box-sizing ($box) { +// content-box | border-box | inherit + @include prefixer(box-sizing, $box, webkit moz spec); +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_calc.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_calc.scss b/_sass/vendor/bourbon/css3/_calc.scss new file mode 100644 index 0000000..94d7e4c --- /dev/null +++ b/_sass/vendor/bourbon/css3/_calc.scss @@ -0,0 +1,4 @@ +@mixin calc($property, $value) { + #{$property}: -webkit-calc(#{$value}); + #{$property}: calc(#{$value}); +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_columns.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_columns.scss b/_sass/vendor/bourbon/css3/_columns.scss new file mode 100644 index 0000000..96f601c --- /dev/null +++ b/_sass/vendor/bourbon/css3/_columns.scss @@ -0,0 +1,47 @@ +@mixin columns($arg: auto) { +// <column-count> || <column-width> + @include prefixer(columns, $arg, webkit moz spec); +} + +@mixin column-count($int: auto) { +// auto || integer + @include prefixer(column-count, $int, webkit moz spec); +} + +@mixin column-gap($length: normal) { +// normal || length + @include prefixer(column-gap, $length, webkit moz spec); +} + +@mixin column-fill($arg: auto) { +// auto || length + @include prefixer(column-fill, $arg, webkit moz spec); +} + +@mixin column-rule($arg) { +// <border-width> || <border-style> || <color> + @include prefixer(column-rule, $arg, webkit moz spec); +} + +@mixin column-rule-color($color) { + @include prefixer(column-rule-color, $color, webkit moz spec); +} + +@mixin column-rule-style($style: none) { +// none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid + @include prefixer(column-rule-style, $style, webkit moz spec); +} + +@mixin column-rule-width ($width: none) { + @include prefixer(column-rule-width, $width, webkit moz spec); +} + +@mixin column-span($arg: none) { +// none || all + @include prefixer(column-span, $arg, webkit moz spec); +} + +@mixin column-width($length: auto) { +// auto || length + @include prefixer(column-width, $length, webkit moz spec); +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_filter.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_filter.scss b/_sass/vendor/bourbon/css3/_filter.scss new file mode 100644 index 0000000..8560d77 --- /dev/null +++ b/_sass/vendor/bourbon/css3/_filter.scss @@ -0,0 +1,5 @@ +@mixin filter($function: none) { + // <filter-function> [<filter-function]* | none + @include prefixer(filter, $function, webkit spec); +} + http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_flex-box.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_flex-box.scss b/_sass/vendor/bourbon/css3/_flex-box.scss new file mode 100644 index 0000000..b48476e --- /dev/null +++ b/_sass/vendor/bourbon/css3/_flex-box.scss @@ -0,0 +1,321 @@ +// CSS3 Flexible Box Model and property defaults + +// Custom shorthand notation for flexbox +@mixin box($orient: inline-axis, $pack: start, $align: stretch) { + @include display-box; + @include box-orient($orient); + @include box-pack($pack); + @include box-align($align); +} + +@mixin display-box { + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; // IE 10 + display: box; +} + +@mixin box-orient($orient: inline-axis) { +// horizontal|vertical|inline-axis|block-axis|inherit + @include prefixer(box-orient, $orient, webkit moz spec); +} + +@mixin box-pack($pack: start) { +// start|end|center|justify + @include prefixer(box-pack, $pack, webkit moz spec); + -ms-flex-pack: $pack; // IE 10 +} + +@mixin box-align($align: stretch) { +// start|end|center|baseline|stretch + @include prefixer(box-align, $align, webkit moz spec); + -ms-flex-align: $align; // IE 10 +} + +@mixin box-direction($direction: normal) { +// normal|reverse|inherit + @include prefixer(box-direction, $direction, webkit moz spec); + -ms-flex-direction: $direction; // IE 10 +} + +@mixin box-lines($lines: single) { +// single|multiple + @include prefixer(box-lines, $lines, webkit moz spec); +} + +@mixin box-ordinal-group($int: 1) { + @include prefixer(box-ordinal-group, $int, webkit moz spec); + -ms-flex-order: $int; // IE 10 +} + +@mixin box-flex($value: 0.0) { + @include prefixer(box-flex, $value, webkit moz spec); + -ms-flex: $value; // IE 10 +} + +@mixin box-flex-group($int: 1) { + @include prefixer(box-flex-group, $int, webkit moz spec); +} + +// CSS3 Flexible Box Model and property defaults +// Unified attributes for 2009, 2011, and 2012 flavours. + +// 2009 - display (box | inline-box) +// 2011 - display (flexbox | inline-flexbox) +// 2012 - display (flex | inline-flex) +@mixin display($value) { +// flex | inline-flex + @if $value == "flex" { + // 2009 + display: -webkit-box; + display: -moz-box; + display: box; + + // 2012 + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; // 2011 (IE 10) + display: flex; + } + + @elseif $value == "inline-flex" { + display: -webkit-inline-box; + display: -moz-inline-box; + display: inline-box; + + display: -webkit-inline-flex; + display: -moz-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + } + + @else { + display: $value; + } +} + +// 2009 - box-flex (integer) +// 2011 - flex (decimal | width decimal) +// 2012 - flex (integer integer width) +@mixin flex($value) { + + // Grab flex-grow for older browsers. + $flex-grow: nth($value, 1); + + // 2009 + @include prefixer(box-flex, $flex-grow, webkit moz spec); + + // 2011 (IE 10), 2012 + @include prefixer(flex, $value, webkit moz ms spec); +} + +// 2009 - box-orient ( horizontal | vertical | inline-axis | block-axis) +// - box-direction (normal | reverse) +// 2011 - flex-direction (row | row-reverse | column | column-reverse) +// 2012 - flex-direction (row | row-reverse | column | column-reverse) +@mixin flex-direction($value: row) { + + // Alt values. + $value-2009: $value; + $value-2011: $value; + $direction: "normal"; + + @if $value == row { + $value-2009: horizontal; + } + + @elseif $value == "row-reverse" { + $value-2009: horizontal; + $direction: reverse; + } + + @elseif $value == column { + $value-2009: vertical; + } + + @elseif $value == "column-reverse" { + $value-2009: vertical; + $direction: reverse; + } + + // 2009 + @include prefixer(box-orient, $value-2009, webkit moz spec); + @if $direction == "reverse" { + @include prefixer(box-direction, $direction, webkit moz spec); + } + + // 2012 + @include prefixer(flex-direction, $value, webkit moz spec); + + // 2011 (IE 10) + -ms-flex-direction: $value; +} + +// 2009 - box-lines (single | multiple) +// 2011 - flex-wrap (nowrap | wrap | wrap-reverse) +// 2012 - flex-wrap (nowrap | wrap | wrap-reverse) +@mixin flex-wrap($value: nowrap) { + + // Alt values. + $alt-value: $value; + @if $value == nowrap { + $alt-value: single; + } + + @elseif $value == wrap { + $alt-value: multiple; + } + + @elseif $value == "wrap-reverse" { + $alt-value: multiple; + } + + @include prefixer(box-lines, $alt-value, webkit moz spec); + @include prefixer(flex-wrap, $value, webkit moz ms spec); +} + +// 2009 - TODO: parse values into flex-direction/flex-wrap +// 2011 - TODO: parse values into flex-direction/flex-wrap +// 2012 - flex-flow (flex-direction || flex-wrap) +@mixin flex-flow($value) { + @include prefixer(flex-flow, $value, webkit moz spec); +} + +// 2009 - box-ordinal-group (integer) +// 2011 - flex-order (integer) +// 2012 - order (integer) +@mixin order($int: 0) { + // 2009 + @include prefixer(box-ordinal-group, $int, webkit moz spec); + + // 2012 + @include prefixer(order, $int, webkit moz spec); + + // 2011 (IE 10) + -ms-flex-order: $int; +} + +// 2012 - flex-grow (number) +@mixin flex-grow($number: 0) { + @include prefixer(flex-grow, $number, webkit moz spec); + -ms-flex-positive: $number; +} + +// 2012 - flex-shrink (number) +@mixin flex-shrink($number: 1) { + @include prefixer(flex-shrink, $number, webkit moz spec); + -ms-flex-negative: $number; +} + +// 2012 - flex-basis (number) +@mixin flex-basis($width: auto) { + @include prefixer(flex-basis, $width, webkit moz spec); + -ms-flex-preferred-size: $width; +} + +// 2009 - box-pack (start | end | center | justify) +// 2011 - flex-pack (start | end | center | justify) +// 2012 - justify-content (flex-start | flex-end | center | space-between | space-around) +@mixin justify-content ($value: flex-start) { + + // Alt values. + $alt-value: $value; + @if $value == "flex-start" { + $alt-value: start; + } + + @elseif $value == "flex-end" { + $alt-value: end; + } + + @elseif $value == "space-between" { + $alt-value: justify; + } + + @elseif $value == "space-around" { + $alt-value: center; + } + + // 2009 + @include prefixer(box-pack, $alt-value, webkit moz spec); + + // 2012 + @include prefixer(justify-content, $value, webkit moz ms o spec); + + // 2011 (IE 10) + -ms-flex-pack: $alt-value; +} + +// 2009 - box-align (start | end | center | baseline | stretch) +// 2011 - flex-align (start | end | center | baseline | stretch) +// 2012 - align-items (flex-start | flex-end | center | baseline | stretch) +@mixin align-items($value: stretch) { + + $alt-value: $value; + + @if $value == "flex-start" { + $alt-value: start; + } + + @elseif $value == "flex-end" { + $alt-value: end; + } + + // 2009 + @include prefixer(box-align, $alt-value, webkit moz spec); + + // 2012 + @include prefixer(align-items, $value, webkit moz ms o spec); + + // 2011 (IE 10) + -ms-flex-align: $alt-value; +} + +// 2011 - flex-item-align (auto | start | end | center | baseline | stretch) +// 2012 - align-self (auto | flex-start | flex-end | center | baseline | stretch) +@mixin align-self($value: auto) { + + $value-2011: $value; + @if $value == "flex-start" { + $value-2011: start; + } + + @elseif $value == "flex-end" { + $value-2011: end; + } + + // 2012 + @include prefixer(align-self, $value, webkit moz spec); + + // 2011 (IE 10) + -ms-flex-item-align: $value-2011; +} + +// 2011 - flex-line-pack (start | end | center | justify | distribute | stretch) +// 2012 - align-content (flex-start | flex-end | center | space-between | space-around | stretch) +@mixin align-content($value: stretch) { + + $value-2011: $value; + @if $value == "flex-start" { + $value-2011: start; + } + + @elseif $value == "flex-end" { + $value-2011: end; + } + + @elseif $value == "space-between" { + $value-2011: justify; + } + + @elseif $value == "space-around" { + $value-2011: distribute; + } + + // 2012 + @include prefixer(align-content, $value, webkit moz spec); + + // 2011 (IE 10) + -ms-flex-line-pack: $value-2011; +} + http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_font-face.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_font-face.scss b/_sass/vendor/bourbon/css3/_font-face.scss new file mode 100644 index 0000000..029ee8f --- /dev/null +++ b/_sass/vendor/bourbon/css3/_font-face.scss @@ -0,0 +1,23 @@ +// Order of the includes matters, and it is: normal, bold, italic, bold+italic. + +@mixin font-face($font-family, $file-path, $weight: normal, $style: normal, $asset-pipeline: false ) { + @font-face { + font-family: $font-family; + font-weight: $weight; + font-style: $style; + + @if $asset-pipeline == true { + src: font-url('#{$file-path}.eot'); + src: font-url('#{$file-path}.eot?#iefix') format('embedded-opentype'), + font-url('#{$file-path}.woff') format('woff'), + font-url('#{$file-path}.ttf') format('truetype'), + font-url('#{$file-path}.svg##{$font-family}') format('svg'); + } @else { + src: url('#{$file-path}.eot'); + src: url('#{$file-path}.eot?#iefix') format('embedded-opentype'), + url('#{$file-path}.woff') format('woff'), + url('#{$file-path}.ttf') format('truetype'), + url('#{$file-path}.svg##{$font-family}') format('svg'); + } + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_font-feature-settings.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_font-feature-settings.scss b/_sass/vendor/bourbon/css3/_font-feature-settings.scss new file mode 100644 index 0000000..8a9f536 --- /dev/null +++ b/_sass/vendor/bourbon/css3/_font-feature-settings.scss @@ -0,0 +1,10 @@ +// Font feature settings mixin and property default. +// Examples: @include font-feature-settings("liga"); +// @include font-feature-settings("lnum" false); +// @include font-feature-settings("pnum" 1, "kern" 0); +// @include font-feature-settings("ss01", "ss02"); + +@mixin font-feature-settings($settings...) { + @if length($settings) == 0 { $settings: none; } + @include prefixer(font-feature-settings, $settings, webkit moz ms spec); +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_hidpi-media-query.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_hidpi-media-query.scss b/_sass/vendor/bourbon/css3/_hidpi-media-query.scss new file mode 100644 index 0000000..111e400 --- /dev/null +++ b/_sass/vendor/bourbon/css3/_hidpi-media-query.scss @@ -0,0 +1,10 @@ +// HiDPI mixin. Default value set to 1.3 to target Google Nexus 7 (http://bjango.com/articles/min-device-pixel-ratio/) +@mixin hidpi($ratio: 1.3) { + @media only screen and (-webkit-min-device-pixel-ratio: $ratio), + only screen and (min--moz-device-pixel-ratio: $ratio), + only screen and (-o-min-device-pixel-ratio: #{$ratio}/1), + only screen and (min-resolution: #{round($ratio*96)}dpi), + only screen and (min-resolution: #{$ratio}dppx) { + @content; + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/vendor/bourbon/css3/_hyphens.scss ---------------------------------------------------------------------- diff --git a/_sass/vendor/bourbon/css3/_hyphens.scss b/_sass/vendor/bourbon/css3/_hyphens.scss new file mode 100644 index 0000000..5f8bdda --- /dev/null +++ b/_sass/vendor/bourbon/css3/_hyphens.scss @@ -0,0 +1,4 @@ +@mixin hyphens($hyphenation: none) { +// none | manual | auto + @include prefixer(hyphens, $hyphenation, webkit moz ms spec); +} \ No newline at end of file
