diff --git a/.editorconfig b/.editorconfig index 6bdd1c395..0efb3c9cc 100644 --- a/.editorconfig +++ b/.editorconfig @@ -17,8 +17,8 @@ indent_size = 2 trim_trailing_whitespace = false [*.{scss,js}] -indent_style = tab -indent_size = tab +indent_style = space +indent_size = 4 # Customizations for third party libraries diff --git a/djangoproject/scss/_console-tabs.scss b/djangoproject/scss/_console-tabs.scss index 4a2a4e2e6..7bd8a4f98 100644 --- a/djangoproject/scss/_console-tabs.scss +++ b/djangoproject/scss/_console-tabs.scss @@ -6,12 +6,14 @@ box-sizing: border-box; } - > input { + >input { + &.c-tab-unix, &.c-tab-win { display: none; } - &:checked + label { + + &:checked+label { color: var(--console-tabs-color); border: 1px solid #ddd; border-top: 2px solid var(--console-tabs-border); @@ -19,7 +21,7 @@ } } - > label { + >label { display: inline-block; padding: 4px 8px; font-weight: normal; @@ -29,7 +31,7 @@ font-family: fontawesome; } - > section { + >section { display: none; text-align: left; @@ -38,8 +40,8 @@ } } - > .c-tab-unix:checked ~ .c-content-unix, - > .c-tab-win:checked ~ .c-content-win { + >.c-tab-unix:checked~.c-content-unix, + >.c-tab-win:checked~.c-content-win { display: block; } } diff --git a/djangoproject/scss/_dark-mode.scss b/djangoproject/scss/_dark-mode.scss index 811d460d7..932810b58 100644 --- a/djangoproject/scss/_dark-mode.scss +++ b/djangoproject/scss/_dark-mode.scss @@ -1,329 +1,329 @@ // default theme: light html[data-theme="light"], :root { - --body-fg: #{$text}; - --body-bg: #{$white}; + --body-fg: #{$text}; + --body-bg: #{$white}; - --menu: #{$white}; + --menu: #{$white}; - --text-l10: #{$text-l10}; - --text-l20: #{$text-l20}; - --text-light: #{$text-light}; + --text-l10: #{$text-l10}; + --text-l20: #{$text-l20}; + --text-light: #{$text-light}; - --primary: #{$green-medium}; - --primary-accent: #{$green-medium-dark}; + --primary: #{$green-medium}; + --primary-accent: #{$green-medium-dark}; - --secondary: #{$green}; - --secondary-accent: #{$green-very-light}; - --secondary-accent-l5: #{$green-very-light-l5}; - --secondary-accent-l10: #{$green-very-light-l10}; + --secondary: #{$green}; + --secondary-accent: #{$green-very-light}; + --secondary-accent-l5: #{$green-very-light-l5}; + --secondary-accent-l10: #{$green-very-light-l10}; - --link-color: #{$green}; - --sidebar-bg: #{$white-dark}; + --link-color: #{$green}; + --sidebar-bg: #{$white-dark}; - --code-bg: #{$white-dark}; - --code-fg: #{$green-dark}; - --code-block-title: #{$green-dark}; - --code-border: #EAEAEA; + --code-bg: #{$white-dark}; + --code-fg: #{$green-dark}; + --code-block-title: #{$green-dark}; + --code-border: #EAEAEA; - --console-tabs-color: #555; - --console-tabs-border: #{$orange}; + --console-tabs-color: #555; + --console-tabs-border: #{$orange}; - --warning: #{$warning-yellow}; - --warning-text: #{$text}; - --warning-link-block: #{$red-medium}; - --warning-dark: #{$warning-dark-yellow}; - --warning-dark-d50: #{$warning-dark-yellow-d50}; + --warning: #{$warning-yellow}; + --warning-text: #{$text}; + --warning-link-block: #{$red-medium}; + --warning-dark: #{$warning-dark-yellow}; + --warning-dark-d50: #{$warning-dark-yellow-d50}; - --hairline-color: #{$gray-line}; - --dark-hairline-color: #{$gray-medium}; + --hairline-color: #{$gray-line}; + --dark-hairline-color: #{$gray-medium}; - --error-fg: #{$red}; - --error-light: #{$red-light}; - --error-light-l10: #{$red-light-l10}; - --error-dark: #{$red-dark}; - --error-dark-l10: #{$red-dark-l10}; + --error-fg: #{$red}; + --error-light: #{$red-light}; + --error-light-l10: #{$red-light-l10}; + --error-dark: #{$red-dark}; + --error-dark-l10: #{$red-dark-l10}; - --cta-color-accent: #{$green-very-light}; - --table-color: var(--body-fg); - --white-color: #fff; + --cta-color-accent: #{$green-very-light}; + --table-color: var(--body-fg); + --white-color: #fff; - --search-link: #{$green}; - --search-link-hover: #{$green-light}; - --search-mark-text: #{$green-dark}; + --search-link: #{$green}; + --search-link-hover: #{$green-light}; + --search-mark-text: #{$green-dark}; } @media (prefers-color-scheme: dark) { - html:not([data-theme="light"]) { - --body-fg: #C1CAD2; - --body-bg: #{$black}; + html:not([data-theme="light"]) { + --body-fg: #C1CAD2; + --body-bg: #{$black}; - --text-l10: #{$green-light}; - --text-l20: #{$green-very-light}; - --text-light: #{$text-light-l20}; + --text-l10: #{$green-light}; + --text-l20: #{$green-very-light}; + --text-light: #{$text-light-l20}; - --primary: #{$green-medium}; - --primary-accent: #{$green-light}; + --primary: #{$green-medium}; + --primary-accent: #{$green-light}; - --secondary-accent: #{$green-medium}; + --secondary-accent: #{$green-medium}; - --link-color: #{$green-light}; - --sidebar-bg: #{$black-light-5}; + --link-color: #{$green-light}; + --sidebar-bg: #{$black-light-5}; - --code-bg: #{$black-light-5}; - --code-fg: #{$white-dark}; - --code-border: #{$black-light-5}; - --code-block-title: #{$black-light-5}; + --code-bg: #{$black-light-5}; + --code-fg: #{$white-dark}; + --code-border: #{$black-light-5}; + --code-block-title: #{$black-light-5}; - --console-tabs-color: #{$dark-orange}; - --console-tabs-border: #{$dark-orange}; + --console-tabs-color: #{$dark-orange}; + --console-tabs-border: #{$dark-orange}; - --warning-text: #{$black-light-5}; - --warning-link-block: #{$red}; + --warning-text: #{$black-light-5}; + --warning-link-block: #{$red}; - --hairline-color: #{$gray-line}; - --dark-hairline-color: #{gray-medium-l10}; + --hairline-color: #{$gray-line}; + --dark-hairline-color: #{gray-medium-l10}; - --error-light: #{$red-medium}; - --error-dark: #{$red-medium}; + --error-light: #{$red-medium}; + --error-dark: #{$red-medium}; - --table-color: var(--body-bg); - --cta-color-accent: #{$black}; - --white-color: #{$black}; + --table-color: var(--body-bg); + --cta-color-accent: #{$black}; + --white-color: #{$black}; - --search-link: #{$green-dark}; - --search-link-hover: #{$green-light}; - --search-mark-text: #{$black-light-5}; + --search-link: #{$green-dark}; + --search-link-hover: #{$green-light}; + --search-mark-text: #{$black-light-5}; - } + } - body .homepage { - .copy-banner { - background: var(--white-color); - } - } + body .homepage { + .copy-banner { + background: var(--white-color); + } + } - body .copy-banner { - background: darken($green, 10%); + body .copy-banner { + background: darken($green, 10%); - p, - h1 { - color: $green-very-light; + p, + h1 { + color: $green-very-light; - @include respond-min(768px) { - color: $green-very-light; - } + @include respond-min(768px) { + color: $green-very-light; + } - a { - color: $green-very-light; - } - } - } + a { + color: $green-very-light; + } + } + } - body table.django-supported-versions, - body table.django-unsupported-versions { - a { - color: $black; + body table.django-supported-versions, + body table.django-unsupported-versions { + a { + color: $black; - &:active, - &:focus, - &:hover { - color: $gray-medium; - } - } - } + &:active, + &:focus, + &:hover { + color: $gray-medium; + } + } + } - body [role="contentinfo"] { - background: darken($green, 10%); - } + body [role="contentinfo"] { + background: darken($green, 10%); + } } html[data-theme="dark"] { - --body-fg: #C1CAD2; - --body-bg: #{$black}; + --body-fg: #C1CAD2; + --body-bg: #{$black}; - --text-l10: #{$green-light}; - --text-l20: #{$green-very-light}; - --text-light: #{$text-light-l20}; + --text-l10: #{$green-light}; + --text-l20: #{$green-very-light}; + --text-light: #{$text-light-l20}; - --primary: #{$green-medium}; - --primary-accent: #{$green-light}; + --primary: #{$green-medium}; + --primary-accent: #{$green-light}; - --secondary-accent: #{$green-medium}; + --secondary-accent: #{$green-medium}; - --link-color: #{$green-light}; - --sidebar-bg: #{$black-light-5}; + --link-color: #{$green-light}; + --sidebar-bg: #{$black-light-5}; - --code-bg: #{$black-light-5}; - --code-fg: #{$white-dark}; - --code-border: #{$black-light-5}; - --code-block-title: #{$black-light-5}; + --code-bg: #{$black-light-5}; + --code-fg: #{$white-dark}; + --code-border: #{$black-light-5}; + --code-block-title: #{$black-light-5}; - --console-tabs-color: #{$dark-orange}; - --console-tabs-border: #{$dark-orange}; + --console-tabs-color: #{$dark-orange}; + --console-tabs-border: #{$dark-orange}; - --hairline-color: #{$gray-line}; - --dark-hairline-color: #{gray-medium-l10}; + --hairline-color: #{$gray-line}; + --dark-hairline-color: #{gray-medium-l10}; - --error-light: #{$red-medium}; - --error-dark: #{$red-medium}; + --error-light: #{$red-medium}; + --error-dark: #{$red-medium}; - --table-color: var(--body-bg); - --cta-color-accent: #{$black}; - --white-color: #{$black}; + --table-color: var(--body-bg); + --cta-color-accent: #{$black}; + --white-color: #{$black}; - --search-link: #{$green-dark}; - --search-link-hover: #{$green-light}; - --search-mark-text: #{$black-light-5}; + --search-link: #{$green-dark}; + --search-link-hover: #{$green-light}; + --search-mark-text: #{$black-light-5}; - .img-release { - filter: invert(1); - } + .img-release { + filter: invert(1); + } - .homepage { - .copy-banner { - background: var(--white-color); - } - } + .homepage { + .copy-banner { + background: var(--white-color); + } + } - .copy-banner { - background: darken($green, 10%); + .copy-banner { + background: darken($green, 10%); - p, - h1 { - color: $green-very-light; + p, + h1 { + color: $green-very-light; - @include respond-min(768px) { - color: $green-very-light; - } + @include respond-min(768px) { + color: $green-very-light; + } - a { - color: $green-very-light; - } - } - } + a { + color: $green-very-light; + } + } + } - table.django-supported-versions, - table.django-unsupported-versions { - a { - color: $black; + table.django-supported-versions, + table.django-unsupported-versions { + a { + color: $black; - &:active, - &:focus, - &:hover { - color: $gray-medium; - } - } - } + &:active, + &:focus, + &:hover { + color: $gray-medium; + } + } + } - [role="contentinfo"] { - background: darken($green, 10%); - } + [role="contentinfo"] { + background: darken($green, 10%); + } } .img-release { - &.light { - filter: invert(0); - } + &.light { + filter: invert(0); + } - &.dark { - filter: invert(1); - } + &.dark { + filter: invert(1); + } } /* THEME SWITCH */ .theme-toggle { - cursor: pointer; - border: none; - background: transparent; - vertical-align: middle; - padding: 20px 16px 20px 10px; - - @include respond-max(768px) { - padding: 0; - } + cursor: pointer; + border: none; + background: transparent; + vertical-align: middle; + padding: 20px 10px; + + @include respond-max(768px) { + padding: 0; + } } .theme-toggle svg { - vertical-align: middle; - max-width: 16px; - max-height: 16px; - display: none; + vertical-align: middle; + max-width: 16px; + max-height: 16px; + display: none; } /* ICONS */ .theme-toggle svg.theme-icon-when-auto, .theme-toggle svg.theme-icon-when-dark, .theme-toggle svg.theme-icon-when-light { - fill: var(--menu); - color: $green-dark; + fill: var(--menu); + color: $green-dark; } html[data-theme="auto"] .theme-toggle svg.theme-icon-when-auto { - display: block; + display: block; } html[data-theme="dark"] .theme-toggle svg.theme-icon-when-dark { - display: block; + display: block; } html[data-theme="light"] .theme-toggle svg.theme-icon-when-light { - display: block; + display: block; } /* Fully hide screen reader text so we only show the one matching the current theme */ .theme-toggle .visually-hidden { - display: none; + display: none; } html[data-theme="auto"] .theme-toggle .theme-label-when-auto { - display: block; + display: block; } html[data-theme="dark"] .theme-toggle .theme-label-when-dark { - display: block; + display: block; } html[data-theme="light"] .theme-toggle .theme-label-when-light { - display: block; + display: block; } .visually-hidden { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border: 0; - color: var(--body-fg); - background-color: var(--body-bg); + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; + color: var(--body-fg); + background-color: var(--body-bg); } .mobile-toggle { - width: 45px; - height: 45px; - line-height: 45px; - text-align: center; - margin: 4px 10px; - float: right; - - @include respond-min(768px) { - display: none; - } + width: 45px; + height: 45px; + line-height: 45px; + text-align: center; + margin: 4px 10px; + float: right; + + @include respond-min(768px) { + display: none; + } } [role="banner"] .nav-menu-on li:last-child { - @include respond-max(768px) { - display: none; - } + @include respond-max(768px) { + display: none; + } } diff --git a/djangoproject/scss/_dark-pygments.scss b/djangoproject/scss/_dark-pygments.scss index 55f65e614..8676fd1e8 100644 --- a/djangoproject/scss/_dark-pygments.scss +++ b/djangoproject/scss/_dark-pygments.scss @@ -1,176 +1,894 @@ // CSS from pygments github dark theme @media (prefers-color-scheme: dark) { - :root { - .highlight { - td.linenos .normal { color: #6e7681; background-color: #0d1117; padding-left: 5px; padding-right: 5px; } - span.linenos { color: #6e7681; background-color: #0d1117; padding-left: 5px; padding-right: 5px; } - td.linenos .special { color: #c9d1d9; background-color: #6e7681; padding-left: 5px; padding-right: 5px; } - span.linenos.special { color: #c9d1d9; background-color: #6e7681; padding-left: 5px; padding-right: 5px; } - .hll { background-color: #6e7681 } - .c { color: #8b949e; font-style: italic } /* Comment */ - .err { color: #f85149 } /* Error */ - .esc { color: #c9d1d9 } /* Escape */ - .g { color: #c9d1d9 } /* Generic */ - .k { color: #ff7b72 } /* Keyword */ - .l { color: #a5d6ff } /* Literal */ - .o { color: #ff7b72; font-weight: bold } /* Operator */ - .x { color: #c9d1d9 } /* Other */ - .p { color: #c9d1d9 } /* Punctuation */ - .ch { color: #8b949e; font-style: italic } /* Comment.Hashbang */ - .cm { color: #8b949e; font-style: italic } /* Comment.Multiline */ - .cp { color: #8b949e; font-weight: bold; font-style: italic } /* Comment.Preproc */ - .cpf { color: #8b949e; font-style: italic } /* Comment.PreprocFile */ - .c1 { color: #8b949e; font-style: italic } /* Comment.Single */ - .cs { color: #8b949e; font-weight: bold; font-style: italic } /* Comment.Special */ - .gd { color: #ffa198; background-color: #490202 } /* Generic.Deleted */ - .ge { color: #c9d1d9; font-style: italic } /* Generic.Emph */ - .gr { color: #ffa198 } /* Generic.Error */ - .gh { color: #79c0ff; font-weight: bold } /* Generic.Heading */ - .gi { color: #56d364; background-color: #0f5323 } /* Generic.Inserted */ - .go { color: #8b949e } /* Generic.Output */ - .gp { color: #8b949e } /* Generic.Prompt */ - .gs { color: #c9d1d9; font-weight: bold } /* Generic.Strong */ - .gu { color: #79c0ff } /* Generic.Subheading */ - .gt { color: #ff7b72 } /* Generic.Traceback */ - .g-Underline { color: #c9d1d9; text-decoration: underline } /* Generic.Underline */ - .kc { color: #79c0ff } /* Keyword.Constant */ - .kd { color: #ff7b72 } /* Keyword.Declaration */ - .kn { color: #ff7b72 } /* Keyword.Namespace */ - .kp { color: #79c0ff } /* Keyword.Pseudo */ - .kr { color: #ff7b72 } /* Keyword.Reserved */ - .kt { color: #ff7b72 } /* Keyword.Type */ - .ld { color: #79c0ff } /* Literal.Date */ - .m { color: #a5d6ff } /* Literal.Number */ - .s { color: #a5d6ff } /* Literal.String */ - .na { color: #c9d1d9 } /* Name.Attribute */ - .nb { color: #c9d1d9 } /* Name.Builtin */ - .nc { color: #f0883e; font-weight: bold } /* Name.Class */ - .no { color: #79c0ff; font-weight: bold } /* Name.Constant */ - .nd { color: #d2a8ff; font-weight: bold } /* Name.Decorator */ - .ni { color: #ffa657 } /* Name.Entity */ - .ne { color: #f0883e; font-weight: bold } /* Name.Exception */ - .nf { color: #d2a8ff; font-weight: bold } /* Name.Function */ - .nl { color: #79c0ff; font-weight: bold } /* Name.Label */ - .nn { color: #ff7b72 } /* Name.Namespace */ - .nx { color: #c9d1d9 } /* Name.Other */ - .py { color: #79c0ff } /* Name.Property */ - .nt { color: #7ee787 } /* Name.Tag */ - .nv { color: #79c0ff } /* Name.Variable */ - .ow { color: #ff7b72; font-weight: bold } /* Operator.Word */ - .pm { color: #c9d1d9 } /* Punctuation.Marker */ - .w { color: #6e7681 } /* Text.Whitespace */ - .mb { color: #a5d6ff } /* Literal.Number.Bin */ - .mf { color: #a5d6ff } /* Literal.Number.Float */ - .mh { color: #a5d6ff } /* Literal.Number.Hex */ - .mi { color: #a5d6ff } /* Literal.Number.Integer */ - .mo { color: #a5d6ff } /* Literal.Number.Oct */ - .sa { color: #79c0ff } /* Literal.String.Affix */ - .sb { color: #a5d6ff } /* Literal.String.Backtick */ - .sc { color: #a5d6ff } /* Literal.String.Char */ - .dl { color: #79c0ff } /* Literal.String.Delimiter */ - .sd { color: #a5d6ff } /* Literal.String.Doc */ - .s2 { color: #a5d6ff } /* Literal.String.Double */ - .se { color: #79c0ff } /* Literal.String.Escape */ - .sh { color: #79c0ff } /* Literal.String.Heredoc */ - .si { color: #a5d6ff } /* Literal.String.Interpol */ - .sx { color: #a5d6ff } /* Literal.String.Other */ - .sr { color: #79c0ff } /* Literal.String.Regex */ - .s1 { color: #a5d6ff } /* Literal.String.Single */ - .ss { color: #a5d6ff } /* Literal.String.Symbol */ - .bp { color: #c9d1d9 } /* Name.Builtin.Pseudo */ - .fm { color: #d2a8ff; font-weight: bold } /* Name.Function.Magic */ - .vc { color: #79c0ff } /* Name.Variable.Class */ - .vg { color: #79c0ff } /* Name.Variable.Global */ - .vi { color: #79c0ff } /* Name.Variable.Instance */ - .vm { color: #79c0ff } /* Name.Variable.Magic */ - .il { color: #a5d6ff } /* Literal.Number.Integer.Long */ - } - } + :root { + .highlight { + td.linenos .normal { + color: #6e7681; + background-color: #0d1117; + padding-left: 5px; + padding-right: 5px; + } + + span.linenos { + color: #6e7681; + background-color: #0d1117; + padding-left: 5px; + padding-right: 5px; + } + + td.linenos .special { + color: #c9d1d9; + background-color: #6e7681; + padding-left: 5px; + padding-right: 5px; + } + + span.linenos.special { + color: #c9d1d9; + background-color: #6e7681; + padding-left: 5px; + padding-right: 5px; + } + + .hll { + background-color: #6e7681 + } + + .c { + color: #8b949e; + font-style: italic + } + + /* Comment */ + .err { + color: #f85149 + } + + /* Error */ + .esc { + color: #c9d1d9 + } + + /* Escape */ + .g { + color: #c9d1d9 + } + + /* Generic */ + .k { + color: #ff7b72 + } + + /* Keyword */ + .l { + color: #a5d6ff + } + + /* Literal */ + .o { + color: #ff7b72; + font-weight: bold + } + + /* Operator */ + .x { + color: #c9d1d9 + } + + /* Other */ + .p { + color: #c9d1d9 + } + + /* Punctuation */ + .ch { + color: #8b949e; + font-style: italic + } + + /* Comment.Hashbang */ + .cm { + color: #8b949e; + font-style: italic + } + + /* Comment.Multiline */ + .cp { + color: #8b949e; + font-weight: bold; + font-style: italic + } + + /* Comment.Preproc */ + .cpf { + color: #8b949e; + font-style: italic + } + + /* Comment.PreprocFile */ + .c1 { + color: #8b949e; + font-style: italic + } + + /* Comment.Single */ + .cs { + color: #8b949e; + font-weight: bold; + font-style: italic + } + + /* Comment.Special */ + .gd { + color: #ffa198; + background-color: #490202 + } + + /* Generic.Deleted */ + .ge { + color: #c9d1d9; + font-style: italic + } + + /* Generic.Emph */ + .gr { + color: #ffa198 + } + + /* Generic.Error */ + .gh { + color: #79c0ff; + font-weight: bold + } + + /* Generic.Heading */ + .gi { + color: #56d364; + background-color: #0f5323 + } + + /* Generic.Inserted */ + .go { + color: #8b949e + } + + /* Generic.Output */ + .gp { + color: #8b949e + } + + /* Generic.Prompt */ + .gs { + color: #c9d1d9; + font-weight: bold + } + + /* Generic.Strong */ + .gu { + color: #79c0ff + } + + /* Generic.Subheading */ + .gt { + color: #ff7b72 + } + + /* Generic.Traceback */ + .g-Underline { + color: #c9d1d9; + text-decoration: underline + } + + /* Generic.Underline */ + .kc { + color: #79c0ff + } + + /* Keyword.Constant */ + .kd { + color: #ff7b72 + } + + /* Keyword.Declaration */ + .kn { + color: #ff7b72 + } + + /* Keyword.Namespace */ + .kp { + color: #79c0ff + } + + /* Keyword.Pseudo */ + .kr { + color: #ff7b72 + } + + /* Keyword.Reserved */ + .kt { + color: #ff7b72 + } + + /* Keyword.Type */ + .ld { + color: #79c0ff + } + + /* Literal.Date */ + .m { + color: #a5d6ff + } + + /* Literal.Number */ + .s { + color: #a5d6ff + } + + /* Literal.String */ + .na { + color: #c9d1d9 + } + + /* Name.Attribute */ + .nb { + color: #c9d1d9 + } + + /* Name.Builtin */ + .nc { + color: #f0883e; + font-weight: bold + } + + /* Name.Class */ + .no { + color: #79c0ff; + font-weight: bold + } + + /* Name.Constant */ + .nd { + color: #d2a8ff; + font-weight: bold + } + + /* Name.Decorator */ + .ni { + color: #ffa657 + } + + /* Name.Entity */ + .ne { + color: #f0883e; + font-weight: bold + } + + /* Name.Exception */ + .nf { + color: #d2a8ff; + font-weight: bold + } + + /* Name.Function */ + .nl { + color: #79c0ff; + font-weight: bold + } + + /* Name.Label */ + .nn { + color: #ff7b72 + } + + /* Name.Namespace */ + .nx { + color: #c9d1d9 + } + + /* Name.Other */ + .py { + color: #79c0ff + } + + /* Name.Property */ + .nt { + color: #7ee787 + } + + /* Name.Tag */ + .nv { + color: #79c0ff + } + + /* Name.Variable */ + .ow { + color: #ff7b72; + font-weight: bold + } + + /* Operator.Word */ + .pm { + color: #c9d1d9 + } + + /* Punctuation.Marker */ + .w { + color: #6e7681 + } + + /* Text.Whitespace */ + .mb { + color: #a5d6ff + } + + /* Literal.Number.Bin */ + .mf { + color: #a5d6ff + } + + /* Literal.Number.Float */ + .mh { + color: #a5d6ff + } + + /* Literal.Number.Hex */ + .mi { + color: #a5d6ff + } + + /* Literal.Number.Integer */ + .mo { + color: #a5d6ff + } + + /* Literal.Number.Oct */ + .sa { + color: #79c0ff + } + + /* Literal.String.Affix */ + .sb { + color: #a5d6ff + } + + /* Literal.String.Backtick */ + .sc { + color: #a5d6ff + } + + /* Literal.String.Char */ + .dl { + color: #79c0ff + } + + /* Literal.String.Delimiter */ + .sd { + color: #a5d6ff + } + + /* Literal.String.Doc */ + .s2 { + color: #a5d6ff + } + + /* Literal.String.Double */ + .se { + color: #79c0ff + } + + /* Literal.String.Escape */ + .sh { + color: #79c0ff + } + + /* Literal.String.Heredoc */ + .si { + color: #a5d6ff + } + + /* Literal.String.Interpol */ + .sx { + color: #a5d6ff + } + + /* Literal.String.Other */ + .sr { + color: #79c0ff + } + + /* Literal.String.Regex */ + .s1 { + color: #a5d6ff + } + + /* Literal.String.Single */ + .ss { + color: #a5d6ff + } + + /* Literal.String.Symbol */ + .bp { + color: #c9d1d9 + } + + /* Name.Builtin.Pseudo */ + .fm { + color: #d2a8ff; + font-weight: bold + } + + /* Name.Function.Magic */ + .vc { + color: #79c0ff + } + + /* Name.Variable.Class */ + .vg { + color: #79c0ff + } + + /* Name.Variable.Global */ + .vi { + color: #79c0ff + } + + /* Name.Variable.Instance */ + .vm { + color: #79c0ff + } + + /* Name.Variable.Magic */ + .il { + color: #a5d6ff + } + + /* Literal.Number.Integer.Long */ + } + } } html[data-theme="dark"] { - .highlight { - td.linenos .normal { color: #6e7681; background-color: #0d1117; padding-left: 5px; padding-right: 5px; } - span.linenos { color: #6e7681; background-color: #0d1117; padding-left: 5px; padding-right: 5px; } - td.linenos .special { color: #c9d1d9; background-color: #6e7681; padding-left: 5px; padding-right: 5px; } - span.linenos.special { color: #c9d1d9; background-color: #6e7681; padding-left: 5px; padding-right: 5px; } - .hll { background-color: #6e7681 } - .c { color: #8b949e; font-style: italic } /* Comment */ - .err { color: #f85149 } /* Error */ - .esc { color: #c9d1d9 } /* Escape */ - .g { color: #c9d1d9 } /* Generic */ - .k { color: #ff7b72 } /* Keyword */ - .l { color: #a5d6ff } /* Literal */ - .o { color: #ff7b72; font-weight: bold } /* Operator */ - .x { color: #c9d1d9 } /* Other */ - .p { color: #c9d1d9 } /* Punctuation */ - .ch { color: #8b949e; font-style: italic } /* Comment.Hashbang */ - .cm { color: #8b949e; font-style: italic } /* Comment.Multiline */ - .cp { color: #8b949e; font-weight: bold; font-style: italic } /* Comment.Preproc */ - .cpf { color: #8b949e; font-style: italic } /* Comment.PreprocFile */ - .c1 { color: #8b949e; font-style: italic } /* Comment.Single */ - .cs { color: #8b949e; font-weight: bold; font-style: italic } /* Comment.Special */ - .gd { color: #ffa198; background-color: #490202 } /* Generic.Deleted */ - .ge { color: #c9d1d9; font-style: italic } /* Generic.Emph */ - .gr { color: #ffa198 } /* Generic.Error */ - .gh { color: #79c0ff; font-weight: bold } /* Generic.Heading */ - .gi { color: #56d364; background-color: #0f5323 } /* Generic.Inserted */ - .go { color: #8b949e } /* Generic.Output */ - .gp { color: #8b949e } /* Generic.Prompt */ - .gs { color: #c9d1d9; font-weight: bold } /* Generic.Strong */ - .gu { color: #79c0ff } /* Generic.Subheading */ - .gt { color: #ff7b72 } /* Generic.Traceback */ - .g-Underline { color: #c9d1d9; text-decoration: underline } /* Generic.Underline */ - .kc { color: #79c0ff } /* Keyword.Constant */ - .kd { color: #ff7b72 } /* Keyword.Declaration */ - .kn { color: #ff7b72 } /* Keyword.Namespace */ - .kp { color: #79c0ff } /* Keyword.Pseudo */ - .kr { color: #ff7b72 } /* Keyword.Reserved */ - .kt { color: #ff7b72 } /* Keyword.Type */ - .ld { color: #79c0ff } /* Literal.Date */ - .m { color: #a5d6ff } /* Literal.Number */ - .s { color: #a5d6ff } /* Literal.String */ - .na { color: #c9d1d9 } /* Name.Attribute */ - .nb { color: #c9d1d9 } /* Name.Builtin */ - .nc { color: #f0883e; font-weight: bold } /* Name.Class */ - .no { color: #79c0ff; font-weight: bold } /* Name.Constant */ - .nd { color: #d2a8ff; font-weight: bold } /* Name.Decorator */ - .ni { color: #ffa657 } /* Name.Entity */ - .ne { color: #f0883e; font-weight: bold } /* Name.Exception */ - .nf { color: #d2a8ff; font-weight: bold } /* Name.Function */ - .nl { color: #79c0ff; font-weight: bold } /* Name.Label */ - .nn { color: #ff7b72 } /* Name.Namespace */ - .nx { color: #c9d1d9 } /* Name.Other */ - .py { color: #79c0ff } /* Name.Property */ - .nt { color: #7ee787 } /* Name.Tag */ - .nv { color: #79c0ff } /* Name.Variable */ - .ow { color: #ff7b72; font-weight: bold } /* Operator.Word */ - .pm { color: #c9d1d9 } /* Punctuation.Marker */ - .w { color: #6e7681 } /* Text.Whitespace */ - .mb { color: #a5d6ff } /* Literal.Number.Bin */ - .mf { color: #a5d6ff } /* Literal.Number.Float */ - .mh { color: #a5d6ff } /* Literal.Number.Hex */ - .mi { color: #a5d6ff } /* Literal.Number.Integer */ - .mo { color: #a5d6ff } /* Literal.Number.Oct */ - .sa { color: #79c0ff } /* Literal.String.Affix */ - .sb { color: #a5d6ff } /* Literal.String.Backtick */ - .sc { color: #a5d6ff } /* Literal.String.Char */ - .dl { color: #79c0ff } /* Literal.String.Delimiter */ - .sd { color: #a5d6ff } /* Literal.String.Doc */ - .s2 { color: #a5d6ff } /* Literal.String.Double */ - .se { color: #79c0ff } /* Literal.String.Escape */ - .sh { color: #79c0ff } /* Literal.String.Heredoc */ - .si { color: #a5d6ff } /* Literal.String.Interpol */ - .sx { color: #a5d6ff } /* Literal.String.Other */ - .sr { color: #79c0ff } /* Literal.String.Regex */ - .s1 { color: #a5d6ff } /* Literal.String.Single */ - .ss { color: #a5d6ff } /* Literal.String.Symbol */ - .bp { color: #c9d1d9 } /* Name.Builtin.Pseudo */ - .fm { color: #d2a8ff; font-weight: bold } /* Name.Function.Magic */ - .vc { color: #79c0ff } /* Name.Variable.Class */ - .vg { color: #79c0ff } /* Name.Variable.Global */ - .vi { color: #79c0ff } /* Name.Variable.Instance */ - .vm { color: #79c0ff } /* Name.Variable.Magic */ - .il { color: #a5d6ff } /* Literal.Number.Integer.Long */ - } + .highlight { + td.linenos .normal { + color: #6e7681; + background-color: #0d1117; + padding-left: 5px; + padding-right: 5px; + } + + span.linenos { + color: #6e7681; + background-color: #0d1117; + padding-left: 5px; + padding-right: 5px; + } + + td.linenos .special { + color: #c9d1d9; + background-color: #6e7681; + padding-left: 5px; + padding-right: 5px; + } + + span.linenos.special { + color: #c9d1d9; + background-color: #6e7681; + padding-left: 5px; + padding-right: 5px; + } + + .hll { + background-color: #6e7681 + } + + .c { + color: #8b949e; + font-style: italic + } + + /* Comment */ + .err { + color: #f85149 + } + + /* Error */ + .esc { + color: #c9d1d9 + } + + /* Escape */ + .g { + color: #c9d1d9 + } + + /* Generic */ + .k { + color: #ff7b72 + } + + /* Keyword */ + .l { + color: #a5d6ff + } + + /* Literal */ + .o { + color: #ff7b72; + font-weight: bold + } + + /* Operator */ + .x { + color: #c9d1d9 + } + + /* Other */ + .p { + color: #c9d1d9 + } + + /* Punctuation */ + .ch { + color: #8b949e; + font-style: italic + } + + /* Comment.Hashbang */ + .cm { + color: #8b949e; + font-style: italic + } + + /* Comment.Multiline */ + .cp { + color: #8b949e; + font-weight: bold; + font-style: italic + } + + /* Comment.Preproc */ + .cpf { + color: #8b949e; + font-style: italic + } + + /* Comment.PreprocFile */ + .c1 { + color: #8b949e; + font-style: italic + } + + /* Comment.Single */ + .cs { + color: #8b949e; + font-weight: bold; + font-style: italic + } + + /* Comment.Special */ + .gd { + color: #ffa198; + background-color: #490202 + } + + /* Generic.Deleted */ + .ge { + color: #c9d1d9; + font-style: italic + } + + /* Generic.Emph */ + .gr { + color: #ffa198 + } + + /* Generic.Error */ + .gh { + color: #79c0ff; + font-weight: bold + } + + /* Generic.Heading */ + .gi { + color: #56d364; + background-color: #0f5323 + } + + /* Generic.Inserted */ + .go { + color: #8b949e + } + + /* Generic.Output */ + .gp { + color: #8b949e + } + + /* Generic.Prompt */ + .gs { + color: #c9d1d9; + font-weight: bold + } + + /* Generic.Strong */ + .gu { + color: #79c0ff + } + + /* Generic.Subheading */ + .gt { + color: #ff7b72 + } + + /* Generic.Traceback */ + .g-Underline { + color: #c9d1d9; + text-decoration: underline + } + + /* Generic.Underline */ + .kc { + color: #79c0ff + } + + /* Keyword.Constant */ + .kd { + color: #ff7b72 + } + + /* Keyword.Declaration */ + .kn { + color: #ff7b72 + } + + /* Keyword.Namespace */ + .kp { + color: #79c0ff + } + + /* Keyword.Pseudo */ + .kr { + color: #ff7b72 + } + + /* Keyword.Reserved */ + .kt { + color: #ff7b72 + } + + /* Keyword.Type */ + .ld { + color: #79c0ff + } + + /* Literal.Date */ + .m { + color: #a5d6ff + } + + /* Literal.Number */ + .s { + color: #a5d6ff + } + + /* Literal.String */ + .na { + color: #c9d1d9 + } + + /* Name.Attribute */ + .nb { + color: #c9d1d9 + } + + /* Name.Builtin */ + .nc { + color: #f0883e; + font-weight: bold + } + + /* Name.Class */ + .no { + color: #79c0ff; + font-weight: bold + } + + /* Name.Constant */ + .nd { + color: #d2a8ff; + font-weight: bold + } + + /* Name.Decorator */ + .ni { + color: #ffa657 + } + + /* Name.Entity */ + .ne { + color: #f0883e; + font-weight: bold + } + + /* Name.Exception */ + .nf { + color: #d2a8ff; + font-weight: bold + } + + /* Name.Function */ + .nl { + color: #79c0ff; + font-weight: bold + } + + /* Name.Label */ + .nn { + color: #ff7b72 + } + + /* Name.Namespace */ + .nx { + color: #c9d1d9 + } + + /* Name.Other */ + .py { + color: #79c0ff + } + + /* Name.Property */ + .nt { + color: #7ee787 + } + + /* Name.Tag */ + .nv { + color: #79c0ff + } + + /* Name.Variable */ + .ow { + color: #ff7b72; + font-weight: bold + } + + /* Operator.Word */ + .pm { + color: #c9d1d9 + } + + /* Punctuation.Marker */ + .w { + color: #6e7681 + } + + /* Text.Whitespace */ + .mb { + color: #a5d6ff + } + + /* Literal.Number.Bin */ + .mf { + color: #a5d6ff + } + + /* Literal.Number.Float */ + .mh { + color: #a5d6ff + } + + /* Literal.Number.Hex */ + .mi { + color: #a5d6ff + } + + /* Literal.Number.Integer */ + .mo { + color: #a5d6ff + } + + /* Literal.Number.Oct */ + .sa { + color: #79c0ff + } + + /* Literal.String.Affix */ + .sb { + color: #a5d6ff + } + + /* Literal.String.Backtick */ + .sc { + color: #a5d6ff + } + + /* Literal.String.Char */ + .dl { + color: #79c0ff + } + + /* Literal.String.Delimiter */ + .sd { + color: #a5d6ff + } + + /* Literal.String.Doc */ + .s2 { + color: #a5d6ff + } + + /* Literal.String.Double */ + .se { + color: #79c0ff + } + + /* Literal.String.Escape */ + .sh { + color: #79c0ff + } + + /* Literal.String.Heredoc */ + .si { + color: #a5d6ff + } + + /* Literal.String.Interpol */ + .sx { + color: #a5d6ff + } + + /* Literal.String.Other */ + .sr { + color: #79c0ff + } + + /* Literal.String.Regex */ + .s1 { + color: #a5d6ff + } + + /* Literal.String.Single */ + .ss { + color: #a5d6ff + } + + /* Literal.String.Symbol */ + .bp { + color: #c9d1d9 + } + + /* Name.Builtin.Pseudo */ + .fm { + color: #d2a8ff; + font-weight: bold + } + + /* Name.Function.Magic */ + .vc { + color: #79c0ff + } + + /* Name.Variable.Class */ + .vg { + color: #79c0ff + } + + /* Name.Variable.Global */ + .vi { + color: #79c0ff + } + + /* Name.Variable.Instance */ + .vm { + color: #79c0ff + } + + /* Name.Variable.Magic */ + .il { + color: #a5d6ff + } + + /* Literal.Number.Integer.Long */ + } } diff --git a/djangoproject/scss/_dashboard.scss b/djangoproject/scss/_dashboard.scss index 571e5caaa..f19ee03c9 100644 --- a/djangoproject/scss/_dashboard.scss +++ b/djangoproject/scss/_dashboard.scss @@ -3,6 +3,7 @@ margin: 0 auto; text-align: center; } + @include sans-serif; } @@ -24,6 +25,7 @@ display: block; text-align: left; color: var(--body-fg); + a { color: var(--link-color); @@ -70,6 +72,7 @@ color: var(--text-l20); } } + .timestamp { font-size: 0.16em; font-weight: 400; diff --git a/djangoproject/scss/_normalize.scss b/djangoproject/scss/_normalize.scss index 666b8f0a9..bf06d5072 100644 --- a/djangoproject/scss/_normalize.scss +++ b/djangoproject/scss/_normalize.scss @@ -61,9 +61,12 @@ audio:not([controls]) { */ html { - font-family: sans-serif; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ - -ms-text-size-adjust: 100%; /* 2 */ + font-family: sans-serif; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ + -ms-text-size-adjust: 100%; + /* 2 */ } /* @@ -248,8 +251,10 @@ fieldset { */ legend { - border: 0; /* 1 */ - padding: 0; /* 2 */ + border: 0; + /* 1 */ + padding: 0; + /* 2 */ } /* @@ -262,9 +267,12 @@ button, input, select, textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 2 */ - margin: 0; /* 3 */ + font-family: inherit; + /* 1 */ + font-size: 100%; + /* 2 */ + margin: 0; + /* 3 */ } /* @@ -286,11 +294,14 @@ input { */ button, -html input[type="button"], /* 1 */ +html input[type="button"], +/* 1 */ input[type="reset"], input[type="submit"] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ } /* @@ -309,8 +320,10 @@ input[disabled] { input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } /* @@ -320,9 +333,11 @@ input[type="radio"] { */ input[type="search"] { - -webkit-appearance: textfield; /* 1 */ + -webkit-appearance: textfield; + /* 1 */ -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; /* 2 */ + -webkit-box-sizing: content-box; + /* 2 */ box-sizing: content-box; } @@ -352,8 +367,10 @@ input::-moz-focus-inner { */ textarea { - overflow: auto; /* 1 */ - vertical-align: top; /* 2 */ + overflow: auto; + /* 1 */ + vertical-align: top; + /* 2 */ } /* ========================================================================== diff --git a/djangoproject/scss/_print.scss b/djangoproject/scss/_print.scss index af814de2d..874d1f0c2 100644 --- a/djangoproject/scss/_print.scss +++ b/djangoproject/scss/_print.scss @@ -3,7 +3,8 @@ // H5BP Print styles (https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css) * { background: transparent !important; - color: #000 !important; /* Black prints faster: h5bp.com/s */ + color: #000 !important; + /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } @@ -24,7 +25,8 @@ } thead { - display: table-header-group; /* h5bp.com/t */ + display: table-header-group; + /* h5bp.com/t */ } tr, @@ -54,15 +56,17 @@ // Custom Print Styles - html { // adjust page font size + html { + // adjust page font size font-size: 40%; } - .menu-button, //display none list + .menu-button, + //display none list .news-search, .backtotop, .nav-pagination, - [role="contentinfo"] > .container, + [role="contentinfo"]>.container, [role="contentinfo"] .logo, .thanks, [role="complementary"], diff --git a/djangoproject/scss/_pygments.scss b/djangoproject/scss/_pygments.scss index bf9fb141f..da4a5cc6a 100644 --- a/djangoproject/scss/_pygments.scss +++ b/djangoproject/scss/_pygments.scss @@ -1,321 +1,404 @@ // Pygments Code Hightlighting Styles .highlight { - @include font-size(14); - border: 1px solid var(--code-border); - background: var(--code-bg); - overflow: auto; - border-radius: 4px; - margin: 25px 0; - - pre { - margin: 15px 20px; - } + @include font-size(14); + border: 1px solid var(--code-border); + background: var(--code-bg); + overflow: auto; + border-radius: 4px; + margin: 25px 0; + + pre { + margin: 15px 20px; + } } pre.literal-block, .literal-block { - @include font-size(14); - border: 1px solid var(--code-border); - background: var(--code-bg); - overflow: auto; - border-radius: 4px; - margin: 25px 0; - padding: 10px 20px; + @include font-size(14); + border: 1px solid var(--code-border); + background: var(--code-bg); + overflow: auto; + border-radius: 4px; + margin: 25px 0; + padding: 10px 20px; } html[data-theme="light"], :root { - .code-block-caption { - background: var(--secondary-accent); - color: var(--code-block-title); - @include monospace; - font-size: 1em; - padding: 5px 20px; - border-radius: 4px 4px 0 0; - - + div > .highlight { - margin-top: 0; - border-radius: 0 0 4px 4px; - border-top: 0; - } - } - - // For Django 2.0 docs and older. - .snippet-filename { - background: var(--secondary-accent); - color: var(--code-fg); - @include monospace; - font-size: 1em; - padding: 5px 20px; - border-radius: 4px 4px 0 0; - - + .highlight { - margin-top: 0; - border-radius: 0 0 4px 4px; - border-top: 0; - } - } - - .highlight { - pre { - margin: 15px 20px; - } - - li { - margin-top: 0; - border-left: 1px solid var(--code-border); - padding: 0 0 2px 15px; - - &:first-child { - padding-top: 2px; - } - } - - .hll{ - background-color: #ffffcc - } - .c { - color: #408080; font-style: italic - } - /* Comment */ - .err { - border: 1px solid #FF0000 - } - /* Error */ - .k { - color: #008000; font-weight: bold - } - /* Keyword */ - .o { - color: #666666 - } - /* Operator */ - .cm { - color: #408080; font-style: italic - } - /* Comment.Multiline */ - .cp { - color: #BC7A00 - } - /* Comment.Preproc */ - .c1 { - color: #408080; font-style: italic - } - /* Comment.Single */ - .cs { - color: #408080; font-style: italic - } - /* Comment.Special */ - .gd { - color: #A00000 - } - /* Generic.Deleted */ - .ge { - font-style: italic - } - /* Generic.Emph */ - .gr { - color: #FF0000 - } - /* Generic.Error */ - .gh { - color: #000080; font-weight: bold - } - /* Generic.Heading */ - .gi { - color: #00A000 - } - /* Generic.Inserted */ - .go { - color: #808080 - } - /* Generic.Output */ - .gp { - color: #000080; font-weight: bold - } - /* Generic.Prompt */ - .gs { - font-weight: bold - } - /* Generic.Strong */ - .gu { - color: #800080; font-weight: bold - } - /* Generic.Subheading */ - .gt { - color: #0040D0 - } - /* Generic.Traceback */ - .kc { - color: #008000; font-weight: bold - } - /* Keyword.Constant */ - .kd { - color: #008000; font-weight: bold - } - /* Keyword.Declaration */ - .kn { - color: #008000; font-weight: bold - } - /* Keyword.Namespace */ - .kp { - color: #008000 - } - /* Keyword.Pseudo */ - .kr { - color: #008000; font-weight: bold - } - /* Keyword.Reserved */ - .kt { - color: #B00040 - } - /* Keyword.Type */ - .m { - color: #666666 - } - /* Literal.Number */ - .s { - color: #BA2121 - } - /* Literal.String */ - .na { - color: #7D9029 - } - /* Name.Attribute */ - .nb { - color: #008000 - } - /* Name.Builtin */ - .nc { - color: #0000FF; font-weight: bold - } - /* Name.Class */ - .no { - color: #880000 - } - /* Name.Constant */ - .nd { - color: #AA22FF - } - /* Name.Decorator */ - .ni { - color: #999999; font-weight: bold - } - /* Name.Entity */ - .ne { - color: #D2413A; font-weight: bold - } - /* Name.Exception */ - .nf { - color: #0000FF - } - /* Name.Function */ - .nl { - color: #A0A000 - } - /* Name.Label */ - .nn { - color: #0000FF; font-weight: bold - } - /* Name.Namespace */ - .nt { - color: #008000; font-weight: bold - } - /* Name.Tag */ - .nv { - color: #19177C - } - /* Name.Variable */ - .ow { - color: #AA22FF; font-weight: bold - } - /* Operator.Word */ - .w { - color: #bbbbbb - } - /* Text.Whitespace */ - .mf { - color: #666666 - } - /* Literal.Number.Float */ - .mh { - color: #666666 - } - /* Literal.Number.Hex */ - .mi { - color: #666666 - } - /* Literal.Number.Integer */ - .mo { - color: #666666 - } - /* Literal.Number.Oct */ - .sb { - color: #BA2121 - } - /* Literal.String.Backtick */ - .sc { - color: #BA2121 - } - /* Literal.String.Char */ - .sd { - color: #BA2121; font-style: italic - } - /* Literal.String.Doc */ - .s2 { - color: #BA2121 - } - /* Literal.String.Double */ - .se { - color: #BB6622; font-weight: bold - } - /* Literal.String.Escape */ - .sh { - color: #BA2121 - } - /* Literal.String.Heredoc */ - .si { - color: #BB6688; font-weight: bold - } - /* Literal.String.Interpol */ - .sx { - color: #008000 - } - /* Literal.String.Other */ - .sr { - color: #BB6688 - } - /* Literal.String.Regex */ - .s1 { - color: #BA2121 - } - /* Literal.String.Single */ - .ss { - color: #19177C - } - /* Literal.String.Symbol */ - .bp { - color: #008000 - } - /* Name.Builtin.Pseudo */ - .vc { - color: #19177C - } - /* Name.Variable.Class */ - .vg { - color: #19177C - } - /* Name.Variable.Global */ - .vi { - color: #19177C - } - /* Name.Variable.Instance */ - .il { - color: #666666 - } - /* Literal.Number.Integer.Long */ - .lineno { - color: #000000; background-color: #dddddd; - } - } + .code-block-caption { + background: var(--secondary-accent); + color: var(--code-block-title); + @include monospace; + font-size: 1em; + padding: 5px 20px; + border-radius: 4px 4px 0 0; + + +div>.highlight { + margin-top: 0; + border-radius: 0 0 4px 4px; + border-top: 0; + } + } + + // For Django 2.0 docs and older. + .snippet-filename { + background: var(--secondary-accent); + color: var(--code-fg); + @include monospace; + font-size: 1em; + padding: 5px 20px; + border-radius: 4px 4px 0 0; + + +.highlight { + margin-top: 0; + border-radius: 0 0 4px 4px; + border-top: 0; + } + } + + .highlight { + pre { + margin: 15px 20px; + } + + li { + margin-top: 0; + border-left: 1px solid var(--code-border); + padding: 0 0 2px 15px; + + &:first-child { + padding-top: 2px; + } + } + + .hll { + background-color: #ffffcc + } + + .c { + color: #408080; + font-style: italic + } + + /* Comment */ + .err { + border: 1px solid #FF0000 + } + + /* Error */ + .k { + color: #008000; + font-weight: bold + } + + /* Keyword */ + .o { + color: #666666 + } + + /* Operator */ + .cm { + color: #408080; + font-style: italic + } + + /* Comment.Multiline */ + .cp { + color: #BC7A00 + } + + /* Comment.Preproc */ + .c1 { + color: #408080; + font-style: italic + } + + /* Comment.Single */ + .cs { + color: #408080; + font-style: italic + } + + /* Comment.Special */ + .gd { + color: #A00000 + } + + /* Generic.Deleted */ + .ge { + font-style: italic + } + + /* Generic.Emph */ + .gr { + color: #FF0000 + } + + /* Generic.Error */ + .gh { + color: #000080; + font-weight: bold + } + + /* Generic.Heading */ + .gi { + color: #00A000 + } + + /* Generic.Inserted */ + .go { + color: #808080 + } + + /* Generic.Output */ + .gp { + color: #000080; + font-weight: bold + } + + /* Generic.Prompt */ + .gs { + font-weight: bold + } + + /* Generic.Strong */ + .gu { + color: #800080; + font-weight: bold + } + + /* Generic.Subheading */ + .gt { + color: #0040D0 + } + + /* Generic.Traceback */ + .kc { + color: #008000; + font-weight: bold + } + + /* Keyword.Constant */ + .kd { + color: #008000; + font-weight: bold + } + + /* Keyword.Declaration */ + .kn { + color: #008000; + font-weight: bold + } + + /* Keyword.Namespace */ + .kp { + color: #008000 + } + + /* Keyword.Pseudo */ + .kr { + color: #008000; + font-weight: bold + } + + /* Keyword.Reserved */ + .kt { + color: #B00040 + } + + /* Keyword.Type */ + .m { + color: #666666 + } + + /* Literal.Number */ + .s { + color: #BA2121 + } + + /* Literal.String */ + .na { + color: #7D9029 + } + + /* Name.Attribute */ + .nb { + color: #008000 + } + + /* Name.Builtin */ + .nc { + color: #0000FF; + font-weight: bold + } + + /* Name.Class */ + .no { + color: #880000 + } + + /* Name.Constant */ + .nd { + color: #AA22FF + } + + /* Name.Decorator */ + .ni { + color: #999999; + font-weight: bold + } + + /* Name.Entity */ + .ne { + color: #D2413A; + font-weight: bold + } + + /* Name.Exception */ + .nf { + color: #0000FF + } + + /* Name.Function */ + .nl { + color: #A0A000 + } + + /* Name.Label */ + .nn { + color: #0000FF; + font-weight: bold + } + + /* Name.Namespace */ + .nt { + color: #008000; + font-weight: bold + } + + /* Name.Tag */ + .nv { + color: #19177C + } + + /* Name.Variable */ + .ow { + color: #AA22FF; + font-weight: bold + } + + /* Operator.Word */ + .w { + color: #bbbbbb + } + + /* Text.Whitespace */ + .mf { + color: #666666 + } + + /* Literal.Number.Float */ + .mh { + color: #666666 + } + + /* Literal.Number.Hex */ + .mi { + color: #666666 + } + + /* Literal.Number.Integer */ + .mo { + color: #666666 + } + + /* Literal.Number.Oct */ + .sb { + color: #BA2121 + } + + /* Literal.String.Backtick */ + .sc { + color: #BA2121 + } + + /* Literal.String.Char */ + .sd { + color: #BA2121; + font-style: italic + } + + /* Literal.String.Doc */ + .s2 { + color: #BA2121 + } + + /* Literal.String.Double */ + .se { + color: #BB6622; + font-weight: bold + } + + /* Literal.String.Escape */ + .sh { + color: #BA2121 + } + + /* Literal.String.Heredoc */ + .si { + color: #BB6688; + font-weight: bold + } + + /* Literal.String.Interpol */ + .sx { + color: #008000 + } + + /* Literal.String.Other */ + .sr { + color: #BB6688 + } + + /* Literal.String.Regex */ + .s1 { + color: #BA2121 + } + + /* Literal.String.Single */ + .ss { + color: #19177C + } + + /* Literal.String.Symbol */ + .bp { + color: #008000 + } + + /* Name.Builtin.Pseudo */ + .vc { + color: #19177C + } + + /* Name.Variable.Class */ + .vg { + color: #19177C + } + + /* Name.Variable.Global */ + .vi { + color: #19177C + } + + /* Name.Variable.Instance */ + .il { + color: #666666 + } + + /* Literal.Number.Integer.Long */ + .lineno { + color: #000000; + background-color: #dddddd; + } + } } diff --git a/djangoproject/scss/_style.scss b/djangoproject/scss/_style.scss index 903af752d..e52b08c1d 100644 --- a/djangoproject/scss/_style.scss +++ b/djangoproject/scss/_style.scss @@ -31,6 +31,7 @@ body { min-width: 768px; } } + a { color: var(--link-color); text-decoration: underline; @@ -47,15 +48,21 @@ a { } } -::selection { // Text Selection Colors +::selection { + // Text Selection Colors background: var(--secondary-accent); } + ::-moz-selection { background: var(--secondary-accent); } -ol li, ul li { //list style + +ol li, +ul li { + //list style margin-top: 10px; } + dl { margin: 20px 0 10px; @@ -67,6 +74,7 @@ dl { dd { margin: 0.2em 0 1.2em; padding: 0; + &:last-of-type { margin-bottom: 0; } @@ -78,6 +86,7 @@ dl { } } } + h1, h2, h3, @@ -94,11 +103,13 @@ h6 { } + h1 { @include font-size(28); color: var(--white-color); letter-spacing: -1px; line-height: 1.1; + @include respond-min(768px) { @include font-size(32); } @@ -117,8 +128,10 @@ h1 { @include font-size(28); } } + h2 { @include font-size(24); + [role="complementary"] &, .layout-secondary & { @include font-size(20); @@ -147,6 +160,7 @@ h2 { margin-bottom: 15px; } } + h3 { @include font-size(20); font-weight: 700; @@ -207,15 +221,18 @@ span.pre { @include monospace; } -a:hover, a:active, a:focus { +a:hover, +a:active, +a:focus { tt { color: var(--text-l20); } } p { + //increase top margin if first item in container - [role="main"] > &:first-child { + [role="main"]>&:first-child { margin-top: 30px; } } @@ -236,6 +253,7 @@ blockquote { p:first-child { margin-top: 0; } + &::before { @include fa-icon(); position: absolute; @@ -256,6 +274,7 @@ blockquote { //Main column. Left aligned by default. See /styleguide for explanation. background: var(--white-color); padding: 1px 10px 40px; + @include respond-min(768px) { min-height: 800px; border: 1px solid #ddd; @@ -265,6 +284,7 @@ blockquote { padding-left: 3%; padding-right: 3%; width: 60%; + .mdzr-boxshadow & { border: none; box-shadow: 0px 0px 0 0 var(--white-color), 0px 0px 0 0 var(--white-color), 460px 0 0 0 var(--white-color), 1000px 0 0 0 var(--white-color), 0px 600px 0 0px var(--white-color), 460px 600px 0 0px var(--white-color); @@ -275,6 +295,7 @@ blockquote { .sidebar-right & { float: left; + .mdzr-boxshadow & { border: none; box-shadow: 0px 0px 0 0 var(--white-color), 0px 0px 0 0 var(--white-color), -460px 0 0 0 var(--white-color), -1000px 0 0 0 var(--white-color), 0px 600px 0 0px var(--white-color), -460px 600px 0 0px var(--white-color); @@ -303,10 +324,12 @@ blockquote { .section { padding-bottom: 40px; border-bottom: 1px solid var(--hairline-color); + &:last-of-type { padding-bottom: 0; border-bottom: 0; } + dd { &.last-child { padding-bottom: 0; @@ -316,6 +339,7 @@ blockquote { } .full-width { + // Single column, full width layout. See /styleguide for explanation. &.container { width: 100%; @@ -324,6 +348,7 @@ blockquote { border-bottom: 1px solid #ddd; background: var(--white-color); } + // High-level class denoting full-width layout @include clearfix; @@ -337,6 +362,7 @@ blockquote { //Sidebar in column layouts, gray section in fullwidth layout padding: 0 10px 20px; @include font-size(14); + @include respond-min(768px) { float: right; margin: 20px 0; @@ -362,6 +388,7 @@ blockquote { li { border-top: 0; } + h2 { padding: 10px 40px 10px 0; font-size: 18px; @@ -392,16 +419,19 @@ blockquote { // Secondary (gray) content area on full-width pages padding: 20px 10px 50px; } + .layout-tertiary { // Tertiary (white) content area on full-width pages background: var(--white-color); border-top: 1px solid #ddd; padding: 20px 10px 50px; + .mdzr-boxshadow & { border: none; @include secondary-shadow-bottom; } } + .container { @include respond-min(768px) { margin: 0 auto; @@ -415,13 +445,16 @@ blockquote { } } } + .container--flex { display: flex; align-items: center; justify-content: space-between; } + .container--flex--wrap--mobile { flex-wrap: wrap; + @include respond-min(768px) { flex-wrap: no-wrap; } @@ -480,7 +513,8 @@ blockquote { width: 104px; height: 36px; - .mdzr-svg & { // deliver svg logo if applicable + .mdzr-svg & { + // deliver svg logo if applicable background: url(../img/logo-django.svg) center center no-repeat; } @@ -589,7 +623,8 @@ blockquote { padding: 20px 0px; text-decoration: none; - &:active, &:hover { + &:active, + &:hover { color: var(--secondary-accent); } @@ -598,19 +633,20 @@ blockquote { } } - span { - display: inline-block; - padding: 20px 10px; - color: var(--white-color); + span { + display: inline-block; + padding: 20px 10px; + color: var(--white-color); - &:active, &:hover { + &:active, + &:hover { color: var(--secondary-accent); } @include respond-min(768px) { padding: 20px 10px; } - } + } .nav-primary { @include respond-min(768px) { @@ -621,6 +657,7 @@ blockquote { } } } + .header { // dark green bar containing the page title @include sans-serif; @@ -649,6 +686,7 @@ blockquote { } } } + .copy-banner { // Large green callout at the top of the page background: var(--primary); @@ -687,16 +725,19 @@ blockquote { color: var(--secondary-accent); } - a.cta, .cta { + a.cta, + .cta { margin: 0; @include font-size(18); } } - a.cta, .cta { + a.cta, + .cta { margin: 15px 0; padding: 0.4em 1.5em 0.5em; background: var(--primary-light); + &:hover { background: lighten($green-medium-dark, 4%); } @@ -705,13 +746,16 @@ blockquote { border: 1px solid var(--secondary-accent); color: var(--cta-color-accent); font-weight: 400; + em { color: var(--white-color); } + &:hover { background: var(--body-bg); color: var(--secondary); border-color: var(--body-bg); + em { color: var(--secondary); } @@ -722,6 +766,7 @@ blockquote { color: var(--secondary); font-weight: 700; border: 0; + &:hover { background: var(--white-color); } @@ -733,6 +778,7 @@ blockquote { background: var(--white-color); text-align: center; border-bottom: 1px solid var(--hairline-color); + p { max-width: 700px; margin-left: auto; @@ -740,16 +786,20 @@ blockquote { margin: 1em auto .5em; color: var(--body-fg); @include font-size(36); + &.small { color: var(--text-light); margin: 2em auto 1em; @include font-size(14); } + em { color: var(--body-fg); } } - a.cta, .cta { + + a.cta, + .cta { display: inline-block; padding: 1em 50px 1.1em; margin-bottom: 40px; @@ -757,9 +807,11 @@ blockquote { color: var(--white-color); border: 0; font-weight: 700; + &:hover { background: lighten($green-medium, 4%); } + &:active { background: darken($green-medium, 2%); } @@ -770,33 +822,40 @@ blockquote { margin: 0 auto; list-style: none; padding: 0 0 0 30px; + li { width: 144px; display: inline-block; text-indent: -1000px; overflow: hidden; margin: 0; + a { display: block; height: 46px; background-position: center; background-repeat: no-repeat; + &.company-mozilla { @include svg-image(company-mozilla); background-position: center 7px; } + &.company-pinterest { @include svg-image(company-pinterest); background-position: center 7px; } + &.company-theguardian { @include svg-image(company-theguardian); background-position: center 14px; } + &.company-instagram { @include svg-image(company-instagram); background-position: center 10px; } + &.company-rdio { @include svg-image(company-rdio); background-position: 15px 6px; @@ -816,6 +875,7 @@ blockquote { a { @include link-green; + &.link-readmore { margin: 0; } @@ -825,18 +885,21 @@ blockquote { margin: 0 10px; padding: 25px 0; @include clearfix; + dt { i.icon { color: var(--secondary); margin-right: 8px; } } + dd { float: left; width: 60%; margin-top: 0; @include sans-serif; } + .link-readmore { margin-left: 10px; } @@ -848,6 +911,7 @@ blockquote { width: 31%; padding-right: 2%; } + dl { margin: 0; } @@ -882,6 +946,7 @@ blockquote { border-top: 0; } } + @include respond-min(768px) { float: left; margin-bottom: -999px; @@ -893,6 +958,7 @@ blockquote { margin-left: 0; padding-left: 0; } + &.last-child { margin-right: 0; padding-right: 0; @@ -908,6 +974,7 @@ blockquote { font-weight: 700; margin-top: 20px; padding: 30px 0 10px; + @include respond-min(768px) { border: none; margin-top: 0; @@ -952,6 +1019,7 @@ blockquote { .logo { margin-right: 0; margin-top: 28px; + .mdzr-svg & { background-position: left center; margin-right: 0; @@ -973,6 +1041,7 @@ blockquote { text-decoration: none; text-indent: 100%; width: 142px; + @include respond-min(768px) { float: left; margin: 20px 90px 0 0; @@ -990,6 +1059,7 @@ blockquote { color: var(--primary-accent); margin: 0; padding: 0; + @include respond-min(768px) { border: none; } @@ -1000,6 +1070,7 @@ blockquote { padding: 17px 10px 11px; display: block; clear: both; + @include respond-min(768px) { background: none; float: left; @@ -1009,9 +1080,11 @@ blockquote { &.design { - span.ampersand, a { + span.ampersand, + a { display: inline-block; vertical-align: top; + &.threespot { clear: both; } @@ -1044,12 +1117,14 @@ blockquote { color: var(--primary-accent); } - a.threespot, a.andrevv { + a.threespot, + a.andrevv { display: block; height: 33px; overflow: hidden; text-indent: -200px; width: 94px; + @include respond-min(768px) { clear: both; margin-top: 5px; @@ -1057,12 +1132,15 @@ blockquote { &.threespot { background: url(../img/logo-threespot.png) no-repeat left center; + .mdzr-svg & { background: url(../img/logo-threespot.svg) no-repeat left center; } } + &.andrevv { background: url(../img/logo-andrevv.png) no-repeat left center; + .mdzr-svg & { background: url(../img/logo-andrevv.svg) no-repeat left center; } @@ -1075,6 +1153,7 @@ blockquote { @include font-size(12); clear: both; margin: 20px 0 0 10px; + @include respond-min(768px) { max-width: 80%; padding-top: 30px; @@ -1100,11 +1179,14 @@ blockquote { padding: 10px 0; text-align: center; text-transform: uppercase; + @include respond-min(768px) { display: none; } } -.cta, a.cta { + +.cta, +a.cta { // Call To Action buttons @include sans-serif; font-weight: 700; @@ -1121,6 +1203,7 @@ blockquote { padding: 1em 1.5em; text-align: center; text-decoration: none; + @include respond-min(768px) { margin: 20px auto; max-width: 400px; @@ -1131,7 +1214,8 @@ blockquote { font-style: normal; } - &:hover, &:focus { + &:hover, + &:focus { background: lighten($green-medium, 4%); } @@ -1142,9 +1226,10 @@ blockquote { [role="complementary"] & { @include font-size(16); - + .link-readmore { + +.link-readmore { display: block; text-align: center; + @include respond-min(768px) { margin-top: -10px; } @@ -1171,23 +1256,28 @@ blockquote { &:hover { border-color: var(--secondary); color: var(--secondary); + em { color: var(--secondary); } } + &:active { border-color: var(--primary); color: var(--primary); + em { color: var(--primary); } } } } + .link-green { // class render of the link-green mixin @include link-green; } + .link-readmore { // Read More links. Should exist outside of

