commit 58842c665e0aa2f0223b890f13015b28a069a227 Author: Sven Ullmann Date: Sat Jul 19 23:58:24 2025 +0200 init diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..066211c --- /dev/null +++ b/.gitignore @@ -0,0 +1,120 @@ +.idea + +# ---> Node +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +lerna-debug.log* + +# Diagnostic reports (https://nodejs.org/api/report.html) +report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json + +# Runtime data +pids +*.pid +*.seed +*.pid.lock + +# Directory for instrumented libs generated by jscoverage/JSCover +lib-cov + +# Coverage directory used by tools like istanbul +coverage +*.lcov + +# nyc test coverage +.nyc_output + +# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) +.grunt + +# Bower dependency directory (https://bower.io/) +bower_components + +# node-waf configuration +.lock-wscript + +# Compiled binary addons (https://nodejs.org/api/addons.html) +build/Release + +# Dependency directories +node_modules/ +jspm_packages/ + +# Snowpack dependency directory (https://snowpack.dev/) +web_modules/ + +# TypeScript cache +*.tsbuildinfo + +# Optional npm cache directory +.npm + +# Optional eslint cache +.eslintcache + +# Microbundle cache +.rpt2_cache/ +.rts2_cache_cjs/ +.rts2_cache_es/ +.rts2_cache_umd/ + +# Optional REPL history +.node_repl_history + +# Output of 'npm pack' +*.tgz + +# Yarn Integrity file +.yarn-integrity + +# dotenv environment variables file +.env +.env.test + +# parcel-bundler cache (https://parceljs.org/) +.cache +.parcel-cache + +# Next.js build output +.next +out + +# Nuxt.js build / generate output +.nuxt +dist + +# Gatsby files +.cache/ +# Comment in the public line in if your project uses Gatsby and not Next.js +# https://nextjs.org/blog/next-9-1#public-directory-support +# public + +# vuepress build output +.vuepress/dist + +# Serverless directories +.serverless/ + +# FuseBox cache +.fusebox/ + +# DynamoDB Local files +.dynamodb/ + +# TernJS port file +.tern-port + +# Stores VSCode versions used for testing VSCode extensions +.vscode-test + +# yarn v2 +.yarn/cache +.yarn/unplugged +.yarn/build-state.yml +.yarn/install-state.gz +.pnp.* + diff --git a/README.md b/README.md new file mode 100644 index 0000000..054f57c --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +# scss-framework + +SCSS Framework (Beta) \ No newline at end of file diff --git a/_bootstrap.scss b/_bootstrap.scss new file mode 100644 index 0000000..7debdbf --- /dev/null +++ b/_bootstrap.scss @@ -0,0 +1,11 @@ +@import "function/rem"; + +@import "mixin/breakpoint"; +@import "mixin/layout"; +@import "mixin/card"; + +@import "config/config"; +@import "config/breakpoints"; +@import "config/variables"; +@import "config/grid"; +@import "config/fonts"; \ No newline at end of file diff --git a/_defaults.scss b/_defaults.scss new file mode 100644 index 0000000..e4e2bd8 --- /dev/null +++ b/_defaults.scss @@ -0,0 +1,9 @@ +@import "lib/normalize"; +@import "lib/theme"; +@import "lib/defaults"; + +@import "components/linkfx"; +@import "components/linkextern"; +@import "components/radio"; +@import "components/form"; +@import "components/modal"; \ No newline at end of file diff --git a/_theme.scss b/_theme.scss new file mode 100644 index 0000000..b9c7dfc --- /dev/null +++ b/_theme.scss @@ -0,0 +1 @@ +@import "theme/sumedia/theme"; \ No newline at end of file diff --git a/components/_form.scss b/components/_form.scss new file mode 100644 index 0000000..2f2a473 --- /dev/null +++ b/components/_form.scss @@ -0,0 +1,49 @@ +form { + width: 100%; + margin-top: 1rem; + border: 1px solid var(--primary-color-ligher); + border-radius: 3px; + background: rgba(var(--primary-color-darker), .2); + padding: 2rem; + + div { + padding: .5rem; + + label { + display: block; + } + } +} + +input[type="password"], +input[type="email"], +input[type="text"] { + @include breakpoint('screen', 'm', 'full') { + width: rem(400); + } + line-height: 1rem; + padding: .5rem 1rem; + border: 1px solid var(--secondary-color-darker); + color: var(--fg-color); + border-radius: 5px; + transition: background-color .5s; + text-decoration: none; +} + +.button, button { + @extend .nofx, .noexternal-fx; + line-height: 1rem; + padding: .5rem 1rem; + border: 1px solid var(--secondary-color-darker); + background: linear-gradient(rgb(var(--secondary-color)), rgb(var(--secondary-color-darker))); + color: #151515 !important; + border-radius: 5px; + text-decoration: none; + cursor: pointer; + transition: background-color .5s; + text-shadow: none; +} + +.button:hover, button:hover { + background: linear-gradient(rgb(var(--secondary-color-lighter)), rgb(var(--secondary-color))); +} diff --git a/components/_linkextern.scss b/components/_linkextern.scss new file mode 100644 index 0000000..9b3d64b --- /dev/null +++ b/components/_linkextern.scss @@ -0,0 +1,12 @@ +.component-linkextern:not([href^='https://#{$domain}']) { + margin-right: 1.2em; + + &:after { + content: '\f08e'; + font-family: var(--font-icon); + font-size: .8em; + margin-left: .35em; + margin-top: .1em; + position: absolute; + } +} \ No newline at end of file diff --git a/components/_linkfx.scss b/components/_linkfx.scss new file mode 100644 index 0000000..58e2ad1 --- /dev/null +++ b/components/_linkfx.scss @@ -0,0 +1,15 @@ +.component-linkfx { + &:before { + position: absolute; + content: ''; + bottom: .29rem; + border-bottom: 1px solid currentColor; + width: 0; + height: 1px; + transition: width .25s; + } + + &:hover:before { + width: 100%; + } +} \ No newline at end of file diff --git a/components/_modal.scss b/components/_modal.scss new file mode 100644 index 0000000..9458440 --- /dev/null +++ b/components/_modal.scss @@ -0,0 +1,27 @@ +.modal { + position:absolute; + z-index: 1000; + top: 1rem; + left: 1rem; + right: 1rem; + bottom: 1rem; + overflow: scroll; + max-width: 1400px; + margin: 0 auto; + display: none; + background: var(--primary-color-darekr); + border-radius: 10px; + padding: 2rem; + + i.close { + position: absolute; + z-index: 10000; + color: var(--fg-color-inverted); + font-family: 'font-awesome', sans-serif; + width: 2rem; + height: 2rem; + right: .5rem; + top: .5rem; + cursor: pointer; + } +} diff --git a/components/_radio.scss b/components/_radio.scss new file mode 100644 index 0000000..df1e5ad --- /dev/null +++ b/components/_radio.scss @@ -0,0 +1,7 @@ +.component-radio { + -webkit-appearance: none; + appearance: none; + margin: 0; + padding: 0; + border: 1px solid #c00; +} \ No newline at end of file diff --git a/composer.json b/composer.json new file mode 100644 index 0000000..1452ba5 --- /dev/null +++ b/composer.json @@ -0,0 +1,13 @@ +{ + "name": "sumedia-webdesign/scss-framework", + "description": "SCSS Framework", + "type": "library", + "license": "proprietary", + "authors": [ + { + "name": "Sven Ullmann", + "email": "kontakt@sumedia-webdesign.de" + } + ], + "require": {} +} diff --git a/config/_breakpoints.scss b/config/_breakpoints.scss new file mode 100644 index 0000000..a4fd1f2 --- /dev/null +++ b/config/_breakpoints.scss @@ -0,0 +1,10 @@ +$breakpoints: ( + 0: 0, + xs: rem(320), + s: rem(640), + m: rem(1024), + l: rem(1400), + xl: rem(1600), + xxl: rem(1800), + full: 100vw +); \ No newline at end of file diff --git a/config/_config.scss b/config/_config.scss new file mode 100644 index 0000000..7043346 --- /dev/null +++ b/config/_config.scss @@ -0,0 +1 @@ +$domain: 'localhost'; \ No newline at end of file diff --git a/config/_fonts.scss b/config/_fonts.scss new file mode 100644 index 0000000..db6505e --- /dev/null +++ b/config/_fonts.scss @@ -0,0 +1,7 @@ +@import '../fonts/fontawesome'; +@import '../fonts/source-sans-3-regular'; +@import '../fonts/lato-300'; + +$primaryFont: lighter 12pt/1.8rem "source-sans-3-regular", arial, helvetica, sans-serif; +$headingFont: lighter 18pt/1.8rem "lato-300", arial, helvetica, sans-serif; +$iconFont: lighter 12pt/1.8rem 'FontAwesome', arial, helvetica, sans-serif; \ No newline at end of file diff --git a/config/_grid.scss b/config/_grid.scss new file mode 100644 index 0000000..9132c9d --- /dev/null +++ b/config/_grid.scss @@ -0,0 +1,11 @@ +@import '../function/rem'; + +$gridHeight: ( + xs: rem(80), + s: rem(160), + m: rem(320), + l: rem(480), + xl: rem(640), + xxl: rem(780), + full: 100vh +); \ No newline at end of file diff --git a/config/_variables.scss b/config/_variables.scss new file mode 100644 index 0000000..4625ad1 --- /dev/null +++ b/config/_variables.scss @@ -0,0 +1,2 @@ +$boxShadow: 0 0 12px var(--shadow-color); +$boxShadowDark: 0 0 12px var(--shadow-color); \ No newline at end of file diff --git a/fonts/fontawesome-webfont.eot b/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..e9f60ca Binary files /dev/null and b/fonts/fontawesome-webfont.eot differ diff --git a/fonts/fontawesome-webfont.svg b/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..855c845 --- /dev/null +++ b/fonts/fontawesome-webfont.svg @@ -0,0 +1,2671 @@ + + + + +Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016 + By ,,, +Copyright Dave Gandy 2016. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..35acda2 Binary files /dev/null and b/fonts/fontawesome-webfont.ttf differ diff --git a/fonts/fontawesome-webfont.woff b/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..400014a Binary files /dev/null and b/fonts/fontawesome-webfont.woff differ diff --git a/fonts/fontawesome-webfont.woff2 b/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..4d13fc6 Binary files /dev/null and b/fonts/fontawesome-webfont.woff2 differ diff --git a/fonts/fontawesome.scss b/fonts/fontawesome.scss new file mode 100644 index 0000000..15d7441 --- /dev/null +++ b/fonts/fontawesome.scss @@ -0,0 +1,2337 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('#{$appurl}/assets/frontend/fonts/fontawesome-webfont.eot?v=4.7.0'); + src: url('#{$appurl}/assets/frontend/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('#{$appurl}/assets/frontend/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('#{$appurl}/assets/frontend/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('#{$appurl}/assets/frontend/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('#{$appurl}/assets/frontend/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} +.fa { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +/* makes the font 33% larger relative to the icon container */ +.fa-lg { + font-size: 1.33333333em; + line-height: 0.75em; + vertical-align: -15%; +} +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} +.fa-fw { + width: 1.28571429em; + text-align: center; +} +.fa-ul { + padding-left: 0; + margin-left: 2.14285714em; + list-style-type: none; +} +.fa-ul > li { + position: relative; +} +.fa-li { + position: absolute; + left: -2.14285714em; + width: 2.14285714em; + top: 0.14285714em; + text-align: center; +} +.fa-li.fa-lg { + left: -1.85714286em; +} +.fa-border { + padding: .2em .25em .15em; + border: solid 0.08em #eeeeee; + border-radius: .1em; +} +.fa-pull-left { + float: left; +} +.fa-pull-right { + float: right; +} +.fa.fa-pull-left { + margin-right: .3em; +} +.fa.fa-pull-right { + margin-left: .3em; +} +/* Deprecated as of 4.4.0 */ +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.fa.pull-left { + margin-right: .3em; +} +.fa.pull-right { + margin-left: .3em; +} +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} +@-webkit-keyframes fa-spin { + 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); + } +} +.fa-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +.fa-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); +} +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + filter: none; +} +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.fa-stack-1x, +.fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.fa-stack-1x { + line-height: inherit; +} +.fa-stack-2x { + font-size: 2em; +} +.fa-inverse { + color: #ffffff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.fa-glass:before { + content: "\f000"; +} +.fa-music:before { + content: "\f001"; +} +.fa-search:before { + content: "\f002"; +} +.fa-envelope-o:before { + content: "\f003"; +} +.fa-heart:before { + content: "\f004"; +} +.fa-star:before { + content: "\f005"; +} +.fa-star-o:before { + content: "\f006"; +} +.fa-user:before { + content: "\f007"; +} +.fa-film:before { + content: "\f008"; +} +.fa-th-large:before { + content: "\f009"; +} +.fa-th:before { + content: "\f00a"; +} +.fa-th-list:before { + content: "\f00b"; +} +.fa-check:before { + content: "\f00c"; +} +.fa-remove:before, +.fa-close:before, +.fa-times:before { + content: "\f00d"; +} +.fa-search-plus:before { + content: "\f00e"; +} +.fa-search-minus:before { + content: "\f010"; +} +.fa-power-off:before { + content: "\f011"; +} +.fa-signal:before { + content: "\f012"; +} +.fa-gear:before, +.fa-cog:before { + content: "\f013"; +} +.fa-trash-o:before { + content: "\f014"; +} +.fa-home:before { + content: "\f015"; +} +.fa-file-o:before { + content: "\f016"; +} +.fa-clock-o:before { + content: "\f017"; +} +.fa-road:before { + content: "\f018"; +} +.fa-download:before { + content: "\f019"; +} +.fa-arrow-circle-o-down:before { + content: "\f01a"; +} +.fa-arrow-circle-o-up:before { + content: "\f01b"; +} +.fa-inbox:before { + content: "\f01c"; +} +.fa-play-circle-o:before { + content: "\f01d"; +} +.fa-rotate-right:before, +.fa-repeat:before { + content: "\f01e"; +} +.fa-refresh:before { + content: "\f021"; +} +.fa-list-alt:before { + content: "\f022"; +} +.fa-lock:before { + content: "\f023"; +} +.fa-flag:before { + content: "\f024"; +} +.fa-headphones:before { + content: "\f025"; +} +.fa-volume-off:before { + content: "\f026"; +} +.fa-volume-down:before { + content: "\f027"; +} +.fa-volume-up:before { + content: "\f028"; +} +.fa-qrcode:before { + content: "\f029"; +} +.fa-barcode:before { + content: "\f02a"; +} +.fa-tag:before { + content: "\f02b"; +} +.fa-tags:before { + content: "\f02c"; +} +.fa-book:before { + content: "\f02d"; +} +.fa-bookmark:before { + content: "\f02e"; +} +.fa-print:before { + content: "\f02f"; +} +.fa-camera:before { + content: "\f030"; +} +.fa-font:before { + content: "\f031"; +} +.fa-bold:before { + content: "\f032"; +} +.fa-italic:before { + content: "\f033"; +} +.fa-text-height:before { + content: "\f034"; +} +.fa-text-width:before { + content: "\f035"; +} +.fa-align-left:before { + content: "\f036"; +} +.fa-align-center:before { + content: "\f037"; +} +.fa-align-right:before { + content: "\f038"; +} +.fa-align-justify:before { + content: "\f039"; +} +.fa-list:before { + content: "\f03a"; +} +.fa-dedent:before, +.fa-outdent:before { + content: "\f03b"; +} +.fa-indent:before { + content: "\f03c"; +} +.fa-video-camera:before { + content: "\f03d"; +} +.fa-photo:before, +.fa-image:before, +.fa-picture-o:before { + content: "\f03e"; +} +.fa-pencil:before { + content: "\f040"; +} +.fa-map-marker:before { + content: "\f041"; +} +.fa-adjust:before { + content: "\f042"; +} +.fa-tint:before { + content: "\f043"; +} +.fa-edit:before, +.fa-pencil-square-o:before { + content: "\f044"; +} +.fa-share-square-o:before { + content: "\f045"; +} +.fa-check-square-o:before { + content: "\f046"; +} +.fa-arrows:before { + content: "\f047"; +} +.fa-step-backward:before { + content: "\f048"; +} +.fa-fast-backward:before { + content: "\f049"; +} +.fa-backward:before { + content: "\f04a"; +} +.fa-play:before { + content: "\f04b"; +} +.fa-pause:before { + content: "\f04c"; +} +.fa-stop:before { + content: "\f04d"; +} +.fa-forward:before { + content: "\f04e"; +} +.fa-fast-forward:before { + content: "\f050"; +} +.fa-step-forward:before { + content: "\f051"; +} +.fa-eject:before { + content: "\f052"; +} +.fa-chevron-left:before { + content: "\f053"; +} +.fa-chevron-right:before { + content: "\f054"; +} +.fa-plus-circle:before { + content: "\f055"; +} +.fa-minus-circle:before { + content: "\f056"; +} +.fa-times-circle:before { + content: "\f057"; +} +.fa-check-circle:before { + content: "\f058"; +} +.fa-question-circle:before { + content: "\f059"; +} +.fa-info-circle:before { + content: "\f05a"; +} +.fa-crosshairs:before { + content: "\f05b"; +} +.fa-times-circle-o:before { + content: "\f05c"; +} +.fa-check-circle-o:before { + content: "\f05d"; +} +.fa-ban:before { + content: "\f05e"; +} +.fa-arrow-left:before { + content: "\f060"; +} +.fa-arrow-right:before { + content: "\f061"; +} +.fa-arrow-up:before { + content: "\f062"; +} +.fa-arrow-down:before { + content: "\f063"; +} +.fa-mail-forward:before, +.fa-share:before { + content: "\f064"; +} +.fa-expand:before { + content: "\f065"; +} +.fa-compress:before { + content: "\f066"; +} +.fa-plus:before { + content: "\f067"; +} +.fa-minus:before { + content: "\f068"; +} +.fa-asterisk:before { + content: "\f069"; +} +.fa-exclamation-circle:before { + content: "\f06a"; +} +.fa-gift:before { + content: "\f06b"; +} +.fa-leaf:before { + content: "\f06c"; +} +.fa-fire:before { + content: "\f06d"; +} +.fa-eye:before { + content: "\f06e"; +} +.fa-eye-slash:before { + content: "\f070"; +} +.fa-warning:before, +.fa-exclamation-triangle:before { + content: "\f071"; +} +.fa-plane:before { + content: "\f072"; +} +.fa-calendar:before { + content: "\f073"; +} +.fa-random:before { + content: "\f074"; +} +.fa-comment:before { + content: "\f075"; +} +.fa-magnet:before { + content: "\f076"; +} +.fa-chevron-up:before { + content: "\f077"; +} +.fa-chevron-down:before { + content: "\f078"; +} +.fa-retweet:before { + content: "\f079"; +} +.fa-shopping-cart:before { + content: "\f07a"; +} +.fa-folder:before { + content: "\f07b"; +} +.fa-folder-open:before { + content: "\f07c"; +} +.fa-arrows-v:before { + content: "\f07d"; +} +.fa-arrows-h:before { + content: "\f07e"; +} +.fa-bar-chart-o:before, +.fa-bar-chart:before { + content: "\f080"; +} +.fa-twitter-square:before { + content: "\f081"; +} +.fa-facebook-square:before { + content: "\f082"; +} +.fa-camera-retro:before { + content: "\f083"; +} +.fa-key:before { + content: "\f084"; +} +.fa-gears:before, +.fa-cogs:before { + content: "\f085"; +} +.fa-comments:before { + content: "\f086"; +} +.fa-thumbs-o-up:before { + content: "\f087"; +} +.fa-thumbs-o-down:before { + content: "\f088"; +} +.fa-star-half:before { + content: "\f089"; +} +.fa-heart-o:before { + content: "\f08a"; +} +.fa-sign-out:before { + content: "\f08b"; +} +.fa-linkedin-square:before { + content: "\f08c"; +} +.fa-thumb-tack:before { + content: "\f08d"; +} +.fa-external-link:before { + content: "\f08e"; +} +.fa-sign-in:before { + content: "\f090"; +} +.fa-trophy:before { + content: "\f091"; +} +.fa-github-square:before { + content: "\f092"; +} +.fa-upload:before { + content: "\f093"; +} +.fa-lemon-o:before { + content: "\f094"; +} +.fa-phone:before { + content: "\f095"; +} +.fa-square-o:before { + content: "\f096"; +} +.fa-bookmark-o:before { + content: "\f097"; +} +.fa-phone-square:before { + content: "\f098"; +} +.fa-twitter:before { + content: "\f099"; +} +.fa-facebook-f:before, +.fa-facebook:before { + content: "\f09a"; +} +.fa-github:before { + content: "\f09b"; +} +.fa-unlock:before { + content: "\f09c"; +} +.fa-credit-card:before { + content: "\f09d"; +} +.fa-feed:before, +.fa-rss:before { + content: "\f09e"; +} +.fa-hdd-o:before { + content: "\f0a0"; +} +.fa-bullhorn:before { + content: "\f0a1"; +} +.fa-bell:before { + content: "\f0f3"; +} +.fa-certificate:before { + content: "\f0a3"; +} +.fa-hand-o-right:before { + content: "\f0a4"; +} +.fa-hand-o-left:before { + content: "\f0a5"; +} +.fa-hand-o-up:before { + content: "\f0a6"; +} +.fa-hand-o-down:before { + content: "\f0a7"; +} +.fa-arrow-circle-left:before { + content: "\f0a8"; +} +.fa-arrow-circle-right:before { + content: "\f0a9"; +} +.fa-arrow-circle-up:before { + content: "\f0aa"; +} +.fa-arrow-circle-down:before { + content: "\f0ab"; +} +.fa-globe:before { + content: "\f0ac"; +} +.fa-wrench:before { + content: "\f0ad"; +} +.fa-tasks:before { + content: "\f0ae"; +} +.fa-filter:before { + content: "\f0b0"; +} +.fa-briefcase:before { + content: "\f0b1"; +} +.fa-arrows-alt:before { + content: "\f0b2"; +} +.fa-group:before, +.fa-users:before { + content: "\f0c0"; +} +.fa-chain:before, +.fa-link:before { + content: "\f0c1"; +} +.fa-cloud:before { + content: "\f0c2"; +} +.fa-flask:before { + content: "\f0c3"; +} +.fa-cut:before, +.fa-scissors:before { + content: "\f0c4"; +} +.fa-copy:before, +.fa-files-o:before { + content: "\f0c5"; +} +.fa-paperclip:before { + content: "\f0c6"; +} +.fa-save:before, +.fa-floppy-o:before { + content: "\f0c7"; +} +.fa-square:before { + content: "\f0c8"; +} +.fa-navicon:before, +.fa-reorder:before, +.fa-bars:before { + content: "\f0c9"; +} +.fa-list-ul:before { + content: "\f0ca"; +} +.fa-list-ol:before { + content: "\f0cb"; +} +.fa-strikethrough:before { + content: "\f0cc"; +} +.fa-underline:before { + content: "\f0cd"; +} +.fa-table:before { + content: "\f0ce"; +} +.fa-magic:before { + content: "\f0d0"; +} +.fa-truck:before { + content: "\f0d1"; +} +.fa-pinterest:before { + content: "\f0d2"; +} +.fa-pinterest-square:before { + content: "\f0d3"; +} +.fa-google-plus-square:before { + content: "\f0d4"; +} +.fa-google-plus:before { + content: "\f0d5"; +} +.fa-money:before { + content: "\f0d6"; +} +.fa-caret-down:before { + content: "\f0d7"; +} +.fa-caret-up:before { + content: "\f0d8"; +} +.fa-caret-left:before { + content: "\f0d9"; +} +.fa-caret-right:before { + content: "\f0da"; +} +.fa-columns:before { + content: "\f0db"; +} +.fa-unsorted:before, +.fa-sort:before { + content: "\f0dc"; +} +.fa-sort-down:before, +.fa-sort-desc:before { + content: "\f0dd"; +} +.fa-sort-up:before, +.fa-sort-asc:before { + content: "\f0de"; +} +.fa-envelope:before { + content: "\f0e0"; +} +.fa-linkedin:before { + content: "\f0e1"; +} +.fa-rotate-left:before, +.fa-undo:before { + content: "\f0e2"; +} +.fa-legal:before, +.fa-gavel:before { + content: "\f0e3"; +} +.fa-dashboard:before, +.fa-tachometer:before { + content: "\f0e4"; +} +.fa-comment-o:before { + content: "\f0e5"; +} +.fa-comments-o:before { + content: "\f0e6"; +} +.fa-flash:before, +.fa-bolt:before { + content: "\f0e7"; +} +.fa-sitemap:before { + content: "\f0e8"; +} +.fa-umbrella:before { + content: "\f0e9"; +} +.fa-paste:before, +.fa-clipboard:before { + content: "\f0ea"; +} +.fa-lightbulb-o:before { + content: "\f0eb"; +} +.fa-exchange:before { + content: "\f0ec"; +} +.fa-cloud-download:before { + content: "\f0ed"; +} +.fa-cloud-upload:before { + content: "\f0ee"; +} +.fa-user-md:before { + content: "\f0f0"; +} +.fa-stethoscope:before { + content: "\f0f1"; +} +.fa-suitcase:before { + content: "\f0f2"; +} +.fa-bell-o:before { + content: "\f0a2"; +} +.fa-coffee:before { + content: "\f0f4"; +} +.fa-cutlery:before { + content: "\f0f5"; +} +.fa-file-text-o:before { + content: "\f0f6"; +} +.fa-building-o:before { + content: "\f0f7"; +} +.fa-hospital-o:before { + content: "\f0f8"; +} +.fa-ambulance:before { + content: "\f0f9"; +} +.fa-medkit:before { + content: "\f0fa"; +} +.fa-fighter-jet:before { + content: "\f0fb"; +} +.fa-beer:before { + content: "\f0fc"; +} +.fa-h-square:before { + content: "\f0fd"; +} +.fa-plus-square:before { + content: "\f0fe"; +} +.fa-angle-double-left:before { + content: "\f100"; +} +.fa-angle-double-right:before { + content: "\f101"; +} +.fa-angle-double-up:before { + content: "\f102"; +} +.fa-angle-double-down:before { + content: "\f103"; +} +.fa-angle-left:before { + content: "\f104"; +} +.fa-angle-right:before { + content: "\f105"; +} +.fa-angle-up:before { + content: "\f106"; +} +.fa-angle-down:before { + content: "\f107"; +} +.fa-desktop:before { + content: "\f108"; +} +.fa-laptop:before { + content: "\f109"; +} +.fa-tablet:before { + content: "\f10a"; +} +.fa-mobile-phone:before, +.fa-mobile:before { + content: "\f10b"; +} +.fa-circle-o:before { + content: "\f10c"; +} +.fa-quote-left:before { + content: "\f10d"; +} +.fa-quote-right:before { + content: "\f10e"; +} +.fa-spinner:before { + content: "\f110"; +} +.fa-circle:before { + content: "\f111"; +} +.fa-mail-reply:before, +.fa-reply:before { + content: "\f112"; +} +.fa-github-alt:before { + content: "\f113"; +} +.fa-folder-o:before { + content: "\f114"; +} +.fa-folder-open-o:before { + content: "\f115"; +} +.fa-smile-o:before { + content: "\f118"; +} +.fa-frown-o:before { + content: "\f119"; +} +.fa-meh-o:before { + content: "\f11a"; +} +.fa-gamepad:before { + content: "\f11b"; +} +.fa-keyboard-o:before { + content: "\f11c"; +} +.fa-flag-o:before { + content: "\f11d"; +} +.fa-flag-checkered:before { + content: "\f11e"; +} +.fa-terminal:before { + content: "\f120"; +} +.fa-code:before { + content: "\f121"; +} +.fa-mail-reply-all:before, +.fa-reply-all:before { + content: "\f122"; +} +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: "\f123"; +} +.fa-location-arrow:before { + content: "\f124"; +} +.fa-crop:before { + content: "\f125"; +} +.fa-code-fork:before { + content: "\f126"; +} +.fa-unlink:before, +.fa-chain-broken:before { + content: "\f127"; +} +.fa-question:before { + content: "\f128"; +} +.fa-info:before { + content: "\f129"; +} +.fa-exclamation:before { + content: "\f12a"; +} +.fa-superscript:before { + content: "\f12b"; +} +.fa-subscript:before { + content: "\f12c"; +} +.fa-eraser:before { + content: "\f12d"; +} +.fa-puzzle-piece:before { + content: "\f12e"; +} +.fa-microphone:before { + content: "\f130"; +} +.fa-microphone-slash:before { + content: "\f131"; +} +.fa-shield:before { + content: "\f132"; +} +.fa-calendar-o:before { + content: "\f133"; +} +.fa-fire-extinguisher:before { + content: "\f134"; +} +.fa-rocket:before { + content: "\f135"; +} +.fa-maxcdn:before { + content: "\f136"; +} +.fa-chevron-circle-left:before { + content: "\f137"; +} +.fa-chevron-circle-right:before { + content: "\f138"; +} +.fa-chevron-circle-up:before { + content: "\f139"; +} +.fa-chevron-circle-down:before { + content: "\f13a"; +} +.fa-html5:before { + content: "\f13b"; +} +.fa-css3:before { + content: "\f13c"; +} +.fa-anchor:before { + content: "\f13d"; +} +.fa-unlock-alt:before { + content: "\f13e"; +} +.fa-bullseye:before { + content: "\f140"; +} +.fa-ellipsis-h:before { + content: "\f141"; +} +.fa-ellipsis-v:before { + content: "\f142"; +} +.fa-rss-square:before { + content: "\f143"; +} +.fa-play-circle:before { + content: "\f144"; +} +.fa-ticket:before { + content: "\f145"; +} +.fa-minus-square:before { + content: "\f146"; +} +.fa-minus-square-o:before { + content: "\f147"; +} +.fa-level-up:before { + content: "\f148"; +} +.fa-level-down:before { + content: "\f149"; +} +.fa-check-square:before { + content: "\f14a"; +} +.fa-pencil-square:before { + content: "\f14b"; +} +.fa-external-link-square:before { + content: "\f14c"; +} +.fa-share-square:before { + content: "\f14d"; +} +.fa-compass:before { + content: "\f14e"; +} +.fa-toggle-down:before, +.fa-caret-square-o-down:before { + content: "\f150"; +} +.fa-toggle-up:before, +.fa-caret-square-o-up:before { + content: "\f151"; +} +.fa-toggle-right:before, +.fa-caret-square-o-right:before { + content: "\f152"; +} +.fa-euro:before, +.fa-eur:before { + content: "\f153"; +} +.fa-gbp:before { + content: "\f154"; +} +.fa-dollar:before, +.fa-usd:before { + content: "\f155"; +} +.fa-rupee:before, +.fa-inr:before { + content: "\f156"; +} +.fa-cny:before, +.fa-rmb:before, +.fa-yen:before, +.fa-jpy:before { + content: "\f157"; +} +.fa-ruble:before, +.fa-rouble:before, +.fa-rub:before { + content: "\f158"; +} +.fa-won:before, +.fa-krw:before { + content: "\f159"; +} +.fa-bitcoin:before, +.fa-btc:before { + content: "\f15a"; +} +.fa-file:before { + content: "\f15b"; +} +.fa-file-text:before { + content: "\f15c"; +} +.fa-sort-alpha-asc:before { + content: "\f15d"; +} +.fa-sort-alpha-desc:before { + content: "\f15e"; +} +.fa-sort-amount-asc:before { + content: "\f160"; +} +.fa-sort-amount-desc:before { + content: "\f161"; +} +.fa-sort-numeric-asc:before { + content: "\f162"; +} +.fa-sort-numeric-desc:before { + content: "\f163"; +} +.fa-thumbs-up:before { + content: "\f164"; +} +.fa-thumbs-down:before { + content: "\f165"; +} +.fa-youtube-square:before { + content: "\f166"; +} +.fa-youtube:before { + content: "\f167"; +} +.fa-xing:before { + content: "\f168"; +} +.fa-xing-square:before { + content: "\f169"; +} +.fa-youtube-play:before { + content: "\f16a"; +} +.fa-dropbox:before { + content: "\f16b"; +} +.fa-stack-overflow:before { + content: "\f16c"; +} +.fa-instagram:before { + content: "\f16d"; +} +.fa-flickr:before { + content: "\f16e"; +} +.fa-adn:before { + content: "\f170"; +} +.fa-bitbucket:before { + content: "\f171"; +} +.fa-bitbucket-square:before { + content: "\f172"; +} +.fa-tumblr:before { + content: "\f173"; +} +.fa-tumblr-square:before { + content: "\f174"; +} +.fa-long-arrow-down:before { + content: "\f175"; +} +.fa-long-arrow-up:before { + content: "\f176"; +} +.fa-long-arrow-left:before { + content: "\f177"; +} +.fa-long-arrow-right:before { + content: "\f178"; +} +.fa-apple:before { + content: "\f179"; +} +.fa-windows:before { + content: "\f17a"; +} +.fa-android:before { + content: "\f17b"; +} +.fa-linux:before { + content: "\f17c"; +} +.fa-dribbble:before { + content: "\f17d"; +} +.fa-skype:before { + content: "\f17e"; +} +.fa-foursquare:before { + content: "\f180"; +} +.fa-trello:before { + content: "\f181"; +} +.fa-female:before { + content: "\f182"; +} +.fa-male:before { + content: "\f183"; +} +.fa-gittip:before, +.fa-gratipay:before { + content: "\f184"; +} +.fa-sun-o:before { + content: "\f185"; +} +.fa-moon-o:before { + content: "\f186"; +} +.fa-archive:before { + content: "\f187"; +} +.fa-bug:before { + content: "\f188"; +} +.fa-vk:before { + content: "\f189"; +} +.fa-weibo:before { + content: "\f18a"; +} +.fa-renren:before { + content: "\f18b"; +} +.fa-pagelines:before { + content: "\f18c"; +} +.fa-stack-exchange:before { + content: "\f18d"; +} +.fa-arrow-circle-o-right:before { + content: "\f18e"; +} +.fa-arrow-circle-o-left:before { + content: "\f190"; +} +.fa-toggle-left:before, +.fa-caret-square-o-left:before { + content: "\f191"; +} +.fa-dot-circle-o:before { + content: "\f192"; +} +.fa-wheelchair:before { + content: "\f193"; +} +.fa-vimeo-square:before { + content: "\f194"; +} +.fa-turkish-lira:before, +.fa-try:before { + content: "\f195"; +} +.fa-plus-square-o:before { + content: "\f196"; +} +.fa-space-shuttle:before { + content: "\f197"; +} +.fa-slack:before { + content: "\f198"; +} +.fa-envelope-square:before { + content: "\f199"; +} +.fa-wordpress:before { + content: "\f19a"; +} +.fa-openid:before { + content: "\f19b"; +} +.fa-institution:before, +.fa-bank:before, +.fa-university:before { + content: "\f19c"; +} +.fa-mortar-board:before, +.fa-graduation-cap:before { + content: "\f19d"; +} +.fa-yahoo:before { + content: "\f19e"; +} +.fa-google:before { + content: "\f1a0"; +} +.fa-reddit:before { + content: "\f1a1"; +} +.fa-reddit-square:before { + content: "\f1a2"; +} +.fa-stumbleupon-circle:before { + content: "\f1a3"; +} +.fa-stumbleupon:before { + content: "\f1a4"; +} +.fa-delicious:before { + content: "\f1a5"; +} +.fa-digg:before { + content: "\f1a6"; +} +.fa-pied-piper-pp:before { + content: "\f1a7"; +} +.fa-pied-piper-alt:before { + content: "\f1a8"; +} +.fa-drupal:before { + content: "\f1a9"; +} +.fa-joomla:before { + content: "\f1aa"; +} +.fa-language:before { + content: "\f1ab"; +} +.fa-fax:before { + content: "\f1ac"; +} +.fa-building:before { + content: "\f1ad"; +} +.fa-child:before { + content: "\f1ae"; +} +.fa-paw:before { + content: "\f1b0"; +} +.fa-spoon:before { + content: "\f1b1"; +} +.fa-cube:before { + content: "\f1b2"; +} +.fa-cubes:before { + content: "\f1b3"; +} +.fa-behance:before { + content: "\f1b4"; +} +.fa-behance-square:before { + content: "\f1b5"; +} +.fa-steam:before { + content: "\f1b6"; +} +.fa-steam-square:before { + content: "\f1b7"; +} +.fa-recycle:before { + content: "\f1b8"; +} +.fa-automobile:before, +.fa-car:before { + content: "\f1b9"; +} +.fa-cab:before, +.fa-taxi:before { + content: "\f1ba"; +} +.fa-tree:before { + content: "\f1bb"; +} +.fa-spotify:before { + content: "\f1bc"; +} +.fa-deviantart:before { + content: "\f1bd"; +} +.fa-soundcloud:before { + content: "\f1be"; +} +.fa-database:before { + content: "\f1c0"; +} +.fa-file-pdf-o:before { + content: "\f1c1"; +} +.fa-file-word-o:before { + content: "\f1c2"; +} +.fa-file-excel-o:before { + content: "\f1c3"; +} +.fa-file-powerpoint-o:before { + content: "\f1c4"; +} +.fa-file-photo-o:before, +.fa-file-picture-o:before, +.fa-file-image-o:before { + content: "\f1c5"; +} +.fa-file-zip-o:before, +.fa-file-archive-o:before { + content: "\f1c6"; +} +.fa-file-sound-o:before, +.fa-file-audio-o:before { + content: "\f1c7"; +} +.fa-file-movie-o:before, +.fa-file-video-o:before { + content: "\f1c8"; +} +.fa-file-code-o:before { + content: "\f1c9"; +} +.fa-vine:before { + content: "\f1ca"; +} +.fa-codepen:before { + content: "\f1cb"; +} +.fa-jsfiddle:before { + content: "\f1cc"; +} +.fa-life-bouy:before, +.fa-life-buoy:before, +.fa-life-saver:before, +.fa-support:before, +.fa-life-ring:before { + content: "\f1cd"; +} +.fa-circle-o-notch:before { + content: "\f1ce"; +} +.fa-ra:before, +.fa-resistance:before, +.fa-rebel:before { + content: "\f1d0"; +} +.fa-ge:before, +.fa-empire:before { + content: "\f1d1"; +} +.fa-git-square:before { + content: "\f1d2"; +} +.fa-git:before { + content: "\f1d3"; +} +.fa-y-combinator-square:before, +.fa-yc-square:before, +.fa-hacker-news:before { + content: "\f1d4"; +} +.fa-tencent-weibo:before { + content: "\f1d5"; +} +.fa-qq:before { + content: "\f1d6"; +} +.fa-wechat:before, +.fa-weixin:before { + content: "\f1d7"; +} +.fa-send:before, +.fa-paper-plane:before { + content: "\f1d8"; +} +.fa-send-o:before, +.fa-paper-plane-o:before { + content: "\f1d9"; +} +.fa-history:before { + content: "\f1da"; +} +.fa-circle-thin:before { + content: "\f1db"; +} +.fa-header:before { + content: "\f1dc"; +} +.fa-paragraph:before { + content: "\f1dd"; +} +.fa-sliders:before { + content: "\f1de"; +} +.fa-share-alt:before { + content: "\f1e0"; +} +.fa-share-alt-square:before { + content: "\f1e1"; +} +.fa-bomb:before { + content: "\f1e2"; +} +.fa-soccer-ball-o:before, +.fa-futbol-o:before { + content: "\f1e3"; +} +.fa-tty:before { + content: "\f1e4"; +} +.fa-binoculars:before { + content: "\f1e5"; +} +.fa-plug:before { + content: "\f1e6"; +} +.fa-slideshare:before { + content: "\f1e7"; +} +.fa-twitch:before { + content: "\f1e8"; +} +.fa-yelp:before { + content: "\f1e9"; +} +.fa-newspaper-o:before { + content: "\f1ea"; +} +.fa-wifi:before { + content: "\f1eb"; +} +.fa-calculator:before { + content: "\f1ec"; +} +.fa-paypal:before { + content: "\f1ed"; +} +.fa-google-wallet:before { + content: "\f1ee"; +} +.fa-cc-visa:before { + content: "\f1f0"; +} +.fa-cc-mastercard:before { + content: "\f1f1"; +} +.fa-cc-discover:before { + content: "\f1f2"; +} +.fa-cc-amex:before { + content: "\f1f3"; +} +.fa-cc-paypal:before { + content: "\f1f4"; +} +.fa-cc-stripe:before { + content: "\f1f5"; +} +.fa-bell-slash:before { + content: "\f1f6"; +} +.fa-bell-slash-o:before { + content: "\f1f7"; +} +.fa-trash:before { + content: "\f1f8"; +} +.fa-copyright:before { + content: "\f1f9"; +} +.fa-at:before { + content: "\f1fa"; +} +.fa-eyedropper:before { + content: "\f1fb"; +} +.fa-paint-brush:before { + content: "\f1fc"; +} +.fa-birthday-cake:before { + content: "\f1fd"; +} +.fa-area-chart:before { + content: "\f1fe"; +} +.fa-pie-chart:before { + content: "\f200"; +} +.fa-line-chart:before { + content: "\f201"; +} +.fa-lastfm:before { + content: "\f202"; +} +.fa-lastfm-square:before { + content: "\f203"; +} +.fa-toggle-off:before { + content: "\f204"; +} +.fa-toggle-on:before { + content: "\f205"; +} +.fa-bicycle:before { + content: "\f206"; +} +.fa-bus:before { + content: "\f207"; +} +.fa-ioxhost:before { + content: "\f208"; +} +.fa-angellist:before { + content: "\f209"; +} +.fa-cc:before { + content: "\f20a"; +} +.fa-shekel:before, +.fa-sheqel:before, +.fa-ils:before { + content: "\f20b"; +} +.fa-meanpath:before { + content: "\f20c"; +} +.fa-buysellads:before { + content: "\f20d"; +} +.fa-connectdevelop:before { + content: "\f20e"; +} +.fa-dashcube:before { + content: "\f210"; +} +.fa-forumbee:before { + content: "\f211"; +} +.fa-leanpub:before { + content: "\f212"; +} +.fa-sellsy:before { + content: "\f213"; +} +.fa-shirtsinbulk:before { + content: "\f214"; +} +.fa-simplybuilt:before { + content: "\f215"; +} +.fa-skyatlas:before { + content: "\f216"; +} +.fa-cart-plus:before { + content: "\f217"; +} +.fa-cart-arrow-down:before { + content: "\f218"; +} +.fa-diamond:before { + content: "\f219"; +} +.fa-ship:before { + content: "\f21a"; +} +.fa-user-secret:before { + content: "\f21b"; +} +.fa-motorcycle:before { + content: "\f21c"; +} +.fa-street-view:before { + content: "\f21d"; +} +.fa-heartbeat:before { + content: "\f21e"; +} +.fa-venus:before { + content: "\f221"; +} +.fa-mars:before { + content: "\f222"; +} +.fa-mercury:before { + content: "\f223"; +} +.fa-intersex:before, +.fa-transgender:before { + content: "\f224"; +} +.fa-transgender-alt:before { + content: "\f225"; +} +.fa-venus-double:before { + content: "\f226"; +} +.fa-mars-double:before { + content: "\f227"; +} +.fa-venus-mars:before { + content: "\f228"; +} +.fa-mars-stroke:before { + content: "\f229"; +} +.fa-mars-stroke-v:before { + content: "\f22a"; +} +.fa-mars-stroke-h:before { + content: "\f22b"; +} +.fa-neuter:before { + content: "\f22c"; +} +.fa-genderless:before { + content: "\f22d"; +} +.fa-facebook-official:before { + content: "\f230"; +} +.fa-pinterest-p:before { + content: "\f231"; +} +.fa-whatsapp:before { + content: "\f232"; +} +.fa-server:before { + content: "\f233"; +} +.fa-user-plus:before { + content: "\f234"; +} +.fa-user-times:before { + content: "\f235"; +} +.fa-hotel:before, +.fa-bed:before { + content: "\f236"; +} +.fa-viacoin:before { + content: "\f237"; +} +.fa-train:before { + content: "\f238"; +} +.fa-subway:before { + content: "\f239"; +} +.fa-medium:before { + content: "\f23a"; +} +.fa-yc:before, +.fa-y-combinator:before { + content: "\f23b"; +} +.fa-optin-monster:before { + content: "\f23c"; +} +.fa-opencart:before { + content: "\f23d"; +} +.fa-expeditedssl:before { + content: "\f23e"; +} +.fa-battery-4:before, +.fa-battery:before, +.fa-battery-full:before { + content: "\f240"; +} +.fa-battery-3:before, +.fa-battery-three-quarters:before { + content: "\f241"; +} +.fa-battery-2:before, +.fa-battery-half:before { + content: "\f242"; +} +.fa-battery-1:before, +.fa-battery-quarter:before { + content: "\f243"; +} +.fa-battery-0:before, +.fa-battery-empty:before { + content: "\f244"; +} +.fa-mouse-pointer:before { + content: "\f245"; +} +.fa-i-cursor:before { + content: "\f246"; +} +.fa-object-group:before { + content: "\f247"; +} +.fa-object-ungroup:before { + content: "\f248"; +} +.fa-sticky-note:before { + content: "\f249"; +} +.fa-sticky-note-o:before { + content: "\f24a"; +} +.fa-cc-jcb:before { + content: "\f24b"; +} +.fa-cc-diners-club:before { + content: "\f24c"; +} +.fa-clone:before { + content: "\f24d"; +} +.fa-balance-scale:before { + content: "\f24e"; +} +.fa-hourglass-o:before { + content: "\f250"; +} +.fa-hourglass-1:before, +.fa-hourglass-start:before { + content: "\f251"; +} +.fa-hourglass-2:before, +.fa-hourglass-half:before { + content: "\f252"; +} +.fa-hourglass-3:before, +.fa-hourglass-end:before { + content: "\f253"; +} +.fa-hourglass:before { + content: "\f254"; +} +.fa-hand-grab-o:before, +.fa-hand-rock-o:before { + content: "\f255"; +} +.fa-hand-stop-o:before, +.fa-hand-paper-o:before { + content: "\f256"; +} +.fa-hand-scissors-o:before { + content: "\f257"; +} +.fa-hand-lizard-o:before { + content: "\f258"; +} +.fa-hand-spock-o:before { + content: "\f259"; +} +.fa-hand-pointer-o:before { + content: "\f25a"; +} +.fa-hand-peace-o:before { + content: "\f25b"; +} +.fa-trademark:before { + content: "\f25c"; +} +.fa-registered:before { + content: "\f25d"; +} +.fa-creative-commons:before { + content: "\f25e"; +} +.fa-gg:before { + content: "\f260"; +} +.fa-gg-circle:before { + content: "\f261"; +} +.fa-tripadvisor:before { + content: "\f262"; +} +.fa-odnoklassniki:before { + content: "\f263"; +} +.fa-odnoklassniki-square:before { + content: "\f264"; +} +.fa-get-pocket:before { + content: "\f265"; +} +.fa-wikipedia-w:before { + content: "\f266"; +} +.fa-safari:before { + content: "\f267"; +} +.fa-chrome:before { + content: "\f268"; +} +.fa-firefox:before { + content: "\f269"; +} +.fa-opera:before { + content: "\f26a"; +} +.fa-internet-explorer:before { + content: "\f26b"; +} +.fa-tv:before, +.fa-television:before { + content: "\f26c"; +} +.fa-contao:before { + content: "\f26d"; +} +.fa-500px:before { + content: "\f26e"; +} +.fa-amazon:before { + content: "\f270"; +} +.fa-calendar-plus-o:before { + content: "\f271"; +} +.fa-calendar-minus-o:before { + content: "\f272"; +} +.fa-calendar-times-o:before { + content: "\f273"; +} +.fa-calendar-check-o:before { + content: "\f274"; +} +.fa-industry:before { + content: "\f275"; +} +.fa-map-pin:before { + content: "\f276"; +} +.fa-map-signs:before { + content: "\f277"; +} +.fa-map-o:before { + content: "\f278"; +} +.fa-map:before { + content: "\f279"; +} +.fa-commenting:before { + content: "\f27a"; +} +.fa-commenting-o:before { + content: "\f27b"; +} +.fa-houzz:before { + content: "\f27c"; +} +.fa-vimeo:before { + content: "\f27d"; +} +.fa-black-tie:before { + content: "\f27e"; +} +.fa-fonticons:before { + content: "\f280"; +} +.fa-reddit-alien:before { + content: "\f281"; +} +.fa-edge:before { + content: "\f282"; +} +.fa-credit-card-alt:before { + content: "\f283"; +} +.fa-codiepie:before { + content: "\f284"; +} +.fa-modx:before { + content: "\f285"; +} +.fa-fort-awesome:before { + content: "\f286"; +} +.fa-usb:before { + content: "\f287"; +} +.fa-product-hunt:before { + content: "\f288"; +} +.fa-mixcloud:before { + content: "\f289"; +} +.fa-scribd:before { + content: "\f28a"; +} +.fa-pause-circle:before { + content: "\f28b"; +} +.fa-pause-circle-o:before { + content: "\f28c"; +} +.fa-stop-circle:before { + content: "\f28d"; +} +.fa-stop-circle-o:before { + content: "\f28e"; +} +.fa-shopping-bag:before { + content: "\f290"; +} +.fa-shopping-basket:before { + content: "\f291"; +} +.fa-hashtag:before { + content: "\f292"; +} +.fa-bluetooth:before { + content: "\f293"; +} +.fa-bluetooth-b:before { + content: "\f294"; +} +.fa-percent:before { + content: "\f295"; +} +.fa-gitlab:before { + content: "\f296"; +} +.fa-wpbeginner:before { + content: "\f297"; +} +.fa-wpforms:before { + content: "\f298"; +} +.fa-envira:before { + content: "\f299"; +} +.fa-universal-access:before { + content: "\f29a"; +} +.fa-wheelchair-alt:before { + content: "\f29b"; +} +.fa-question-circle-o:before { + content: "\f29c"; +} +.fa-blind:before { + content: "\f29d"; +} +.fa-audio-description:before { + content: "\f29e"; +} +.fa-volume-control-phone:before { + content: "\f2a0"; +} +.fa-braille:before { + content: "\f2a1"; +} +.fa-assistive-listening-systems:before { + content: "\f2a2"; +} +.fa-asl-interpreting:before, +.fa-american-sign-language-interpreting:before { + content: "\f2a3"; +} +.fa-deafness:before, +.fa-hard-of-hearing:before, +.fa-deaf:before { + content: "\f2a4"; +} +.fa-glide:before { + content: "\f2a5"; +} +.fa-glide-g:before { + content: "\f2a6"; +} +.fa-signing:before, +.fa-sign-language:before { + content: "\f2a7"; +} +.fa-low-vision:before { + content: "\f2a8"; +} +.fa-viadeo:before { + content: "\f2a9"; +} +.fa-viadeo-square:before { + content: "\f2aa"; +} +.fa-snapchat:before { + content: "\f2ab"; +} +.fa-snapchat-ghost:before { + content: "\f2ac"; +} +.fa-snapchat-square:before { + content: "\f2ad"; +} +.fa-pied-piper:before { + content: "\f2ae"; +} +.fa-first-order:before { + content: "\f2b0"; +} +.fa-yoast:before { + content: "\f2b1"; +} +.fa-themeisle:before { + content: "\f2b2"; +} +.fa-google-plus-circle:before, +.fa-google-plus-official:before { + content: "\f2b3"; +} +.fa-fa:before, +.fa-font-awesome:before { + content: "\f2b4"; +} +.fa-handshake-o:before { + content: "\f2b5"; +} +.fa-envelope-open:before { + content: "\f2b6"; +} +.fa-envelope-open-o:before { + content: "\f2b7"; +} +.fa-linode:before { + content: "\f2b8"; +} +.fa-address-book:before { + content: "\f2b9"; +} +.fa-address-book-o:before { + content: "\f2ba"; +} +.fa-vcard:before, +.fa-address-card:before { + content: "\f2bb"; +} +.fa-vcard-o:before, +.fa-address-card-o:before { + content: "\f2bc"; +} +.fa-user-circle:before { + content: "\f2bd"; +} +.fa-user-circle-o:before { + content: "\f2be"; +} +.fa-user-o:before { + content: "\f2c0"; +} +.fa-id-badge:before { + content: "\f2c1"; +} +.fa-drivers-license:before, +.fa-id-card:before { + content: "\f2c2"; +} +.fa-drivers-license-o:before, +.fa-id-card-o:before { + content: "\f2c3"; +} +.fa-quora:before { + content: "\f2c4"; +} +.fa-free-code-camp:before { + content: "\f2c5"; +} +.fa-telegram:before { + content: "\f2c6"; +} +.fa-thermometer-4:before, +.fa-thermometer:before, +.fa-thermometer-full:before { + content: "\f2c7"; +} +.fa-thermometer-3:before, +.fa-thermometer-three-quarters:before { + content: "\f2c8"; +} +.fa-thermometer-2:before, +.fa-thermometer-half:before { + content: "\f2c9"; +} +.fa-thermometer-1:before, +.fa-thermometer-quarter:before { + content: "\f2ca"; +} +.fa-thermometer-0:before, +.fa-thermometer-empty:before { + content: "\f2cb"; +} +.fa-shower:before { + content: "\f2cc"; +} +.fa-bathtub:before, +.fa-s15:before, +.fa-bath:before { + content: "\f2cd"; +} +.fa-podcast:before { + content: "\f2ce"; +} +.fa-window-maximize:before { + content: "\f2d0"; +} +.fa-window-minimize:before { + content: "\f2d1"; +} +.fa-window-restore:before { + content: "\f2d2"; +} +.fa-times-rectangle:before, +.fa-window-close:before { + content: "\f2d3"; +} +.fa-times-rectangle-o:before, +.fa-window-close-o:before { + content: "\f2d4"; +} +.fa-bandcamp:before { + content: "\f2d5"; +} +.fa-grav:before { + content: "\f2d6"; +} +.fa-etsy:before { + content: "\f2d7"; +} +.fa-imdb:before { + content: "\f2d8"; +} +.fa-ravelry:before { + content: "\f2d9"; +} +.fa-eercast:before { + content: "\f2da"; +} +.fa-microchip:before { + content: "\f2db"; +} +.fa-snowflake-o:before { + content: "\f2dc"; +} +.fa-superpowers:before { + content: "\f2dd"; +} +.fa-wpexplorer:before { + content: "\f2de"; +} +.fa-meetup:before { + content: "\f2e0"; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} diff --git a/fonts/lato-100.eot b/fonts/lato-100.eot new file mode 100644 index 0000000..2153803 Binary files /dev/null and b/fonts/lato-100.eot differ diff --git a/fonts/lato-100.scss b/fonts/lato-100.scss new file mode 100644 index 0000000..abe5a6c --- /dev/null +++ b/fonts/lato-100.scss @@ -0,0 +1,11 @@ + @font-face { + font-family: lato-100; + src: url('#{$appurl}/assets/frontend/fonts/lato-100.eot'); + src: url('#{$appurl}/assets/frontend/fonts/lato-100.eot?#iefix') format('embedded-opentype'), + url('#{$appurl}/assets/frontend/fonts/lato-100.woff2') format('woff2'), + url('#{$appurl}/assets/frontend/fonts/lato-100.woff') format('woff'), + url('#{$appurl}/assets/frontend/fonts/lato-100.ttf') format('truetype'), + url('#{$appurl}/assets/frontend/fonts/lato-100.svg#cookieregular') format('svg'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/fonts/lato-100.svg b/fonts/lato-100.svg new file mode 100644 index 0000000..1e66cd8 --- /dev/null +++ b/fonts/lato-100.svg @@ -0,0 +1,429 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/lato-100.ttf b/fonts/lato-100.ttf new file mode 100644 index 0000000..f701cdc Binary files /dev/null and b/fonts/lato-100.ttf differ diff --git a/fonts/lato-100.woff b/fonts/lato-100.woff new file mode 100644 index 0000000..c60e564 Binary files /dev/null and b/fonts/lato-100.woff differ diff --git a/fonts/lato-100.woff2 b/fonts/lato-100.woff2 new file mode 100644 index 0000000..6638964 Binary files /dev/null and b/fonts/lato-100.woff2 differ diff --git a/fonts/lato-300.eot b/fonts/lato-300.eot new file mode 100644 index 0000000..83d7afa Binary files /dev/null and b/fonts/lato-300.eot differ diff --git a/fonts/lato-300.scss b/fonts/lato-300.scss new file mode 100644 index 0000000..a7e471e --- /dev/null +++ b/fonts/lato-300.scss @@ -0,0 +1,11 @@ + @font-face { + font-family: lato-300; + src: url('#{$appurl}/assets/frontend/fonts/lato-300.eot'); + src: url('#{$appurl}/assets/frontend/fonts/lato-300.eot?#iefix') format('embedded-opentype'), + url('#{$appurl}/assets/frontend/fonts/lato-300.woff2') format('woff2'), + url('#{$appurl}/assets/frontend/fonts/lato-300.woff') format('woff'), + url('#{$appurl}/assets/frontend/fonts/lato-300.ttf') format('truetype'), + url('#{$appurl}/assets/frontend/fonts/lato-300.svg#cookieregular') format('svg'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/fonts/lato-300.svg b/fonts/lato-300.svg new file mode 100644 index 0000000..11b626f --- /dev/null +++ b/fonts/lato-300.svg @@ -0,0 +1,435 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/lato-300.ttf b/fonts/lato-300.ttf new file mode 100644 index 0000000..f49dd5c Binary files /dev/null and b/fonts/lato-300.ttf differ diff --git a/fonts/lato-300.woff b/fonts/lato-300.woff new file mode 100644 index 0000000..773a0c7 Binary files /dev/null and b/fonts/lato-300.woff differ diff --git a/fonts/lato-300.woff2 b/fonts/lato-300.woff2 new file mode 100644 index 0000000..aad98a3 Binary files /dev/null and b/fonts/lato-300.woff2 differ diff --git a/fonts/lato-regular.eot b/fonts/lato-regular.eot new file mode 100644 index 0000000..2a5e20d Binary files /dev/null and b/fonts/lato-regular.eot differ diff --git a/fonts/lato-regular.scss b/fonts/lato-regular.scss new file mode 100644 index 0000000..0518462 --- /dev/null +++ b/fonts/lato-regular.scss @@ -0,0 +1,11 @@ + @font-face { + font-family: lato-regular; + src: url('#{$appurl}/assets/frontend/fonts/lato-regular.eot'); + src: url('#{$appurl}/assets/frontend/fonts/lato-regular.eot?#iefix') format('embedded-opentype'), + url('#{$appurl}/assets/frontend/fonts/lato-regular.woff2') format('woff2'), + url('#{$appurl}/assets/frontend/fonts/lato-regular.woff') format('woff'), + url('#{$appurl}/assets/frontend/fonts/lato-regular.ttf') format('truetype'), + url('#{$appurl}/assets/frontend/fonts/lato-regular.svg#cookieregular') format('svg'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/fonts/lato-regular.svg b/fonts/lato-regular.svg new file mode 100644 index 0000000..55b43fb --- /dev/null +++ b/fonts/lato-regular.svg @@ -0,0 +1,435 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/lato-regular.ttf b/fonts/lato-regular.ttf new file mode 100644 index 0000000..85b2663 Binary files /dev/null and b/fonts/lato-regular.ttf differ diff --git a/fonts/lato-regular.woff b/fonts/lato-regular.woff new file mode 100644 index 0000000..42f1997 Binary files /dev/null and b/fonts/lato-regular.woff differ diff --git a/fonts/lato-regular.woff2 b/fonts/lato-regular.woff2 new file mode 100644 index 0000000..ff60934 Binary files /dev/null and b/fonts/lato-regular.woff2 differ diff --git a/fonts/source-sans-3-200.eot b/fonts/source-sans-3-200.eot new file mode 100644 index 0000000..5adb714 Binary files /dev/null and b/fonts/source-sans-3-200.eot differ diff --git a/fonts/source-sans-3-200.scss b/fonts/source-sans-3-200.scss new file mode 100644 index 0000000..51409f6 --- /dev/null +++ b/fonts/source-sans-3-200.scss @@ -0,0 +1,11 @@ + @font-face { + font-family: source-sans-3-200; + src: url('#{$appurl}/assets/frontend/fonts/source-sans-3-200.eot'); + src: url('#{$appurl}/assets/frontend/fonts/source-sans-3-200.eot?#iefix') format('embedded-opentype'), + url('#{$appurl}/assets/frontend/fonts/source-sans-3-200.woff2') format('woff2'), + url('#{$appurl}/assets/frontend/fonts/source-sans-3-200.woff') format('woff'), + url('#{$appurl}/assets/frontend/fonts/source-sans-3-200.ttf') format('truetype'), + url('#{$appurl}/assets/frontend/fonts/source-sans-3-200.svg#cookieregular') format('svg'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/fonts/source-sans-3-200.svg b/fonts/source-sans-3-200.svg new file mode 100644 index 0000000..0b7cb2b --- /dev/null +++ b/fonts/source-sans-3-200.svg @@ -0,0 +1,329 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/source-sans-3-200.ttf b/fonts/source-sans-3-200.ttf new file mode 100644 index 0000000..996b0ce Binary files /dev/null and b/fonts/source-sans-3-200.ttf differ diff --git a/fonts/source-sans-3-200.woff b/fonts/source-sans-3-200.woff new file mode 100644 index 0000000..e962e8e Binary files /dev/null and b/fonts/source-sans-3-200.woff differ diff --git a/fonts/source-sans-3-200.woff2 b/fonts/source-sans-3-200.woff2 new file mode 100644 index 0000000..1a88824 Binary files /dev/null and b/fonts/source-sans-3-200.woff2 differ diff --git a/fonts/source-sans-3-300.eot b/fonts/source-sans-3-300.eot new file mode 100644 index 0000000..a415759 Binary files /dev/null and b/fonts/source-sans-3-300.eot differ diff --git a/fonts/source-sans-3-300.scss b/fonts/source-sans-3-300.scss new file mode 100644 index 0000000..251f531 --- /dev/null +++ b/fonts/source-sans-3-300.scss @@ -0,0 +1,11 @@ + @font-face { + font-family: source-sans-3-300; + src: url('#{$appurl}/assets/frontend/fonts/source-sans-3-300.eot'); + src: url('#{$appurl}/assets/frontend/fonts/source-sans-3-300.eot?#iefix') format('embedded-opentype'), + url('#{$appurl}/assets/frontend/fonts/source-sans-3-300.woff2') format('woff2'), + url('#{$appurl}/assets/frontend/fonts/source-sans-3-300.woff') format('woff'), + url('#{$appurl}/assets/frontend/fonts/source-sans-3-300.ttf') format('truetype'), + url('#{$appurl}/assets/frontend/fonts/source-sans-3-300.svg#cookieregular') format('svg'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/fonts/source-sans-3-300.svg b/fonts/source-sans-3-300.svg new file mode 100644 index 0000000..653a615 --- /dev/null +++ b/fonts/source-sans-3-300.svg @@ -0,0 +1,329 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/source-sans-3-300.ttf b/fonts/source-sans-3-300.ttf new file mode 100644 index 0000000..075ac4f Binary files /dev/null and b/fonts/source-sans-3-300.ttf differ diff --git a/fonts/source-sans-3-300.woff b/fonts/source-sans-3-300.woff new file mode 100644 index 0000000..78516b1 Binary files /dev/null and b/fonts/source-sans-3-300.woff differ diff --git a/fonts/source-sans-3-300.woff2 b/fonts/source-sans-3-300.woff2 new file mode 100644 index 0000000..b47991a Binary files /dev/null and b/fonts/source-sans-3-300.woff2 differ diff --git a/fonts/source-sans-3-regular.eot b/fonts/source-sans-3-regular.eot new file mode 100644 index 0000000..c894cc4 Binary files /dev/null and b/fonts/source-sans-3-regular.eot differ diff --git a/fonts/source-sans-3-regular.scss b/fonts/source-sans-3-regular.scss new file mode 100644 index 0000000..0985661 --- /dev/null +++ b/fonts/source-sans-3-regular.scss @@ -0,0 +1,11 @@ + @font-face { + font-family: source-sans-3-regular; + src: url('#{$appurl}/assets/frontend/fonts/source-sans-3-regular.eot'); + src: url('#{$appurl}/assets/frontend/fonts/source-sans-3-regular.eot?#iefix') format('embedded-opentype'), + url('#{$appurl}/assets/frontend/fonts/source-sans-3-regular.woff2') format('woff2'), + url('#{$appurl}/assets/frontend/fonts/source-sans-3-regular.woff') format('woff'), + url('#{$appurl}/assets/frontend/fonts/source-sans-3-regular.ttf') format('truetype'), + url('#{$appurl}/assets/frontend/fonts/source-sans-3-regular.svg#cookieregular') format('svg'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/fonts/source-sans-3-regular.svg b/fonts/source-sans-3-regular.svg new file mode 100644 index 0000000..065e66a --- /dev/null +++ b/fonts/source-sans-3-regular.svg @@ -0,0 +1,329 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/source-sans-3-regular.ttf b/fonts/source-sans-3-regular.ttf new file mode 100644 index 0000000..0c6e99a Binary files /dev/null and b/fonts/source-sans-3-regular.ttf differ diff --git a/fonts/source-sans-3-regular.woff b/fonts/source-sans-3-regular.woff new file mode 100644 index 0000000..1ef1e5c Binary files /dev/null and b/fonts/source-sans-3-regular.woff differ diff --git a/fonts/source-sans-3-regular.woff2 b/fonts/source-sans-3-regular.woff2 new file mode 100644 index 0000000..0c4242e Binary files /dev/null and b/fonts/source-sans-3-regular.woff2 differ diff --git a/function/_rem.scss b/function/_rem.scss new file mode 100644 index 0000000..96842b2 --- /dev/null +++ b/function/_rem.scss @@ -0,0 +1,15 @@ +@function rem($pixel, $basis: 16) { + $negative: false; + @if ($pixel < 0) { + $negative: true; + $pixel: calc($pixel * -1); + } + + $rem: calc($pixel / $basis); + + @if ($negative) { + $rem: calc($rem * -1); + } + + @return $rem + 0rem; +} \ No newline at end of file diff --git a/lib/_defaults.scss b/lib/_defaults.scss new file mode 100644 index 0000000..5c0f53d --- /dev/null +++ b/lib/_defaults.scss @@ -0,0 +1,31 @@ +*, :before, :after { + box-sizing: border-box; +} + +html { + height: 100vh; +} + +body { + @include layout(column); + flex-wrap: nowrap; + font-size: 16px; + line-height: 1.8rem; + height: 100vh; +} + +.section { + flex: 0 0 auto; + + & > .container { + margin: 0 auto; + width: 100%; + + @include breakpoint('screen', 'xs') { max-width: 100vw; } + @include breakpoint('screen', 's') { max-width: 100vw; } + @include breakpoint('screen', 'm') { max-width: 95vw; } + @include breakpoint('screen', 'l') { max-width: 90vw; } + @include breakpoint('screen', 'xl') { max-width: rem(1400); } + @include breakpoint('screen', 'xxl') { max-width: rem(1600); } + } +} diff --git a/lib/_normalize.scss b/lib/_normalize.scss new file mode 100644 index 0000000..7a708f1 --- /dev/null +++ b/lib/_normalize.scss @@ -0,0 +1,350 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + height: 100%; +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} diff --git a/lib/_theme.scss b/lib/_theme.scss new file mode 100644 index 0000000..919cb37 --- /dev/null +++ b/lib/_theme.scss @@ -0,0 +1,3 @@ +body { + background-color: var(--bg-color); +} \ No newline at end of file diff --git a/mixin/_breakpoint.scss b/mixin/_breakpoint.scss new file mode 100644 index 0000000..3fe459b --- /dev/null +++ b/mixin/_breakpoint.scss @@ -0,0 +1,16 @@ +@use 'sass:map'; + +@mixin breakpoint($media, $min: 0, $max: 0) { + $bpMin: map.get($breakpoints, $min); + $bpMax: map.get($breakpoints, $max); + + @if $bpMax != 0 { + @media only #{$media} and (min-width: $bpMin) and (max-width: $bpMax) { + @content; + } + } @else { + @media only #{$media} and (min-width: $bpMin) { + @content; + } + } +} diff --git a/mixin/_card.scss b/mixin/_card.scss new file mode 100644 index 0000000..62624b5 --- /dev/null +++ b/mixin/_card.scss @@ -0,0 +1,36 @@ +@use 'sass:list'; + +/* + @include card([ + (0 "full" (0 0) (0 0))) + ]); + + @include card([ + ($bpMinWidth $bpMaxWidth (width height) (margWidth margHeight) + ]); +*/ +@mixin card($cardBpColumns: []) { + display: inline-block; + + @if list.length($cardBpColumns) > 0 { + @for $cardBpIndex from 1 through list.length($cardBpColumns) { + $bp: list.nth($cardBpColumns, $cardBpIndex); + @include breakpoint('screen', list.nth($bp, 1), list.nth($bp, 2)) { + $size: list.nth($bp, 3); + width: list.nth($size, 1); + @if list.length($size) == 2 { + height: list.nth($size, 2); + } + @if list.length($bp) == 4 { + $margin: list.nth($bp, 4); + margin-top: list.nth($margin, 1); + margin-bottom: list.nth($margin, 1); + @if list.length($margin) == 2 { + margin-left: list.nth($margin, 2); + margin-right: list.nth($margin, 2); + } + } + } + } + } +} diff --git a/mixin/_layout.scss b/mixin/_layout.scss new file mode 100644 index 0000000..be7fd55 --- /dev/null +++ b/mixin/_layout.scss @@ -0,0 +1,67 @@ +@use 'sass:list'; +@use 'sass:math'; + +/* + @include layout(column, [ + (0 "full" ((0 0) (0 0) (1 1) (0 0))) + ]); + + @include layout($flex-direction, [ + ($bpMinWidth $bpMaxWidth ((flex:), ...))) + ]); +*/ +@mixin layout($direction, $bpColumns: [], $gap: (0 0)) { + display: flex; + justify-content: space-between; + flex-direction: $direction; + align-items: stretch; + align-content: stretch; + flex-wrap: wrap; + column-gap: list.nth($gap, 1); + row-gap: list.nth($gap, 2); + + @if list.length($bpColumns) > 0 { + @for $bpIndex from 1 through list.length($bpColumns) { + $bp: list.nth($bpColumns, $bpIndex); + @include breakpoint('screen', list.nth($bp, 1), list.nth($bp, 2)) { + $columns: list.nth($bp, 3); + @for $i from 1 through list.length($columns) { + $minmax: list.nth($columns, $i); + $min: list.nth($minmax, 1); + $max: list.nth($minmax, 2); + & > *:nth-child(#{$i}) { + @if math.unit($min) == "" and math.unit($max) == "" { + flex: $max $min min-content; + } @else if math.unit($min) == "" { + flex: 1 $min auto; + } @else if math.unit($max) == "" { + flex: $max 0 auto; + } @else { + flex: 1 0 auto; + } + + @if math.unit($min) != "" { + @if $direction == 'row' { + min-width: $min; + } @else { + min-height: $min; + } + } + + @if math.unit($max) != "" { + @if $direction == 'row' { + max-width: $max; + } @else { + max-height: $max; + } + } + } + } + } + } + } @else { + & > * { + flex: 1 0 auto; + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..eda6a56 --- /dev/null +++ b/package.json @@ -0,0 +1,12 @@ +{ + "name": "scss-framework", + "version": "0.0.1", + "description": "SCSS Framework.", + "keywords": [ + "scss-framework" + ], + "private": true, + "author": "Sven Ullmann", + "license": "proprietary", + "homepage": "https://www.sumedia-webdesign.de" +} \ No newline at end of file diff --git a/scss-framework.scss b/scss-framework.scss new file mode 100644 index 0000000..be918c0 --- /dev/null +++ b/scss-framework.scss @@ -0,0 +1,3 @@ +@import "bootstrap"; +@import "theme"; +@import "defaults"; diff --git a/theme/sumedia/_theme.scss b/theme/sumedia/_theme.scss new file mode 100644 index 0000000..25e3677 --- /dev/null +++ b/theme/sumedia/_theme.scss @@ -0,0 +1,83 @@ +:root { + --primary-color: #333; + --primary-color-ligher: #444; + --primary-color-darker: #252525; + --secondary-color: #da0; + --secondary-color-lighter: #db0; + --secondary-color-darker: #c90; + --tertiary-color: #460; + --tertiary-color-ligher: #680; + --tertiary-color-darker: #340; + --quarternary-color: #146; + --quarternary-color-lighter: #257; + --quarternary-color-darker: #035; + --bg-color: #fff; + --bg-color-inverted: #333; + --fg-color: #222; + --fg-color-inverted: #f5f5f5; + --link-color: #246; + --link-color-inverted: #da0; + --border-color: #222; + --border-color-inverted: #ccc; + --shadow-color: #333; + --primary-font: $primaryFont; + --heading-font: $headingFont; + --icon-font: $iconFont; +} + +@media (prefers-color-scheme: dark) { + :root { + --bg-color: #333; + --bg-color-inverted: #fff; + --fg-color: #fff; + --fg-color-inverted: #222; + --link-color: #fc0; + --link-color-inverted: #246; + } +} + +body { + margin: 0; + padding: 0; + font: var(--primary-font); + background: var(--bg-color); + color: var(--fg-color); + min-height: 100vh; + box-sizing: border-box; +} + +h1, h2, h3, h4, h5, h6 { + margin: 0; + padding: 0; + font: var(--heading-font); +} + +h1 { + font-size: 1.6rem; + line-height: 1.9rem; +} + +h2 { + font-size: 1.6rem; + line-height: 1.6rem; +} + +h3 { + font-size: 1.4rem; + line-height: 1.4rem; +} + +h4 { + font-size: 1.2rem; + line-height: 1.2rem; +} + +h5 { + font-size: 1rem; + line-height: 1rem; +} + +h6 { + font-size: 1rem; + line-height: 1rem; +} \ No newline at end of file diff --git a/theme/vineae/_theme.scss b/theme/vineae/_theme.scss new file mode 100644 index 0000000..fddc50a --- /dev/null +++ b/theme/vineae/_theme.scss @@ -0,0 +1,83 @@ +:root { + --primary-color: #333; + --primary-color-ligher: #444; + --primary-color-darker: #252525; + --secondary-color: #da0; + --secondary-color-lighter: #c90; + --secondary-color-darker: #960; + --tertiary-color: #460; + --tertiary-color-ligher: #680; + --tertiary-color-darker: #340; + --quarternary-color: #146; + --quarternary-color-lighter: #257; + --quarternary-color-darker: #035; + --bg-color: #222; + --bg-color-inverted: #ccc; + --fg-color: #f0f0f0; + --fg-color-inverted: #212121; + --link-color: #da0; + --link-color-inverted: #246; + --border-color: #111; + --border-color-inverted: #aaa; + --shadow-color: #333; + --primary-font: $primaryFont; + --heading-font: $headingFont; + --icon-font: $iconFont; +} + +@media (prefers-color-scheme: dark) { + :root { + --bg-color: #333; + --bg-color-inverted: #fff; + --fg-color: #fff; + --fg-color-inverted: #222; + --link-color: #fc0; + --link-color-inverted: #246; + } +} + +body { + margin: 0; + padding: 0; + font: $primaryFont; + background: var(--bg-color); + color: var(--fg-color); + min-height: 100vh; + box-sizing: border-box; +} + +h1, h2, h3, h4, h5, h6 { + margin: 0; + padding: 0; + font: var(--heading-font); +} + +h1 { + font-size: 1.6rem; + line-height: 1.9rem; +} + +h2 { + font-size: 1.6rem; + line-height: 1.6rem; +} + +h3 { + font-size: 1.4rem; + line-height: 1.4rem; +} + +h4 { + font-size: 1.2rem; + line-height: 1.2rem; +} + +h5 { + font-size: 1rem; + line-height: 1rem; +} + +h6 { + font-size: 1rem; + line-height: 1rem; +}