/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the top of the
* compiled file, but it's generally better to create a new file per style scope.
*
*/
/*doc
---
title: Default Layout
name: default
category: Layouts
---
The default 12-column layout with vertically oriented logo an right-aligned navigation.
```
@import 'chef/layouts/default'; // optional
@import 'chef';
```
*/
@import url(//fonts.googleapis.com/css?family=Montserrat:400);
/* line 431, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
meta.foundation-version {
font-family: "/5.5.3/";
}
/* line 435, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0;
}
/* line 440, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
meta.foundation-mq-small-only {
font-family: "/only screen and (max-width: 40em)/";
width: 0;
}
/* line 445, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:40.0625em)/";
width: 40.0625em;
}
/* line 450, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
meta.foundation-mq-medium-only {
font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
width: 40.0625em;
}
/* line 455, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
meta.foundation-mq-large {
font-family: "/only screen and (min-width:64.0625em)/";
width: 64.0625em;
}
/* line 460, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
meta.foundation-mq-large-only {
font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
width: 64.0625em;
}
/* line 465, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.0625em)/";
width: 90.0625em;
}
/* line 470, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
meta.foundation-mq-xlarge-only {
font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
width: 90.0625em;
}
/* line 475, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.0625em)/";
width: 120.0625em;
}
/* line 480, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
meta.foundation-data-attribute-namespace {
font-family: false;
}
/* line 489, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
html, body {
height: 100%;
}
/* line 492, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* line 498, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
html,
body {
font-size: 100%;
}
/* line 502, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
body {
background: #fff;
color: #222;
cursor: auto;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.5;
margin: 0;
padding: 0;
position: relative;
}
/* line 515, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
a:hover {
cursor: pointer;
}
/* line 518, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
img {
max-width: 100%;
height: auto;
}
/* line 520, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
img {
-ms-interpolation-mode: bicubic;
}
/* line 525, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important;
}
/* line 532, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
.left {
float: left !important;
}
/* line 533, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
.right {
float: right !important;
}
/* line 239, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
/* line 240, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
.clearfix:after {
clear: both;
}
/* line 537, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
.hide {
display: none;
}
/* line 542, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
.invisible {
visibility: hidden;
}
/* line 548, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 551, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
img {
display: inline-block;
vertical-align: middle;
}
/* line 561, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
textarea {
height: auto;
min-height: 50px;
}
/* line 564, lib/assets/stylesheets/chef/layouts/../foundation-rails/components/_global.scss */
select {
width: 100%;
}
/*doc
---
title: Default Theme
name: _default
category: Themes
---
The default theme.
```
@import 'chef/themes/default'; // optional
@import 'chef';
```
*/
/*doc
---
title: Color
name: color
category: Color
---
We try to keep to as few colors as possible, and to calculate the variations we need based on them. Here's
what we're using currently.
Swatch | Hex | RGB | CMYK | Sass
---------------------------------------- | ----------- | ----------- | ----------- | ----
| `#f18b21` | 241 139 33 | 2 54 100 0 |`$chef-orange`
| `#3f5364` | 63 83 100 | 78 60 44 25 | `$chef-dark-blue`
| `#6bb2e2` | 107 178 226 | 54 16 0 0 | `$chef-light-blue`
| `#5ab7b2` | 90 183 178 | 63 7 34 0 | `$chef-green`
| `#fdb714` | 253 183 20 | 0 31 99 0 | `$chef-yellow`
| `#7d868c` | 125 134 140 | 54 41 38 4 | `$chef-grey`
| `#3e4346` | 62 67 70 | 71 61 57 43 | `$chef-dark-grey`
| `#ffffff` | 255 255 255 | 0 0 0 0 | `$chef-white`
*/
/*doc
---
title: Layout and Grid
name: layout
category: Grid
---
We use a 12-column, full-width layout built on the [Foundation 5 grid system](http://foundation.zurb.com/docs/components/grid.html).
In general, we target mobile first, then work up from there. For example, in the snippet below:
* On large screens, each `div` occupies two columns, so should appear on one row.
* On medium screens, the first two `div`s occupy six columns each (comprising one row), and the latter
four columns should wrap to the next line and span three columns each (giving us two rows of 12 columns each).
* On small screens, all `div`s appear stacked (so six rows).
In other words, small is the default, so the `divs` in given a `row` without any column classes will simply be stacked.
```html_example
1
2
3
4
5
6
```
For more examples, see the [Foundation grid docs](http://foundation.zurb.com/docs/components/grid.html).
### Handy Media-Query Helpers
Foundation provides [some very helpful helpers](http://foundation.zurb.com/docs/media-queries.html)
for working with media queries:
```
@media \$large-up {
// These rules will apply to large screens and above
}
@media \$large-only {
// These to large only
}
@media \$medium-up {
// These to medium and above
}
```
... and so on. In general, if you find yourself writing media queries by hand, there's a good chance you should be
using a helper.
*/
/*doc
---
title: Typography
name: typography
category: Typography
---
```html_example
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Some paragraph text.
```
*/
/* line 158, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.text-left {
text-align: left !important;
}
/* line 159, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.text-right {
text-align: right !important;
}
/* line 160, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.text-center {
text-align: center !important;
}
/* line 161, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.text-justify {
text-align: justify !important;
}
@media only screen and (max-width: 40em) {
/* line 165, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.small-only-text-left {
text-align: left !important;
}
/* line 166, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.small-only-text-right {
text-align: right !important;
}
/* line 167, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.small-only-text-center {
text-align: center !important;
}
/* line 168, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.small-only-text-justify {
text-align: justify !important;
}
}
@media only screen {
/* line 165, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.small-text-left {
text-align: left !important;
}
/* line 166, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.small-text-right {
text-align: right !important;
}
/* line 167, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.small-text-center {
text-align: center !important;
}
/* line 168, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.small-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width:40.0625em) and (max-width:64em) {
/* line 165, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.medium-only-text-left {
text-align: left !important;
}
/* line 166, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.medium-only-text-right {
text-align: right !important;
}
/* line 167, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.medium-only-text-center {
text-align: center !important;
}
/* line 168, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.medium-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width:40.0625em) {
/* line 165, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.medium-text-left {
text-align: left !important;
}
/* line 166, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.medium-text-right {
text-align: right !important;
}
/* line 167, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.medium-text-center {
text-align: center !important;
}
/* line 168, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.medium-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width:64.0625em) and (max-width:90em) {
/* line 165, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.large-only-text-left {
text-align: left !important;
}
/* line 166, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.large-only-text-right {
text-align: right !important;
}
/* line 167, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.large-only-text-center {
text-align: center !important;
}
/* line 168, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.large-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width:64.0625em) {
/* line 165, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.large-text-left {
text-align: left !important;
}
/* line 166, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.large-text-right {
text-align: right !important;
}
/* line 167, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.large-text-center {
text-align: center !important;
}
/* line 168, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.large-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width:90.0625em) and (max-width:120em) {
/* line 165, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xlarge-only-text-left {
text-align: left !important;
}
/* line 166, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xlarge-only-text-right {
text-align: right !important;
}
/* line 167, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xlarge-only-text-center {
text-align: center !important;
}
/* line 168, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xlarge-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width:90.0625em) {
/* line 165, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xlarge-text-left {
text-align: left !important;
}
/* line 166, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xlarge-text-right {
text-align: right !important;
}
/* line 167, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xlarge-text-center {
text-align: center !important;
}
/* line 168, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xlarge-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width:120.0625em) and (max-width:6249999.9375em) {
/* line 165, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xxlarge-only-text-left {
text-align: left !important;
}
/* line 166, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xxlarge-only-text-right {
text-align: right !important;
}
/* line 167, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xxlarge-only-text-center {
text-align: center !important;
}
/* line 168, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xxlarge-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width:120.0625em) {
/* line 165, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xxlarge-text-left {
text-align: left !important;
}
/* line 166, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xxlarge-text-right {
text-align: right !important;
}
/* line 167, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xxlarge-text-center {
text-align: center !important;
}
/* line 168, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.xxlarge-text-justify {
text-align: justify !important;
}
}
/* Typography resets */
/* line 196, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
/* Default Link Styles */
/* line 220, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
a {
color: #f18b21;
line-height: inherit;
text-decoration: none;
}
/* line 225, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
a:hover, a:focus {
color: #de780e;
}
/* line 233, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
a img {
border: none;
}
/* Default paragraph styles */
/* line 237, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
p {
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.6;
margin-bottom: 1.25rem;
text-rendering: optimizeLegibility;
}
/* line 245, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
p.lead {
font-size: 1.21875rem;
line-height: 1.6;
}
/* line 247, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
p aside {
font-size: 0.875rem;
font-style: italic;
line-height: 1.35;
}
/* Default header styles */
/* line 255, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h1, h2, h3, h4, h5, h6 {
color: #222222;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.4;
margin-bottom: 0.5rem;
margin-top: 0.2rem;
text-rendering: optimizeLegibility;
}
/* line 265, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: #6f6f6f;
font-size: 60%;
line-height: 0;
}
/* line 272, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h1 {
font-size: 1.625rem;
}
/* line 273, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h2 {
font-size: 1.125rem;
}
/* line 274, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h3 {
font-size: 1.1875rem;
}
/* line 275, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h4 {
font-size: 0.8125rem;
}
/* line 276, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h5 {
font-size: 1rem;
}
/* line 277, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h6 {
font-size: 1rem;
}
/* line 279, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.subheader {
line-height: 1.4;
color: #6f6f6f;
font-weight: normal;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
}
/* line 281, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
hr {
border: solid #DDDDDD;
border-width: 1px 0 0;
clear: both;
height: 0;
margin: 1.25rem 0 1.1875rem;
}
/* Helpful Typography Defaults */
/* line 290, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
em,
i {
font-style: italic;
line-height: inherit;
}
/* line 296, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
strong,
b {
font-weight: bold;
line-height: inherit;
}
/* line 302, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
small {
font-size: 60%;
line-height: inherit;
}
/* line 307, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
code {
background-color: #f8f8f8;
border-color: #dfdfdf;
border-style: solid;
border-width: 1px;
color: #333333;
font-family: Consolas, Liberation Mono, Courier, monospace;
font-weight: normal;
padding: 0.125rem 0.3125rem 0.0625rem;
}
/* Lists */
/* line 319, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
ul,
ol,
dl {
font-family: inherit;
font-size: 1rem;
line-height: 1.6;
list-style-position: outside;
margin-bottom: 1.25rem;
}
/* line 329, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
ul {
margin-left: 1.1rem;
}
/* Unordered Lists */
/* line 336, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
ul li ul,
ul li ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
/* line 345, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
ul.square li ul, ul.circle li ul, ul.disc li ul {
list-style: inherit;
}
/* line 348, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
ul.square {
list-style-type: square;
margin-left: 1.1rem;
}
/* line 349, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
ul.circle {
list-style-type: circle;
margin-left: 1.1rem;
}
/* line 350, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
ul.disc {
list-style-type: disc;
margin-left: 1.1rem;
}
/* Ordered Lists */
/* line 354, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
ol {
margin-left: 1.4rem;
}
/* line 357, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
ol li ul,
ol li ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
/* line 366, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.no-bullet {
list-style-type: none;
margin-left: 0;
}
/* line 371, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.no-bullet li ul,
.no-bullet li ol {
margin-left: 1.25rem;
margin-bottom: 0;
list-style: none;
}
/* Definition Lists */
/* line 382, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
dl dt {
margin-bottom: 0.3rem;
font-weight: bold;
}
/* line 386, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
dl dd {
margin-bottom: 0.75rem;
}
/* Abbreviations */
/* line 390, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
abbr,
acronym {
text-transform: uppercase;
font-size: 90%;
color: #222;
cursor: help;
}
/* line 397, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
abbr {
text-transform: none;
}
/* line 399, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
abbr[title] {
border-bottom: 1px dotted #DDDDDD;
}
/* Blockquotes */
/* line 405, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
blockquote {
margin: 0 0 1.25rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #DDDDDD;
}
/* line 410, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
blockquote cite {
display: block;
font-size: 0.8125rem;
color: #555555;
}
/* line 414, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
blockquote cite:before {
content: "\2014 \0020";
}
/* line 418, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
blockquote cite a,
blockquote cite a:visited {
color: #555555;
}
/* line 424, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
blockquote,
blockquote p {
line-height: 1.6;
color: #6f6f6f;
}
/* Microformats */
/* line 431, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.vcard {
display: inline-block;
margin: 0 0 1.25rem 0;
border: 1px solid #DDDDDD;
padding: 0.625rem 0.75rem;
}
/* line 437, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.vcard li {
margin: 0;
display: block;
}
/* line 441, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.vcard .fn {
font-weight: bold;
font-size: 0.9375rem;
}
/* line 448, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.vevent .summary {
font-weight: bold;
}
/* line 450, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: bold;
border: none;
padding: 0 0.0625rem;
}
@media only screen and (min-width:40.0625em) {
/* line 461, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h1, h2, h3, h4, h5, h6 {
line-height: 1.4;
}
/* line 462, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h1 {
font-size: 2.25rem;
}
/* line 463, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h2 {
font-size: 1.75rem;
}
/* line 464, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h3 {
font-size: 1.5rem;
}
/* line 465, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h4 {
font-size: 1.125rem;
}
/* line 466, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h5 {
font-size: 1rem;
}
/* line 467, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h6 {
font-size: 1rem;
}
}
/*
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
@media print {
/* line 479, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
* {
background: transparent !important;
color: #000000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
/* line 486, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
a,
a:visited {
text-decoration: underline;
}
/* line 488, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
a[href]:after {
content: " (" attr(href) ")";
}
/* line 490, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
abbr[title]:after {
content: " (" attr(title) ")";
}
/* line 493, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
/* line 497, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
pre,
blockquote {
border: 1px solid #999999;
page-break-inside: avoid;
}
/* line 503, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
thead {
display: table-header-group;
/* h5bp.com/t */
}
/* line 505, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
tr,
img {
page-break-inside: avoid;
}
/* line 508, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
img {
max-width: 100% !important;
}
@page {
margin: 0.34in;
}
/* line 512, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
/* line 519, lib/assets/stylesheets/chef/base/../foundation-rails/components/_type.scss */
h2,
h3 {
page-break-after: avoid;
}
}
/*doc
---
title: Accordion
name: accordion
category: Accordion
---
```html_example
```
## Import and Customization
```
@import 'chef/components/dropdown'
```
The Dropdown component also requires a JavaScript module to work properly. Be sure to include
chef.js in your page, along with whatever additional scripts you might need. See the
Getting Started section for more information.
```
## Search Form
```html_example
```
*/
/* line 78, lib/assets/stylesheets/chef/components/form.scss */
form a, form button {
font-size: 0.875rem;
}
/*doc
---
title: Button
name: button
category: Button
---
Use a button to capture an in-place action. While button styles may be applied to any
element, typically you'll want to apply them to `a`, `button`, or `input` elements.
```html_example
SecondaryDisabled
```
## Button Sizes
Buttons are available in several standard sizes:
In general, use the default size, and reserve smaller and larger buttons for situations that require them — for example, with inline or nested components, lists or the like.
*/
/* line 39, lib/assets/stylesheets/chef/components/button.scss */
.button, input.button[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 0.6875rem 1.375rem 0.75rem 1.375rem;
background-color: #f18b21;
border-color: #ce6f0d;
color: #FFFFFF;
border-radius: 4px;
transition: background-color 300ms ease-out;
}
/* line 163, lib/assets/stylesheets/chef/components/../foundation-rails/components/_buttons.scss */
.button:hover, .button:focus, input.button[type=submit]:hover, input.button[type=submit]:focus {
background-color: #ce6f0d;
}
/* line 169, lib/assets/stylesheets/chef/components/../foundation-rails/components/_buttons.scss */
.button:hover, .button:focus, input.button[type=submit]:hover, input.button[type=submit]:focus {
color: #FFFFFF;
}
/* Standard Forms */
/* line 385, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
form {
margin: 0 0 1rem;
}
/* Using forms within rows, we need to set some defaults */
/* line 91, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
form .row .row {
margin: 0 -0.5rem;
}
/* line 93, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
form .row .row .column,
form .row .row .columns {
padding: 0 0.5rem;
}
/* line 97, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
form .row .row.collapse {
margin: 0;
}
/* line 99, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
form .row .row.collapse .column,
form .row .row.collapse .columns {
padding: 0;
}
/* line 101, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
form .row .row.collapse input {
-webkit-border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
/* line 107, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
padding-left: 0.5rem;
}
/* Label Styles */
/* line 391, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
label {
color: #4d4d4d;
cursor: pointer;
display: block;
font-size: 0.875rem;
font-weight: bold;
line-height: 1.5;
margin-bottom: 0.5rem;
/* Styles for required inputs */
}
/* line 392, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
label.right {
float: none !important;
text-align: right;
}
/* line 393, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
label.inline {
margin: 0 0 1rem 0;
padding: 0.5625rem 0;
}
/* line 395, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
label small {
text-transform: capitalize;
color: #676767;
}
/* Attach elements to the beginning or end of an input */
/* line 402, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
.prefix,
.postfix {
border-style: solid;
border-width: 1px;
display: block;
font-size: 0.875rem;
height: 2.3125rem;
line-height: 2.3125rem;
overflow: visible;
padding-bottom: 0;
padding-top: 0;
position: relative;
text-align: center;
width: 100%;
z-index: 2;
}
/* Adjust padding, alignment and radius if pre/post element is a button */
/* line 406, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
.postfix.button {
border: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
text-align: center;
}
/* line 407, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
.prefix.button {
border: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
text-align: center;
}
/* line 409, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
.prefix.button.radius {
border-radius: 0;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
/* line 410, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
.postfix.button.radius {
border-radius: 0;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
/* line 411, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
.prefix.button.round {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
/* line 412, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
.postfix.button.round {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
/* Separate prefix and postfix styles when on span or label so buttons keep their own */
/* line 415, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
span.prefix, label.prefix {
background: #f2f2f2;
border-right: none;
color: #333333;
border-color: #cccccc;
}
/* line 416, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
span.postfix, label.postfix {
background: #f2f2f2;
border-left: none;
color: #333333;
border-color: #cccccc;
}
/* We use this to get basic styling on all basic form elements */
/* line 419, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: block;
font-family: inherit;
font-size: 0.875rem;
height: 2.3125rem;
margin: 0 0 1rem 0;
padding: 0.5rem;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color 0.15s linear, background 0.15s linear;
-moz-transition: border-color 0.15s linear, background 0.15s linear;
-ms-transition: border-color 0.15s linear, background 0.15s linear;
-o-transition: border-color 0.15s linear, background 0.15s linear;
transition: border-color 0.15s linear, background 0.15s linear;
}
/* line 137, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
background: #fafafa;
border-color: #999999;
outline: none;
}
/* line 143, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
background-color: #DDDDDD;
cursor: default;
}
/* line 149, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
input[disabled]:not([type]), input[readonly]:not([type]), fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
background-color: #DDDDDD;
cursor: default;
}
/* line 431, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
input.radius:not([type]), input.radius[type="text"], input.radius[type="password"], input.radius[type="date"], input.radius[type="datetime"], input.radius[type="datetime-local"], input.radius[type="month"], input.radius[type="week"], input.radius[type="email"], input.radius[type="number"], input.radius[type="search"], input.radius[type="tel"], input.radius[type="time"], input.radius[type="url"], input.radius[type="color"], textarea.radius {
border-radius: 4px;
}
/* line 439, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
border-radius: 0;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
/* line 443, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
form .row .prefix-radius.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
/* line 446, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
border-radius: 0;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
/* line 450, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
form .row .postfix-radius.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
/* line 453, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
/* line 457, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
form .row .prefix-round.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
/* line 460, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
/* line 464, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
form .row .postfix-round.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
/* line 469, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
}
/* Respect enforced amount of rows for textarea */
/* line 476, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
textarea[rows] {
height: auto;
}
/* Not allow resize out of parent */
/* line 481, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
textarea {
max-width: 100%;
}
/* line 486, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
::-webkit-input-placeholder {
color: #666666;
}
/* line 490, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
:-moz-placeholder {
/* Firefox 18- */
color: #666666;
}
/* line 494, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
::-moz-placeholder {
/* Firefox 19+ */
color: #666666;
}
/* line 498, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
:-ms-input-placeholder {
color: #666666;
}
/* Add height value for select elements to match text input height */
/* line 504, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-color: #FAFAFA;
border-radius: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
background-position: 100% center;
background-repeat: no-repeat;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
color: rgba(0, 0, 0, 0.75);
font-family: inherit;
font-size: 0.875rem;
line-height: normal;
padding: 0.5rem;
border-radius: 0;
height: 2.3125rem;
}
/* line 335, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
select::-ms-expand {
display: none;
}
/* line 358, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
select.radius {
border-radius: 4px;
}
/* line 359, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
select:focus {
background-color: #f3f3f3;
border-color: #999999;
}
/* line 364, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
select:disabled {
background-color: #DDDDDD;
cursor: default;
}
/* line 507, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
select[multiple] {
height: auto;
}
/* Adjust margin for form elements below */
/* line 513, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
margin: 0 0 1rem 0;
}
/* line 520, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
input[type="checkbox"] + label,
input[type="radio"] + label {
display: inline-block;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline;
}
/* Normalize file input width */
/* line 530, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
input[type="file"] {
width: 100%;
}
/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
/* line 544, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
fieldset {
border: 1px solid #DDDDDD;
margin: 1.125rem 0;
padding: 1.25rem;
}
/* line 278, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
fieldset legend {
font-weight: bold;
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem;
}
/* Error Handling */
/* line 551, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
display: block;
font-size: 0.75rem;
font-style: normal;
font-weight: normal;
margin-bottom: 1rem;
margin-top: -1px;
padding: 0;
background: #fff;
color: #f04124;
}
/* line 554, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
[data-abide] span.error, [data-abide] small.error {
display: none;
}
/* line 557, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
span.error, small.error {
display: block;
font-size: 0.75rem;
font-style: normal;
font-weight: normal;
margin-bottom: 1rem;
margin-top: -1px;
padding: 0;
background: #fff;
color: #f04124;
}
/* line 562, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
.error input,
.error textarea,
.error select {
margin-bottom: 0;
}
/* line 568, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
.error input[type="checkbox"],
.error input[type="radio"] {
margin-bottom: 1rem;
}
/* line 573, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
.error label,
.error label.error {
color: #f04124;
}
/* line 578, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
.error small.error {
display: block;
font-size: 0.75rem;
font-style: normal;
font-weight: normal;
margin-bottom: 1rem;
margin-top: -1px;
padding: 0;
background: #fff;
color: #f04124;
}
/* line 583, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
.error > label > small {
background: transparent;
color: #676767;
display: inline;
font-size: 60%;
font-style: normal;
margin: 0;
padding: 0;
text-transform: capitalize;
}
/* line 595, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
.error span.error-message {
display: block;
}
/* line 600, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
input.error,
textarea.error,
select.error {
margin-bottom: 0;
}
/* line 605, lib/assets/stylesheets/chef/components/../foundation-rails/components/_forms.scss */
label.error {
color: #f04124;
}
/*doc
---
title: Icon
name: icon
category: Icon
---
For general-purpose icons, we use [Foundation icons](http://zurb.com/playground/foundation-icon-fonts-3).
Feel free to use anything you see there.
```html_example
```
## Chef Icons
We also have our own set of SVG icons, which you can use in a few different ways.
With JavaScript, the simplest approach is to include the `icon` component (which comes
bundled with chef.js) and specify your icons with `i` tags, similar to the way you might
be used to working with icon fonts:
```html_example
```
This approach adds an SVG sprite containing all Chef icons to the body of your page, then
appends an `svg` element for each of the icons you refer to in this way. You can then
apply styling with CSS:
```html_example
```
If you need to add icons dynamically to the DOM after initial page load, be sure to call the Icon
component's `refresh` method:
```
Chef.Web.Core.components.icon.refresh();
```
If you'd rather not use JavaScript, you can achieve the same result by including the SVG
sprite in your document yourself (inline, ideally just inside your opening `body` tag) and
using `svg` elements to refer to each icon symbol:
```html_example
```
Lastly, you can use them with standard `img` tags:
```html_example
```
Keep in mind, though, that using this method limits your ability to style the
icons with CSS.
### Captioned Tiles
To get a colored tile with a centered caption, just provide a `data-caption` attribute (and optional `border` class):
```html_example
```
### The Complete List
Hover over an icon to reveal its class/file name.
```html_example
```
## Import and Customization
```
@import 'chef/components/modal'
```
The Modals component also requires a JavaScript module to work properly. Be sure to include
chef.js in your page, along with whatever additional scripts you might need. See the
Getting Started section for more information.
```
## Import and Customization
```
@import 'chef/components/tabs'
```
The Tabs component also requires a JavaScript module to work properly. Be sure to include
chef.js in your page, along with whatever additional scripts you might need. See the
Getting Started section for more information.
## More Information
* [Foundation Tabs documentation](http://foundation.zurb.com/docs/components/tabs.html)
*/
/* line 30, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs {
margin-bottom: 0 !important;
margin-left: 0;
}
/* line 239, lib/assets/stylesheets/chef/components/../foundation-rails/components/_global.scss */
.tabs:before, .tabs:after {
content: " ";
display: table;
}
/* line 240, lib/assets/stylesheets/chef/components/../foundation-rails/components/_global.scss */
.tabs:after {
clear: both;
}
/* line 35, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs dd,
.tabs .tab-title {
float: left;
list-style: none;
margin-bottom: 0 !important;
position: relative;
}
/* line 42, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs dd > a,
.tabs .tab-title > a {
display: block;
background-color: #ffffff;
color: #3e4346;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 0.875rem;
padding: 0.625rem 1.25rem;
}
/* line 50, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs dd > a:hover,
.tabs .tab-title > a:hover {
background-color: #f2f3f4;
}
/* line 55, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs dd.active > a,
.tabs .tab-title.active > a {
background-color: #FFFFFF;
color: #3e4346;
}
/* line 64, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs.radius dd:first-child a,
.tabs.radius .tab:first-child a {
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
/* line 69, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs.radius dd:last-child a,
.tabs.radius .tab:last-child a {
-webkit-border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
/* line 74, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs.vertical dd,
.tabs.vertical .tab-title {
position: inherit;
float: none;
display: block;
top: auto;
}
/* line 84, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs-content {
margin-bottom: 1.5rem;
width: 100%;
}
/* line 239, lib/assets/stylesheets/chef/components/../foundation-rails/components/_global.scss */
.tabs-content:before, .tabs-content:after {
content: " ";
display: table;
}
/* line 240, lib/assets/stylesheets/chef/components/../foundation-rails/components/_global.scss */
.tabs-content:after {
clear: both;
}
/* line 89, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs-content > .content {
display: none;
float: left;
padding: 0.9375rem 0;
width: 100%;
}
/* line 95, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs-content > .content.active {
display: block;
float: none;
}
/* line 99, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs-content > .content.contained {
padding: 0.9375rem;
}
/* line 104, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs-content.vertical {
display: block;
}
/* line 107, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs-content.vertical > .content {
padding: 0 0.9375rem;
}
@media only screen and (min-width:40.0625em) {
/* line 115, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs.vertical {
float: left;
margin: 0;
margin-bottom: 1.25rem !important;
max-width: 20%;
width: 20%;
}
/* line 125, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.tabs-content.vertical {
float: left;
margin-left: -1px;
max-width: 80%;
padding-left: 1rem;
width: 80%;
}
}
/* line 136, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tabs.scss */
.no-js .tabs-content > .content {
display: block;
float: none;
}
/* line 56, lib/assets/stylesheets/chef/components/tab.scss */
.tabs {
position: relative;
border-bottom: 1px solid #bec3c6;
}
/* line 60, lib/assets/stylesheets/chef/components/tab.scss */
.tabs .tab-title {
margin-bottom: -1px !important;
}
/* line 63, lib/assets/stylesheets/chef/components/tab.scss */
.tabs .tab-title a {
border-bottom: 1px solid #bec3c6;
background-color: none;
border-radius: 8px 8px 0 0;
opacity: 0.8;
}
/* line 70, lib/assets/stylesheets/chef/components/tab.scss */
.tabs .tab-title.active a {
border: 1px solid #bec3c6;
border-bottom: none;
opacity: 1;
}
/*doc
---
title: Table
name: table
category: Table
---
TODO: Put some stuff here.
*/
/* line 131, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tables.scss */
table {
background: #FFFFFF;
border: solid 1px #DDDDDD;
margin-bottom: 1.25rem;
table-layout: auto;
}
/* line 69, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tables.scss */
table caption {
background: transparent;
color: #222222;
font-size: 1rem;
font-weight: bold;
}
/* line 78, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tables.scss */
table thead {
background: #F5F5F5;
}
/* line 82, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tables.scss */
table thead tr th,
table thead tr td {
color: #222222;
font-size: 0.875rem;
font-weight: bold;
padding: 0.5rem 0.625rem 0.625rem;
}
/* line 92, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tables.scss */
table tfoot {
background: #F5F5F5;
}
/* line 96, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tables.scss */
table tfoot tr th,
table tfoot tr td {
color: #222222;
font-size: 0.875rem;
font-weight: bold;
padding: 0.5rem 0.625rem 0.625rem;
}
/* line 107, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tables.scss */
table tr th,
table tr td {
color: #222222;
font-size: 0.875rem;
padding: 0.5625rem 0.625rem;
text-align: left;
}
/* line 115, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tables.scss */
table tr.even, table tr.alt, table tr:nth-of-type(even) {
background: #F9F9F9;
}
/* line 120, lib/assets/stylesheets/chef/components/../foundation-rails/components/_tables.scss */
table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
display: table-cell;
line-height: 1.125rem;
}
/*doc
---
title: Top Bar
name: top-bar
category: Top Bar
---
The Top Bar is the primary navigational component of a site. It offers a
site name, links, and [Chef logo](../logo).
Use the Top Bar to provide access to your site's top-level resources: your home
page, the main sections of your site, etc. Don't use the top-bar logo or its primary links
to point to other Chef or third-party sites; instead, link to those resources from within the
bodies of your pages.
```html_example
```
## Import and Customization
```
@import 'chef/components/top-bar'
```
The Top Bar component also requires a JavaScript module in order for the
mobile menu dropdown to work properly. Be sure to include
chef.js in your page, along with whatever additional scripts you might need. See the
Getting Started section for more information.
*/
/* line 48, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar {
line-height: 1;
margin-bottom: 20px;
min-height: 50px;
padding: 11px 0.9375rem;
position: relative;
white-space: nowrap;
}
/* line 56, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar ul, .top-bar h1 {
display: inline;
font-family: Montserrat, "Helvetica Neue", sans-serif;
text-transform: uppercase;
}
/* line 62, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar h1 {
font-size: 18px;
margin: 0;
padding: 5px 0;
}
/* line 67, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar h1 a {
color: #f18b21;
font-size: 18px;
font-weight: 700;
}
/* line 73, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar h1 .chef {
color: #3f5364;
}
/* line 78, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar ul {
display: inline;
list-style: none;
margin: 7px 0 0 26px;
}
/* line 83, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar ul li {
display: inline-block;
margin-left: 20px;
}
/* line 87, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar ul li a {
border-bottom: 3px solid transparent;
color: #7d868c;
font-size: 14px;
font-weight: normal;
transition: all 0.4s ease;
}
/* line 95, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar ul li a:hover, .top-bar ul li a.active {
border-bottom: 3px solid #3e4346;
color: #3e4346;
}
/* line 100, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar ul li a.active {
cursor: default;
}
/* line 104, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar ul li:first-child {
margin: 0;
}
/* line 110, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar .nav-icon {
color: #3f5364;
cursor: pointer;
display: none;
font-size: 22px;
position: absolute;
right: 60px;
top: 14px;
}
/* line 120, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar .logo {
position: absolute;
height: 45px;
width: 45px;
top: 11px;
right: 8px;
}
@media only screen and (max-width: 40em) {
/* line 129, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar ul {
display: none;
margin-left: 0;
}
/* line 133, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar ul li {
display: block;
margin-left: 0;
}
/* line 139, lib/assets/stylesheets/chef/components/top-bar.scss */
.top-bar .nav-icon {
display: inline-block;
}
}
/*doc
---
title: Footer
name: footer
category: Footer
---
Footers are positioned at the bottom of the page, offset slightly from the
content above them and aligned to match to your specified [layout](../layouts).
```html_example
```
*/
/* line 20, lib/assets/stylesheets/chef/components/footer.scss */
footer {
width: 100%;
max-width: 62.5rem;
margin: 1.25rem auto;
padding: 0 0.9375rem;
background: #ffffff;
font-size: 0.8125rem;
color: #7d868c;
overflow: auto;
}
/* line 17, app/assets/stylesheets/application.css.scss */
form.button_to {
display: inline;
margin: 0;
}
```
Keep in mind, though, that using this method limits your ability to style the
icons with CSS.
### Captioned Tiles
To get a colored tile with a centered caption, just provide a `data-caption` attribute (and optional `border` class):
```html_example
```
### The Complete List
Hover over an icon to reveal its class/file name.
```html_example