tag, and include the '›' arrow after the text. @include link-green; @@ -1195,19 +1285,23 @@ blockquote { @include font-size(14); display: inline-block; margin: 10px 0; + &:after { content: " ›"; font-size: 1.2em; } + &.back-link { &:after { content: ""; } + &:before { content: "‹ "; font-size: 1.2em; } } + font-weight: 700; text-transform: uppercase; @@ -1215,6 +1309,7 @@ blockquote { @include font-size(12); } } + .meta { // Re-usable meta class for alternate-style content. @include sans-serif; @@ -1227,6 +1322,7 @@ blockquote { @include link-green; } } + .layout-2col { //two column layout module margin: 20px 0; @@ -1234,29 +1330,36 @@ blockquote { @include respond-min(768px) { @include clearfix; margin: 0; + .col { float: left; width: 46%; margin: 0 4%; + &:first-child { margin-left: 0; } + &.last-child { margin-right: 0; } } + .one-third { width: 29%; } + .two-third { width: 62%; } } } + .blue { // overide blue color class color: var(--secondary); } + .label { // Label style associated with forms and other global elements. @include sans-serif; @@ -1286,6 +1389,7 @@ blockquote { } } } + .callout-right { @include respond-min(768px) { float: right; @@ -1302,6 +1406,7 @@ blockquote { max-width: 100%; } } + .callout-left { @include respond-min(768px) { float: left; @@ -1381,6 +1486,7 @@ blockquote { @include link-green; } } + .list-tags { // Tag list style with blue block links. (See sidebar-news.html include.) @include sans-serif; @@ -1412,6 +1518,7 @@ blockquote { } } } + .list-news { // News article listing style. (See News & Events Page.) list-style: none; @@ -1443,12 +1550,14 @@ blockquote { .meta { margin-top: 10px; color: var(--dark-hairline-color); + a:link { color: var(--text-light); text-decoration: underline; } } } + .list-case-study { // Three column list for Case Studies that switches to one column on mobile. (See Overview page.) @include clearfix; @@ -1465,12 +1574,14 @@ blockquote { border-top: 1px solid var(--hairline-color); margin-top: 20px; padding-top: 20px; + @include respond-min(1024px) { border: none; float: left; padding-right: 5%; padding-top: 0; width: 28%; + &:nth-child(3) { &:after { clear: both; @@ -1482,13 +1593,14 @@ blockquote { } } - li > a { + li>a { @include sans-serif; @include link-green; @include font-size(12); font-weight: 700; margin-top: 10px; text-transform: uppercase; + &:after { content: " ›"; font-size: 1.2em; @@ -1516,6 +1628,7 @@ blockquote { background: url(../img/logo-knight.svg) no-repeat bottom left; } } + [title="Mozilla"] { background: url(../img/logo-mozilla.png) no-repeat bottom left; height: 32px; @@ -1525,6 +1638,7 @@ blockquote { background: url(../img/logo-mozilla.svg) no-repeat bottom left; } } + [title="Disqus"] { background: url(../img/logo-disqus.png) no-repeat bottom left; height: 28px; @@ -1541,10 +1655,12 @@ blockquote { margin-top: 0; margin-bottom: 30px; width: auto; + p { @include font-size(18); margin-right: 40px; } + h3 { margin-top: 20px; } @@ -1573,6 +1689,7 @@ blockquote { float: left; margin: 10px 5% 0 0; width: 45%; + @include respond-min(768px) { margin-right: 3%; width: 30%; @@ -1591,7 +1708,7 @@ blockquote { } -h2 + .list-link-soup { +h2+.list-link-soup { border-top: 0; } @@ -1617,9 +1734,11 @@ h2 + .list-link-soup { line-height: 1.68em; display: inline-block; text-align: center; + &.icon-briefcase { line-height: 1.7em; } + &.icon-dashboard { line-height: 1.5em; } @@ -1683,15 +1802,19 @@ h2 + .list-link-soup { &.icon-bolt { background-position: -150px -269px; } + &.icon-briefcase { background-position: -354px -7px; } + &.icon-lock { background-position: -36px -96px; } + &.icon-dashboard { background-position: -270px -9px; } + &.icon-cogs { background-position: -334px -12px; } @@ -1712,30 +1835,39 @@ h2 + .list-link-soup { &.icon-bolt { background-position: 40px -369px; + &.inview { background-position: -150px -269px; } } + &.icon-briefcase { background-position: -494px 207px; + &.inview { background-position: -354px -7px; } } + &.icon-lock { background-position: 144px -206px; + &.inview { background-position: -36px -96px; } } + &.icon-dashboard { background-position: -360px 201px; + &.inview { background-position: -270px -9px; } } + &.icon-cogs { background-position: -500px -180px; + &.inview { background-position: -334px -12px; } @@ -1766,30 +1898,30 @@ h2 + .list-link-soup { } i { - color: var(--body-bg); - margin-right: 10px; - width: 40px; - height: 40px; - top: 10px; - border-radius: 20px; - background: var(--secondary); - display: inline-block; - text-align: center; - @include font-size(24); + color: var(--body-bg); + margin-right: 10px; + width: 40px; + height: 40px; + top: 10px; + border-radius: 20px; + background: var(--secondary); + display: inline-block; + text-align: center; + @include font-size(24); - .mdzr-svg.mdzr-borderradius.mdzr-cssanimations & { - -webkit-transition: all 0.3s ease-out; - transition: all 0.3s ease-out; + .mdzr-svg.mdzr-borderradius.mdzr-cssanimations & { + -webkit-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; - -webkit-transform: rotate(0.5turn); - transform: rotate(0.5turn); + -webkit-transform: rotate(0.5turn); + transform: rotate(0.5turn); - &.inview { - -webkit-transform: rotate(0turn); - transform: rotate(0turn); - } + &.inview { + -webkit-transform: rotate(0turn); + transform: rotate(0turn); } } + } @include respond-min(768px) { @@ -1803,6 +1935,7 @@ h2 + .list-link-soup { dd { padding: 0 60px 20px 110px; min-height: 0; + p { margin-top: 0; @include font-size(18); @@ -1830,7 +1963,7 @@ h2 + .list-link-soup { margin: 40px 0 20px; } - + .form-controls.label { + +.form-controls.label { margin: 50px 0 0; text-align: right; } @@ -1852,7 +1985,7 @@ h2 + .list-link-soup { &.active { - > li { + >li { border-top: 1px solid var(--hairline-color); margin: 0; padding: 0; @@ -1886,6 +2019,7 @@ h2 + .list-link-soup { position: absolute; right: 0; top: 24px; + &:before { content: "\f067"; } @@ -1895,7 +2029,7 @@ h2 + .list-link-soup { // H2 class for using icons as 'bullets' much like the layout of a list. When the line breaks, the text won't fold under the icon. See the community page for an example. padding-left: 1.5em; - > i:first-child { + >i:first-child { position: absolute; top: 24px; left: 0; @@ -1910,6 +2044,7 @@ h2 + .list-link-soup { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } + li.active .collapsing-content { max-height: 1000px; overflow: auto; @@ -1927,6 +2062,7 @@ h2 + .list-link-soup { border-top: 1px solid var(--hairline-color); margin-top: 20px; padding-top: 40px; + @include respond-min(768px) { @include clearfix; margin-top: 20px; @@ -1967,7 +2103,10 @@ h2 + .list-link-soup { max-height: 200px; } - h2, h3, h4, p { + h2, + h3, + h4, + p { padding-left: 240px; } @@ -1986,7 +2125,10 @@ h2 + .list-link-soup { margin: 0 20px 10px 0; } - h2, h3, h4, p { + h2, + h3, + h4, + p { padding-left: 0px; border: 0; } @@ -2005,7 +2147,8 @@ h2 + .list-link-soup { //-------------------Documentation styles -#s-django-documentation, #s-feed { +#s-django-documentation, +#s-feed { @include sans-serif; } @@ -2021,31 +2164,36 @@ h2 + .list-link-soup { text-decoration: none; } - > li > ul > li { + >li>ul>li { margin-top: 12px; + &:first-child { margin-top: 6px; } } - > li > a { //top level + >li>a { + //top level text-transform: uppercase; font-weight: 700; @include link-green; } - > li > ul { //second level + >li>ul { + //second level list-style: none; @include font-size(12); padding: 5px 0 0 10px; - > li > a { + + >li>a { font-weight: 700; text-transform: uppercase; @include link-green; } } - > li > ul > li ul { //third level & down + >li>ul>li ul { + //third level & down @include font-size(14); padding: 0 0 0 20px; @@ -2071,87 +2219,101 @@ h2 + .list-link-soup { text-decoration: none; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; + &:focus { opacity: 1; } } - h1, - h2, - h3, - h4, - h5, - h6, - dl, - dt { - &:hover { - > .headerlink { - opacity: 1; - } +h1, +h2, +h3, +h4, +h5, +h6, +dl, +dt { + &:hover { + >.headerlink { + opacity: 1; } } +} //Notes, help blocks, and annotation sections .note, .admonition, .help-block { - background: var(--body-bg); - padding: 15px 20px 15px 70px; - border: 1px solid var(--secondary-accent); - border-radius: 4px; - margin: 25px 0; - position: relative; + background: var(--body-bg); + padding: 15px 20px 15px 70px; + border: 1px solid var(--secondary-accent); + border-radius: 4px; + margin: 25px 0; + position: relative; - h1,h2,h3,h4 { - margin-top: 20px; - } - p { - margin: 0.8em 0; - } - .first { - margin-top: 0; - } - // Add an icon on the left of the box - .admonition-title { - font-weight: bold; - &::before { - @include fa-icon(); - position: absolute; - top: 20px; - left: 20px; - font-size: 30px; - width: 34px; - text-align: center; - content: $fa-var-file-text-o; // default icon - opacity: 0.5; - } + h1, + h2, + h3, + h4 { + margin-top: 20px; + } + + p { + margin: 0.8em 0; + } + + .first { + margin-top: 0; + } + + // Add an icon on the left of the box + .admonition-title { + font-weight: bold; + + &::before { + @include fa-icon(); + position: absolute; + top: 20px; + left: 20px; + font-size: 30px; + width: 34px; + text-align: center; + content: $fa-var-file-text-o; // default icon + opacity: 0.5; } - &.warning { - background-color: var(--warning); - border-color: var(--warning-dark); - color: var(--warning-text); - .admonition-title::before { - color: #E9BD46; - content: $fa-var-exclamation-triangle; - } + } + + &.warning { + background-color: var(--warning); + border-color: var(--warning-dark); + color: var(--warning-text); - code { - color: var(--warning-text); - } + .admonition-title::before { + color: #E9BD46; + content: $fa-var-exclamation-triangle; } - &.admonition-philosophy { - .admonition-title::before { - content: $fa-var-lightbulb-o; - } + + code { + color: var(--warning-text); } - &.admonition-behind-the-scenes { - .admonition-title::before { - content: $fa-var-cogs; - } + } + + &.admonition-philosophy { + .admonition-title::before { + content: $fa-var-lightbulb-o; } - .last, .highlight { - margin-bottom: 0px; + } + + &.admonition-behind-the-scenes { + .admonition-title::before { + content: $fa-var-cogs; } + } + + .last, + .highlight { + margin-bottom: 0px; + } } @@ -2170,6 +2332,7 @@ h2 + .list-link-soup { .left { float: left; + .icon { margin-right: 4px; @include font-size(12); @@ -2178,6 +2341,7 @@ h2 + .list-link-soup { .right { float: right; + .icon { margin-left: 4px; @include font-size(12); @@ -2213,14 +2377,17 @@ h2 + .list-link-soup { } } -#doc-versions, #doc-languages, #faq-link { +#doc-versions, +#doc-languages, +#faq-link { margin: 0; padding-top: 0.25em; padding-bottom: 0.25em; &.open { - li{ + li { display: inline-block; + &.current { border: 1px solid $green-light; } @@ -2257,6 +2424,7 @@ h2 + .list-link-soup { padding: 8px 15px; border: 1px solid var(--hairline-color); border-radius: 4px; + &:hover { color: var(--secondary); border: 1px solid $green-light; @@ -2268,6 +2436,7 @@ h2 + .list-link-soup { pointer-events: auto; padding: 2em 0; margin: -1.75em 0; + li { display: inline-block; } @@ -2275,7 +2444,8 @@ h2 + .list-link-soup { } -#dev-warning, #outdated-warning { +#dev-warning, +#outdated-warning { position: absolute; top: 0; width: 100%; @@ -2290,7 +2460,7 @@ h2 + .list-link-soup { font-size: 14px; text-align: center; background-color: $warning-bg; - color: $text; + color: $text; @include respond-min(768px) { position: fixed; @@ -2307,7 +2477,12 @@ h2 + .list-link-soup { // Decrease vertical spacing in docs for less scrolling - h1, h2, h3, h4, h5, h6 { + h1, + h2, + h3, + h4, + h5, + h6 { margin: 0.6em 0; line-height: 1.1em; } @@ -2325,11 +2500,11 @@ h2 + .list-link-soup { @include font-size(14); line-height: 1.5em; - .warning { - a.reference { - color: var(--warning-link-block); - } - } + .warning { + a.reference { + color: var(--warning-link-block); + } + } a.reference { // for docs links. if we keep text-decoration, then underscores in function names become invisible. @@ -2352,9 +2527,11 @@ h2 + .list-link-soup { font-style: normal; } } + code.literal { font-weight: 700; } + .code-block-caption { code.literal { font-weight: 400; @@ -2362,7 +2539,9 @@ h2 + .list-link-soup { } } -.versionadded, .versionchanged, .versionmodified { +.versionadded, +.versionchanged, +.versionmodified { @include sans-serif; font-weight: bold; margin-bottom: 20px; @@ -2374,6 +2553,7 @@ h2 + .list-link-soup { p { font-weight: normal; margin-top: 0.3em; + &:last-child { margin-bottom: 0; } @@ -2383,7 +2563,9 @@ h2 + .list-link-soup { .deprecated { @extend .versionchanged; - .versionadded, .versionchanged, .versionmodified { + .versionadded, + .versionchanged, + .versionmodified { border: none; padding: 0; margin-bottom: 0; @@ -2393,6 +2575,7 @@ h2 + .list-link-soup { p { font-weight: normal; margin-top: 0; + &:last-child { margin-bottom: 0; } @@ -2401,17 +2584,26 @@ h2 + .list-link-soup { } -dl.function, dl.class, dl.method, dl.classmethod, dl.staticmethod, dl.attribute, dl.exception, dl.data { +dl.function, +dl.class, +dl.method, +dl.classmethod, +dl.staticmethod, +dl.attribute, +dl.exception, +dl.data { dt { font-weight: 700; } + dd { padding-left: 1.4em; } } -table.docutils td, table.docutils th { +table.docutils td, +table.docutils th { border-bottom: 1px solid var(--hairline-color); } @@ -2434,6 +2626,7 @@ table.docutils td, table.docutils th { &:first-child { margin-top: 0; } + font-weight: 400; } @@ -2470,7 +2663,7 @@ table.docutils td, table.docutils th { } } - + h2 { + +h2 { margin-top: 34px; } } @@ -2480,19 +2673,20 @@ table.docutils td, table.docutils th { a { mark { - color: var(--search-mark-text); - text-decoration: none; - - &:visited { - color: var(--link-color); - } - - &:hover, - &:active, - &:focus { - color: var(--search-link-hover); - text-decoration: none; - } + color: var(--search-mark-text); + text-decoration: none; + + &:visited { + color: var(--link-color); + } + + &:hover, + &:active, + &:focus { + color: var(--search-link-hover); + text-decoration: none; + } + background-color: var(--secondary-accent); } } @@ -2533,6 +2727,7 @@ table.docutils td, table.docutils th { dd { margin-bottom: 30px; + mark { background-color: var(--secondary-accent); color: var(--search-mark-text); @@ -2544,13 +2739,14 @@ table.docutils td, table.docutils th { //List style used to display links, with optional icons. See Homepage sidebar padding-left: 0; list-style: none; + a { @include link-green; text-decoration: none; } - li > a, - dt > a { + li>a, + dt>a { &:before { font-family: FontAwesome; font-weight: normal; @@ -2573,8 +2769,9 @@ table.docutils td, table.docutils th { // Add document icon before list item link &.docs-list { list-style: none; - li > a, - dt > a { + + li>a, + dt>a { &:before { content: "\f0f6"; } @@ -2588,14 +2785,15 @@ table.docutils td, table.docutils th { // Add news icon before list item link &.news-list { list-style: none; - li > a, - dt > a { + + li>a, + dt>a { &:before { content: "\f0a1"; } } - dt.event > a { + dt.event>a { &:before { content: "\f133"; } @@ -2609,8 +2807,9 @@ table.docutils td, table.docutils th { // Add link icon before list item link &.resource-list { list-style: none; - li > a, - dt > a { + + li>a, + dt>a { &:before { content: "\f0c1"; } @@ -2624,8 +2823,9 @@ table.docutils td, table.docutils th { // Add rss icon before list item link &.rss-list { list-style: none; - li > a, - dt > a { + + li>a, + dt>a { &:before { content: "\f09e"; } @@ -2641,6 +2841,7 @@ table.docutils td, table.docutils th { form { @include sans-serif; @include font-size(16); + // Global input styles input[type="search"], input[type="text"], @@ -2683,20 +2884,24 @@ form { } &::-webkit-input-placeholder { - color: var(--body-fg); - } - &:-ms-input-placeholder { - color: var(--body-fg); - } - &::-moz-placeholder { - color: var(--body-fg); - } - &:-moz-placeholder { - color: var(--body-fg); - } - &::placeholder { - color: var(--body-fg); - } + color: var(--body-fg); + } + + &:-ms-input-placeholder { + color: var(--body-fg); + } + + &::-moz-placeholder { + color: var(--body-fg); + } + + &:-moz-placeholder { + color: var(--body-fg); + } + + &::placeholder { + color: var(--body-fg); + } } textarea { @@ -2736,6 +2941,7 @@ form { padding: 0 15px; @include sans-serif; @include font-size(16); + &:hover { background: var(--primary); } @@ -2743,6 +2949,7 @@ form { } .form-general { + // Multi-input forms with seperate submit button. For use in Login and Register forms, or other general form uses. fieldset { max-width: 700px; @@ -2802,31 +3009,38 @@ form { [role="complementary"] & { min-height: 30px; margin: 20px 0 30px; + input[type="search"], input[type="text"], input[type="email"] { height: 20px; @include font-size(14); } + button { height: 30px; width: 30px; top: 3px; + @include respond-min(768px) { right: 0; } + i { @include font-size(20); } } } + &.search { @include respond-min(768px) { flex: 0 0 40%; margin: 10px 0; } + flex: 0 0 100%; margin: 0 0 10px 0; + button { top: 19%; } @@ -2837,6 +3051,7 @@ form { form.donate { max-width: 150px; + label { position: absolute; left: 0px; @@ -2844,11 +3059,14 @@ form.donate { padding-top: 0.3em; padding-left: 0.5em; } + input[type=text] { padding-left: 20px; - padding-right: 9px; /* Magic value to right-align the button inside the input */ + padding-right: 9px; + /* Magic value to right-align the button inside the input */ } } + div[role=main] { form.donate { label { @@ -2859,14 +3077,17 @@ div[role=main] { .form-email { + // Email submission forms on Community page. h3 { @include font-size(18); margin: 10px 0; } + .meta { margin: 0; } + form { margin: 10px 0 30px; } @@ -2885,9 +3106,10 @@ div[role=main] { padding: 30px 0 0; text-align: center; - li{ + li { display: inline-block; } + a { border: none; color: var(--text-light); @@ -2897,6 +3119,7 @@ div[role=main] { border-radius: 15px; display: block; text-decoration: none; + @include device-min(320px) { background: var(--text-light); color: var(--white-color); @@ -2908,6 +3131,7 @@ div[role=main] { &.previous, &.next { @include font-size(16); + @include device-min(320px) { border-radius: 20px; height: 40px; @@ -2915,15 +3139,19 @@ div[role=main] { width: 40px; } } + &.previous { margin-right: 10px; + @include respond-min(768px) { margin-right: 70px; } } + &.next { margin-left: 10px; text-indent: 1px; + @include respond-min(768px) { margin-left: 70px; } @@ -2935,6 +3163,7 @@ div[role=main] { &.active { background: none; color: var(--secondary); + @include device-min(320px) { background: var(--secondary); color: var(--white-color); @@ -2993,33 +3222,48 @@ hr { .visuallyhidden { @include visuallyhidden; } -.clearfix, .group-container { + +.clearfix, +.group-container { @include clearfix; } /// Fundraising page @keyframes pixel-pulse { - 0%, 100% { opacity: 0.10; } - 50% { opacity: 0.25; } + + 0%, + 100% { + opacity: 0.10; + } + + 50% { + opacity: 0.25; + } } + .fundraising-index { margin-top: 50px; .fundraising-heart { width: 100%; float: none; - img, svg { + + img, + svg { width: 100%; height: auto; } + rect { -webkit-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out; + &.faded { opacity: 0.05; animation: pixel-pulse 3s infinite; } } + text { @include font-size(120); fill: rgba(50, 50, 50, 0.3); @@ -3031,11 +3275,13 @@ hr { user-select: none; cursor: default; } + @include respond-min(768px) { width: 55%; float: left; } } + .description { margin-left: 5%; width: 100%; @@ -3064,24 +3310,30 @@ hr { width: 100%; } } + .cta { margin: 10px 0; + & .disabled { opacity: 0.5; } } + .custom-donation { display: none; } + .prefix { float: left; @include font-size(19); margin: 8px 9px 0 3px; } - input[type="text"]{ + + input[type="text"] { width: 70%; } } + .cls { clear: both; } @@ -3099,6 +3351,7 @@ hr { max-width: 64px; } } + .small-cta { width: 70%; float: left; @@ -3107,6 +3360,7 @@ hr { margin-right: 5%; margin-bottom: 20px; } + clear: both; } @@ -3115,16 +3369,19 @@ hr { @include font-size(14); margin-top: 20px; text-align: center; + /* The IDs in documentation footnotes should stay as table cells */ .label { display: table-cell; padding-right: 1em; } } + form .footnote { margin-top: 10px; text-align: left; } + .footnote.docutils { text-align: left; } @@ -3139,48 +3396,60 @@ form .footnote { clear: both; text-align: center; } + .hero { width: calc(100% / 3); position: relative; height: auto; + div { width: 100%; } } + .hero-logo { height: 170px; line-height: 170px; + img { vertical-align: middle; } } + .hero-name { min-height: 87px; vertical-align: top; margin-bottom: 5px; } + .no-logo-hero { min-height: 60px; margin-right: 24px; } + div { float: left; text-align: center; + img { max-width: 90%; max-height: 170px; } } } + .pagination { clear: both; } } .manage-donations-form { - select, input[type="number"] { + + select, + input[type="number"] { width: 300px; } + input[type="number"] { padding: 7px 10px; width: 278px; @@ -3191,23 +3460,28 @@ form .footnote { .form-control { margin: 1em 0; } + ul { list-style: none; display: inline-block; margin: 0; padding: 0; } + li { display: inline-block; margin-left: 1em; } } -table.django-supported-versions, table.django-unsupported-versions { +table.django-supported-versions, +table.django-unsupported-versions { border: 1px solid black; text-align: center; - color: var(--table-color); - th, td { + color: var(--table-color); + + th, + td { padding: 5px; } } @@ -3266,6 +3540,7 @@ ul.corporate-members li { &.success { background-color: var(--secondary-accent-l5); content: $fa-var-check-circle; + &::before { content: $fa-var-check-circle; } @@ -3274,6 +3549,7 @@ ul.corporate-members li { &.warning { background-color: var(--warning); border-color: var(--warning-dark-d50); + &::before { color: var(--warning-dark-d50); content: $fa-var-exclamation-triangle; @@ -3284,6 +3560,7 @@ ul.corporate-members li { background-color: var(--error-light-l10); color: var(--error-dark); border-color: var(--error-dark); + &::before { content: $fa-var-times-circle; } @@ -3299,7 +3576,8 @@ ul.corporate-members li { } } -.code-block-caption, .snippet { +.code-block-caption, +.snippet { .btn-clipboard { float: right; cursor: pointer; @@ -3309,12 +3587,14 @@ ul.corporate-members li { i:hover { color: lighten($green-dark, 20); } + .clipboard-success { font-size: 80%; margin-right: 10px; } } - .caption-text::selection{ + + .caption-text::selection { background: $green-light; } } diff --git a/djangoproject/scss/_styleguide.scss b/djangoproject/scss/_styleguide.scss index 85bdf0874..4b9da77bf 100644 --- a/djangoproject/scss/_styleguide.scss +++ b/djangoproject/scss/_styleguide.scss @@ -8,6 +8,7 @@ border-radius: 4px; margin-top: 20px; margin-bottom: 64px; + &:before { content: "Example"; font-size: 16px; @@ -54,6 +55,7 @@ list-style: none; @include clearfix; margin: 30px 0; + li { width: 30%; height: 30px; @@ -68,19 +70,24 @@ &.text { background: var(--body-fg); } + &.green-dark { background: $green-dark; } + &.green { background: var(--secondary); } + &.green-light { background: $green-light; } + &.white { background: var(--body-bg); border: 1px solid var(--hairline-color); } + &.red-dark { background: var(--error-dark); } diff --git a/djangoproject/scss/_utils.scss b/djangoproject/scss/_utils.scss index 094aa15fc..82400cc7c 100755 --- a/djangoproject/scss/_utils.scss +++ b/djangoproject/scss/_utils.scss @@ -47,8 +47,8 @@ $font-path: "../fonts/fira-mono"; font-family: 'Fira Mono'; src: url('#{$font-path}/FiraMono-Regular.eot'); src: url('#{$font-path}/FiraMono-Regular.eot') format('embedded-opentype'), - url('#{$font-path}/FiraMono-Regular.woff') format('woff'), - url('#{$font-path}/FiraMono-Regular.ttf') format('truetype'); + url('#{$font-path}/FiraMono-Regular.woff') format('woff'), + url('#{$font-path}/FiraMono-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @@ -57,8 +57,8 @@ $font-path: "../fonts/fira-mono"; font-family: 'Fira Mono'; src: url('#{$font-path}/FiraMono-Bold.eot'); src: url('#{$font-path}/FiraMono-Bold.eot') format('embedded-opentype'), - url('#{$font-path}/FiraMono-Bold.woff') format('woff'), - url('#{$font-path}/FiraMono-Bold.ttf') format('truetype'); + url('#{$font-path}/FiraMono-Bold.woff') format('woff'), + url('#{$font-path}/FiraMono-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @@ -84,8 +84,8 @@ $font-path: "../fonts/fira-mono"; // Retina media query mixin @mixin retina-display { - @media only screen and - (-webkit-min-device-pixel-ratio: 2), + + @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { @content; } @@ -95,20 +95,23 @@ $font-path: "../fonts/fira-mono"; @mixin serif { font-family: Palatino, "Palatino Linotype", "Book Antiqua", "Hoefler Text", Georgia, "Lucida Bright", Cambria, Times, "Times New Roman", serif; } + @mixin sans-serif { font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif; } + @mixin monospace { font-family: "Fira Mono", Consolas, Menlo, Monaco, "Courier New", Courier, monospace; - font-variant-ligatures: no-common-ligatures; // disables the common ligatures only - text-rendering: optimizeSpeed; // for Safari 7.x + font-variant-ligatures: no-common-ligatures; // disables the common ligatures only + text-rendering: optimizeSpeed; // for Safari 7.x } // Font Sizing Mixin (http://css-tricks.com/snippets/css/less-mixin-for-rem-font-sizing/) html { font-size: 62.5%; } -@mixin font-size ( $size: 16 ) { + +@mixin font-size ($size: 16) { font-size: $size + px; font-size: $size/10 + rem; } @@ -124,21 +127,25 @@ html { position: absolute; width: 1px; } + @mixin clearfix { + &:before, &:after { content: ""; display: table; } + &:after { clear: both; } } -@mixin svg-image ( $name ) { - background-image: url('../img/'+$name+'.png'); +@mixin svg-image ($name ) { + background-image: url('../img/' +$name+'.png'); + .mdzr-svg & { - background-image: url('../img/'+$name+'.svg'); + background-image: url('../img/' +$name+'.svg'); } } @@ -146,9 +153,11 @@ html { @mixin link-green { color: var(--link-color); text-decoration: none; + &:visited { color: var(--link-color); } + &:hover, &:active, &:focus { @@ -160,15 +169,15 @@ html { // Secondary content box-shadow: @mixin secondary-shadow-top { - -moz-box-shadow: 0 4px 8px rgba(12,60,38,0.07); - -webkit-box-shadow: 0 4px 8px rgba(12,60,38,0.07); - box-shadow: 0 4px 8px rgba(12,60,38,0.07); + -moz-box-shadow: 0 4px 8px rgba(12, 60, 38, 0.07); + -webkit-box-shadow: 0 4px 8px rgba(12, 60, 38, 0.07); + box-shadow: 0 4px 8px rgba(12, 60, 38, 0.07); } @mixin secondary-shadow-bottom { - -moz-box-shadow: 0 -4px 8px rgba(12,60,38,0.07); - -webkit-box-shadow: 0 -4px 8px rgba(12,60,38,0.07); - box-shadow: 0 -4px 8px rgba(12,60,38,0.07); + -moz-box-shadow: 0 -4px 8px rgba(12, 60, 38, 0.07); + -webkit-box-shadow: 0 -4px 8px rgba(12, 60, 38, 0.07); + box-shadow: 0 -4px 8px rgba(12, 60, 38, 0.07); } @mixin framed-image { diff --git a/djangoproject/scss/font-awesome/_bordered-pulled.scss b/djangoproject/scss/font-awesome/_bordered-pulled.scss index 9d3fdf3a0..d7ba2ce85 100644 --- a/djangoproject/scss/font-awesome/_bordered-pulled.scss +++ b/djangoproject/scss/font-awesome/_bordered-pulled.scss @@ -2,15 +2,25 @@ // ------------------------- .#{$fa-css-prefix}-border { - padding: .2em .25em .15em; - border: solid .08em $fa-border-color; - border-radius: .1em; + padding: .2em .25em .15em; + border: solid .08em $fa-border-color; + border-radius: .1em; } -.pull-right { float: right; } -.pull-left { float: left; } +.pull-right { + float: right; +} + +.pull-left { + float: left; +} .#{$fa-css-prefix} { - &.pull-left { margin-right: .3em; } - &.pull-right { margin-left: .3em; } + &.pull-left { + margin-right: .3em; + } + + &.pull-right { + margin-left: .3em; + } } diff --git a/djangoproject/scss/font-awesome/_core.scss b/djangoproject/scss/font-awesome/_core.scss index ca46d3712..5ceb0397d 100644 --- a/djangoproject/scss/font-awesome/_core.scss +++ b/djangoproject/scss/font-awesome/_core.scss @@ -2,10 +2,10 @@ // ------------------------- .#{$fa-css-prefix} { - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; // shortening font declaration - font-size: inherit; // can't have font-size inherit on line above, so need to override - text-rendering: auto; // optimizelegibility throws things off #1094 - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; // shortening font declaration + font-size: inherit; // can't have font-size inherit on line above, so need to override + text-rendering: auto; // optimizelegibility throws things off #1094 + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } diff --git a/djangoproject/scss/font-awesome/_fixed-width.scss b/djangoproject/scss/font-awesome/_fixed-width.scss index b221c9813..0455006eb 100644 --- a/djangoproject/scss/font-awesome/_fixed-width.scss +++ b/djangoproject/scss/font-awesome/_fixed-width.scss @@ -1,6 +1,6 @@ // Fixed Width Icons // ------------------------- .#{$fa-css-prefix}-fw { - width: (18em / 14); - text-align: center; + width: (18em / 14); + text-align: center; } diff --git a/djangoproject/scss/font-awesome/_icons.scss b/djangoproject/scss/font-awesome/_icons.scss index 8dc29394c..e05953049 100644 --- a/djangoproject/scss/font-awesome/_icons.scss +++ b/djangoproject/scss/font-awesome/_icons.scss @@ -1,552 +1,1988 @@ /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ -.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; } -.#{$fa-css-prefix}-music:before { content: $fa-var-music; } -.#{$fa-css-prefix}-search:before { content: $fa-var-search; } -.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; } -.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; } -.#{$fa-css-prefix}-star:before { content: $fa-var-star; } -.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; } -.#{$fa-css-prefix}-user:before { content: $fa-var-user; } -.#{$fa-css-prefix}-film:before { content: $fa-var-film; } -.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; } -.#{$fa-css-prefix}-th:before { content: $fa-var-th; } -.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; } -.#{$fa-css-prefix}-check:before { content: $fa-var-check; } +.#{$fa-css-prefix}-glass:before { + content: $fa-var-glass; +} + +.#{$fa-css-prefix}-music:before { + content: $fa-var-music; +} + +.#{$fa-css-prefix}-search:before { + content: $fa-var-search; +} + +.#{$fa-css-prefix}-envelope-o:before { + content: $fa-var-envelope-o; +} + +.#{$fa-css-prefix}-heart:before { + content: $fa-var-heart; +} + +.#{$fa-css-prefix}-star:before { + content: $fa-var-star; +} + +.#{$fa-css-prefix}-star-o:before { + content: $fa-var-star-o; +} + +.#{$fa-css-prefix}-user:before { + content: $fa-var-user; +} + +.#{$fa-css-prefix}-film:before { + content: $fa-var-film; +} + +.#{$fa-css-prefix}-th-large:before { + content: $fa-var-th-large; +} + +.#{$fa-css-prefix}-th:before { + content: $fa-var-th; +} + +.#{$fa-css-prefix}-th-list:before { + content: $fa-var-th-list; +} + +.#{$fa-css-prefix}-check:before { + content: $fa-var-check; +} + .#{$fa-css-prefix}-remove:before, .#{$fa-css-prefix}-close:before, -.#{$fa-css-prefix}-times:before { content: $fa-var-times; } -.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; } -.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; } -.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; } -.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; } +.#{$fa-css-prefix}-times:before { + content: $fa-var-times; +} + +.#{$fa-css-prefix}-search-plus:before { + content: $fa-var-search-plus; +} + +.#{$fa-css-prefix}-search-minus:before { + content: $fa-var-search-minus; +} + +.#{$fa-css-prefix}-power-off:before { + content: $fa-var-power-off; +} + +.#{$fa-css-prefix}-signal:before { + content: $fa-var-signal; +} + .#{$fa-css-prefix}-gear:before, -.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; } -.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; } -.#{$fa-css-prefix}-home:before { content: $fa-var-home; } -.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; } -.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; } -.#{$fa-css-prefix}-road:before { content: $fa-var-road; } -.#{$fa-css-prefix}-download:before { content: $fa-var-download; } -.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; } -.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; } -.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; } -.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; } +.#{$fa-css-prefix}-cog:before { + content: $fa-var-cog; +} + +.#{$fa-css-prefix}-trash-o:before { + content: $fa-var-trash-o; +} + +.#{$fa-css-prefix}-home:before { + content: $fa-var-home; +} + +.#{$fa-css-prefix}-file-o:before { + content: $fa-var-file-o; +} + +.#{$fa-css-prefix}-clock-o:before { + content: $fa-var-clock-o; +} + +.#{$fa-css-prefix}-road:before { + content: $fa-var-road; +} + +.#{$fa-css-prefix}-download:before { + content: $fa-var-download; +} + +.#{$fa-css-prefix}-arrow-circle-o-down:before { + content: $fa-var-arrow-circle-o-down; +} + +.#{$fa-css-prefix}-arrow-circle-o-up:before { + content: $fa-var-arrow-circle-o-up; +} + +.#{$fa-css-prefix}-inbox:before { + content: $fa-var-inbox; +} + +.#{$fa-css-prefix}-play-circle-o:before { + content: $fa-var-play-circle-o; +} + .#{$fa-css-prefix}-rotate-right:before, -.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; } -.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; } -.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; } -.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; } -.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; } -.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; } -.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; } -.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; } -.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; } -.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; } -.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; } -.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; } -.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; } -.#{$fa-css-prefix}-book:before { content: $fa-var-book; } -.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; } -.#{$fa-css-prefix}-print:before { content: $fa-var-print; } -.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; } -.#{$fa-css-prefix}-font:before { content: $fa-var-font; } -.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; } -.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; } -.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; } -.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; } -.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; } -.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; } -.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; } -.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; } -.#{$fa-css-prefix}-list:before { content: $fa-var-list; } +.#{$fa-css-prefix}-repeat:before { + content: $fa-var-repeat; +} + +.#{$fa-css-prefix}-refresh:before { + content: $fa-var-refresh; +} + +.#{$fa-css-prefix}-list-alt:before { + content: $fa-var-list-alt; +} + +.#{$fa-css-prefix}-lock:before { + content: $fa-var-lock; +} + +.#{$fa-css-prefix}-flag:before { + content: $fa-var-flag; +} + +.#{$fa-css-prefix}-headphones:before { + content: $fa-var-headphones; +} + +.#{$fa-css-prefix}-volume-off:before { + content: $fa-var-volume-off; +} + +.#{$fa-css-prefix}-volume-down:before { + content: $fa-var-volume-down; +} + +.#{$fa-css-prefix}-volume-up:before { + content: $fa-var-volume-up; +} + +.#{$fa-css-prefix}-qrcode:before { + content: $fa-var-qrcode; +} + +.#{$fa-css-prefix}-barcode:before { + content: $fa-var-barcode; +} + +.#{$fa-css-prefix}-tag:before { + content: $fa-var-tag; +} + +.#{$fa-css-prefix}-tags:before { + content: $fa-var-tags; +} + +.#{$fa-css-prefix}-book:before { + content: $fa-var-book; +} + +.#{$fa-css-prefix}-bookmark:before { + content: $fa-var-bookmark; +} + +.#{$fa-css-prefix}-print:before { + content: $fa-var-print; +} + +.#{$fa-css-prefix}-camera:before { + content: $fa-var-camera; +} + +.#{$fa-css-prefix}-font:before { + content: $fa-var-font; +} + +.#{$fa-css-prefix}-bold:before { + content: $fa-var-bold; +} + +.#{$fa-css-prefix}-italic:before { + content: $fa-var-italic; +} + +.#{$fa-css-prefix}-text-height:before { + content: $fa-var-text-height; +} + +.#{$fa-css-prefix}-text-width:before { + content: $fa-var-text-width; +} + +.#{$fa-css-prefix}-align-left:before { + content: $fa-var-align-left; +} + +.#{$fa-css-prefix}-align-center:before { + content: $fa-var-align-center; +} + +.#{$fa-css-prefix}-align-right:before { + content: $fa-var-align-right; +} + +.#{$fa-css-prefix}-align-justify:before { + content: $fa-var-align-justify; +} + +.#{$fa-css-prefix}-list:before { + content: $fa-var-list; +} + .#{$fa-css-prefix}-dedent:before, -.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; } -.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; } -.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; } +.#{$fa-css-prefix}-outdent:before { + content: $fa-var-outdent; +} + +.#{$fa-css-prefix}-indent:before { + content: $fa-var-indent; +} + +.#{$fa-css-prefix}-video-camera:before { + content: $fa-var-video-camera; +} + .#{$fa-css-prefix}-photo:before, .#{$fa-css-prefix}-image:before, -.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; } -.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; } -.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; } -.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; } -.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; } +.#{$fa-css-prefix}-picture-o:before { + content: $fa-var-picture-o; +} + +.#{$fa-css-prefix}-pencil:before { + content: $fa-var-pencil; +} + +.#{$fa-css-prefix}-map-marker:before { + content: $fa-var-map-marker; +} + +.#{$fa-css-prefix}-adjust:before { + content: $fa-var-adjust; +} + +.#{$fa-css-prefix}-tint:before { + content: $fa-var-tint; +} + .#{$fa-css-prefix}-edit:before, -.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; } -.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; } -.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; } -.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; } -.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; } -.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; } -.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; } -.#{$fa-css-prefix}-play:before { content: $fa-var-play; } -.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; } -.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; } -.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; } -.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; } -.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; } -.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; } -.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; } -.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; } -.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; } -.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; } -.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; } -.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; } -.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; } -.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; } -.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; } -.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; } -.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; } -.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; } -.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; } -.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; } -.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; } -.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; } +.#{$fa-css-prefix}-pencil-square-o:before { + content: $fa-var-pencil-square-o; +} + +.#{$fa-css-prefix}-share-square-o:before { + content: $fa-var-share-square-o; +} + +.#{$fa-css-prefix}-check-square-o:before { + content: $fa-var-check-square-o; +} + +.#{$fa-css-prefix}-arrows:before { + content: $fa-var-arrows; +} + +.#{$fa-css-prefix}-step-backward:before { + content: $fa-var-step-backward; +} + +.#{$fa-css-prefix}-fast-backward:before { + content: $fa-var-fast-backward; +} + +.#{$fa-css-prefix}-backward:before { + content: $fa-var-backward; +} + +.#{$fa-css-prefix}-play:before { + content: $fa-var-play; +} + +.#{$fa-css-prefix}-pause:before { + content: $fa-var-pause; +} + +.#{$fa-css-prefix}-stop:before { + content: $fa-var-stop; +} + +.#{$fa-css-prefix}-forward:before { + content: $fa-var-forward; +} + +.#{$fa-css-prefix}-fast-forward:before { + content: $fa-var-fast-forward; +} + +.#{$fa-css-prefix}-step-forward:before { + content: $fa-var-step-forward; +} + +.#{$fa-css-prefix}-eject:before { + content: $fa-var-eject; +} + +.#{$fa-css-prefix}-chevron-left:before { + content: $fa-var-chevron-left; +} + +.#{$fa-css-prefix}-chevron-right:before { + content: $fa-var-chevron-right; +} + +.#{$fa-css-prefix}-plus-circle:before { + content: $fa-var-plus-circle; +} + +.#{$fa-css-prefix}-minus-circle:before { + content: $fa-var-minus-circle; +} + +.#{$fa-css-prefix}-times-circle:before { + content: $fa-var-times-circle; +} + +.#{$fa-css-prefix}-check-circle:before { + content: $fa-var-check-circle; +} + +.#{$fa-css-prefix}-question-circle:before { + content: $fa-var-question-circle; +} + +.#{$fa-css-prefix}-info-circle:before { + content: $fa-var-info-circle; +} + +.#{$fa-css-prefix}-crosshairs:before { + content: $fa-var-crosshairs; +} + +.#{$fa-css-prefix}-times-circle-o:before { + content: $fa-var-times-circle-o; +} + +.#{$fa-css-prefix}-check-circle-o:before { + content: $fa-var-check-circle-o; +} + +.#{$fa-css-prefix}-ban:before { + content: $fa-var-ban; +} + +.#{$fa-css-prefix}-arrow-left:before { + content: $fa-var-arrow-left; +} + +.#{$fa-css-prefix}-arrow-right:before { + content: $fa-var-arrow-right; +} + +.#{$fa-css-prefix}-arrow-up:before { + content: $fa-var-arrow-up; +} + +.#{$fa-css-prefix}-arrow-down:before { + content: $fa-var-arrow-down; +} + .#{$fa-css-prefix}-mail-forward:before, -.#{$fa-css-prefix}-share:before { content: $fa-var-share; } -.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; } -.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; } -.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; } -.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; } -.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; } -.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; } -.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; } -.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; } -.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; } -.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; } -.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; } +.#{$fa-css-prefix}-share:before { + content: $fa-var-share; +} + +.#{$fa-css-prefix}-expand:before { + content: $fa-var-expand; +} + +.#{$fa-css-prefix}-compress:before { + content: $fa-var-compress; +} + +.#{$fa-css-prefix}-plus:before { + content: $fa-var-plus; +} + +.#{$fa-css-prefix}-minus:before { + content: $fa-var-minus; +} + +.#{$fa-css-prefix}-asterisk:before { + content: $fa-var-asterisk; +} + +.#{$fa-css-prefix}-exclamation-circle:before { + content: $fa-var-exclamation-circle; +} + +.#{$fa-css-prefix}-gift:before { + content: $fa-var-gift; +} + +.#{$fa-css-prefix}-leaf:before { + content: $fa-var-leaf; +} + +.#{$fa-css-prefix}-fire:before { + content: $fa-var-fire; +} + +.#{$fa-css-prefix}-eye:before { + content: $fa-var-eye; +} + +.#{$fa-css-prefix}-eye-slash:before { + content: $fa-var-eye-slash; +} + .#{$fa-css-prefix}-warning:before, -.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; } -.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; } -.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; } -.#{$fa-css-prefix}-random:before { content: $fa-var-random; } -.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; } -.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; } -.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; } -.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; } -.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; } -.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; } -.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; } -.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; } -.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; } -.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; } +.#{$fa-css-prefix}-exclamation-triangle:before { + content: $fa-var-exclamation-triangle; +} + +.#{$fa-css-prefix}-plane:before { + content: $fa-var-plane; +} + +.#{$fa-css-prefix}-calendar:before { + content: $fa-var-calendar; +} + +.#{$fa-css-prefix}-random:before { + content: $fa-var-random; +} + +.#{$fa-css-prefix}-comment:before { + content: $fa-var-comment; +} + +.#{$fa-css-prefix}-magnet:before { + content: $fa-var-magnet; +} + +.#{$fa-css-prefix}-chevron-up:before { + content: $fa-var-chevron-up; +} + +.#{$fa-css-prefix}-chevron-down:before { + content: $fa-var-chevron-down; +} + +.#{$fa-css-prefix}-retweet:before { + content: $fa-var-retweet; +} + +.#{$fa-css-prefix}-shopping-cart:before { + content: $fa-var-shopping-cart; +} + +.#{$fa-css-prefix}-folder:before { + content: $fa-var-folder; +} + +.#{$fa-css-prefix}-folder-open:before { + content: $fa-var-folder-open; +} + +.#{$fa-css-prefix}-arrows-v:before { + content: $fa-var-arrows-v; +} + +.#{$fa-css-prefix}-arrows-h:before { + content: $fa-var-arrows-h; +} + .#{$fa-css-prefix}-bar-chart-o:before, -.#{$fa-css-prefix}-bar-chart:before { content: $fa-var-bar-chart; } -.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; } -.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; } -.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; } -.#{$fa-css-prefix}-key:before { content: $fa-var-key; } +.#{$fa-css-prefix}-bar-chart:before { + content: $fa-var-bar-chart; +} + +.#{$fa-css-prefix}-twitter-square:before { + content: $fa-var-twitter-square; +} + +.#{$fa-css-prefix}-facebook-square:before { + content: $fa-var-facebook-square; +} + +.#{$fa-css-prefix}-camera-retro:before { + content: $fa-var-camera-retro; +} + +.#{$fa-css-prefix}-key:before { + content: $fa-var-key; +} + .#{$fa-css-prefix}-gears:before, -.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; } -.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; } -.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; } -.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; } -.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; } -.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; } -.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; } -.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; } -.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; } -.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; } -.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; } -.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; } -.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; } -.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; } -.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; } -.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; } -.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; } -.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; } -.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; } -.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; } -.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; } -.#{$fa-css-prefix}-github:before { content: $fa-var-github; } -.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; } -.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; } -.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; } -.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; } -.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; } -.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; } -.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; } -.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; } -.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; } -.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; } -.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; } -.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; } -.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; } -.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; } -.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; } -.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; } -.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; } -.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; } -.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; } -.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; } -.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; } +.#{$fa-css-prefix}-cogs:before { + content: $fa-var-cogs; +} + +.#{$fa-css-prefix}-comments:before { + content: $fa-var-comments; +} + +.#{$fa-css-prefix}-thumbs-o-up:before { + content: $fa-var-thumbs-o-up; +} + +.#{$fa-css-prefix}-thumbs-o-down:before { + content: $fa-var-thumbs-o-down; +} + +.#{$fa-css-prefix}-star-half:before { + content: $fa-var-star-half; +} + +.#{$fa-css-prefix}-heart-o:before { + content: $fa-var-heart-o; +} + +.#{$fa-css-prefix}-sign-out:before { + content: $fa-var-sign-out; +} + +.#{$fa-css-prefix}-linkedin-square:before { + content: $fa-var-linkedin-square; +} + +.#{$fa-css-prefix}-thumb-tack:before { + content: $fa-var-thumb-tack; +} + +.#{$fa-css-prefix}-external-link:before { + content: $fa-var-external-link; +} + +.#{$fa-css-prefix}-sign-in:before { + content: $fa-var-sign-in; +} + +.#{$fa-css-prefix}-trophy:before { + content: $fa-var-trophy; +} + +.#{$fa-css-prefix}-github-square:before { + content: $fa-var-github-square; +} + +.#{$fa-css-prefix}-upload:before { + content: $fa-var-upload; +} + +.#{$fa-css-prefix}-lemon-o:before { + content: $fa-var-lemon-o; +} + +.#{$fa-css-prefix}-phone:before { + content: $fa-var-phone; +} + +.#{$fa-css-prefix}-square-o:before { + content: $fa-var-square-o; +} + +.#{$fa-css-prefix}-bookmark-o:before { + content: $fa-var-bookmark-o; +} + +.#{$fa-css-prefix}-phone-square:before { + content: $fa-var-phone-square; +} + +.#{$fa-css-prefix}-twitter:before { + content: $fa-var-twitter; +} + +.#{$fa-css-prefix}-facebook:before { + content: $fa-var-facebook; +} + +.#{$fa-css-prefix}-github:before { + content: $fa-var-github; +} + +.#{$fa-css-prefix}-unlock:before { + content: $fa-var-unlock; +} + +.#{$fa-css-prefix}-credit-card:before { + content: $fa-var-credit-card; +} + +.#{$fa-css-prefix}-rss:before { + content: $fa-var-rss; +} + +.#{$fa-css-prefix}-hdd-o:before { + content: $fa-var-hdd-o; +} + +.#{$fa-css-prefix}-bullhorn:before { + content: $fa-var-bullhorn; +} + +.#{$fa-css-prefix}-bell:before { + content: $fa-var-bell; +} + +.#{$fa-css-prefix}-certificate:before { + content: $fa-var-certificate; +} + +.#{$fa-css-prefix}-hand-o-right:before { + content: $fa-var-hand-o-right; +} + +.#{$fa-css-prefix}-hand-o-left:before { + content: $fa-var-hand-o-left; +} + +.#{$fa-css-prefix}-hand-o-up:before { + content: $fa-var-hand-o-up; +} + +.#{$fa-css-prefix}-hand-o-down:before { + content: $fa-var-hand-o-down; +} + +.#{$fa-css-prefix}-arrow-circle-left:before { + content: $fa-var-arrow-circle-left; +} + +.#{$fa-css-prefix}-arrow-circle-right:before { + content: $fa-var-arrow-circle-right; +} + +.#{$fa-css-prefix}-arrow-circle-up:before { + content: $fa-var-arrow-circle-up; +} + +.#{$fa-css-prefix}-arrow-circle-down:before { + content: $fa-var-arrow-circle-down; +} + +.#{$fa-css-prefix}-globe:before { + content: $fa-var-globe; +} + +.#{$fa-css-prefix}-wrench:before { + content: $fa-var-wrench; +} + +.#{$fa-css-prefix}-tasks:before { + content: $fa-var-tasks; +} + +.#{$fa-css-prefix}-filter:before { + content: $fa-var-filter; +} + +.#{$fa-css-prefix}-briefcase:before { + content: $fa-var-briefcase; +} + +.#{$fa-css-prefix}-arrows-alt:before { + content: $fa-var-arrows-alt; +} + .#{$fa-css-prefix}-group:before, -.#{$fa-css-prefix}-users:before { content: $fa-var-users; } +.#{$fa-css-prefix}-users:before { + content: $fa-var-users; +} + .#{$fa-css-prefix}-chain:before, -.#{$fa-css-prefix}-link:before { content: $fa-var-link; } -.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; } -.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; } +.#{$fa-css-prefix}-link:before { + content: $fa-var-link; +} + +.#{$fa-css-prefix}-cloud:before { + content: $fa-var-cloud; +} + +.#{$fa-css-prefix}-flask:before { + content: $fa-var-flask; +} + .#{$fa-css-prefix}-cut:before, -.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; } +.#{$fa-css-prefix}-scissors:before { + content: $fa-var-scissors; +} + .#{$fa-css-prefix}-copy:before, -.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; } -.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; } +.#{$fa-css-prefix}-files-o:before { + content: $fa-var-files-o; +} + +.#{$fa-css-prefix}-paperclip:before { + content: $fa-var-paperclip; +} + .#{$fa-css-prefix}-save:before, -.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; } -.#{$fa-css-prefix}-square:before { content: $fa-var-square; } +.#{$fa-css-prefix}-floppy-o:before { + content: $fa-var-floppy-o; +} + +.#{$fa-css-prefix}-square:before { + content: $fa-var-square; +} + .#{$fa-css-prefix}-navicon:before, .#{$fa-css-prefix}-reorder:before, -.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; } -.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; } -.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; } -.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; } -.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; } -.#{$fa-css-prefix}-table:before { content: $fa-var-table; } -.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; } -.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; } -.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; } -.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; } -.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; } -.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; } -.#{$fa-css-prefix}-money:before { content: $fa-var-money; } -.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; } -.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; } -.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; } -.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; } -.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; } +.#{$fa-css-prefix}-bars:before { + content: $fa-var-bars; +} + +.#{$fa-css-prefix}-list-ul:before { + content: $fa-var-list-ul; +} + +.#{$fa-css-prefix}-list-ol:before { + content: $fa-var-list-ol; +} + +.#{$fa-css-prefix}-strikethrough:before { + content: $fa-var-strikethrough; +} + +.#{$fa-css-prefix}-underline:before { + content: $fa-var-underline; +} + +.#{$fa-css-prefix}-table:before { + content: $fa-var-table; +} + +.#{$fa-css-prefix}-magic:before { + content: $fa-var-magic; +} + +.#{$fa-css-prefix}-truck:before { + content: $fa-var-truck; +} + +.#{$fa-css-prefix}-pinterest:before { + content: $fa-var-pinterest; +} + +.#{$fa-css-prefix}-pinterest-square:before { + content: $fa-var-pinterest-square; +} + +.#{$fa-css-prefix}-google-plus-square:before { + content: $fa-var-google-plus-square; +} + +.#{$fa-css-prefix}-google-plus:before { + content: $fa-var-google-plus; +} + +.#{$fa-css-prefix}-money:before { + content: $fa-var-money; +} + +.#{$fa-css-prefix}-caret-down:before { + content: $fa-var-caret-down; +} + +.#{$fa-css-prefix}-caret-up:before { + content: $fa-var-caret-up; +} + +.#{$fa-css-prefix}-caret-left:before { + content: $fa-var-caret-left; +} + +.#{$fa-css-prefix}-caret-right:before { + content: $fa-var-caret-right; +} + +.#{$fa-css-prefix}-columns:before { + content: $fa-var-columns; +} + .#{$fa-css-prefix}-unsorted:before, -.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; } +.#{$fa-css-prefix}-sort:before { + content: $fa-var-sort; +} + .#{$fa-css-prefix}-sort-down:before, -.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; } +.#{$fa-css-prefix}-sort-desc:before { + content: $fa-var-sort-desc; +} + .#{$fa-css-prefix}-sort-up:before, -.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; } -.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; } -.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; } +.#{$fa-css-prefix}-sort-asc:before { + content: $fa-var-sort-asc; +} + +.#{$fa-css-prefix}-envelope:before { + content: $fa-var-envelope; +} + +.#{$fa-css-prefix}-linkedin:before { + content: $fa-var-linkedin; +} + .#{$fa-css-prefix}-rotate-left:before, -.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; } +.#{$fa-css-prefix}-undo:before { + content: $fa-var-undo; +} + .#{$fa-css-prefix}-legal:before, -.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; } +.#{$fa-css-prefix}-gavel:before { + content: $fa-var-gavel; +} + .#{$fa-css-prefix}-dashboard:before, -.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; } -.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; } -.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; } +.#{$fa-css-prefix}-tachometer:before { + content: $fa-var-tachometer; +} + +.#{$fa-css-prefix}-comment-o:before { + content: $fa-var-comment-o; +} + +.#{$fa-css-prefix}-comments-o:before { + content: $fa-var-comments-o; +} + .#{$fa-css-prefix}-flash:before, -.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; } -.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; } -.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; } +.#{$fa-css-prefix}-bolt:before { + content: $fa-var-bolt; +} + +.#{$fa-css-prefix}-sitemap:before { + content: $fa-var-sitemap; +} + +.#{$fa-css-prefix}-umbrella:before { + content: $fa-var-umbrella; +} + .#{$fa-css-prefix}-paste:before, -.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; } -.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; } -.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; } -.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; } -.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; } -.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; } -.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; } -.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; } -.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; } -.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; } -.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; } -.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; } -.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; } -.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; } -.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; } -.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; } -.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; } -.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; } -.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; } -.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; } -.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; } -.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; } -.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; } -.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; } -.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; } -.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; } -.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; } -.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; } -.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; } -.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; } -.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; } +.#{$fa-css-prefix}-clipboard:before { + content: $fa-var-clipboard; +} + +.#{$fa-css-prefix}-lightbulb-o:before { + content: $fa-var-lightbulb-o; +} + +.#{$fa-css-prefix}-exchange:before { + content: $fa-var-exchange; +} + +.#{$fa-css-prefix}-cloud-download:before { + content: $fa-var-cloud-download; +} + +.#{$fa-css-prefix}-cloud-upload:before { + content: $fa-var-cloud-upload; +} + +.#{$fa-css-prefix}-user-md:before { + content: $fa-var-user-md; +} + +.#{$fa-css-prefix}-stethoscope:before { + content: $fa-var-stethoscope; +} + +.#{$fa-css-prefix}-suitcase:before { + content: $fa-var-suitcase; +} + +.#{$fa-css-prefix}-bell-o:before { + content: $fa-var-bell-o; +} + +.#{$fa-css-prefix}-coffee:before { + content: $fa-var-coffee; +} + +.#{$fa-css-prefix}-cutlery:before { + content: $fa-var-cutlery; +} + +.#{$fa-css-prefix}-file-text-o:before { + content: $fa-var-file-text-o; +} + +.#{$fa-css-prefix}-building-o:before { + content: $fa-var-building-o; +} + +.#{$fa-css-prefix}-hospital-o:before { + content: $fa-var-hospital-o; +} + +.#{$fa-css-prefix}-ambulance:before { + content: $fa-var-ambulance; +} + +.#{$fa-css-prefix}-medkit:before { + content: $fa-var-medkit; +} + +.#{$fa-css-prefix}-fighter-jet:before { + content: $fa-var-fighter-jet; +} + +.#{$fa-css-prefix}-beer:before { + content: $fa-var-beer; +} + +.#{$fa-css-prefix}-h-square:before { + content: $fa-var-h-square; +} + +.#{$fa-css-prefix}-plus-square:before { + content: $fa-var-plus-square; +} + +.#{$fa-css-prefix}-angle-double-left:before { + content: $fa-var-angle-double-left; +} + +.#{$fa-css-prefix}-angle-double-right:before { + content: $fa-var-angle-double-right; +} + +.#{$fa-css-prefix}-angle-double-up:before { + content: $fa-var-angle-double-up; +} + +.#{$fa-css-prefix}-angle-double-down:before { + content: $fa-var-angle-double-down; +} + +.#{$fa-css-prefix}-angle-left:before { + content: $fa-var-angle-left; +} + +.#{$fa-css-prefix}-angle-right:before { + content: $fa-var-angle-right; +} + +.#{$fa-css-prefix}-angle-up:before { + content: $fa-var-angle-up; +} + +.#{$fa-css-prefix}-angle-down:before { + content: $fa-var-angle-down; +} + +.#{$fa-css-prefix}-desktop:before { + content: $fa-var-desktop; +} + +.#{$fa-css-prefix}-laptop:before { + content: $fa-var-laptop; +} + +.#{$fa-css-prefix}-tablet:before { + content: $fa-var-tablet; +} + .#{$fa-css-prefix}-mobile-phone:before, -.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; } -.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; } -.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; } -.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; } -.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; } -.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; } +.#{$fa-css-prefix}-mobile:before { + content: $fa-var-mobile; +} + +.#{$fa-css-prefix}-circle-o:before { + content: $fa-var-circle-o; +} + +.#{$fa-css-prefix}-quote-left:before { + content: $fa-var-quote-left; +} + +.#{$fa-css-prefix}-quote-right:before { + content: $fa-var-quote-right; +} + +.#{$fa-css-prefix}-spinner:before { + content: $fa-var-spinner; +} + +.#{$fa-css-prefix}-circle:before { + content: $fa-var-circle; +} + .#{$fa-css-prefix}-mail-reply:before, -.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; } -.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; } -.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; } -.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; } -.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; } -.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; } -.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; } -.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; } -.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; } -.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; } -.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; } -.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; } -.#{$fa-css-prefix}-code:before { content: $fa-var-code; } +.#{$fa-css-prefix}-reply:before { + content: $fa-var-reply; +} + +.#{$fa-css-prefix}-github-alt:before { + content: $fa-var-github-alt; +} + +.#{$fa-css-prefix}-folder-o:before { + content: $fa-var-folder-o; +} + +.#{$fa-css-prefix}-folder-open-o:before { + content: $fa-var-folder-open-o; +} + +.#{$fa-css-prefix}-smile-o:before { + content: $fa-var-smile-o; +} + +.#{$fa-css-prefix}-frown-o:before { + content: $fa-var-frown-o; +} + +.#{$fa-css-prefix}-meh-o:before { + content: $fa-var-meh-o; +} + +.#{$fa-css-prefix}-gamepad:before { + content: $fa-var-gamepad; +} + +.#{$fa-css-prefix}-keyboard-o:before { + content: $fa-var-keyboard-o; +} + +.#{$fa-css-prefix}-flag-o:before { + content: $fa-var-flag-o; +} + +.#{$fa-css-prefix}-flag-checkered:before { + content: $fa-var-flag-checkered; +} + +.#{$fa-css-prefix}-terminal:before { + content: $fa-var-terminal; +} + +.#{$fa-css-prefix}-code:before { + content: $fa-var-code; +} + .#{$fa-css-prefix}-mail-reply-all:before, -.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; } +.#{$fa-css-prefix}-reply-all:before { + content: $fa-var-reply-all; +} + .#{$fa-css-prefix}-star-half-empty:before, .#{$fa-css-prefix}-star-half-full:before, -.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; } -.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; } -.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; } -.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; } +.#{$fa-css-prefix}-star-half-o:before { + content: $fa-var-star-half-o; +} + +.#{$fa-css-prefix}-location-arrow:before { + content: $fa-var-location-arrow; +} + +.#{$fa-css-prefix}-crop:before { + content: $fa-var-crop; +} + +.#{$fa-css-prefix}-code-fork:before { + content: $fa-var-code-fork; +} + .#{$fa-css-prefix}-unlink:before, -.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; } -.#{$fa-css-prefix}-question:before { content: $fa-var-question; } -.#{$fa-css-prefix}-info:before { content: $fa-var-info; } -.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; } -.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; } -.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; } -.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; } -.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; } -.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; } -.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; } -.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; } -.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; } -.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; } -.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; } -.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; } -.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; } -.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; } -.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; } -.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; } -.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; } -.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; } -.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; } -.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; } -.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; } -.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; } -.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; } -.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; } -.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; } -.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; } -.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; } -.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; } -.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; } -.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; } -.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; } -.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; } -.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; } -.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; } -.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; } +.#{$fa-css-prefix}-chain-broken:before { + content: $fa-var-chain-broken; +} + +.#{$fa-css-prefix}-question:before { + content: $fa-var-question; +} + +.#{$fa-css-prefix}-info:before { + content: $fa-var-info; +} + +.#{$fa-css-prefix}-exclamation:before { + content: $fa-var-exclamation; +} + +.#{$fa-css-prefix}-superscript:before { + content: $fa-var-superscript; +} + +.#{$fa-css-prefix}-subscript:before { + content: $fa-var-subscript; +} + +.#{$fa-css-prefix}-eraser:before { + content: $fa-var-eraser; +} + +.#{$fa-css-prefix}-puzzle-piece:before { + content: $fa-var-puzzle-piece; +} + +.#{$fa-css-prefix}-microphone:before { + content: $fa-var-microphone; +} + +.#{$fa-css-prefix}-microphone-slash:before { + content: $fa-var-microphone-slash; +} + +.#{$fa-css-prefix}-shield:before { + content: $fa-var-shield; +} + +.#{$fa-css-prefix}-calendar-o:before { + content: $fa-var-calendar-o; +} + +.#{$fa-css-prefix}-fire-extinguisher:before { + content: $fa-var-fire-extinguisher; +} + +.#{$fa-css-prefix}-rocket:before { + content: $fa-var-rocket; +} + +.#{$fa-css-prefix}-maxcdn:before { + content: $fa-var-maxcdn; +} + +.#{$fa-css-prefix}-chevron-circle-left:before { + content: $fa-var-chevron-circle-left; +} + +.#{$fa-css-prefix}-chevron-circle-right:before { + content: $fa-var-chevron-circle-right; +} + +.#{$fa-css-prefix}-chevron-circle-up:before { + content: $fa-var-chevron-circle-up; +} + +.#{$fa-css-prefix}-chevron-circle-down:before { + content: $fa-var-chevron-circle-down; +} + +.#{$fa-css-prefix}-html5:before { + content: $fa-var-html5; +} + +.#{$fa-css-prefix}-css3:before { + content: $fa-var-css3; +} + +.#{$fa-css-prefix}-anchor:before { + content: $fa-var-anchor; +} + +.#{$fa-css-prefix}-unlock-alt:before { + content: $fa-var-unlock-alt; +} + +.#{$fa-css-prefix}-bullseye:before { + content: $fa-var-bullseye; +} + +.#{$fa-css-prefix}-ellipsis-h:before { + content: $fa-var-ellipsis-h; +} + +.#{$fa-css-prefix}-ellipsis-v:before { + content: $fa-var-ellipsis-v; +} + +.#{$fa-css-prefix}-rss-square:before { + content: $fa-var-rss-square; +} + +.#{$fa-css-prefix}-play-circle:before { + content: $fa-var-play-circle; +} + +.#{$fa-css-prefix}-ticket:before { + content: $fa-var-ticket; +} + +.#{$fa-css-prefix}-minus-square:before { + content: $fa-var-minus-square; +} + +.#{$fa-css-prefix}-minus-square-o:before { + content: $fa-var-minus-square-o; +} + +.#{$fa-css-prefix}-level-up:before { + content: $fa-var-level-up; +} + +.#{$fa-css-prefix}-level-down:before { + content: $fa-var-level-down; +} + +.#{$fa-css-prefix}-check-square:before { + content: $fa-var-check-square; +} + +.#{$fa-css-prefix}-pencil-square:before { + content: $fa-var-pencil-square; +} + +.#{$fa-css-prefix}-external-link-square:before { + content: $fa-var-external-link-square; +} + +.#{$fa-css-prefix}-share-square:before { + content: $fa-var-share-square; +} + +.#{$fa-css-prefix}-compass:before { + content: $fa-var-compass; +} + .#{$fa-css-prefix}-toggle-down:before, -.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; } +.#{$fa-css-prefix}-caret-square-o-down:before { + content: $fa-var-caret-square-o-down; +} + .#{$fa-css-prefix}-toggle-up:before, -.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; } +.#{$fa-css-prefix}-caret-square-o-up:before { + content: $fa-var-caret-square-o-up; +} + .#{$fa-css-prefix}-toggle-right:before, -.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; } +.#{$fa-css-prefix}-caret-square-o-right:before { + content: $fa-var-caret-square-o-right; +} + .#{$fa-css-prefix}-euro:before, -.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; } -.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; } +.#{$fa-css-prefix}-eur:before { + content: $fa-var-eur; +} + +.#{$fa-css-prefix}-gbp:before { + content: $fa-var-gbp; +} + .#{$fa-css-prefix}-dollar:before, -.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; } +.#{$fa-css-prefix}-usd:before { + content: $fa-var-usd; +} + .#{$fa-css-prefix}-rupee:before, -.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; } +.#{$fa-css-prefix}-inr:before { + content: $fa-var-inr; +} + .#{$fa-css-prefix}-cny:before, .#{$fa-css-prefix}-rmb:before, .#{$fa-css-prefix}-yen:before, -.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; } +.#{$fa-css-prefix}-jpy:before { + content: $fa-var-jpy; +} + .#{$fa-css-prefix}-ruble:before, .#{$fa-css-prefix}-rouble:before, -.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; } +.#{$fa-css-prefix}-rub:before { + content: $fa-var-rub; +} + .#{$fa-css-prefix}-won:before, -.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; } +.#{$fa-css-prefix}-krw:before { + content: $fa-var-krw; +} + .#{$fa-css-prefix}-bitcoin:before, -.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; } -.#{$fa-css-prefix}-file:before { content: $fa-var-file; } -.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; } -.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; } -.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; } -.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; } -.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; } -.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; } -.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; } -.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; } -.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; } -.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; } -.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; } -.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; } -.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; } -.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; } -.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; } -.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; } -.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; } -.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; } -.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; } -.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; } -.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; } -.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; } -.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; } -.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; } -.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; } -.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; } -.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; } -.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; } -.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; } -.#{$fa-css-prefix}-android:before { content: $fa-var-android; } -.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; } -.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; } -.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; } -.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; } -.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; } -.#{$fa-css-prefix}-female:before { content: $fa-var-female; } -.#{$fa-css-prefix}-male:before { content: $fa-var-male; } -.#{$fa-css-prefix}-gittip:before { content: $fa-var-gittip; } -.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; } -.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; } -.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; } -.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; } -.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; } -.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; } -.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; } -.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; } -.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; } -.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; } -.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; } +.#{$fa-css-prefix}-btc:before { + content: $fa-var-btc; +} + +.#{$fa-css-prefix}-file:before { + content: $fa-var-file; +} + +.#{$fa-css-prefix}-file-text:before { + content: $fa-var-file-text; +} + +.#{$fa-css-prefix}-sort-alpha-asc:before { + content: $fa-var-sort-alpha-asc; +} + +.#{$fa-css-prefix}-sort-alpha-desc:before { + content: $fa-var-sort-alpha-desc; +} + +.#{$fa-css-prefix}-sort-amount-asc:before { + content: $fa-var-sort-amount-asc; +} + +.#{$fa-css-prefix}-sort-amount-desc:before { + content: $fa-var-sort-amount-desc; +} + +.#{$fa-css-prefix}-sort-numeric-asc:before { + content: $fa-var-sort-numeric-asc; +} + +.#{$fa-css-prefix}-sort-numeric-desc:before { + content: $fa-var-sort-numeric-desc; +} + +.#{$fa-css-prefix}-thumbs-up:before { + content: $fa-var-thumbs-up; +} + +.#{$fa-css-prefix}-thumbs-down:before { + content: $fa-var-thumbs-down; +} + +.#{$fa-css-prefix}-youtube-square:before { + content: $fa-var-youtube-square; +} + +.#{$fa-css-prefix}-youtube:before { + content: $fa-var-youtube; +} + +.#{$fa-css-prefix}-xing:before { + content: $fa-var-xing; +} + +.#{$fa-css-prefix}-xing-square:before { + content: $fa-var-xing-square; +} + +.#{$fa-css-prefix}-youtube-play:before { + content: $fa-var-youtube-play; +} + +.#{$fa-css-prefix}-dropbox:before { + content: $fa-var-dropbox; +} + +.#{$fa-css-prefix}-stack-overflow:before { + content: $fa-var-stack-overflow; +} + +.#{$fa-css-prefix}-instagram:before { + content: $fa-var-instagram; +} + +.#{$fa-css-prefix}-flickr:before { + content: $fa-var-flickr; +} + +.#{$fa-css-prefix}-adn:before { + content: $fa-var-adn; +} + +.#{$fa-css-prefix}-bitbucket:before { + content: $fa-var-bitbucket; +} + +.#{$fa-css-prefix}-bitbucket-square:before { + content: $fa-var-bitbucket-square; +} + +.#{$fa-css-prefix}-tumblr:before { + content: $fa-var-tumblr; +} + +.#{$fa-css-prefix}-tumblr-square:before { + content: $fa-var-tumblr-square; +} + +.#{$fa-css-prefix}-long-arrow-down:before { + content: $fa-var-long-arrow-down; +} + +.#{$fa-css-prefix}-long-arrow-up:before { + content: $fa-var-long-arrow-up; +} + +.#{$fa-css-prefix}-long-arrow-left:before { + content: $fa-var-long-arrow-left; +} + +.#{$fa-css-prefix}-long-arrow-right:before { + content: $fa-var-long-arrow-right; +} + +.#{$fa-css-prefix}-apple:before { + content: $fa-var-apple; +} + +.#{$fa-css-prefix}-windows:before { + content: $fa-var-windows; +} + +.#{$fa-css-prefix}-android:before { + content: $fa-var-android; +} + +.#{$fa-css-prefix}-linux:before { + content: $fa-var-linux; +} + +.#{$fa-css-prefix}-dribbble:before { + content: $fa-var-dribbble; +} + +.#{$fa-css-prefix}-skype:before { + content: $fa-var-skype; +} + +.#{$fa-css-prefix}-foursquare:before { + content: $fa-var-foursquare; +} + +.#{$fa-css-prefix}-trello:before { + content: $fa-var-trello; +} + +.#{$fa-css-prefix}-female:before { + content: $fa-var-female; +} + +.#{$fa-css-prefix}-male:before { + content: $fa-var-male; +} + +.#{$fa-css-prefix}-gittip:before { + content: $fa-var-gittip; +} + +.#{$fa-css-prefix}-sun-o:before { + content: $fa-var-sun-o; +} + +.#{$fa-css-prefix}-moon-o:before { + content: $fa-var-moon-o; +} + +.#{$fa-css-prefix}-archive:before { + content: $fa-var-archive; +} + +.#{$fa-css-prefix}-bug:before { + content: $fa-var-bug; +} + +.#{$fa-css-prefix}-vk:before { + content: $fa-var-vk; +} + +.#{$fa-css-prefix}-weibo:before { + content: $fa-var-weibo; +} + +.#{$fa-css-prefix}-renren:before { + content: $fa-var-renren; +} + +.#{$fa-css-prefix}-pagelines:before { + content: $fa-var-pagelines; +} + +.#{$fa-css-prefix}-stack-exchange:before { + content: $fa-var-stack-exchange; +} + +.#{$fa-css-prefix}-arrow-circle-o-right:before { + content: $fa-var-arrow-circle-o-right; +} + +.#{$fa-css-prefix}-arrow-circle-o-left:before { + content: $fa-var-arrow-circle-o-left; +} + .#{$fa-css-prefix}-toggle-left:before, -.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; } -.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; } -.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; } -.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; } +.#{$fa-css-prefix}-caret-square-o-left:before { + content: $fa-var-caret-square-o-left; +} + +.#{$fa-css-prefix}-dot-circle-o:before { + content: $fa-var-dot-circle-o; +} + +.#{$fa-css-prefix}-wheelchair:before { + content: $fa-var-wheelchair; +} + +.#{$fa-css-prefix}-vimeo-square:before { + content: $fa-var-vimeo-square; +} + .#{$fa-css-prefix}-turkish-lira:before, -.#{$fa-css-prefix}-try:before { content: $fa-var-try; } -.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; } -.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; } -.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; } -.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; } -.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; } -.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; } +.#{$fa-css-prefix}-try:before { + content: $fa-var-try; +} + +.#{$fa-css-prefix}-plus-square-o:before { + content: $fa-var-plus-square-o; +} + +.#{$fa-css-prefix}-space-shuttle:before { + content: $fa-var-space-shuttle; +} + +.#{$fa-css-prefix}-slack:before { + content: $fa-var-slack; +} + +.#{$fa-css-prefix}-envelope-square:before { + content: $fa-var-envelope-square; +} + +.#{$fa-css-prefix}-wordpress:before { + content: $fa-var-wordpress; +} + +.#{$fa-css-prefix}-openid:before { + content: $fa-var-openid; +} + .#{$fa-css-prefix}-institution:before, .#{$fa-css-prefix}-bank:before, -.#{$fa-css-prefix}-university:before { content: $fa-var-university; } +.#{$fa-css-prefix}-university:before { + content: $fa-var-university; +} + .#{$fa-css-prefix}-mortar-board:before, -.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; } -.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; } -.#{$fa-css-prefix}-google:before { content: $fa-var-google; } -.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; } -.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; } -.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; } -.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; } -.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; } -.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; } -.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; } -.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; } -.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; } -.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; } -.#{$fa-css-prefix}-language:before { content: $fa-var-language; } -.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; } -.#{$fa-css-prefix}-building:before { content: $fa-var-building; } -.#{$fa-css-prefix}-child:before { content: $fa-var-child; } -.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; } -.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; } -.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; } -.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; } -.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; } -.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; } -.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; } -.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; } -.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; } +.#{$fa-css-prefix}-graduation-cap:before { + content: $fa-var-graduation-cap; +} + +.#{$fa-css-prefix}-yahoo:before { + content: $fa-var-yahoo; +} + +.#{$fa-css-prefix}-google:before { + content: $fa-var-google; +} + +.#{$fa-css-prefix}-reddit:before { + content: $fa-var-reddit; +} + +.#{$fa-css-prefix}-reddit-square:before { + content: $fa-var-reddit-square; +} + +.#{$fa-css-prefix}-stumbleupon-circle:before { + content: $fa-var-stumbleupon-circle; +} + +.#{$fa-css-prefix}-stumbleupon:before { + content: $fa-var-stumbleupon; +} + +.#{$fa-css-prefix}-delicious:before { + content: $fa-var-delicious; +} + +.#{$fa-css-prefix}-digg:before { + content: $fa-var-digg; +} + +.#{$fa-css-prefix}-pied-piper:before { + content: $fa-var-pied-piper; +} + +.#{$fa-css-prefix}-pied-piper-alt:before { + content: $fa-var-pied-piper-alt; +} + +.#{$fa-css-prefix}-drupal:before { + content: $fa-var-drupal; +} + +.#{$fa-css-prefix}-joomla:before { + content: $fa-var-joomla; +} + +.#{$fa-css-prefix}-language:before { + content: $fa-var-language; +} + +.#{$fa-css-prefix}-fax:before { + content: $fa-var-fax; +} + +.#{$fa-css-prefix}-building:before { + content: $fa-var-building; +} + +.#{$fa-css-prefix}-child:before { + content: $fa-var-child; +} + +.#{$fa-css-prefix}-paw:before { + content: $fa-var-paw; +} + +.#{$fa-css-prefix}-spoon:before { + content: $fa-var-spoon; +} + +.#{$fa-css-prefix}-cube:before { + content: $fa-var-cube; +} + +.#{$fa-css-prefix}-cubes:before { + content: $fa-var-cubes; +} + +.#{$fa-css-prefix}-behance:before { + content: $fa-var-behance; +} + +.#{$fa-css-prefix}-behance-square:before { + content: $fa-var-behance-square; +} + +.#{$fa-css-prefix}-steam:before { + content: $fa-var-steam; +} + +.#{$fa-css-prefix}-steam-square:before { + content: $fa-var-steam-square; +} + +.#{$fa-css-prefix}-recycle:before { + content: $fa-var-recycle; +} + .#{$fa-css-prefix}-automobile:before, -.#{$fa-css-prefix}-car:before { content: $fa-var-car; } +.#{$fa-css-prefix}-car:before { + content: $fa-var-car; +} + .#{$fa-css-prefix}-cab:before, -.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; } -.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; } -.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; } -.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; } -.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; } -.#{$fa-css-prefix}-database:before { content: $fa-var-database; } -.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; } -.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; } -.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; } -.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; } +.#{$fa-css-prefix}-taxi:before { + content: $fa-var-taxi; +} + +.#{$fa-css-prefix}-tree:before { + content: $fa-var-tree; +} + +.#{$fa-css-prefix}-spotify:before { + content: $fa-var-spotify; +} + +.#{$fa-css-prefix}-deviantart:before { + content: $fa-var-deviantart; +} + +.#{$fa-css-prefix}-soundcloud:before { + content: $fa-var-soundcloud; +} + +.#{$fa-css-prefix}-database:before { + content: $fa-var-database; +} + +.#{$fa-css-prefix}-file-pdf-o:before { + content: $fa-var-file-pdf-o; +} + +.#{$fa-css-prefix}-file-word-o:before { + content: $fa-var-file-word-o; +} + +.#{$fa-css-prefix}-file-excel-o:before { + content: $fa-var-file-excel-o; +} + +.#{$fa-css-prefix}-file-powerpoint-o:before { + content: $fa-var-file-powerpoint-o; +} + .#{$fa-css-prefix}-file-photo-o:before, .#{$fa-css-prefix}-file-picture-o:before, -.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; } +.#{$fa-css-prefix}-file-image-o:before { + content: $fa-var-file-image-o; +} + .#{$fa-css-prefix}-file-zip-o:before, -.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; } +.#{$fa-css-prefix}-file-archive-o:before { + content: $fa-var-file-archive-o; +} + .#{$fa-css-prefix}-file-sound-o:before, -.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; } +.#{$fa-css-prefix}-file-audio-o:before { + content: $fa-var-file-audio-o; +} + .#{$fa-css-prefix}-file-movie-o:before, -.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; } -.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; } -.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; } -.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; } -.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; } +.#{$fa-css-prefix}-file-video-o:before { + content: $fa-var-file-video-o; +} + +.#{$fa-css-prefix}-file-code-o:before { + content: $fa-var-file-code-o; +} + +.#{$fa-css-prefix}-vine:before { + content: $fa-var-vine; +} + +.#{$fa-css-prefix}-codepen:before { + content: $fa-var-codepen; +} + +.#{$fa-css-prefix}-jsfiddle:before { + content: $fa-var-jsfiddle; +} + .#{$fa-css-prefix}-life-bouy:before, .#{$fa-css-prefix}-life-buoy:before, .#{$fa-css-prefix}-life-saver:before, .#{$fa-css-prefix}-support:before, -.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; } -.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; } +.#{$fa-css-prefix}-life-ring:before { + content: $fa-var-life-ring; +} + +.#{$fa-css-prefix}-circle-o-notch:before { + content: $fa-var-circle-o-notch; +} + .#{$fa-css-prefix}-ra:before, -.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; } +.#{$fa-css-prefix}-rebel:before { + content: $fa-var-rebel; +} + .#{$fa-css-prefix}-ge:before, -.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; } -.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; } -.#{$fa-css-prefix}-git:before { content: $fa-var-git; } -.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; } -.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; } -.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; } +.#{$fa-css-prefix}-empire:before { + content: $fa-var-empire; +} + +.#{$fa-css-prefix}-git-square:before { + content: $fa-var-git-square; +} + +.#{$fa-css-prefix}-git:before { + content: $fa-var-git; +} + +.#{$fa-css-prefix}-hacker-news:before { + content: $fa-var-hacker-news; +} + +.#{$fa-css-prefix}-tencent-weibo:before { + content: $fa-var-tencent-weibo; +} + +.#{$fa-css-prefix}-qq:before { + content: $fa-var-qq; +} + .#{$fa-css-prefix}-wechat:before, -.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; } +.#{$fa-css-prefix}-weixin:before { + content: $fa-var-weixin; +} + .#{$fa-css-prefix}-send:before, -.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; } +.#{$fa-css-prefix}-paper-plane:before { + content: $fa-var-paper-plane; +} + .#{$fa-css-prefix}-send-o:before, -.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; } -.#{$fa-css-prefix}-history:before { content: $fa-var-history; } -.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; } -.#{$fa-css-prefix}-header:before { content: $fa-var-header; } -.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; } -.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; } -.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; } -.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; } -.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; } +.#{$fa-css-prefix}-paper-plane-o:before { + content: $fa-var-paper-plane-o; +} + +.#{$fa-css-prefix}-history:before { + content: $fa-var-history; +} + +.#{$fa-css-prefix}-circle-thin:before { + content: $fa-var-circle-thin; +} + +.#{$fa-css-prefix}-header:before { + content: $fa-var-header; +} + +.#{$fa-css-prefix}-paragraph:before { + content: $fa-var-paragraph; +} + +.#{$fa-css-prefix}-sliders:before { + content: $fa-var-sliders; +} + +.#{$fa-css-prefix}-share-alt:before { + content: $fa-var-share-alt; +} + +.#{$fa-css-prefix}-share-alt-square:before { + content: $fa-var-share-alt-square; +} + +.#{$fa-css-prefix}-bomb:before { + content: $fa-var-bomb; +} + .#{$fa-css-prefix}-soccer-ball-o:before, -.#{$fa-css-prefix}-futbol-o:before { content: $fa-var-futbol-o; } -.#{$fa-css-prefix}-tty:before { content: $fa-var-tty; } -.#{$fa-css-prefix}-binoculars:before { content: $fa-var-binoculars; } -.#{$fa-css-prefix}-plug:before { content: $fa-var-plug; } -.#{$fa-css-prefix}-slideshare:before { content: $fa-var-slideshare; } -.#{$fa-css-prefix}-twitch:before { content: $fa-var-twitch; } -.#{$fa-css-prefix}-yelp:before { content: $fa-var-yelp; } -.#{$fa-css-prefix}-newspaper-o:before { content: $fa-var-newspaper-o; } -.#{$fa-css-prefix}-wifi:before { content: $fa-var-wifi; } -.#{$fa-css-prefix}-calculator:before { content: $fa-var-calculator; } -.#{$fa-css-prefix}-paypal:before { content: $fa-var-paypal; } -.#{$fa-css-prefix}-google-wallet:before { content: $fa-var-google-wallet; } -.#{$fa-css-prefix}-cc-visa:before { content: $fa-var-cc-visa; } -.#{$fa-css-prefix}-cc-mastercard:before { content: $fa-var-cc-mastercard; } -.#{$fa-css-prefix}-cc-discover:before { content: $fa-var-cc-discover; } -.#{$fa-css-prefix}-cc-amex:before { content: $fa-var-cc-amex; } -.#{$fa-css-prefix}-cc-paypal:before { content: $fa-var-cc-paypal; } -.#{$fa-css-prefix}-cc-stripe:before { content: $fa-var-cc-stripe; } -.#{$fa-css-prefix}-bell-slash:before { content: $fa-var-bell-slash; } -.#{$fa-css-prefix}-bell-slash-o:before { content: $fa-var-bell-slash-o; } -.#{$fa-css-prefix}-trash:before { content: $fa-var-trash; } -.#{$fa-css-prefix}-copyright:before { content: $fa-var-copyright; } -.#{$fa-css-prefix}-at:before { content: $fa-var-at; } -.#{$fa-css-prefix}-eyedropper:before { content: $fa-var-eyedropper; } -.#{$fa-css-prefix}-paint-brush:before { content: $fa-var-paint-brush; } -.#{$fa-css-prefix}-birthday-cake:before { content: $fa-var-birthday-cake; } -.#{$fa-css-prefix}-area-chart:before { content: $fa-var-area-chart; } -.#{$fa-css-prefix}-pie-chart:before { content: $fa-var-pie-chart; } -.#{$fa-css-prefix}-line-chart:before { content: $fa-var-line-chart; } -.#{$fa-css-prefix}-lastfm:before { content: $fa-var-lastfm; } -.#{$fa-css-prefix}-lastfm-square:before { content: $fa-var-lastfm-square; } -.#{$fa-css-prefix}-toggle-off:before { content: $fa-var-toggle-off; } -.#{$fa-css-prefix}-toggle-on:before { content: $fa-var-toggle-on; } -.#{$fa-css-prefix}-bicycle:before { content: $fa-var-bicycle; } -.#{$fa-css-prefix}-bus:before { content: $fa-var-bus; } -.#{$fa-css-prefix}-ioxhost:before { content: $fa-var-ioxhost; } -.#{$fa-css-prefix}-angellist:before { content: $fa-var-angellist; } -.#{$fa-css-prefix}-cc:before { content: $fa-var-cc; } +.#{$fa-css-prefix}-futbol-o:before { + content: $fa-var-futbol-o; +} + +.#{$fa-css-prefix}-tty:before { + content: $fa-var-tty; +} + +.#{$fa-css-prefix}-binoculars:before { + content: $fa-var-binoculars; +} + +.#{$fa-css-prefix}-plug:before { + content: $fa-var-plug; +} + +.#{$fa-css-prefix}-slideshare:before { + content: $fa-var-slideshare; +} + +.#{$fa-css-prefix}-twitch:before { + content: $fa-var-twitch; +} + +.#{$fa-css-prefix}-yelp:before { + content: $fa-var-yelp; +} + +.#{$fa-css-prefix}-newspaper-o:before { + content: $fa-var-newspaper-o; +} + +.#{$fa-css-prefix}-wifi:before { + content: $fa-var-wifi; +} + +.#{$fa-css-prefix}-calculator:before { + content: $fa-var-calculator; +} + +.#{$fa-css-prefix}-paypal:before { + content: $fa-var-paypal; +} + +.#{$fa-css-prefix}-google-wallet:before { + content: $fa-var-google-wallet; +} + +.#{$fa-css-prefix}-cc-visa:before { + content: $fa-var-cc-visa; +} + +.#{$fa-css-prefix}-cc-mastercard:before { + content: $fa-var-cc-mastercard; +} + +.#{$fa-css-prefix}-cc-discover:before { + content: $fa-var-cc-discover; +} + +.#{$fa-css-prefix}-cc-amex:before { + content: $fa-var-cc-amex; +} + +.#{$fa-css-prefix}-cc-paypal:before { + content: $fa-var-cc-paypal; +} + +.#{$fa-css-prefix}-cc-stripe:before { + content: $fa-var-cc-stripe; +} + +.#{$fa-css-prefix}-bell-slash:before { + content: $fa-var-bell-slash; +} + +.#{$fa-css-prefix}-bell-slash-o:before { + content: $fa-var-bell-slash-o; +} + +.#{$fa-css-prefix}-trash:before { + content: $fa-var-trash; +} + +.#{$fa-css-prefix}-copyright:before { + content: $fa-var-copyright; +} + +.#{$fa-css-prefix}-at:before { + content: $fa-var-at; +} + +.#{$fa-css-prefix}-eyedropper:before { + content: $fa-var-eyedropper; +} + +.#{$fa-css-prefix}-paint-brush:before { + content: $fa-var-paint-brush; +} + +.#{$fa-css-prefix}-birthday-cake:before { + content: $fa-var-birthday-cake; +} + +.#{$fa-css-prefix}-area-chart:before { + content: $fa-var-area-chart; +} + +.#{$fa-css-prefix}-pie-chart:before { + content: $fa-var-pie-chart; +} + +.#{$fa-css-prefix}-line-chart:before { + content: $fa-var-line-chart; +} + +.#{$fa-css-prefix}-lastfm:before { + content: $fa-var-lastfm; +} + +.#{$fa-css-prefix}-lastfm-square:before { + content: $fa-var-lastfm-square; +} + +.#{$fa-css-prefix}-toggle-off:before { + content: $fa-var-toggle-off; +} + +.#{$fa-css-prefix}-toggle-on:before { + content: $fa-var-toggle-on; +} + +.#{$fa-css-prefix}-bicycle:before { + content: $fa-var-bicycle; +} + +.#{$fa-css-prefix}-bus:before { + content: $fa-var-bus; +} + +.#{$fa-css-prefix}-ioxhost:before { + content: $fa-var-ioxhost; +} + +.#{$fa-css-prefix}-angellist:before { + content: $fa-var-angellist; +} + +.#{$fa-css-prefix}-cc:before { + content: $fa-var-cc; +} + .#{$fa-css-prefix}-shekel:before, .#{$fa-css-prefix}-sheqel:before, -.#{$fa-css-prefix}-ils:before { content: $fa-var-ils; } -.#{$fa-css-prefix}-meanpath:before { content: $fa-var-meanpath; } +.#{$fa-css-prefix}-ils:before { + content: $fa-var-ils; +} + +.#{$fa-css-prefix}-meanpath:before { + content: $fa-var-meanpath; +} diff --git a/djangoproject/scss/font-awesome/_larger.scss b/djangoproject/scss/font-awesome/_larger.scss index 41e9a8184..c1f25e4a1 100644 --- a/djangoproject/scss/font-awesome/_larger.scss +++ b/djangoproject/scss/font-awesome/_larger.scss @@ -3,11 +3,23 @@ /* makes the font 33% larger relative to the icon container */ .#{$fa-css-prefix}-lg { - font-size: (4em / 3); - line-height: (3em / 4); - vertical-align: -15%; -} -.#{$fa-css-prefix}-2x { font-size: 2em; } -.#{$fa-css-prefix}-3x { font-size: 3em; } -.#{$fa-css-prefix}-4x { font-size: 4em; } -.#{$fa-css-prefix}-5x { font-size: 5em; } + font-size: (4em / 3); + line-height: (3em / 4); + vertical-align: -15%; +} + +.#{$fa-css-prefix}-2x { + font-size: 2em; +} + +.#{$fa-css-prefix}-3x { + font-size: 3em; +} + +.#{$fa-css-prefix}-4x { + font-size: 4em; +} + +.#{$fa-css-prefix}-5x { + font-size: 5em; +} diff --git a/djangoproject/scss/font-awesome/_list.scss b/djangoproject/scss/font-awesome/_list.scss index 7d1e4d54d..78aa9d767 100644 --- a/djangoproject/scss/font-awesome/_list.scss +++ b/djangoproject/scss/font-awesome/_list.scss @@ -2,18 +2,23 @@ // ------------------------- .#{$fa-css-prefix}-ul { - padding-left: 0; - margin-left: $fa-li-width; - list-style-type: none; - > li { position: relative; } + padding-left: 0; + margin-left: $fa-li-width; + list-style-type: none; + + >li { + position: relative; + } } + .#{$fa-css-prefix}-li { - position: absolute; - left: -$fa-li-width; - width: $fa-li-width; - top: (2em / 14); - text-align: center; - &.#{$fa-css-prefix}-lg { - left: -$fa-li-width + (4em / 14); - } + position: absolute; + left: -$fa-li-width; + width: $fa-li-width; + top: (2em / 14); + text-align: center; + + &.#{$fa-css-prefix}-lg { + left: -$fa-li-width + (4em / 14); + } } diff --git a/djangoproject/scss/font-awesome/_mixins.scss b/djangoproject/scss/font-awesome/_mixins.scss index a139dfb30..6de50b075 100644 --- a/djangoproject/scss/font-awesome/_mixins.scss +++ b/djangoproject/scss/font-awesome/_mixins.scss @@ -2,24 +2,24 @@ // -------------------------- @mixin fa-icon() { - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; // shortening font declaration - font-size: inherit; // can't have font-size inherit on line above, so need to override - text-rendering: auto; // optimizelegibility throws things off #1094 - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; // shortening font declaration + font-size: inherit; // can't have font-size inherit on line above, so need to override + text-rendering: auto; // optimizelegibility throws things off #1094 + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } @mixin fa-icon-rotate($degrees, $rotation) { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); - -webkit-transform: rotate($degrees); - -ms-transform: rotate($degrees); - transform: rotate($degrees); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); + -webkit-transform: rotate($degrees); + -ms-transform: rotate($degrees); + transform: rotate($degrees); } @mixin fa-icon-flip($horiz, $vert, $rotation) { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); - -webkit-transform: scale($horiz, $vert); - -ms-transform: scale($horiz, $vert); - transform: scale($horiz, $vert); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); + -webkit-transform: scale($horiz, $vert); + -ms-transform: scale($horiz, $vert); + transform: scale($horiz, $vert); } diff --git a/djangoproject/scss/font-awesome/_path.scss b/djangoproject/scss/font-awesome/_path.scss index fd21c3515..23900608c 100644 --- a/djangoproject/scss/font-awesome/_path.scss +++ b/djangoproject/scss/font-awesome/_path.scss @@ -2,13 +2,13 @@ * -------------------------- */ @font-face { - font-family: 'FontAwesome'; - src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); - src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), + font-family: 'FontAwesome'; + src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); + src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'), url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg'); - //src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts - font-weight: normal; - font-style: normal; + //src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts + font-weight: normal; + font-style: normal; } diff --git a/djangoproject/scss/font-awesome/_rotated-flipped.scss b/djangoproject/scss/font-awesome/_rotated-flipped.scss index a3558fd09..cbbecbd04 100644 --- a/djangoproject/scss/font-awesome/_rotated-flipped.scss +++ b/djangoproject/scss/font-awesome/_rotated-flipped.scss @@ -1,12 +1,25 @@ // Rotated & Flipped Icons // ------------------------- -.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } -.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } -.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } +.#{$fa-css-prefix}-rotate-90 { + @include fa-icon-rotate(90deg, 1); +} + +.#{$fa-css-prefix}-rotate-180 { + @include fa-icon-rotate(180deg, 2); +} + +.#{$fa-css-prefix}-rotate-270 { + @include fa-icon-rotate(270deg, 3); +} + +.#{$fa-css-prefix}-flip-horizontal { + @include fa-icon-flip(-1, 1, 0); +} -.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } -.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } +.#{$fa-css-prefix}-flip-vertical { + @include fa-icon-flip(1, -1, 2); +} // Hook for IE8-9 // ------------------------- @@ -16,5 +29,5 @@ :root .#{$fa-css-prefix}-rotate-270, :root .#{$fa-css-prefix}-flip-horizontal, :root .#{$fa-css-prefix}-flip-vertical { - filter: none; + filter: none; } diff --git a/djangoproject/scss/font-awesome/_spinning.scss b/djangoproject/scss/font-awesome/_spinning.scss index 002c5d5c5..0db8ca590 100644 --- a/djangoproject/scss/font-awesome/_spinning.scss +++ b/djangoproject/scss/font-awesome/_spinning.scss @@ -2,28 +2,30 @@ // -------------------------- .#{$fa-css-prefix}-spin { - -webkit-animation: fa-spin 2s infinite linear; - animation: fa-spin 2s infinite linear; + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; } @-webkit-keyframes fa-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } } @keyframes fa-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } } diff --git a/djangoproject/scss/font-awesome/_stacked.scss b/djangoproject/scss/font-awesome/_stacked.scss index aef740366..245aed4e0 100644 --- a/djangoproject/scss/font-awesome/_stacked.scss +++ b/djangoproject/scss/font-awesome/_stacked.scss @@ -2,19 +2,30 @@ // ------------------------- .#{$fa-css-prefix}-stack { - position: relative; - display: inline-block; - width: 2em; - height: 2em; - line-height: 2em; - vertical-align: middle; + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; } -.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { - position: absolute; - left: 0; - width: 100%; - text-align: center; + +.#{$fa-css-prefix}-stack-1x, +.#{$fa-css-prefix}-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} + +.#{$fa-css-prefix}-stack-1x { + line-height: inherit; +} + +.#{$fa-css-prefix}-stack-2x { + font-size: 2em; +} + +.#{$fa-css-prefix}-inverse { + color: $fa-inverse; } -.#{$fa-css-prefix}-stack-1x { line-height: inherit; } -.#{$fa-css-prefix}-stack-2x { font-size: 2em; } -.#{$fa-css-prefix}-inverse { color: $fa-inverse; } diff --git a/djangoproject/scss/font-awesome/_variables.scss b/djangoproject/scss/font-awesome/_variables.scss index f5fdc080e..7458f0d0c 100644 --- a/djangoproject/scss/font-awesome/_variables.scss +++ b/djangoproject/scss/font-awesome/_variables.scss @@ -2,12 +2,12 @@ // -------------------------- // $fa-font-path: "../fonts/font-awesome" !default; -$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts" !default; // for referencing Bootstrap CDN font files directly -$fa-css-prefix: icon !default; -$fa-version: "4.2.0" !default; -$fa-border-color: #eee !default; -$fa-inverse: #fff !default; -$fa-li-width: (30em / 14) !default; +$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts" !default; // for referencing Bootstrap CDN font files directly +$fa-css-prefix: icon !default; +$fa-version: "4.2.0" !default; +$fa-border-color: #eee !default; +$fa-inverse: #fff !default; +$fa-li-width: (30em / 14) !default; $fa-var-adjust: "\f042"; $fa-var-adn: "\f170";