Compare commits
29 Commits
8ac4c6b675
...
feat/tailw
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
f9160e4b98 | ||
|
|
67fad13998 | ||
|
|
442440454a | ||
|
|
c2ea3a9a4f | ||
|
|
63e117a49a | ||
|
|
d4a151df9b | ||
|
|
f926c7fcf6 | ||
|
|
41805da339 | ||
|
|
75d235c17e | ||
|
|
1e293852f4 | ||
|
|
7f958514b1 | ||
|
|
1d8f5a1f66 | ||
|
|
248438ae8d | ||
|
|
30a3080480 | ||
|
|
aabcd5eaa2 | ||
|
|
2f98e9f3fc | ||
|
|
880af9bb7d | ||
|
|
ef7951c1e4 | ||
|
|
98f639b913 | ||
|
|
40e9660d80 | ||
|
|
ef6876a0d3 | ||
|
|
851547b87d | ||
|
|
bd803eda00 | ||
|
|
ac76ba32f6 | ||
|
|
c84ca1d538 | ||
|
|
3cc9d535ff | ||
|
|
a24c2681db | ||
|
|
2bced48437 | ||
|
|
7adeb66c6c |
38
.dockerignore
Normal file
38
.dockerignore
Normal file
@@ -0,0 +1,38 @@
|
|||||||
|
# Hugo build artifacts
|
||||||
|
.hugo_build.lock
|
||||||
|
hugo_stats.json
|
||||||
|
public/
|
||||||
|
resources/
|
||||||
|
|
||||||
|
# Node.js
|
||||||
|
node_modules/
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
|
||||||
|
# Development files
|
||||||
|
.editorconfig
|
||||||
|
.git/
|
||||||
|
.gitignore
|
||||||
|
*.md
|
||||||
|
docs/
|
||||||
|
|
||||||
|
# OS files
|
||||||
|
.DS_Store
|
||||||
|
Thumbs.db
|
||||||
|
|
||||||
|
# Backup files
|
||||||
|
*.backup
|
||||||
|
*.bak
|
||||||
|
*.tmp
|
||||||
|
|
||||||
|
# IDE files
|
||||||
|
.vscode/
|
||||||
|
.idea/
|
||||||
|
*.swp
|
||||||
|
*.swo
|
||||||
|
*~
|
||||||
|
|
||||||
|
# Build artifacts
|
||||||
|
dist/
|
||||||
|
build/
|
||||||
43
.editorconfig
Normal file
43
.editorconfig
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
# EditorConfig is awesome: https://EditorConfig.org
|
||||||
|
|
||||||
|
# top-most EditorConfig file
|
||||||
|
root = true
|
||||||
|
|
||||||
|
# Unix-style newlines with a newline ending every file
|
||||||
|
[*]
|
||||||
|
end_of_line = lf
|
||||||
|
insert_final_newline = true
|
||||||
|
|
||||||
|
# 4 space indentation (no tabs)
|
||||||
|
[*.{js,jsx,ts,tsx,html,css,scss,md}]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 4
|
||||||
|
|
||||||
|
# Set charset
|
||||||
|
[*.{js,jsx,ts,tsx,html,css,scss,md}]
|
||||||
|
charset = utf-8
|
||||||
|
|
||||||
|
# For Go files
|
||||||
|
[*.go]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 4
|
||||||
|
|
||||||
|
# For Python files
|
||||||
|
[*.py]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 4
|
||||||
|
|
||||||
|
# For JSON files
|
||||||
|
[*.json]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
|
||||||
|
# For YAML files
|
||||||
|
[*.{yaml,yml}]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
|
||||||
|
# For TOML files
|
||||||
|
[*.toml]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
27
Dockerfile
Normal file
27
Dockerfile
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
# Use a Node.js LTS Alpine image as the base
|
||||||
|
FROM hugomods/hugo:nightly
|
||||||
|
|
||||||
|
# Install Node.js and npm (needed for fetch-wordpress.js and sass)
|
||||||
|
RUN apk add --no-cache nodejs npm
|
||||||
|
|
||||||
|
# Install Sass (Dart Sass) globally
|
||||||
|
RUN npm install -g sass yarn
|
||||||
|
|
||||||
|
# Set the working directory inside the container
|
||||||
|
WORKDIR /app
|
||||||
|
|
||||||
|
# Copy the entire project into the container
|
||||||
|
COPY . .
|
||||||
|
|
||||||
|
# Make the build script executable (if not already)
|
||||||
|
RUN chmod +x scripts/build.sh
|
||||||
|
|
||||||
|
# Install Node.js dependencies if any (e.g., for fetch-wordpress.js)
|
||||||
|
# Assuming package.json exists and has dependencies
|
||||||
|
RUN if [ -f package.json ]; then yarn install; fi
|
||||||
|
|
||||||
|
# Ensure /usr/local/bin is in PATH for the CMD
|
||||||
|
ENV PATH="/usr/local/bin:$PATH"
|
||||||
|
|
||||||
|
# Command to run the build script when the container starts
|
||||||
|
CMD ["./scripts/build.sh"]
|
||||||
162
assets/css/app.css
Normal file
162
assets/css/app.css
Normal file
@@ -0,0 +1,162 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
|
||||||
|
@import "tailwindcss";
|
||||||
|
@import "header.css";
|
||||||
|
@import "wordpress.css";
|
||||||
|
|
||||||
|
/* Modern Design System */
|
||||||
|
:root {
|
||||||
|
--primary-blue: #3b82f6;
|
||||||
|
--primary-blue-dark: #2563eb;
|
||||||
|
--gray-50: #f9fafb;
|
||||||
|
--gray-100: #f3f4f6;
|
||||||
|
--gray-200: #e5e7eb;
|
||||||
|
--gray-300: #d1d5db;
|
||||||
|
--gray-600: #4b5563;
|
||||||
|
--gray-700: #374151;
|
||||||
|
--gray-800: #1f2937;
|
||||||
|
--gray-900: #111827;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Base Styles */
|
||||||
|
body {
|
||||||
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||||
|
background: #fdfdff;
|
||||||
|
color: var(--gray-800);
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Gradient Backgrounds */
|
||||||
|
.gradient-bg {
|
||||||
|
background: linear-gradient(120deg, #f0f9ff 0%, #e0f2fe 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.gradient-bg-dark {
|
||||||
|
background: linear-gradient(120deg, #1e293b 0%, #334155 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Component Styles */
|
||||||
|
.article-card {
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-card:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
||||||
|
}
|
||||||
|
|
||||||
|
.featured-article {
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.featured-article:hover {
|
||||||
|
transform: scale(1.02);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tag Styles */
|
||||||
|
.tag {
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Button Styles */
|
||||||
|
.btn-primary {
|
||||||
|
background: var(--primary-blue);
|
||||||
|
color: white;
|
||||||
|
transition: background-color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:hover {
|
||||||
|
background: var(--primary-blue-dark);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive Typography */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.text-hero {
|
||||||
|
font-size: 2.25rem;
|
||||||
|
line-height: 2.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Newsletter Styles */
|
||||||
|
.newsletter-form {
|
||||||
|
max-width: 500px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Footer Styles */
|
||||||
|
.footer-section {
|
||||||
|
background: var(--gray-900);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-link {
|
||||||
|
color: #9ca3af;
|
||||||
|
transition: color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-link:hover {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Menu Styles */
|
||||||
|
.mobile-menu {
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-menu-enter {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-menu-enter-active {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Responsive Utilities */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.container {
|
||||||
|
padding-left: 1rem;
|
||||||
|
padding-right: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Prose Styles from docs/homepage.html and docs/post.html */
|
||||||
|
.prose {
|
||||||
|
max-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose h2 {
|
||||||
|
font-weight: 600;
|
||||||
|
margin-top: 2.5rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
font-size: 1.875rem;
|
||||||
|
line-height: 2.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose p {
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
line-height: 1.75;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose blockquote {
|
||||||
|
border-left-width: 4px;
|
||||||
|
border-color: #3b82f6;
|
||||||
|
padding-left: 1.5rem;
|
||||||
|
margin: 2rem 0;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-image {
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-image:hover {
|
||||||
|
transform: scale(1.02);
|
||||||
|
}
|
||||||
166
assets/css/header.css
Normal file
166
assets/css/header.css
Normal file
@@ -0,0 +1,166 @@
|
|||||||
|
/* Header Styles */
|
||||||
|
.cs-header {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-container {
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__inner {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__inner-desktop {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__inner-mobile {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__col {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-col-center {
|
||||||
|
flex: 1;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-logo img {
|
||||||
|
height: 38px;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__nav-inner {
|
||||||
|
display: flex;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
gap: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__nav-inner li a {
|
||||||
|
color: #333;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: color 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__nav-inner li a:hover {
|
||||||
|
color: #007bff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__custom-button {
|
||||||
|
background: #007bff;
|
||||||
|
color: white;
|
||||||
|
padding: 8px 16px;
|
||||||
|
border-radius: 4px;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: background 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__custom-button:hover {
|
||||||
|
background: #0056b3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__search-toggle {
|
||||||
|
cursor: pointer;
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Styles */
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.cs-header__inner-desktop {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__inner-mobile {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__offcanvas {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: -300px;
|
||||||
|
width: 300px;
|
||||||
|
height: 100vh;
|
||||||
|
background: white;
|
||||||
|
z-index: 1001;
|
||||||
|
transition: left 0.3s ease;
|
||||||
|
box-shadow: 2px 0 5px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__offcanvas.active {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__offcanvas-nav ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__offcanvas-nav ul li {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-header__offcanvas-nav ul li a {
|
||||||
|
color: #333;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-search-overlay {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: rgba(0,0,0,0.5);
|
||||||
|
z-index: 1002;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-search {
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
background: white;
|
||||||
|
padding: 30px;
|
||||||
|
border-radius: 8px;
|
||||||
|
z-index: 1003;
|
||||||
|
display: none;
|
||||||
|
min-width: 300px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-search__form {
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-search__input {
|
||||||
|
flex: 1;
|
||||||
|
padding: 10px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cs-search__submit {
|
||||||
|
padding: 10px 20px;
|
||||||
|
background: #007bff;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
@@ -1,80 +0,0 @@
|
|||||||
//
|
|
||||||
// Background Styles //
|
|
||||||
//
|
|
||||||
.bg-image {
|
|
||||||
position: relative;
|
|
||||||
background-position: center center;
|
|
||||||
background-attachment: scroll;
|
|
||||||
@include background-size(cover);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
.bg-fade-white-top {
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
&:before {
|
|
||||||
z-index: -1;
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-image: linear-gradient(to top, white, get-color("white", 0.2));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-fade-white-bottom {
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
&:before {
|
|
||||||
z-index: -1;
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-image: linear-gradient(to bottom, white, get-color("white", 0.2));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-fade-black-top {
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
&:before {
|
|
||||||
z-index: -1;
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-image: linear-gradient(to top, black, rgba(0,0,0,0.2));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-fade-black-bottom {
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
&:before {
|
|
||||||
z-index: -1;
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-image: linear-gradient(to bottom, black, rgba(0,0,0,0.2));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-video {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: -1;
|
|
||||||
video {
|
|
||||||
object-fit: cover;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,655 +0,0 @@
|
|||||||
//
|
|
||||||
// Base Styles //
|
|
||||||
//
|
|
||||||
html, body {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Container, Row //
|
|
||||||
//
|
|
||||||
.container, .container-fluid {
|
|
||||||
position: relative;
|
|
||||||
padding: 0 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Positioning //
|
|
||||||
//
|
|
||||||
.position-middle {
|
|
||||||
position: relative;
|
|
||||||
top: 50%;
|
|
||||||
@include transform(translateY(-50%));
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
.position-top, .position-bottom {
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.position-top {
|
|
||||||
top: 30px;
|
|
||||||
}
|
|
||||||
.position-bottom {
|
|
||||||
bottom: 30px;
|
|
||||||
}
|
|
||||||
.container, .container-fluid {
|
|
||||||
.position-top, .position-bottom {
|
|
||||||
padding: 0 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Mark //
|
|
||||||
//
|
|
||||||
mark {
|
|
||||||
background: $bg-gray;
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// iframe //
|
|
||||||
//
|
|
||||||
iframe {
|
|
||||||
width: 100%;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Pre(Preformatted text) //
|
|
||||||
//
|
|
||||||
pre {
|
|
||||||
border: 1px solid get-color("dark", 0.1);
|
|
||||||
border-radius: 0.375em;
|
|
||||||
padding: 6px 20px;
|
|
||||||
color: $color-primary;
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
pre {
|
|
||||||
border-color: get-color("white", 0.2);
|
|
||||||
color: get-color("white", 0.6);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Blockquote Styles //
|
|
||||||
//
|
|
||||||
.blockquote {
|
|
||||||
background: transparent;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
border-left: 4px solid get-color("dark", 0.1);
|
|
||||||
padding: 16px 30px;
|
|
||||||
@include breakpoint-less(sm) {
|
|
||||||
padding: 16px 20px;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 30px;
|
|
||||||
&.font-small {
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 26px;
|
|
||||||
}
|
|
||||||
&.font-large {
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 36px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.blockquote-footer {
|
|
||||||
margin-top: 10px;
|
|
||||||
color: get-color("dark");
|
|
||||||
&:before {
|
|
||||||
padding-right: 5px;
|
|
||||||
}
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.style-2 {
|
|
||||||
position: relative;
|
|
||||||
border: 0;
|
|
||||||
padding: 20px 20px 20px 40px;
|
|
||||||
@include breakpoint-less(sm) {
|
|
||||||
padding: 16px 16px 16px 36px;
|
|
||||||
}
|
|
||||||
&:before {
|
|
||||||
content: '\f10d';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
color: get-color("dark", 0.1);
|
|
||||||
font-family: "Font Awesome 6 Free";
|
|
||||||
font-size: 24px;
|
|
||||||
font-weight: 900;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
.blockquote {
|
|
||||||
background: get-color("white", 0.1);
|
|
||||||
border-color: get-color("white", 0.2);
|
|
||||||
.blockquote-footer {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
&.style-2 {
|
|
||||||
background: transparent;
|
|
||||||
border-color: get-color("white", 0.2);
|
|
||||||
}
|
|
||||||
&.style-3 {
|
|
||||||
background: transparent;
|
|
||||||
&:before {
|
|
||||||
color: get-color("white", 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Breadcrumb Styles //
|
|
||||||
//
|
|
||||||
.breadcrumb {
|
|
||||||
display: inline-block;
|
|
||||||
background: transparent;
|
|
||||||
margin: 0 0 -10px;
|
|
||||||
padding: 0;
|
|
||||||
.breadcrumb-item {
|
|
||||||
display: inline-block;
|
|
||||||
font: 400 13px $font-family-primary;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
&:before {
|
|
||||||
color: get-color("dark", 0.2);
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
color: $color-primary-lighter;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
.breadcrumb {
|
|
||||||
.breadcrumb-item {
|
|
||||||
&:before {
|
|
||||||
color: get-color("white", 0.3);
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
color: get-color("white", 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Card //
|
|
||||||
//
|
|
||||||
.card {
|
|
||||||
border: 1px solid get-color("dark", 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Dropdown Styles //
|
|
||||||
//
|
|
||||||
.dropdown, .btn-group {
|
|
||||||
.dropdown-menu {
|
|
||||||
border: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
@include box-shadow(0 6px 36px -4px rgba(22,24,26,0.14));
|
|
||||||
padding: 15px 20px;
|
|
||||||
.dropdown-item {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
padding: 0;
|
|
||||||
color: get-color("dark");
|
|
||||||
font: 300 15px $font-family-primary;
|
|
||||||
letter-spacing: 0;
|
|
||||||
text-transform: none;
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
&:last-child {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
&:hover, &:focus, &:active {
|
|
||||||
background: transparent;
|
|
||||||
color: $color-primary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Modal Styles //
|
|
||||||
//
|
|
||||||
.modal {
|
|
||||||
&.fade {
|
|
||||||
.modal-dialog {
|
|
||||||
@include transition(ease-out 0.2s);
|
|
||||||
@include transform(translate(0) scale(0.98));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.show {
|
|
||||||
.modal-dialog {
|
|
||||||
@include transform(translate(0) scale(1.0));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.modal-content {
|
|
||||||
@include box-shadow(0 6px 36px -4px rgba(22,24,26,0.3));
|
|
||||||
border: 0;
|
|
||||||
.modal-header { border-bottom: 1px solid get-color("dark", 0.1); }
|
|
||||||
.modal-footer { border-top: 1px solid get-color("dark", 0.1); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Nav Styles //
|
|
||||||
//
|
|
||||||
.nav {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
.nav-item {
|
|
||||||
margin: 0 30px 0 0;
|
|
||||||
&:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
.nav-link {
|
|
||||||
padding: 0;
|
|
||||||
color: $color-primary;
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
margin: 0;
|
|
||||||
color: $color-primary;
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
}
|
|
||||||
&.active, &:hover {
|
|
||||||
color: get-color("dark");
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.disabled {
|
|
||||||
color: $color-primary-lighter;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.nav-tabs {
|
|
||||||
border-bottom: 1px solid $border-gray;
|
|
||||||
.nav-item {
|
|
||||||
margin: 0 0 -1px;
|
|
||||||
.nav-link {
|
|
||||||
background: transparent;
|
|
||||||
padding: 10px 20px;
|
|
||||||
color: $color-primary;
|
|
||||||
&:hover {
|
|
||||||
border-color: $border-gray;
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
border-color: $border-gray $border-gray white;
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
&.disabled {
|
|
||||||
&:hover {
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.nav-pills {
|
|
||||||
.nav-item {
|
|
||||||
margin: 0;
|
|
||||||
.nav-link {
|
|
||||||
padding: 10px 20px;
|
|
||||||
}
|
|
||||||
.nav-link.active,
|
|
||||||
.show .nav-link {
|
|
||||||
background: get-color("dark");
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.tabs {
|
|
||||||
display: inline-block;
|
|
||||||
border: 1px solid $border-gray;
|
|
||||||
border-radius: 0.375em;
|
|
||||||
.nav-item {
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0;
|
|
||||||
.nav-link {
|
|
||||||
padding: 10px 20px;
|
|
||||||
border-right: 1px solid $border-gray;
|
|
||||||
}
|
|
||||||
&:last-child {
|
|
||||||
.nav-link {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.nav-custom {
|
|
||||||
.nav-item {
|
|
||||||
.nav-link {
|
|
||||||
position: relative;
|
|
||||||
overflow: visible;
|
|
||||||
&:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
bottom: -1px;
|
|
||||||
left: 0;
|
|
||||||
background: get-color("dark");
|
|
||||||
height: 1px;
|
|
||||||
@include animation(button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both);
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
&:after {
|
|
||||||
width: 100%;
|
|
||||||
@include animation(button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
.nav {
|
|
||||||
.nav-item {
|
|
||||||
.nav-link {
|
|
||||||
color: get-color("white", 0.8);
|
|
||||||
&.active, &:hover {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.nav-tabs {
|
|
||||||
border-color: get-color("white", 0.2);
|
|
||||||
.nav-item {
|
|
||||||
.nav-link {
|
|
||||||
color: get-color("white", 0.8);
|
|
||||||
&.active, &:hover {
|
|
||||||
border-color: get-color("white", 0.2) get-color("white", 0.2) transparent;
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.nav-pills {
|
|
||||||
.nav-item {
|
|
||||||
.nav-link.active,
|
|
||||||
.show .nav-link {
|
|
||||||
background: white;
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.tabs {
|
|
||||||
border: 1px solid get-color("white", 0.2);
|
|
||||||
.nav-item {
|
|
||||||
.nav-link {
|
|
||||||
border-right: 1px solid get-color("white", 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.nav-custom {
|
|
||||||
.nav-item {
|
|
||||||
.nav-link {
|
|
||||||
&:after { background: white; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Pagination Styles //
|
|
||||||
//
|
|
||||||
.pagination {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
.page-item {
|
|
||||||
margin: 0 6px 0 0;
|
|
||||||
text-align: center;
|
|
||||||
&:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
.page-link {
|
|
||||||
background: transparent;
|
|
||||||
min-width: 31px;
|
|
||||||
height: 31px;
|
|
||||||
border: 0;
|
|
||||||
border-radius: 20px;
|
|
||||||
padding: 0;
|
|
||||||
color: $color-primary;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 31px;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
&:hover {
|
|
||||||
background: $button-gray;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
.page-link {
|
|
||||||
background: $button-gray;
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.pagination-sm {
|
|
||||||
.page-item {
|
|
||||||
.page-link {
|
|
||||||
min-width: 27px;
|
|
||||||
height: 27px;
|
|
||||||
border-radius: 20px;
|
|
||||||
padding: 0;
|
|
||||||
line-height: 27px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.pagination-lg {
|
|
||||||
.page-item {
|
|
||||||
.page-link {
|
|
||||||
min-width: 35px;
|
|
||||||
height: 35px;
|
|
||||||
border-radius: 20px;
|
|
||||||
padding: 0;
|
|
||||||
line-height: 35px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Pagination - Hover style 2 //
|
|
||||||
//
|
|
||||||
&.hover-style-2 {
|
|
||||||
.page-item {
|
|
||||||
.page-link {
|
|
||||||
&:hover {
|
|
||||||
background: $border-gray;
|
|
||||||
border-color: $border-gray;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
.page-link {
|
|
||||||
background: get-color("dark");
|
|
||||||
border-color: get-color("dark");
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
.pagination {
|
|
||||||
.page-item {
|
|
||||||
.page-link {
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
&:hover {
|
|
||||||
background: get-color("white", 0.1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
.page-link {
|
|
||||||
background: get-color("white", 0.1);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.hover-style-2 {
|
|
||||||
.page-item {
|
|
||||||
.page-link {
|
|
||||||
&:hover {
|
|
||||||
background: white;
|
|
||||||
border-color: white;
|
|
||||||
color: get-color("dark", 0.9);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
.page-link {
|
|
||||||
background: white;
|
|
||||||
border-color: white;
|
|
||||||
color: get-color("dark", 0.9);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Popover Styles //
|
|
||||||
//
|
|
||||||
.popover {
|
|
||||||
border: 0;
|
|
||||||
@include box-shadow(0 0 12px 0 rgba(0,0,0,0.08));
|
|
||||||
.arrow {
|
|
||||||
&:before { border: 0; }
|
|
||||||
}
|
|
||||||
.popover-header {
|
|
||||||
background: transparent;
|
|
||||||
padding: 15px 20px;
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 32px;
|
|
||||||
}
|
|
||||||
.popover-body {
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Table Styles //
|
|
||||||
//
|
|
||||||
.table {
|
|
||||||
td, th { border-top: 1px solid $border-gray; }
|
|
||||||
thead {
|
|
||||||
th { border-bottom: 2px solid $border-gray; }
|
|
||||||
}
|
|
||||||
|
|
||||||
&.table-dark {
|
|
||||||
background: $bg-dark-lighter;
|
|
||||||
thead {
|
|
||||||
th { border-bottom: 2px solid get-color("white", 0.1); }
|
|
||||||
}
|
|
||||||
td, th { border-top: 1px solid get-color("white", 0.1); }
|
|
||||||
}
|
|
||||||
&.table-bordered {
|
|
||||||
td, th { border: 1px solid $border-gray; }
|
|
||||||
&.table-dark {
|
|
||||||
td, th { border: 1px solid get-color("white", 0.1); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.thead-dark {
|
|
||||||
th { background: $bg-dark-lighter; border-color: get-color("white", 0.1); }
|
|
||||||
}
|
|
||||||
.thead-light {
|
|
||||||
th { background: $button-gray-lighter; }
|
|
||||||
}
|
|
||||||
|
|
||||||
.table-active {
|
|
||||||
td, th { background: $button-gray-darker; }
|
|
||||||
}
|
|
||||||
.table-secondary {
|
|
||||||
td, th { background: $button-gray; }
|
|
||||||
}
|
|
||||||
.table-light {
|
|
||||||
td, th { background: $bg-gray-lighter; }
|
|
||||||
}
|
|
||||||
.table-dark {
|
|
||||||
td, th { background: $button-gray; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Scroll To Top button //
|
|
||||||
//
|
|
||||||
.scrolltotop {
|
|
||||||
position: fixed;
|
|
||||||
right: 20px;
|
|
||||||
bottom: 20px;
|
|
||||||
@include transform(translateY(20px));
|
|
||||||
z-index: 992;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
&.scrolltotop-show {
|
|
||||||
@include transform(translateY(0));
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Cursor //
|
|
||||||
//
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
#cursor {
|
|
||||||
z-index: 999;
|
|
||||||
position: absolute;
|
|
||||||
@include transform(translate(-50%, -50%));
|
|
||||||
width: 22px;
|
|
||||||
height: 22px;
|
|
||||||
border: 1px solid white;
|
|
||||||
border-radius: 50%;
|
|
||||||
mix-blend-mode: difference;
|
|
||||||
pointer-events: none;
|
|
||||||
@include transition(linear 0.06s);
|
|
||||||
&.scale-cursor {
|
|
||||||
@include transform(translate(-50%, -50%) scale(2.4));
|
|
||||||
opacity: 0.12;
|
|
||||||
}
|
|
||||||
&.cursor-style-2 {
|
|
||||||
opacity: 0.2;
|
|
||||||
background: white;
|
|
||||||
border: 0;
|
|
||||||
&.scale-cursor {
|
|
||||||
opacity: 0.08;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,215 +0,0 @@
|
|||||||
//
|
|
||||||
// Form Styles //
|
|
||||||
//
|
|
||||||
input:not(.form-check-input),
|
|
||||||
textarea {
|
|
||||||
background: transparent;
|
|
||||||
width: 100%;
|
|
||||||
border: 1px solid get-color("dark", 0.1);
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
padding: 15px 20px;
|
|
||||||
box-shadow: none;
|
|
||||||
font: 400 15px $font-family-primary;
|
|
||||||
line-height: 1.4;
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
&:focus, &:active {
|
|
||||||
outline: 0;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
textarea {
|
|
||||||
height: 140px;
|
|
||||||
}
|
|
||||||
input:not(.form-check-input), textarea, .form-control {
|
|
||||||
color: $color-primary;
|
|
||||||
&::-webkit-input-placeholder { color: $color-primary-lighter; }
|
|
||||||
&::-moz-placeholder { color: $color-primary-lighter; }
|
|
||||||
&:-ms-placeholder { color: $color-primary-lighter; }
|
|
||||||
&::-ms-placeholder { color: $color-primary-lighter; }
|
|
||||||
&::placeholder { color: $color-primary-lighter; }
|
|
||||||
&:focus {
|
|
||||||
border-color: get-color("dark", 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.form-control {
|
|
||||||
background: transparent;
|
|
||||||
height: auto;
|
|
||||||
border: 1px solid get-color("dark", 0.1);
|
|
||||||
border-radius: 0;
|
|
||||||
padding: 15px 20px;
|
|
||||||
font: 400 15px $font-family-primary;
|
|
||||||
line-height: 1.4;
|
|
||||||
&:focus {
|
|
||||||
background: transparent;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
&:read-only {
|
|
||||||
background: $button-gray;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
&.form-control-sm {
|
|
||||||
padding: 10px 15px;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
}
|
|
||||||
&.form-control-lg {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.form-control-plaintext {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
.form-check-input:disabled ~ .form-check-label {
|
|
||||||
color: $color-primary-lighter;
|
|
||||||
}
|
|
||||||
.required {
|
|
||||||
&:after {
|
|
||||||
content: '*';
|
|
||||||
padding-left: 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Select //
|
|
||||||
//
|
|
||||||
select {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
.custom-select {
|
|
||||||
background-color: transparent;
|
|
||||||
width: auto;
|
|
||||||
min-width: 160px;
|
|
||||||
height: auto;
|
|
||||||
border-radius: 0;
|
|
||||||
padding: 15px 20px;
|
|
||||||
border-color: get-color("dark", 0.1);
|
|
||||||
color: $color-primary;
|
|
||||||
font: 400 15px $font-family-primary;
|
|
||||||
line-height: 1.4;
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
&:focus {
|
|
||||||
border-color: get-color("dark", 0.2);
|
|
||||||
outline: 0;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
&.custom-select-sm {
|
|
||||||
height: auto;
|
|
||||||
padding: 10px 15px;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
}
|
|
||||||
&.custom-select-lg {
|
|
||||||
height: auto;
|
|
||||||
padding: 15px 20px;
|
|
||||||
font-size: 1.25rem;
|
|
||||||
}
|
|
||||||
&.select-fullwidth {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Form Styles 2,3,4 //
|
|
||||||
//
|
|
||||||
.form-style-3,
|
|
||||||
.form-style-4 {
|
|
||||||
input, textarea, .custom-select, .form-control {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
padding: 0 0 10px;
|
|
||||||
border-top-width: 0;
|
|
||||||
border-right-width: 0;
|
|
||||||
border-bottom-width: 1px;
|
|
||||||
border-left-width: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.form-style-2,
|
|
||||||
.form-style-4 {
|
|
||||||
input, textarea, .custom-select, .form-control {
|
|
||||||
&:focus {
|
|
||||||
border-color: get-color("dark", 0.9);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Form Style 5 //
|
|
||||||
//
|
|
||||||
.form-style-5 {
|
|
||||||
input, textarea, .custom-select, .form-control {
|
|
||||||
background: $bg-gray;
|
|
||||||
border: 0;
|
|
||||||
&:focus {
|
|
||||||
background: $button-gray-lighter;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
[class*='bg-gray'] {
|
|
||||||
.form-style-5 {
|
|
||||||
input, textarea, .custom-select, .form-control {
|
|
||||||
background: white;
|
|
||||||
&:focus {
|
|
||||||
background: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Forms on Dark background //
|
|
||||||
//
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
input, textarea, .form-control {
|
|
||||||
background: transparent;
|
|
||||||
border-color: get-color("white", 0.2);
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
&::-webkit-input-placeholder { color: get-color("white", 0.5); }
|
|
||||||
&::-moz-placeholder { color: get-color("white", 0.5); }
|
|
||||||
&:-ms-placeholder { color: get-color("white", 0.5); }
|
|
||||||
&::-ms-placeholder { color: get-color("white", 0.5); }
|
|
||||||
&::placeholder { color: get-color("white", 0.5); }
|
|
||||||
&:focus {
|
|
||||||
border-color: get-color("white", 0.3);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.custom-select {
|
|
||||||
background: transparent;
|
|
||||||
border-color: get-color("white", 0.2);
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
&:focus {
|
|
||||||
border-color: get-color("white", 0.3);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.form-style-2,
|
|
||||||
.form-style-4 {
|
|
||||||
input, textarea, .custom-select, .form-control {
|
|
||||||
&:focus {
|
|
||||||
border-color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.form-style-5 {
|
|
||||||
input, textarea, .custom-select, .form-control {
|
|
||||||
background: get-color("white", 0.1);
|
|
||||||
border: 0;
|
|
||||||
&:focus {
|
|
||||||
background: get-color("white", 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Contact Form Styles //
|
|
||||||
//
|
|
||||||
.submit-result {
|
|
||||||
span {
|
|
||||||
display: none;
|
|
||||||
@include transition(ease-out 0.2s);
|
|
||||||
&.show-result {
|
|
||||||
margin-top: 30px;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
&#success { color: $color-green; }
|
|
||||||
&#error { color: $color-red; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,125 +0,0 @@
|
|||||||
//
|
|
||||||
// Image Styles //
|
|
||||||
//
|
|
||||||
img {
|
|
||||||
width: auto;
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
//
|
|
||||||
// Avatar mask //
|
|
||||||
//
|
|
||||||
&[class*='img-mask-avatar'] {
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
&.img-mask-avatar-xs {
|
|
||||||
min-width: 60px;
|
|
||||||
width: 60px;
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
&.img-mask-avatar-sm {
|
|
||||||
min-width: 80px;
|
|
||||||
width: 80px;
|
|
||||||
height: 80px;
|
|
||||||
}
|
|
||||||
&.img-mask-avatar-md {
|
|
||||||
min-width: 100px;
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
}
|
|
||||||
&.img-mask-avatar-lg {
|
|
||||||
min-width: 120px;
|
|
||||||
width: 120px;
|
|
||||||
height: 120px;
|
|
||||||
}
|
|
||||||
&.img-mask-avatar-xl {
|
|
||||||
min-width: 140px;
|
|
||||||
width: 140px;
|
|
||||||
height: 140px;
|
|
||||||
}
|
|
||||||
&.img-mask-avatar-2xl {
|
|
||||||
min-width: 160px;
|
|
||||||
width: 160px;
|
|
||||||
height: 160px;
|
|
||||||
}
|
|
||||||
&.img-mask-avatar-3xl {
|
|
||||||
min-width: 180px;
|
|
||||||
width: 180px;
|
|
||||||
height: 180px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Blob Shape Mask //
|
|
||||||
//
|
|
||||||
[class*='img-mask-blob'] {
|
|
||||||
display: inline-block;
|
|
||||||
-webkit-mask-repeat: no-repeat;
|
|
||||||
mask-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
.img-mask-blob-1 {
|
|
||||||
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODguNSw2My41UTg3LDc3LDc2LDg2LjVRNjUsOTYsNTEsOTIuNVEzNyw4OSwyNyw4MS41UTE3LDc0LDEyLDYyUTcsNTAsMTEuNSwzOFExNiwyNiwyNS41LDE0LjVRMzUsMyw0OSw2LjVRNjMsMTAsNzUuNSwxNlE4OCwyMiw4OSwzNlE5MCw1MCw4OC41LDYzLjVaIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==);
|
|
||||||
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODguNSw2My41UTg3LDc3LDc2LDg2LjVRNjUsOTYsNTEsOTIuNVEzNyw4OSwyNyw4MS41UTE3LDc0LDEyLDYyUTcsNTAsMTEuNSwzOFExNiwyNiwyNS41LDE0LjVRMzUsMyw0OSw2LjVRNjMsMTAsNzUuNSwxNlE4OCwyMiw4OSwzNlE5MCw1MCw4OC41LDYzLjVaIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==);
|
|
||||||
}
|
|
||||||
|
|
||||||
.img-mask-blob-2 {
|
|
||||||
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjZRODgsODIsNzMsODkuNVE1OCw5Nyw0My41LDkxLjVRMjksODYsMTgsNzZRNyw2Niw3LDUwUTcsMzQsMTgsMjMuNVEyOSwxMyw0My41LDlRNTgsNSw3MC41LDEzLjVRODMsMjIsODguNSwzNlE5NCw1MCw5MSw2NloiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+);
|
|
||||||
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjZRODgsODIsNzMsODkuNVE1OCw5Nyw0My41LDkxLjVRMjksODYsMTgsNzZRNyw2Niw3LDUwUTcsMzQsMTgsMjMuNVEyOSwxMyw0My41LDlRNTgsNSw3MC41LDEzLjVRODMsMjIsODguNSwzNlE5NCw1MCw5MSw2NloiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+);
|
|
||||||
}
|
|
||||||
.img-mask-blob-3 {
|
|
||||||
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjRRODgsNzgsNzUuNSw4NC41UTYzLDkxLDUwLDkxLjVRMzcsOTIsMjYsODMuNVExNSw3NSwxMS41LDYyLjVROCw1MCw5LDM1LjVRMTAsMjEsMjMuNSwxNlEzNywxMSw1MSw3UTY1LDMsNzcsMTIuNVE4OSwyMiw5MS41LDM2UTk0LDUwLDkxLDY0WiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=);
|
|
||||||
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjRRODgsNzgsNzUuNSw4NC41UTYzLDkxLDUwLDkxLjVRMzcsOTIsMjYsODMuNVExNSw3NSwxMS41LDYyLjVROCw1MCw5LDM1LjVRMTAsMjEsMjMuNSwxNlEzNywxMSw1MSw3UTY1LDMsNzcsMTIuNVE4OSwyMiw5MS41LDM2UTk0LDUwLDkxLDY0WiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=);
|
|
||||||
}
|
|
||||||
.img-mask-blob-4 {
|
|
||||||
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODkuNSw2M1E4MSw3Niw2OS41LDg2UTU4LDk2LDQ0LDkwLjVRMzAsODUsMTYuNSw3NlEzLDY3LDUuNSw1MVE4LDM1LDE3LDIyUTI2LDksNDEuNSw4LjVRNTcsOCw3MSwxNC41UTg1LDIxLDkxLjUsMzUuNVE5OCw1MCw4OS41LDYzWiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=);
|
|
||||||
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODkuNSw2M1E4MSw3Niw2OS41LDg2UTU4LDk2LDQ0LDkwLjVRMzAsODUsMTYuNSw3NlEzLDY3LDUuNSw1MVE4LDM1LDE3LDIyUTI2LDksNDEuNSw4LjVRNTcsOCw3MSwxNC41UTg1LDIxLDkxLjUsMzUuNVE5OCw1MCw4OS41LDYzWiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=);
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Image Link box //
|
|
||||||
//
|
|
||||||
.img-link-box {
|
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
|
||||||
@include transform(translate3d(0,0,0));
|
|
||||||
a {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
@include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
||||||
}
|
|
||||||
&:hover, &:focus {
|
|
||||||
img {
|
|
||||||
@include transform(scale(1.04));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Avatars Group //
|
|
||||||
//
|
|
||||||
.avatar-group {
|
|
||||||
display: block;
|
|
||||||
padding: 0;
|
|
||||||
li {
|
|
||||||
list-style-type: none;
|
|
||||||
display: inline-block;
|
|
||||||
margin-left: -12px;
|
|
||||||
padding: 0;
|
|
||||||
&:first-child {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
width: 60px;
|
|
||||||
height: 60px;
|
|
||||||
border-radius: 50%;
|
|
||||||
@include box-shadow(0 3px 16px 0 rgba(0,0,0,0.13));
|
|
||||||
border: 3px solid white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.aspect-ratio-2x1 {
|
|
||||||
width: 100%;
|
|
||||||
aspect-ratio: 1/0.5;
|
|
||||||
object-fit: cover;
|
|
||||||
}
|
|
||||||
@@ -1,263 +0,0 @@
|
|||||||
//
|
|
||||||
// List styles //
|
|
||||||
//
|
|
||||||
ul {
|
|
||||||
margin: 0 0 -7px;
|
|
||||||
li {
|
|
||||||
margin: 0 0 7px;
|
|
||||||
ul, ol {
|
|
||||||
margin-top: 7px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&[class*='list-'] {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
&.list-unstyled,
|
|
||||||
&.list-dash {
|
|
||||||
li {
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.animate-links {
|
|
||||||
li {
|
|
||||||
a {
|
|
||||||
&:hover {
|
|
||||||
padding-left: 2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.list-dash {
|
|
||||||
li {
|
|
||||||
&:before {
|
|
||||||
content: '-';
|
|
||||||
padding-right: 7px;
|
|
||||||
}
|
|
||||||
ul, ol {
|
|
||||||
padding-left: 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Horizontal List //
|
|
||||||
//
|
|
||||||
&[class*='list-inline'] {
|
|
||||||
li {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.list-inline {
|
|
||||||
margin-right: -7px;
|
|
||||||
margin-left: -7px;
|
|
||||||
li {
|
|
||||||
padding: 0 7px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.list-inline-sm {
|
|
||||||
margin-right: -3px;
|
|
||||||
margin-left: -3px;
|
|
||||||
li {
|
|
||||||
padding: 0 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.list-inline-lg {
|
|
||||||
margin-right: -14px;
|
|
||||||
margin-left: -14px;
|
|
||||||
li {
|
|
||||||
padding: 0 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.list-inline-dash {
|
|
||||||
li { &:after { content: '-'; } }
|
|
||||||
}
|
|
||||||
&.list-inline-slash {
|
|
||||||
li { &:after { content: '/'; } }
|
|
||||||
}
|
|
||||||
&.list-inline-dash,
|
|
||||||
&.list-inline-slash {
|
|
||||||
li {
|
|
||||||
&:after {
|
|
||||||
padding: 0 3px 0 6px;
|
|
||||||
}
|
|
||||||
&:last-child {
|
|
||||||
&:after {
|
|
||||||
content: '';
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ol {
|
|
||||||
margin: 0 0 -7px;
|
|
||||||
li {
|
|
||||||
margin: 0 0 7px;
|
|
||||||
}
|
|
||||||
li {
|
|
||||||
ul, ol {
|
|
||||||
margin-top: 7px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.list-ordered {
|
|
||||||
list-style: none;
|
|
||||||
counter-reset: custom-counter;
|
|
||||||
padding-left: 0;
|
|
||||||
li {
|
|
||||||
position: relative;
|
|
||||||
padding-left: 34px;
|
|
||||||
counter-increment: custom-counter;
|
|
||||||
&::before {
|
|
||||||
content: counter(custom-counter);
|
|
||||||
}
|
|
||||||
ol {
|
|
||||||
list-style: none;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.style-2,
|
|
||||||
&.style-3,
|
|
||||||
&.style-4,
|
|
||||||
&.style-5 {
|
|
||||||
li {
|
|
||||||
&::before {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
border-radius: 50%;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 24px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.style-2 {
|
|
||||||
li {
|
|
||||||
&::before {
|
|
||||||
background: get-color("dark", 0.1);
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.style-3 {
|
|
||||||
li {
|
|
||||||
&::before {
|
|
||||||
background: get-color("dark", 0.9);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.style-4 {
|
|
||||||
li {
|
|
||||||
&::before {
|
|
||||||
border: 1px solid get-color("dark", 0.2);
|
|
||||||
color: get-color("dark", 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.style-5 {
|
|
||||||
li {
|
|
||||||
&::before {
|
|
||||||
border: 1px solid get-color("dark", 0.9);
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
ol {
|
|
||||||
&.list-ordered {
|
|
||||||
&.style-2 {
|
|
||||||
li {
|
|
||||||
&::before {
|
|
||||||
background: get-color("white", 0.2);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.style-3 {
|
|
||||||
li {
|
|
||||||
&::before {
|
|
||||||
background: white;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.style-4 {
|
|
||||||
li {
|
|
||||||
&::before {
|
|
||||||
border-color: get-color("white", 0.3);
|
|
||||||
color: get-color("white", 0.6);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.style-5 {
|
|
||||||
li {
|
|
||||||
&::before {
|
|
||||||
border-color: white;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
ol {
|
|
||||||
margin: 0 0 -5px;
|
|
||||||
li {
|
|
||||||
margin: 0 0 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
margin: 0 0 -5px;
|
|
||||||
li {
|
|
||||||
margin: 0 0 5px;
|
|
||||||
ul, ol {
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.list-dash {
|
|
||||||
li {
|
|
||||||
&:before {
|
|
||||||
content: '-';
|
|
||||||
padding-right: 6px;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
&:hover {
|
|
||||||
padding-left: 2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ul, ol {
|
|
||||||
padding-left: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.list-inline-lg {
|
|
||||||
margin-right: -12px;
|
|
||||||
margin-left: -12px;
|
|
||||||
li {
|
|
||||||
padding: 0 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.list-inline {
|
|
||||||
margin-right: -6px;
|
|
||||||
margin-left: -6px;
|
|
||||||
li {
|
|
||||||
padding: 0 6px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.list-inline-sm {
|
|
||||||
margin-right: -2px;
|
|
||||||
margin-left: -2px;
|
|
||||||
li {
|
|
||||||
padding: 0 2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,112 +0,0 @@
|
|||||||
//
|
|
||||||
// Typography Styles //
|
|
||||||
//
|
|
||||||
body {
|
|
||||||
color: $color-primary;
|
|
||||||
font-family: $font-family-primary;
|
|
||||||
font-size: 1rem;
|
|
||||||
font-weight: 400;
|
|
||||||
letter-spacing: 0;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
font-size: 0.938rem;
|
|
||||||
}
|
|
||||||
&.theme-font-nunito {
|
|
||||||
font-family: $font-family-nunito;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
letter-spacing: -0.3px;
|
|
||||||
line-height: 1.4;
|
|
||||||
color: get-color("dark");
|
|
||||||
font-family: $font-family-poppins;
|
|
||||||
font-weight: $font-weight-semi-bold;
|
|
||||||
margin-top: 1rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
.theme-font-nunito {
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
font-family: $font-family-nunito;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin: 0;
|
|
||||||
line-height: 1.74; /* 26px */
|
|
||||||
color: #000;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
line-height: 1.6; /* 24px */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.uppercase {
|
|
||||||
letter-spacing: 0.8px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.font-small {
|
|
||||||
font-size: 0.9em;
|
|
||||||
line-height: 1.7;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
font-size: 0.9em;
|
|
||||||
line-height: 1.7;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.font-large {
|
|
||||||
font-size: 1.063em;
|
|
||||||
line-height: 1.6;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
font-size: 1.063em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Letter Spacing //
|
|
||||||
//
|
|
||||||
.letter-spacing-1 { letter-spacing: 1px; }
|
|
||||||
.letter-spacing-2 { letter-spacing: 2px; }
|
|
||||||
.letter-spacing-3 { letter-spacing: 3px; }
|
|
||||||
.letter-spacing-4 { letter-spacing: 4px; }
|
|
||||||
|
|
||||||
//
|
|
||||||
// Line Heights //
|
|
||||||
//
|
|
||||||
.line-height-100 { line-height: 100%; }
|
|
||||||
.line-height-110 { line-height: 110%; }
|
|
||||||
.line-height-120 { line-height: 120%; }
|
|
||||||
.line-height-130 { line-height: 130%; }
|
|
||||||
.line-height-140 { line-height: 140%; }
|
|
||||||
.line-height-150 { line-height: 150%; }
|
|
||||||
.line-height-160 { line-height: 160%; }
|
|
||||||
|
|
||||||
//
|
|
||||||
// Font Icon Styles //
|
|
||||||
//
|
|
||||||
i {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Icon sizes //
|
|
||||||
//
|
|
||||||
.icon-5xl {
|
|
||||||
i { font-size: 2.8em; }
|
|
||||||
}
|
|
||||||
.icon-4xl {
|
|
||||||
i { font-size: 2.4em; }
|
|
||||||
}
|
|
||||||
.icon-3xl {
|
|
||||||
i { font-size: 2.13em; }
|
|
||||||
}
|
|
||||||
.icon-2xl {
|
|
||||||
i { font-size: 1.86em; }
|
|
||||||
}
|
|
||||||
.icon-xl {
|
|
||||||
i { font-size: 1.6em; }
|
|
||||||
}
|
|
||||||
.icon-lg {
|
|
||||||
i { font-size: 1.33em; }
|
|
||||||
}
|
|
||||||
.icon-sm {
|
|
||||||
i { font-size: 0.9em; }
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -1,107 +0,0 @@
|
|||||||
//
|
|
||||||
// Blog Styles //
|
|
||||||
//
|
|
||||||
.blog-card-wrapper {
|
|
||||||
position: relative;
|
|
||||||
background-position: center center;
|
|
||||||
background-attachment: scroll;
|
|
||||||
@include background-size(cover);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
width: 100%;
|
|
||||||
* {
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
}
|
|
||||||
.blog-card {
|
|
||||||
background: white;
|
|
||||||
border: 1px solid get-color("dark", 0.1);
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
h1,h2,h3,h4,h5,h6 { color: white; }
|
|
||||||
a {
|
|
||||||
&:not([class^='button']) {
|
|
||||||
color: get-color("white", 0.8);
|
|
||||||
&:hover, &:focus { color: white; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.blog-card {
|
|
||||||
background: get-color("dark", 0.6);
|
|
||||||
}
|
|
||||||
.button-text-1,
|
|
||||||
.button-text-2,
|
|
||||||
.button-text-3 {
|
|
||||||
color: get-color("white", 0.8);
|
|
||||||
&:hover {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.button-text-1 {
|
|
||||||
&:before { background: get-color("white", 0.3); }
|
|
||||||
&:after { background: white; }
|
|
||||||
}
|
|
||||||
.button-text-2 {
|
|
||||||
&:before { background: get-color("white", 0.4); }
|
|
||||||
&:after { background: white; }
|
|
||||||
}
|
|
||||||
.button-text-3 {
|
|
||||||
&:before { background: get-color("white", 0.8); }
|
|
||||||
&:hover {
|
|
||||||
&:before { background: white; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
.blog-card {
|
|
||||||
padding: 36px 36px 36px 140px;
|
|
||||||
.blog-card-date {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 36px;
|
|
||||||
@include transform(translateY(-50%));
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
.blog-card {
|
|
||||||
padding: 24px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Comment box //
|
|
||||||
//
|
|
||||||
.comment-box {
|
|
||||||
position: relative;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
padding-left: 80px;
|
|
||||||
.comment-user-avatar {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
background: $bg-gray;
|
|
||||||
width: 60px;
|
|
||||||
height: 60px;
|
|
||||||
border-radius: 50%;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 60px;
|
|
||||||
img {
|
|
||||||
width: 60px;
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.comment-content {
|
|
||||||
position: relative;
|
|
||||||
.comment-time {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
text-align: right;
|
|
||||||
color: $color-primary-lighter;
|
|
||||||
font-style: italic;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,155 +0,0 @@
|
|||||||
// Breadcrumb Component
|
|
||||||
.breadcrumb-wrapper {
|
|
||||||
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
|
|
||||||
border-bottom: 1px solid #dee2e6;
|
|
||||||
padding: 1rem 0;
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
padding: 0.75rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.breadcrumb {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
list-style: none;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
line-height: 1.4;
|
|
||||||
|
|
||||||
@media (max-width: 576px) {
|
|
||||||
font-size: 0.8125rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.breadcrumb-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
&:not(:last-child) {
|
|
||||||
margin-right: 0.5rem;
|
|
||||||
|
|
||||||
// &::after {
|
|
||||||
// content: "/";
|
|
||||||
// display: inline-block;
|
|
||||||
// color: #6c757d;
|
|
||||||
// margin-left: 0.75rem;
|
|
||||||
// opacity: 0.7;
|
|
||||||
// font-weight: 500;
|
|
||||||
|
|
||||||
// @media (max-width: 576px) {
|
|
||||||
// margin-left: 0.5rem;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #495057;
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: 500;
|
|
||||||
transition: all 0.2s ease-in-out;
|
|
||||||
padding: 0.25rem 0.5rem;
|
|
||||||
border-radius: 0.25rem;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: #007bff;
|
|
||||||
background-color: rgba(0, 123, 255, 0.1);
|
|
||||||
transform: translateY(-1px);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
outline: 2px solid #007bff;
|
|
||||||
outline-offset: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
i.fas {
|
|
||||||
margin-right: 0.375rem;
|
|
||||||
font-size: 0.75rem;
|
|
||||||
|
|
||||||
@media (max-width: 576px) {
|
|
||||||
margin-right: 0.25rem;
|
|
||||||
font-size: 0.6875rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
color: #6c757d;
|
|
||||||
font-weight: 600;
|
|
||||||
padding: 0.25rem 0.5rem;
|
|
||||||
max-width: 200px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
max-width: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 576px) {
|
|
||||||
max-width: 120px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Responsive truncation for long breadcrumbs
|
|
||||||
@media (max-width: 576px) {
|
|
||||||
.breadcrumb-item {
|
|
||||||
&:not(:last-child):not(:nth-last-child(2)) {
|
|
||||||
display: none;
|
|
||||||
|
|
||||||
& + .breadcrumb-item::before {
|
|
||||||
content: "...";
|
|
||||||
margin: 0 0.5rem;
|
|
||||||
color: #6c757d;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Dark mode support
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
background: linear-gradient(135deg, #343a40 0%, #495057 100%);
|
|
||||||
border-bottom-color: #6c757d;
|
|
||||||
|
|
||||||
.breadcrumb {
|
|
||||||
.breadcrumb-item {
|
|
||||||
&:not(:last-child):not(:only-child)::after {
|
|
||||||
color: #adb5bd;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #dee2e6;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: #66b2ff;
|
|
||||||
background-color: rgba(102, 178, 255, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
outline-color: #66b2ff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
color: #adb5bd;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Accessibility improvements
|
|
||||||
.sr-only {
|
|
||||||
position: absolute;
|
|
||||||
width: 1px;
|
|
||||||
height: 1px;
|
|
||||||
padding: 0;
|
|
||||||
margin: -1px;
|
|
||||||
overflow: hidden;
|
|
||||||
clip: rect(0, 0, 0, 0);
|
|
||||||
white-space: nowrap;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
//
|
|
||||||
// Cookie Consent //
|
|
||||||
//
|
|
||||||
#cookie-consent {
|
|
||||||
position: fixed;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 997;
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
@include transition(ease-out 0.2s);
|
|
||||||
&.consent-hidden {
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,144 +0,0 @@
|
|||||||
/* Styles for ez-toc-container */
|
|
||||||
#ez-toc-container {
|
|
||||||
background-color: transparent;
|
|
||||||
border: none;
|
|
||||||
border-radius: 0;
|
|
||||||
padding: 16px 0;
|
|
||||||
box-shadow: none;
|
|
||||||
max-width: 100%;
|
|
||||||
margin: 16px 0;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
.ez-toc-title {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
font-weight: 600;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
border-bottom: 2px solid #ddd;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ez-toc-cssicon-toggle-label {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
cursor: pointer;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
|
|
||||||
.ez-toc-icon-toggle-span {
|
|
||||||
margin-left: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.ez-toc-list {
|
|
||||||
list-style-type: none;
|
|
||||||
padding-left: 0;
|
|
||||||
|
|
||||||
/* Base styles for all list items */
|
|
||||||
.ez-toc-link {
|
|
||||||
display: block;
|
|
||||||
padding: 8px 0;
|
|
||||||
color: #333;
|
|
||||||
text-decoration: none;
|
|
||||||
border-bottom: 1px solid #f0f0f0;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: #f9f9f9;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hierarchy-based alignment */
|
|
||||||
.ez-toc-list-level-1 {
|
|
||||||
padding-left: 0;
|
|
||||||
|
|
||||||
.ez-toc-link {
|
|
||||||
font-size: 1em;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.ez-toc-list-level-2 {
|
|
||||||
padding-left: 20px;
|
|
||||||
|
|
||||||
.ez-toc-link {
|
|
||||||
font-size: 0.95em;
|
|
||||||
font-weight: 500;
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.ez-toc-list-level-3 {
|
|
||||||
padding-left: 40px;
|
|
||||||
|
|
||||||
.ez-toc-link {
|
|
||||||
font-size: 0.9em;
|
|
||||||
font-weight: 400;
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.ez-toc-list-level-4 {
|
|
||||||
padding-left: 60px;
|
|
||||||
|
|
||||||
.ez-toc-link {
|
|
||||||
font-size: 0.85em;
|
|
||||||
font-weight: 400;
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Add more levels if needed */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Responsive styles */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
padding: 12px 0;
|
|
||||||
|
|
||||||
.ez-toc-title {
|
|
||||||
font-size: 1.125rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ez-toc-link {
|
|
||||||
padding: 6px 0;
|
|
||||||
font-size: 0.9em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Adjust hierarchy padding for tablets */
|
|
||||||
.ez-toc-list-level-2 {
|
|
||||||
padding-left: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ez-toc-list-level-3 {
|
|
||||||
padding-left: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ez-toc-list-level-4 {
|
|
||||||
padding-left: 45px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
|
||||||
padding: 10px 0;
|
|
||||||
|
|
||||||
.ez-toc-title {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ez-toc-link {
|
|
||||||
padding: 4px 0;
|
|
||||||
font-size: 0.85em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Adjust hierarchy padding for mobile */
|
|
||||||
.ez-toc-list-level-2 {
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ez-toc-list-level-3 {
|
|
||||||
padding-left: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ez-toc-list-level-4 {
|
|
||||||
padding-left: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,171 +0,0 @@
|
|||||||
//
|
|
||||||
// Fullscreen Menu Styles //
|
|
||||||
//
|
|
||||||
.fm-toggle {
|
|
||||||
margin-left: auto;
|
|
||||||
cursor: pointer;
|
|
||||||
@include transition(ease-out 0.2s);
|
|
||||||
.lines {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
background: black;
|
|
||||||
width: 25px;
|
|
||||||
height: 2px;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
vertical-align: middle;
|
|
||||||
@include transition(linear 0.12s);
|
|
||||||
&:before, &:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
background: black;
|
|
||||||
width: 25px;
|
|
||||||
height: 2px;
|
|
||||||
display: inline-block;
|
|
||||||
@include transition(linear 0.12s);
|
|
||||||
}
|
|
||||||
&:before { top: -7px;}
|
|
||||||
&:after { bottom: -7px;}
|
|
||||||
}
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
.lines {
|
|
||||||
&:before { @include transform(scaleX(0.8)); @include transform-origin(100% 50%); }
|
|
||||||
&:after { @include transform(scaleX(0.6)); @include transform-origin(100% 50%); }
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
.lines {
|
|
||||||
&:before { @include transform(scaleX(1)); }
|
|
||||||
&:after { @include transform(scaleX(1)); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.header {
|
|
||||||
&[class*='header-color'], &.transparent-light {
|
|
||||||
&:not(.transparent-dark) {
|
|
||||||
.fm-toggle {
|
|
||||||
.lines, .lines:before, .lines:after { background: white; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Fullscreen Menu //
|
|
||||||
//
|
|
||||||
.fullscreen-menu {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 996;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
@include transition(ease-out 0.2s);
|
|
||||||
.fm-wrapper {
|
|
||||||
@include transform(scale(0.98));
|
|
||||||
height: 100%;
|
|
||||||
@include transition(ease-out 0.2s);
|
|
||||||
.position-top,
|
|
||||||
.position-middle,
|
|
||||||
.position-bottom {
|
|
||||||
padding: 0 30px;
|
|
||||||
}
|
|
||||||
@include breakpoint-above(md) {
|
|
||||||
.position-top,
|
|
||||||
.position-middle,
|
|
||||||
.position-bottom {
|
|
||||||
padding: 0 50px;
|
|
||||||
}
|
|
||||||
.position-top { top: 50px; }
|
|
||||||
.position-bottom { bottom: 50px; }
|
|
||||||
}
|
|
||||||
.fm-close {
|
|
||||||
position: absolute;
|
|
||||||
top: 50px;
|
|
||||||
right: 50px;
|
|
||||||
cursor: pointer;
|
|
||||||
span {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
opacity: 0.8;
|
|
||||||
width: 60px;
|
|
||||||
height: 60px;
|
|
||||||
border-radius: 50%;
|
|
||||||
@include transition(ease-out 0.18s);
|
|
||||||
&:before, &:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
width: 14px;
|
|
||||||
height: 2px;
|
|
||||||
border-radius: 2px;
|
|
||||||
@include transition(ease-out 0.18s);
|
|
||||||
}
|
|
||||||
&:before { @include transform(translate(-50%, -50%) rotate(45deg)) }
|
|
||||||
&:after { @include transform(translate(-50%, -50%) rotate(-45deg)) }
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
span {
|
|
||||||
opacity: 1;
|
|
||||||
&:before { @include transform(translate(-50%, -50%) rotate(180deg)) }
|
|
||||||
&:after { @include transform(translate(-50%, -50%) rotate(180deg)) }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
.fm-close {
|
|
||||||
top: 30px;
|
|
||||||
right: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(sm) {
|
|
||||||
.fm-close {
|
|
||||||
top: 20px;
|
|
||||||
right: 20px;
|
|
||||||
span {
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.fm-show {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
.fm-wrapper {
|
|
||||||
@include transform(scale(1));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
&.fullscreen-menu {
|
|
||||||
.fm-wrapper {
|
|
||||||
.fm-close {
|
|
||||||
span {
|
|
||||||
background: get-color("white", 0.1);
|
|
||||||
&:before, &:after { background: white; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
[class*='bg-gray'],
|
|
||||||
[class*='bg-white'] {
|
|
||||||
&.fullscreen-menu {
|
|
||||||
.fm-wrapper {
|
|
||||||
.fm-close {
|
|
||||||
span {
|
|
||||||
background: get-color("dark", 0.1);
|
|
||||||
&:before, &:after { background: black; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,81 +0,0 @@
|
|||||||
//
|
|
||||||
// Gallery Styles //
|
|
||||||
//
|
|
||||||
.gallery-wrapper {
|
|
||||||
.gallery-box {
|
|
||||||
.gallery-img {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
a {
|
|
||||||
display: block;
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 1;
|
|
||||||
opacity: 0;
|
|
||||||
background: get-color("white", 0.1);
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
@include transform(scale(1));
|
|
||||||
width: 100%;
|
|
||||||
@include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
&:before {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
@include transform(scale(1.04));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.gallery-title {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
@include transform(translate(-50%,-50%));
|
|
||||||
z-index: 2;
|
|
||||||
background: white;
|
|
||||||
padding: 10px 20px;
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Gallery Image Hover Styles //
|
|
||||||
//
|
|
||||||
&.hover-style-2 {
|
|
||||||
.gallery-box {
|
|
||||||
.gallery-img {
|
|
||||||
a {
|
|
||||||
&:before { background: get-color("dark", 0.1); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Gallery Image border-radius //
|
|
||||||
//
|
|
||||||
&[class*='border-radius'] {
|
|
||||||
.gallery-box {
|
|
||||||
.gallery-img {
|
|
||||||
@include transform(translate3d(0,0,0));
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.border-radius {
|
|
||||||
.gallery-box .gallery-img { border-radius: 0.4em; }
|
|
||||||
}
|
|
||||||
&.border-radius-1 {
|
|
||||||
.gallery-box .gallery-img { border-radius: 1.0em; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,974 +0,0 @@
|
|||||||
//
|
|
||||||
// Header Menu //
|
|
||||||
//
|
|
||||||
.header {
|
|
||||||
top: 0;
|
|
||||||
z-index: 993;
|
|
||||||
overflow: visible;
|
|
||||||
background: white;
|
|
||||||
width: 100%;
|
|
||||||
height: 80px;
|
|
||||||
@include transition(ease-in-out 0.2s);
|
|
||||||
&.hide {
|
|
||||||
@include transform(translateY(-100%));
|
|
||||||
}
|
|
||||||
.container, .container-fluid {
|
|
||||||
@include display-flex;
|
|
||||||
align-items: center;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.header-logo {
|
|
||||||
display: inline-block;
|
|
||||||
.logo-light {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
* {
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
}
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
width: auto;
|
|
||||||
height: 54px;
|
|
||||||
max-height: 54px;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
color: get-color("dark");
|
|
||||||
&:hover { color: get-color("dark"); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.header-toggle {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
width: 28px;
|
|
||||||
height: 28px;
|
|
||||||
margin-left: auto;
|
|
||||||
cursor: pointer;
|
|
||||||
span {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 0;
|
|
||||||
@include transform(translateY(-50%));
|
|
||||||
background: get-color("dark");
|
|
||||||
width: 100%;
|
|
||||||
height: 2px;
|
|
||||||
border-radius: 2px;
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
&:before, &:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
background: get-color("dark");
|
|
||||||
width: 100%;
|
|
||||||
height: 2px;
|
|
||||||
border-radius: 2px;
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
}
|
|
||||||
&:before { top: -7px; }
|
|
||||||
&:after { bottom: -7px; }
|
|
||||||
}
|
|
||||||
&.toggle-close {
|
|
||||||
span {
|
|
||||||
background: transparent;
|
|
||||||
&:before { top: 0; bottom: 0; @include transform(rotate(-45deg)); }
|
|
||||||
&:after { top: 0; bottom: 0; @include transform(rotate(45deg)); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.header-menu {
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 0.938rem;
|
|
||||||
z-index: 995;
|
|
||||||
.nav {
|
|
||||||
display: block;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
ul {
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.nav-item {
|
|
||||||
text-align: left;
|
|
||||||
.nav-link {
|
|
||||||
padding: 0;
|
|
||||||
font-family: $font-family-poppins;
|
|
||||||
letter-spacing: -0.2px;
|
|
||||||
color: get-color("dark");
|
|
||||||
&:hover, &.active {
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-dropdown-toggle {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
&:after {
|
|
||||||
content: '\f107';
|
|
||||||
font-family: "Font Awesome 6 Free";
|
|
||||||
font-weight: 900;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-dropdown {
|
|
||||||
background: white;
|
|
||||||
h1,h2,h3,h4,h5,h6 { color: get-color("dark"); }
|
|
||||||
a {
|
|
||||||
&:not([class^='button'], [class^="link-social"]) {
|
|
||||||
color: $color-primary;
|
|
||||||
&:hover, &:focus { color: get-color("dark"); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-dropdown-item {
|
|
||||||
.nav-subdropdown-toggle {
|
|
||||||
position: absolute;
|
|
||||||
&:after {
|
|
||||||
content: '\f105';
|
|
||||||
font-family: "Font Awesome 6 Free";
|
|
||||||
font-weight: 900;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.font-2 {
|
|
||||||
.nav {
|
|
||||||
.nav-item {
|
|
||||||
.nav-link {
|
|
||||||
font-size: 0.9em;
|
|
||||||
font-weight: 500;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.header-menu-extra {
|
|
||||||
a {
|
|
||||||
&:not([class^='button'], [class^="link-social"]) {
|
|
||||||
color: get-color("dark");
|
|
||||||
&:hover, &:focus { color: get-color("dark"); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Header Boxed //
|
|
||||||
//
|
|
||||||
&.header-boxed {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Positions //
|
|
||||||
//
|
|
||||||
&.sticky-autohide, &.sticky {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
@include box-shadow(0 0 36px 0 rgba(22,25,28,0.17));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.theme-font-nunito {
|
|
||||||
.header {
|
|
||||||
.header-menu {
|
|
||||||
.nav {
|
|
||||||
.nav-item {
|
|
||||||
.nav-link {
|
|
||||||
font-family: $font-family-nunito;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Header Backgrounds //
|
|
||||||
//
|
|
||||||
.header {
|
|
||||||
//
|
|
||||||
// Header Dark //
|
|
||||||
//
|
|
||||||
&[class*='header-color'] {
|
|
||||||
&:not(.transparent-dark) {
|
|
||||||
.header-logo {
|
|
||||||
.logo-dark {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.logo-light {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
h1,h2,h3,h4,h5,h6 { color: white; }
|
|
||||||
a {
|
|
||||||
color: white;
|
|
||||||
&:hover { color: white; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
.header-menu {
|
|
||||||
.nav {
|
|
||||||
.nav-item {
|
|
||||||
.nav-link, .nav-dropdown-toggle {
|
|
||||||
color: white;
|
|
||||||
&:hover, &:focus, &.active { color: white; }
|
|
||||||
}
|
|
||||||
.nav-link {
|
|
||||||
&:before {
|
|
||||||
background: get-color("white", 0.15);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.header-menu-extra {
|
|
||||||
a {
|
|
||||||
&:not([class^='button'], [class^="link-social"]) {
|
|
||||||
color: white;
|
|
||||||
&:hover, &:focus { color: white; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.header-toggle {
|
|
||||||
span {
|
|
||||||
background: white;
|
|
||||||
&:before, &:after { background: white; }
|
|
||||||
}
|
|
||||||
&.toggle-close {
|
|
||||||
span {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.header-color-dark { background: $bg-dark; }
|
|
||||||
&.header-color-black { background: black; }
|
|
||||||
|
|
||||||
//
|
|
||||||
// Transparent Dark, Light //
|
|
||||||
//
|
|
||||||
&.transparent-dark, &.transparent-light {
|
|
||||||
&:not(.sticky-autohide, .sticky) {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
background: transparent;
|
|
||||||
@include box-shadow(none);
|
|
||||||
}
|
|
||||||
&[class*='header-color'], &.transparent-light {
|
|
||||||
&.border-top, &.border-bottom {
|
|
||||||
border-color: get-color("white", 0.1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.transparent-light {
|
|
||||||
.header-logo {
|
|
||||||
.logo-dark {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.logo-light {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
h1,h2,h3,h4,h5,h6 { color: white; }
|
|
||||||
a {
|
|
||||||
color: white;
|
|
||||||
&:hover { color: white; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.header-toggle {
|
|
||||||
span {
|
|
||||||
background: white;
|
|
||||||
&:before, &:after { background: white; }
|
|
||||||
}
|
|
||||||
&.toggle-close {
|
|
||||||
span {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
.header-menu {
|
|
||||||
.nav {
|
|
||||||
.nav-item {
|
|
||||||
.nav-link, .nav-dropdown-toggle {
|
|
||||||
color: white;
|
|
||||||
&:hover, &:focus, &.active { color: white; }
|
|
||||||
}
|
|
||||||
.nav-link {
|
|
||||||
&:before {
|
|
||||||
background: get-color("white", 0.15);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.header-menu-extra {
|
|
||||||
a {
|
|
||||||
&:not([class^='button'], [class^="link-social"]) {
|
|
||||||
color: white;
|
|
||||||
&:hover, &:focus { color: white; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Header Boxed //
|
|
||||||
//
|
|
||||||
&.header-boxed {
|
|
||||||
background: transparent;
|
|
||||||
.container, .container-fluid {
|
|
||||||
background: get-color("white", 0.9);
|
|
||||||
border-bottom-right-radius: 1.5em;
|
|
||||||
border-bottom-left-radius: 1.5em;
|
|
||||||
@include box-shadow(0 0 36px 0 rgba(22,25,28,0.1));
|
|
||||||
}
|
|
||||||
.container-fluid {
|
|
||||||
width: auto;
|
|
||||||
margin: 0 30px;
|
|
||||||
}
|
|
||||||
&.sticky-autohide, &.sticky {
|
|
||||||
@include box-shadow(none);
|
|
||||||
}
|
|
||||||
&[class*='header-color'] {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
&.header-color-dark {
|
|
||||||
.container {
|
|
||||||
background: get-color("dark", 0.8);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.header-color-black {
|
|
||||||
.container {
|
|
||||||
background: rgba(0, 0, 0, 0.8);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
.header {
|
|
||||||
//
|
|
||||||
// Sizes //
|
|
||||||
//
|
|
||||||
.header-logo, .header-menu-extra {
|
|
||||||
z-index: 996;
|
|
||||||
}
|
|
||||||
.header-menu {
|
|
||||||
height: 80px;
|
|
||||||
}
|
|
||||||
&.header-lg {
|
|
||||||
.header-logo {
|
|
||||||
img {
|
|
||||||
height: 64px;
|
|
||||||
max-height: 64px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.header-menu {
|
|
||||||
height: 90px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.header-xl {
|
|
||||||
.header-logo {
|
|
||||||
img {
|
|
||||||
height: 74px;
|
|
||||||
max-height: 74px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.header-menu {
|
|
||||||
height: 100px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Alignments //
|
|
||||||
//
|
|
||||||
&:not(.left, .center) {
|
|
||||||
.header-menu {
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.left {
|
|
||||||
.header-logo {
|
|
||||||
margin-right: 30px;
|
|
||||||
}
|
|
||||||
.header-menu {
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.center {
|
|
||||||
.header-logo {
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
.header-menu {
|
|
||||||
.nav {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.header-menu {
|
|
||||||
.nav {
|
|
||||||
.nav-item {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
height: 100%;
|
|
||||||
margin: 0 0 0 20px;
|
|
||||||
&.mega-menu-item {
|
|
||||||
position: static;
|
|
||||||
.nav-link {
|
|
||||||
&:after {
|
|
||||||
content: '\f107';
|
|
||||||
padding-left: 5px;
|
|
||||||
font-family: "Font Awesome 6 Free";
|
|
||||||
font-weight: 900;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
}
|
|
||||||
&.d-toggle {
|
|
||||||
padding-right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-dropdown-toggle {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:first-child {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.nav-link {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
line-height: 80px;
|
|
||||||
&:before {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
bottom: 22px;
|
|
||||||
left: 0;
|
|
||||||
content: '';
|
|
||||||
background: $bg-gray;
|
|
||||||
height: 0;
|
|
||||||
@include transition(all 0.14s cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
||||||
}
|
|
||||||
&.d-toggle {
|
|
||||||
padding-right: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-dropdown-toggle {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
right: 0;
|
|
||||||
@include transform(translateY(-50%));
|
|
||||||
margin-top: -2px;
|
|
||||||
color: get-color("dark");
|
|
||||||
&:hover {
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-dropdown {
|
|
||||||
position: absolute;
|
|
||||||
top: 84px;
|
|
||||||
left: 0;
|
|
||||||
@include transform(translateY(10px));
|
|
||||||
z-index: 995;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
background: white;
|
|
||||||
width: 240px;
|
|
||||||
@include box-shadow(0 10px 40px -4px rgba(22,25,28,0.17));
|
|
||||||
border-radius: 0.4em;
|
|
||||||
padding: 15px 0;
|
|
||||||
@include transition(ease-out 0.14s);
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: -4px;
|
|
||||||
width: 100%;
|
|
||||||
height: 4px;
|
|
||||||
}
|
|
||||||
.nav-dropdown-item {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0 15px;
|
|
||||||
.nav-dropdown-link {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
border-radius: 0.4em;
|
|
||||||
padding: 7px 15px;
|
|
||||||
@include transition(linear 0.06s);
|
|
||||||
&:hover {
|
|
||||||
background: $bg-gray;
|
|
||||||
padding: 7px 15px 7px 17px;
|
|
||||||
}
|
|
||||||
&.sd-toggle {
|
|
||||||
&:after {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
right: 15px;
|
|
||||||
@include transform(translateY(-50%));
|
|
||||||
content: '\f105';
|
|
||||||
font-family: "Font Awesome 6 Free";
|
|
||||||
font-weight: 900;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-subdropdown-toggle {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.nav-subdropdown {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 228px;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
background: white;
|
|
||||||
width: 240px;
|
|
||||||
@include box-shadow(0 10px 40px -4px rgba(22,25,28,0.17));
|
|
||||||
border-radius: 0.4em;
|
|
||||||
padding: 15px;
|
|
||||||
@include transition(linear 0.06s);
|
|
||||||
.nav-subdropdown-item {
|
|
||||||
display: block;
|
|
||||||
margin: 0;
|
|
||||||
.nav-subdropdown-link {
|
|
||||||
display: block;
|
|
||||||
border-radius: 0.4em;
|
|
||||||
padding: 7px 15px;
|
|
||||||
@include transition(linear 0.06s);
|
|
||||||
&:hover {
|
|
||||||
background: $bg-gray;
|
|
||||||
padding: 7px 15px 7px 17px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.nav-subdropdown-lg {
|
|
||||||
width: 476px;
|
|
||||||
[class*='col'] {
|
|
||||||
&:first-child {
|
|
||||||
border-right: 1px solid $border-gray;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
.nav-subdropdown {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.mega-menu-content {
|
|
||||||
position: absolute;
|
|
||||||
top: 84px;
|
|
||||||
right: 2em;
|
|
||||||
left: 2em;
|
|
||||||
@include transform(translateY(10px));
|
|
||||||
z-index: 995;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
background: white;
|
|
||||||
width: auto;
|
|
||||||
@include box-shadow(0 10px 40px -4px rgba(22,25,28,0.17));
|
|
||||||
border-radius: 0.4em;
|
|
||||||
padding: 1em;
|
|
||||||
@include transition(ease-out 0.14s);
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: -4px;
|
|
||||||
width: 100%;
|
|
||||||
height: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.mega-menu-item {
|
|
||||||
&:hover {
|
|
||||||
.mega-menu-content {
|
|
||||||
@include transform(translateY(0));
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
.nav-link {
|
|
||||||
&:before {
|
|
||||||
height: 6px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-dropdown {
|
|
||||||
@include transform(translateY(0));
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&[class*='dropdown-color'] {
|
|
||||||
.nav {
|
|
||||||
.nav-item {
|
|
||||||
.nav-dropdown {
|
|
||||||
h1,h2,h3,h4,h5,h6 { color: white; }
|
|
||||||
a {
|
|
||||||
&:not([class^='button'], [class^="link-social"]) {
|
|
||||||
color: get-color("white", 0.8);
|
|
||||||
&:hover, &:focus { color: white; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-dropdown-item {
|
|
||||||
.nav-dropdown-link {
|
|
||||||
&:hover {
|
|
||||||
background: get-color("white", 0.1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-subdropdown {
|
|
||||||
.nav-subdropdown-item {
|
|
||||||
.nav-subdropdown-link {
|
|
||||||
&:hover {
|
|
||||||
background: get-color("white", 0.1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.nav-subdropdown-lg {
|
|
||||||
[class*='col'] {
|
|
||||||
border-color: get-color("white", 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.dropdown-color-dark {
|
|
||||||
.nav {
|
|
||||||
.nav-item {
|
|
||||||
.nav-dropdown {
|
|
||||||
background: get-color("dark");
|
|
||||||
.nav-dropdown-item {
|
|
||||||
.nav-subdropdown {
|
|
||||||
background: get-color("dark");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.transparent-dark {
|
|
||||||
.header-menu {
|
|
||||||
.nav {
|
|
||||||
.nav-item {
|
|
||||||
.nav-link {
|
|
||||||
&:before {
|
|
||||||
background: get-color("dark", 0.05);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.header-menu-extra {
|
|
||||||
display: inline-block;
|
|
||||||
margin-left: 30px;
|
|
||||||
}
|
|
||||||
.header-toggle {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Header Boxed //
|
|
||||||
//
|
|
||||||
&.header-boxed {
|
|
||||||
.container,
|
|
||||||
.container-fluid {
|
|
||||||
backdrop-filter: blur(8px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:not(.center, .left) {
|
|
||||||
.header-menu {
|
|
||||||
.nav {
|
|
||||||
.nav-item {
|
|
||||||
&:last-child,
|
|
||||||
&:nth-last-child(2) {
|
|
||||||
.nav-dropdown {
|
|
||||||
right: 0;
|
|
||||||
left: auto;
|
|
||||||
.nav-dropdown-item {
|
|
||||||
.nav-subdropdown {
|
|
||||||
right: 228px;
|
|
||||||
left: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.container-fluid {
|
|
||||||
.header-menu {
|
|
||||||
.nav {
|
|
||||||
.nav-item {
|
|
||||||
.nav-dropdown {
|
|
||||||
right: 0;
|
|
||||||
left: auto;
|
|
||||||
.nav-dropdown-item {
|
|
||||||
.nav-subdropdown {
|
|
||||||
right: 228px;
|
|
||||||
left: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
.header {
|
|
||||||
height: 70px;
|
|
||||||
.header-menu {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: -100%;
|
|
||||||
overflow-y: auto;
|
|
||||||
background: white;
|
|
||||||
width: 300px;
|
|
||||||
height: 100%;
|
|
||||||
@include box-shadow(0 0 36px 0 rgba(22,25,28,0.17));
|
|
||||||
padding: 20px 30px;
|
|
||||||
@include transition(all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
||||||
&.show {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
.nav {
|
|
||||||
width: 100%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
.nav-item {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: auto;
|
|
||||||
margin: 0;
|
|
||||||
border-bottom: 1px solid $border-gray;
|
|
||||||
padding: 12px 0;
|
|
||||||
&:last-child {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
.nav-link {
|
|
||||||
display: inline-block;
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
color: $color-primary;
|
|
||||||
&:hover, &:focus, &.active { color: get-color("dark"); }
|
|
||||||
}
|
|
||||||
&.mega-menu-item {
|
|
||||||
.nav-link {
|
|
||||||
width: 100%;
|
|
||||||
&:after {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.mega-menu-content {
|
|
||||||
padding-top: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-dropdown-toggle {
|
|
||||||
position: absolute;
|
|
||||||
top: 13px;
|
|
||||||
right: 0;
|
|
||||||
width: 21px;
|
|
||||||
height: 21px;
|
|
||||||
text-align: right;
|
|
||||||
&.active {
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-dropdown {
|
|
||||||
display: none;
|
|
||||||
background: white;
|
|
||||||
padding: 8px 0 0 20px;
|
|
||||||
&.show {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.nav-dropdown-item {
|
|
||||||
position: relative;
|
|
||||||
margin: 0 0 8px;
|
|
||||||
&:last-child {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.nav-dropdown-link {
|
|
||||||
&.active {
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-subdropdown-toggle {
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 21px;
|
|
||||||
height: 21px;
|
|
||||||
text-align: right;
|
|
||||||
&:after {
|
|
||||||
content: '\f107';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-subdropdown {
|
|
||||||
display: none;
|
|
||||||
padding: 8px 0 0 20px;
|
|
||||||
&.show {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
li {
|
|
||||||
margin: 0 0 8px;
|
|
||||||
&:last-child {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.mega-menu-content {
|
|
||||||
display: none;
|
|
||||||
&.show {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.header-menu-extra {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
right: 80px;
|
|
||||||
left: auto;
|
|
||||||
@include transform(translateY(-50%));
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Header Boxed //
|
|
||||||
//
|
|
||||||
&.header-boxed {
|
|
||||||
.container,
|
|
||||||
.container-fluid {
|
|
||||||
background: get-color("white", 0.95);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Mobile Menu - Dark //
|
|
||||||
//
|
|
||||||
&[class*='mobile-menu-color'] {
|
|
||||||
.nav {
|
|
||||||
.nav-item {
|
|
||||||
border-color: get-color("white", 0.2);
|
|
||||||
.nav-link,
|
|
||||||
.nav-dropdown-toggle {
|
|
||||||
color: get-color("white", 0.8);
|
|
||||||
&:hover, &:focus, &.active {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-dropdown {
|
|
||||||
background: transparent;
|
|
||||||
a {
|
|
||||||
&:not([class^='button'], [class^="link-social"]) {
|
|
||||||
color: get-color("white", 0.8);
|
|
||||||
&:hover, &:focus { color: white; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.mobile-menu-color-dark {
|
|
||||||
.header-menu { background: $bg-dark; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(xs) {
|
|
||||||
.header {
|
|
||||||
&.header-boxed {
|
|
||||||
.container,
|
|
||||||
.container-fluid {
|
|
||||||
width: auto;
|
|
||||||
margin-right: 8px;
|
|
||||||
margin-left: 8px;
|
|
||||||
padding: 0 26px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Header Sizes //
|
|
||||||
//
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
.header-lg {
|
|
||||||
height: 90px;
|
|
||||||
.container-fluid {
|
|
||||||
padding: 0 40px;
|
|
||||||
}
|
|
||||||
.header-menu {
|
|
||||||
.nav {
|
|
||||||
.nav-item {
|
|
||||||
.nav-link {
|
|
||||||
line-height: 90px;
|
|
||||||
&:before {
|
|
||||||
bottom: 27px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-dropdown, .mega-menu-content {
|
|
||||||
top: 94px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.header-xl {
|
|
||||||
height: 100px;
|
|
||||||
.container-fluid {
|
|
||||||
padding: 0 50px;
|
|
||||||
}
|
|
||||||
.header-menu {
|
|
||||||
.nav {
|
|
||||||
.nav-item {
|
|
||||||
.nav-link {
|
|
||||||
line-height: 100px;
|
|
||||||
&:before {
|
|
||||||
bottom: 32px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav-dropdown, .mega-menu-content {
|
|
||||||
top: 104px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Placeholders for Sticky Header //
|
|
||||||
//
|
|
||||||
.header-placeholder { height: 80px; }
|
|
||||||
.header-placeholder-lg { height: 90px; }
|
|
||||||
.header-placeholder-xl { height: 100px; }
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
.header-placeholder, .header-placeholder-lg, .header-placeholder-xl { height: 70px; }
|
|
||||||
}
|
|
||||||
@@ -1,97 +0,0 @@
|
|||||||
//
|
|
||||||
// Masonry Styles //
|
|
||||||
//
|
|
||||||
.masonry {
|
|
||||||
margin: 0 -1em -2em;
|
|
||||||
.masonry-item {
|
|
||||||
margin-bottom: 2em;
|
|
||||||
padding: 0 1em;
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Masonry - Columns //
|
|
||||||
//
|
|
||||||
&.column-1 {
|
|
||||||
.masonry-item { width: 100%; }
|
|
||||||
}
|
|
||||||
&.column-2 {
|
|
||||||
@include breakpoint-above(md) {
|
|
||||||
.masonry-item { width: 50%; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.column-3 {
|
|
||||||
@include breakpoint-above(md) {
|
|
||||||
.masonry-item { width: 50%; }
|
|
||||||
}
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
.masonry-item { width: 33.33%; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.column-4 {
|
|
||||||
@include breakpoint-above(sm) {
|
|
||||||
.masonry-item { width: 50%; }
|
|
||||||
}
|
|
||||||
@include breakpoint-above(md) {
|
|
||||||
.masonry-item { width: 33.33%; }
|
|
||||||
}
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
.masonry-item { width: 25%; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.column-5 {
|
|
||||||
@extend .column-4;
|
|
||||||
@include breakpoint-above(xl) {
|
|
||||||
.masonry-item { width: 20%; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.column-6 {
|
|
||||||
@extend .column-4;
|
|
||||||
@include breakpoint-above(xl) {
|
|
||||||
.masonry-item { width: 16.66%; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Masonry - Item Spacings //
|
|
||||||
//
|
|
||||||
&.spacing-0 {
|
|
||||||
margin: 0;
|
|
||||||
.masonry-item {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.spacing-1 {
|
|
||||||
margin: 0 -0.5em -1em;
|
|
||||||
.masonry-item {
|
|
||||||
margin-bottom: 1em;
|
|
||||||
padding: 0 0.5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.spacing-2 {
|
|
||||||
margin: 0 -1em -2em;
|
|
||||||
.masonry-item {
|
|
||||||
margin-bottom: 2em;
|
|
||||||
padding: 0 1em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.spacing-3 {
|
|
||||||
margin: 0 -1.5em -3em;
|
|
||||||
.masonry-item {
|
|
||||||
margin-bottom: 3em;
|
|
||||||
padding: 0 1.5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.spacing-4 {
|
|
||||||
margin: 0 -2em -4em;
|
|
||||||
.masonry-item {
|
|
||||||
margin-bottom: 4em;
|
|
||||||
padding: 0 2em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.spacing-5 {
|
|
||||||
margin: 0 -2.5em -5em;
|
|
||||||
.masonry-item {
|
|
||||||
margin-bottom: 5em;
|
|
||||||
padding: 0 2.5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,555 +0,0 @@
|
|||||||
//
|
|
||||||
// Portfolio Styles //
|
|
||||||
//
|
|
||||||
.portfolio-masonry {
|
|
||||||
.portfolio-item {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.portfolio-item {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Portfolio Columns //
|
|
||||||
//
|
|
||||||
&.column-1 {
|
|
||||||
.portfolio-item { width: 100%; }
|
|
||||||
}
|
|
||||||
&.column-2 {
|
|
||||||
@include breakpoint-above(md) {
|
|
||||||
.portfolio-item { width: 50%; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.column-3 {
|
|
||||||
@include breakpoint-above(md) {
|
|
||||||
.portfolio-item { width: 50%; }
|
|
||||||
}
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
.portfolio-item { width: 33.33%; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.column-4 {
|
|
||||||
@include breakpoint-above(sm) {
|
|
||||||
.portfolio-item { width: 50%; }
|
|
||||||
}
|
|
||||||
@include breakpoint-above(md) {
|
|
||||||
.portfolio-item { width: 33.33%; }
|
|
||||||
}
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
.portfolio-item { width: 25%; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.column-5 {
|
|
||||||
@extend .column-4;
|
|
||||||
@include breakpoint-above(xl) {
|
|
||||||
.portfolio-item { width: 20%; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.column-6 {
|
|
||||||
@extend .column-4;
|
|
||||||
@include breakpoint-above(xl) {
|
|
||||||
.portfolio-item { width: 16.66%; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Portfolio box spacings //
|
|
||||||
//
|
|
||||||
&.spacing-0 {
|
|
||||||
.portfolio-item { padding: 0; }
|
|
||||||
}
|
|
||||||
&.spacing-1 {
|
|
||||||
.portfolio-item { padding: 0.5em; }
|
|
||||||
}
|
|
||||||
&.spacing-2 {
|
|
||||||
.portfolio-item { padding: 1em; }
|
|
||||||
}
|
|
||||||
&.spacing-3 {
|
|
||||||
.portfolio-item { padding: 1.5em; }
|
|
||||||
}
|
|
||||||
&.spacing-4 {
|
|
||||||
.portfolio-item { padding: 2em; }
|
|
||||||
}
|
|
||||||
&.spacing-5 {
|
|
||||||
.portfolio-item { padding: 2.5em; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.portfolio-masonry,
|
|
||||||
.portfolio-grid {
|
|
||||||
//
|
|
||||||
// Portfolio box border-radius //
|
|
||||||
//
|
|
||||||
&[class*='border-radius'] {
|
|
||||||
.portfolio-item {
|
|
||||||
.portfolio-box {
|
|
||||||
@include transform(translate3d(0,0,0));
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.border-radius {
|
|
||||||
.portfolio-item .portfolio-box { border-radius: 0.4em; }
|
|
||||||
}
|
|
||||||
&.border-radius-1 {
|
|
||||||
.portfolio-item .portfolio-box { border-radius: 1.0em; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.text-center {
|
|
||||||
.portfolio-item { text-align: center; }
|
|
||||||
}
|
|
||||||
.text-end {
|
|
||||||
.portfolio-item { text-align: right; }
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
.portfolio-masonry {
|
|
||||||
&.spacing-0 { margin: 0; }
|
|
||||||
&.spacing-1 { margin: -0.5em; }
|
|
||||||
&.spacing-2 { margin: -1em; }
|
|
||||||
&.spacing-3 { margin: -1.5em; }
|
|
||||||
&.spacing-4 { margin: -2em; }
|
|
||||||
&.spacing-5 { margin: -2.5em; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Portfolio Filter Styles //
|
|
||||||
//
|
|
||||||
.filter {
|
|
||||||
ul {
|
|
||||||
margin: 0 -5px;
|
|
||||||
padding: 0;
|
|
||||||
li {
|
|
||||||
display: inline-block;
|
|
||||||
background: $button-gray-lighter;
|
|
||||||
border-radius: 30px;
|
|
||||||
margin: 0 5px;
|
|
||||||
padding: 7px 15px;
|
|
||||||
font: 500 0.9em $font-family-poppins;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
cursor: pointer;
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
&:hover {
|
|
||||||
background: $button-gray;
|
|
||||||
}
|
|
||||||
&.active, &.mixitup-control-active {
|
|
||||||
background: $bg-dark;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Filter Font Styles //
|
|
||||||
//
|
|
||||||
&.filter-font-2 {
|
|
||||||
ul {
|
|
||||||
li {
|
|
||||||
font-size: 15px;
|
|
||||||
letter-spacing: -0.2px;
|
|
||||||
text-transform: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Filter Styles //
|
|
||||||
//
|
|
||||||
&.filter-style-2 {
|
|
||||||
ul {
|
|
||||||
margin: 0 -2px;
|
|
||||||
li {
|
|
||||||
background: transparent;
|
|
||||||
margin: 0 2px;
|
|
||||||
color: $color-primary;
|
|
||||||
&:hover, &.active, &.mixitup-control-active {
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
&.active, &.mixitup-control-active {
|
|
||||||
background: $button-gray-lighter;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.filter-style-3 {
|
|
||||||
ul {
|
|
||||||
margin: 0 -14px -8px;
|
|
||||||
li {
|
|
||||||
position: relative;
|
|
||||||
background: transparent;
|
|
||||||
margin: 0 14px 8px;
|
|
||||||
padding: 0;
|
|
||||||
color: $color-primary;
|
|
||||||
&:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
bottom: -1px;
|
|
||||||
left: 0;
|
|
||||||
background: get-color("dark");
|
|
||||||
height: 1px;
|
|
||||||
@include animation(button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both);
|
|
||||||
}
|
|
||||||
&:hover, &.active, &.mixitup-control-active {
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
&.active, &.mixitup-control-active {
|
|
||||||
&:after {
|
|
||||||
width: 100%;
|
|
||||||
@include animation(button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.filter-style-4 {
|
|
||||||
ul {
|
|
||||||
margin: 0 -14px -7px;
|
|
||||||
li {
|
|
||||||
background: transparent;
|
|
||||||
margin: 0 14px 7px;
|
|
||||||
padding: 0;
|
|
||||||
color: $color-primary-lighter;
|
|
||||||
&:hover, &.active, &.mixitup-control-active {
|
|
||||||
background: transparent;
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.theme-font-unito {
|
|
||||||
.filter {
|
|
||||||
ul {
|
|
||||||
li {
|
|
||||||
font: 600 0.9em $font-family-nunito;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.filter-font-2 {
|
|
||||||
ul {
|
|
||||||
li {
|
|
||||||
font-size: 1em;
|
|
||||||
letter-spacing: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
.filter {
|
|
||||||
ul {
|
|
||||||
li {
|
|
||||||
background: transparent;
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
&:hover {
|
|
||||||
background: transparent;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
&.active, &.mixitup-control-active {
|
|
||||||
background: white;
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.filter-style-2 {
|
|
||||||
ul {
|
|
||||||
li {
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
&:hover, &.active, &.mixitup-control-active {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
&.active, &.mixitup-control-active {
|
|
||||||
background: white;
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.filter-style-3 {
|
|
||||||
ul {
|
|
||||||
li {
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
&:after {
|
|
||||||
background: white;
|
|
||||||
}
|
|
||||||
&:hover, &.active, &.mixitup-control-active {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
&.active, &.mixitup-control-active {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.filter-style-4 {
|
|
||||||
ul {
|
|
||||||
li {
|
|
||||||
background: transparent;
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
&:hover, &.active, &.mixitup-control-active {
|
|
||||||
background: transparent;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Hover Styles //
|
|
||||||
//
|
|
||||||
.portfolio-item {
|
|
||||||
.portfolio-box {
|
|
||||||
position: relative;
|
|
||||||
.portfolio-img {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
img {
|
|
||||||
@include transform(scale(1));
|
|
||||||
width: 100%;
|
|
||||||
@include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 2;
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
.portfolio-img {
|
|
||||||
img {
|
|
||||||
@include transform(scale(1.04));
|
|
||||||
@include filter(blur(1.5px));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.portfolio-grid, .portfolio-masonry {
|
|
||||||
&:not(.hover-style-2, .hover-style-3) {
|
|
||||||
.portfolio-item {
|
|
||||||
.portfolio-box {
|
|
||||||
.portfolio-title {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
opacity: 0;
|
|
||||||
background-image: linear-gradient(to top, get-color("dark", 0.4), transparent);
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
div {
|
|
||||||
position: absolute;
|
|
||||||
left: 30px;
|
|
||||||
bottom: 30px;
|
|
||||||
* {
|
|
||||||
opacity: 0;
|
|
||||||
@include transform(translateY(5px));
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
color: white;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
&:first-child { @include transition-delay(0.05s); }
|
|
||||||
&:last-child { @include transition-delay(0.10s); margin-bottom: 0; }
|
|
||||||
}
|
|
||||||
span {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
.portfolio-title {
|
|
||||||
opacity: 1;
|
|
||||||
* {
|
|
||||||
opacity: 1;
|
|
||||||
@include transform(translateY(0));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Hover Style 2 //
|
|
||||||
//
|
|
||||||
.hover-style-2 {
|
|
||||||
.portfolio-item {
|
|
||||||
.portfolio-box {
|
|
||||||
.portfolio-title {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
opacity: 1;
|
|
||||||
background: get-color("dark", 0.1);
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
opacity: 0;
|
|
||||||
background-image: linear-gradient(to top, get-color("dark", 0.3), transparent);
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
}
|
|
||||||
div {
|
|
||||||
position: absolute;
|
|
||||||
top: 30px;
|
|
||||||
left: 30px;
|
|
||||||
span {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
* {
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
color: white;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
i {
|
|
||||||
position: absolute;
|
|
||||||
right: 30px;
|
|
||||||
bottom: 30px;
|
|
||||||
@include transform(translateY(5px));
|
|
||||||
opacity: 0;
|
|
||||||
font-size: 1.2em;
|
|
||||||
color: white;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
.portfolio-title {
|
|
||||||
&:before {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
i {
|
|
||||||
@include transform(translateY(0));
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Hover style 3 //
|
|
||||||
//
|
|
||||||
.hover-style-3 {
|
|
||||||
.portfolio-item {
|
|
||||||
.portfolio-box {
|
|
||||||
.portfolio-title {
|
|
||||||
position: absolute;
|
|
||||||
right: 1.5rem;
|
|
||||||
bottom: 1.5rem;
|
|
||||||
left: 1.5rem;
|
|
||||||
.portfolio-title-item {
|
|
||||||
display: table;
|
|
||||||
@include transform(translateY(4px));
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
background: white;
|
|
||||||
margin-bottom: 0.25rem;
|
|
||||||
padding: 0.6rem 1rem;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
&:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
&:nth-child(1) { @include transition-delay(0.05s); }
|
|
||||||
&:nth-child(2) { @include transition-delay(0.10s); }
|
|
||||||
&:nth-child(3) { @include transition-delay(0.15s); }
|
|
||||||
* {
|
|
||||||
margin-bottom: 0;
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
.portfolio-title {
|
|
||||||
right: 1.25rem;
|
|
||||||
bottom: 1.25rem;
|
|
||||||
left: 1.25rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
.portfolio-title {
|
|
||||||
.portfolio-title-item {
|
|
||||||
@include transform(translateY(0));
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Hero Portfolio //
|
|
||||||
//
|
|
||||||
.hero-portfolio-slider {
|
|
||||||
.hero-portfolio-box {
|
|
||||||
position: relative;
|
|
||||||
a {
|
|
||||||
display: block;
|
|
||||||
&:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hero-portfolio-img {
|
|
||||||
overflow: hidden;
|
|
||||||
@include transform(translate3d(0,0,0));
|
|
||||||
img {
|
|
||||||
@include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hero-portfolio-caption {
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: -50px;
|
|
||||||
@include transform(translateY(-50%));
|
|
||||||
background: get-color("dark", 0.9);
|
|
||||||
max-width: 70%;
|
|
||||||
padding: 1.5rem 2rem;
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
* {
|
|
||||||
color: white;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
@include breakpoint-less(sm) {
|
|
||||||
left: 50%;
|
|
||||||
@include transform(translate(-50%, -50%));
|
|
||||||
padding: 1rem 1.5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
.hero-portfolio-img {
|
|
||||||
img {
|
|
||||||
@include transform(scale(1.04));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.swiper-wrapper {
|
|
||||||
.swiper-slide {
|
|
||||||
&.swiper-slide-active {
|
|
||||||
.hero-portfolio-caption {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,531 +0,0 @@
|
|||||||
//
|
|
||||||
// Preloader Styles //
|
|
||||||
//
|
|
||||||
body {
|
|
||||||
&:after {
|
|
||||||
content: '';
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 998;
|
|
||||||
background: white;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
&.loaded {
|
|
||||||
&:after {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.preloader {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 999;
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
background: white;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
text-align: center;
|
|
||||||
div {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
@include transform(translate(-50%,-50%));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.loaded {
|
|
||||||
.preloader {
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
@include transition(ease-out 0.3s);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Preloader 1 //
|
|
||||||
//
|
|
||||||
.preloader-1 {
|
|
||||||
div {
|
|
||||||
position: relative;
|
|
||||||
width: 70px;
|
|
||||||
height: 70px;
|
|
||||||
.loader-circular {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
transform-origin: center center;
|
|
||||||
width: 70px;
|
|
||||||
height: 70px;
|
|
||||||
margin: auto;
|
|
||||||
animation: loader-one-rotate 2s linear infinite;
|
|
||||||
}
|
|
||||||
.loader-path {
|
|
||||||
fill: none;
|
|
||||||
stroke: get-color("dark");
|
|
||||||
stroke-width: 2.5;
|
|
||||||
stroke-dasharray: 1, 200;
|
|
||||||
stroke-dashoffset: 0;
|
|
||||||
stroke-linecap: round;
|
|
||||||
stroke-miterlimit: 10;
|
|
||||||
animation: loader-one-dash 1.5s ease-in-out infinite;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Preloader 1 - Color Options //
|
|
||||||
//
|
|
||||||
.preloader-dark {
|
|
||||||
.preloader-1 {
|
|
||||||
background: black;
|
|
||||||
div {
|
|
||||||
.loader-path {
|
|
||||||
stroke: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-blue {
|
|
||||||
.preloader-1 {
|
|
||||||
div {
|
|
||||||
.loader-path {
|
|
||||||
stroke: get-color("blue");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-purple {
|
|
||||||
.preloader-1 {
|
|
||||||
div {
|
|
||||||
.loader-path {
|
|
||||||
stroke: get-color("purple");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-pink-edge {
|
|
||||||
.preloader-1 {
|
|
||||||
div {
|
|
||||||
.loader-path {
|
|
||||||
stroke: get-color("pink-edge");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-golden-yellow {
|
|
||||||
.preloader-1 {
|
|
||||||
div {
|
|
||||||
.loader-path {
|
|
||||||
stroke: get-color("golden-yellow");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-very-peri {
|
|
||||||
.preloader-1 {
|
|
||||||
div {
|
|
||||||
.loader-path {
|
|
||||||
stroke: get-color("very-peri");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-turquoise {
|
|
||||||
.preloader-1 {
|
|
||||||
div {
|
|
||||||
.loader-path {
|
|
||||||
stroke: get-color("turquoise");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-spring-red {
|
|
||||||
.preloader-1 {
|
|
||||||
div {
|
|
||||||
.loader-path {
|
|
||||||
stroke: get-color("spring-red");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-tan {
|
|
||||||
.preloader-1 {
|
|
||||||
div {
|
|
||||||
.loader-path {
|
|
||||||
stroke: get-color("tan");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-aqua {
|
|
||||||
.preloader-1 {
|
|
||||||
div {
|
|
||||||
.loader-path {
|
|
||||||
stroke: get-color("aqua");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes loader-one-rotate {
|
|
||||||
100% { transform: rotate(360deg); }
|
|
||||||
}
|
|
||||||
@keyframes loader-one-dash {
|
|
||||||
0% {
|
|
||||||
stroke-dasharray: 1, 200;
|
|
||||||
stroke-dashoffset: 0;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
stroke-dasharray: 89, 200;
|
|
||||||
stroke-dashoffset: -35px;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
stroke-dasharray: 89, 200;
|
|
||||||
stroke-dashoffset: -124px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Preloader 2 //
|
|
||||||
//
|
|
||||||
.preloader-2 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
display: inline-block;
|
|
||||||
opacity: 0.2;
|
|
||||||
background: black;
|
|
||||||
background: linear-gradient(to right, black 10%, transparent 40%);
|
|
||||||
width: 60px;
|
|
||||||
height: 60px;
|
|
||||||
border-radius: 50%;
|
|
||||||
@include animation(loader-two 0.6s infinite linear);
|
|
||||||
&:before, &:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
&:before {
|
|
||||||
background: black;
|
|
||||||
width: 50%;
|
|
||||||
height: 50%;
|
|
||||||
border-radius: 100% 0 0 0;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
background: white;
|
|
||||||
width: 90%;
|
|
||||||
height: 90%;
|
|
||||||
margin: auto;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes loader-two {
|
|
||||||
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
|
|
||||||
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
|
||||||
}
|
|
||||||
@-webkit-keyframes loader-two {
|
|
||||||
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
|
|
||||||
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Preloader 2 - Color Options //
|
|
||||||
//
|
|
||||||
.preloader-dark {
|
|
||||||
.preloader-2 {
|
|
||||||
background: black;
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
background: white;
|
|
||||||
background: linear-gradient(to right, white 10%, transparent 40%);
|
|
||||||
&:before {
|
|
||||||
background: white;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
background: black;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-blue {
|
|
||||||
.preloader-2 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
background: get-color("blue");
|
|
||||||
background: linear-gradient(to right, get-color("blue") 10%, transparent 40%);
|
|
||||||
&:before {
|
|
||||||
background: get-color("blue");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-purple {
|
|
||||||
.preloader-2 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
background: get-color("purple");
|
|
||||||
background: linear-gradient(to right, get-color("purple") 10%, transparent 40%);
|
|
||||||
&:before {
|
|
||||||
background: get-color("purple");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-pink-edge {
|
|
||||||
.preloader-2 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
background: get-color("pink-edge");
|
|
||||||
background: linear-gradient(to right, get-color("pink-edge") 10%, transparent 40%);
|
|
||||||
&:before {
|
|
||||||
background: get-color("pink-edge");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-golden-yellow {
|
|
||||||
.preloader-2 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
background: get-color("golden-yellow");
|
|
||||||
background: linear-gradient(to right, get-color("golden-yellow") 10%, transparent 40%);
|
|
||||||
&:before {
|
|
||||||
background: get-color("golden-yellow");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-very-peri {
|
|
||||||
.preloader-2 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
background: get-color("very-peri");
|
|
||||||
background: linear-gradient(to right, get-color("very-peri") 10%, transparent 40%);
|
|
||||||
&:before {
|
|
||||||
background: get-color("very-peri");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-turquoise {
|
|
||||||
.preloader-2 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
background: get-color("turquoise");
|
|
||||||
background: linear-gradient(to right, get-color("turquoise") 10%, transparent 40%);
|
|
||||||
&:before {
|
|
||||||
background: get-color("turquoise");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-spring-red {
|
|
||||||
.preloader-2 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
background: get-color("spring-red");
|
|
||||||
background: linear-gradient(to right, get-color("spring-red") 10%, transparent 40%);
|
|
||||||
&:before {
|
|
||||||
background: get-color("spring-red");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-tan {
|
|
||||||
.preloader-2 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
background: get-color("tan");
|
|
||||||
background: linear-gradient(to right, get-color("tan") 10%, transparent 40%);
|
|
||||||
&:before {
|
|
||||||
background: get-color("tan");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-aqua {
|
|
||||||
.preloader-2 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
background: get-color("aqua");
|
|
||||||
background: linear-gradient(to right, get-color("aqua") 10%, transparent 40%);
|
|
||||||
&:before {
|
|
||||||
background: get-color("aqua");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Preloader 3 //
|
|
||||||
//
|
|
||||||
.preloader-3 {
|
|
||||||
div {
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
span {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
&:before, &:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
background: get-color("dark", 0.1);
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
&:before { @include animation(loader-three-bounceIn 1.2s infinite ease-in-out); }
|
|
||||||
&:after { @include animation(loader-three-bounceOut 1.2s infinite ease-in-out); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@-webkit-keyframes loader-three-bounceIn {
|
|
||||||
0%, 100% { -webkit-transform: scale(0); }
|
|
||||||
50% { -webkit-transform: scale(1.0); }
|
|
||||||
}
|
|
||||||
@keyframes loader-three-bounceIn {
|
|
||||||
0%, 100% { -webkit-transform: scale(0); transform: scale(0); }
|
|
||||||
50% { -webkit-transform: scale(1.0); transform: scale(1.0); }
|
|
||||||
}
|
|
||||||
@-webkit-keyframes loader-three-bounceOut {
|
|
||||||
0%, 100% { -webkit-transform: scale(1.0); }
|
|
||||||
50% { -webkit-transform: scale(0); }
|
|
||||||
}
|
|
||||||
@keyframes loader-three-bounceOut {
|
|
||||||
0%, 100% { -webkit-transform: scale(1.0); transform: scale(1.0); }
|
|
||||||
50% { -webkit-transform: scale(0); transform: scale(0); }
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Preloader 3 - Color Options //
|
|
||||||
//
|
|
||||||
.preloader-dark {
|
|
||||||
.preloader-3 {
|
|
||||||
background: black;
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
&:before, &:after {
|
|
||||||
background: get-color("white", 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-blue {
|
|
||||||
.preloader-3 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
&:before, &:after {
|
|
||||||
background: get-color("blue", 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-purple {
|
|
||||||
.preloader-3 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
&:before, &:after {
|
|
||||||
background: get-color("purple", 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-pink-edge {
|
|
||||||
.preloader-3 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
&:before, &:after {
|
|
||||||
background: get-color("pink-edge", 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-golden-yellow {
|
|
||||||
.preloader-3 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
&:before, &:after {
|
|
||||||
background: get-color("golden-yellow", 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-very-peri {
|
|
||||||
.preloader-3 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
&:before, &:after {
|
|
||||||
background: get-color("very-peri", 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-turquoise {
|
|
||||||
.preloader-3 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
&:before, &:after {
|
|
||||||
background: get-color("turquoise", 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-spring-red {
|
|
||||||
.preloader-3 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
&:before, &:after {
|
|
||||||
background: get-color("spring-red", 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-tan {
|
|
||||||
.preloader-3 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
&:before, &:after {
|
|
||||||
background: get-color("tan", 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.preloader-aqua {
|
|
||||||
.preloader-3 {
|
|
||||||
div {
|
|
||||||
span {
|
|
||||||
&:before, &:after {
|
|
||||||
background: get-color("aqua", 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,127 +0,0 @@
|
|||||||
//
|
|
||||||
// Sections Styles //
|
|
||||||
//
|
|
||||||
.section-xs {
|
|
||||||
padding: 50px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 50px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-sm {
|
|
||||||
padding: 70px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 70px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section, .section-md {
|
|
||||||
padding: 100px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 100px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-lg {
|
|
||||||
padding: 140px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 140px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-xl {
|
|
||||||
padding: 180px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 180px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-2xl {
|
|
||||||
padding: 220px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 220px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(sm) {
|
|
||||||
.section-xs {
|
|
||||||
padding: 30px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 30px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-sm {
|
|
||||||
padding: 50px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 50px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section, .section-md {
|
|
||||||
padding: 80px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 80px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-lg {
|
|
||||||
padding: 110px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 110px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-xl {
|
|
||||||
padding: 140px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 140px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-2xl {
|
|
||||||
padding: 170px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 170px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(xs) {
|
|
||||||
.section, .section-md {
|
|
||||||
padding: 70px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 70px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-lg {
|
|
||||||
padding: 90px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 90px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-xl {
|
|
||||||
padding: 120px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 120px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-2xl {
|
|
||||||
padding: 150px 0;
|
|
||||||
&.bg-image {
|
|
||||||
.container, .container-fluid { padding: 150px 30px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-xs,
|
|
||||||
.section-sm,
|
|
||||||
.section, .section-md,
|
|
||||||
.section-lg,
|
|
||||||
.section-xl,
|
|
||||||
.section-2xl {
|
|
||||||
&.bg-image {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-fullscreen {
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-white'],
|
|
||||||
[class*='bg-gray'],
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient'],
|
|
||||||
[class*='bg-color'],
|
|
||||||
.container, .container-fluid {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,27 +0,0 @@
|
|||||||
/* Styles for tables */
|
|
||||||
figure.wp-block-table table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 1.25rem;
|
|
||||||
margin-bottom: 1.25rem;
|
|
||||||
|
|
||||||
thead {
|
|
||||||
background-color: #f8f9fa;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
th, td {
|
|
||||||
border: 1px solid #dee2e6;
|
|
||||||
padding: 0.5rem;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
th {
|
|
||||||
background-color: #f1f3f5;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
tbody tr:nth-child(odd) {
|
|
||||||
background-color: #f9f9f9;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,228 +0,0 @@
|
|||||||
//
|
|
||||||
// Accordion styles //
|
|
||||||
//
|
|
||||||
.accordion {
|
|
||||||
list-style-type: none;
|
|
||||||
padding: 0;
|
|
||||||
li {
|
|
||||||
border: 0;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
padding: 0;
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
&:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.accordion-title {
|
|
||||||
position: relative;
|
|
||||||
border: 1px solid get-color("dark", 0.1);
|
|
||||||
padding: 14px 24px;
|
|
||||||
cursor: pointer;
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
&:before, &:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
@include transform(translateY(-50%));
|
|
||||||
background: black;
|
|
||||||
}
|
|
||||||
&:before {
|
|
||||||
right: 24px;
|
|
||||||
width: 11px;
|
|
||||||
height: 1px;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
right: 29px;
|
|
||||||
width: 1px;
|
|
||||||
height: 11px;
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
}
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
* {
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.accordion-content {
|
|
||||||
overflow: hidden;
|
|
||||||
max-height: 0;
|
|
||||||
padding: 0 25px;
|
|
||||||
@include transition(ease-out 0.2s);
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: 20px;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: 12px;
|
|
||||||
}
|
|
||||||
ul, ol {
|
|
||||||
li {
|
|
||||||
border: 0;
|
|
||||||
padding: 0;
|
|
||||||
&:last-child {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
list-style-type: disc;
|
|
||||||
ul { list-style-type: circle; }
|
|
||||||
}
|
|
||||||
ol {
|
|
||||||
&.list-ordered {
|
|
||||||
li {
|
|
||||||
margin-bottom: 8px;
|
|
||||||
padding-left: 34px;
|
|
||||||
&:last-child {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav {
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
.accordion-title {
|
|
||||||
border-color: get-color("dark", 0.9);
|
|
||||||
&:after {
|
|
||||||
@include transform(translateY(-50%) rotate(-90deg));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Accordion - Style 2 //
|
|
||||||
//
|
|
||||||
&.style-2 {
|
|
||||||
li {
|
|
||||||
margin-bottom: 14px;
|
|
||||||
padding: 0;
|
|
||||||
&:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.accordion-title {
|
|
||||||
border: 0;
|
|
||||||
border-bottom: 1px solid get-color("dark", 0.2);
|
|
||||||
padding: 0 0 10px;
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
&:before, &:after {
|
|
||||||
margin-top: -6px;
|
|
||||||
}
|
|
||||||
&:before { right: 0; }
|
|
||||||
&:after { right: 5px; }
|
|
||||||
}
|
|
||||||
.accordion-content {
|
|
||||||
padding: 0 20px;
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
.accordion-title {
|
|
||||||
border-bottom-color: get-color("dark", 0.9);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Accordion - Style 3 //
|
|
||||||
//
|
|
||||||
&.style-3 {
|
|
||||||
li {
|
|
||||||
.accordion-title {
|
|
||||||
background: $bg-gray-lighter;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
.accordion-content {
|
|
||||||
padding: 0 24px;
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
.accordion-title {
|
|
||||||
background: $bg-dark;
|
|
||||||
color: get-color("white", 0.8);
|
|
||||||
&:before, &:after {
|
|
||||||
background: white;
|
|
||||||
}
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Border Radius //
|
|
||||||
//
|
|
||||||
&.border-radius {
|
|
||||||
&:not(.style-2) {
|
|
||||||
li {
|
|
||||||
.accordion-title {
|
|
||||||
border-radius: 0.375em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.rounded {
|
|
||||||
&:not(.style-2) {
|
|
||||||
li {
|
|
||||||
.accordion-title {
|
|
||||||
border-radius: 50px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
[class*='bg-gray'] {
|
|
||||||
.accordion {
|
|
||||||
&.style-3 {
|
|
||||||
li {
|
|
||||||
.accordion-title {
|
|
||||||
background: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
.accordion {
|
|
||||||
li {
|
|
||||||
.accordion-title {
|
|
||||||
border-color: get-color("white", 0.2);
|
|
||||||
&:before, &:after {
|
|
||||||
background: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
.accordion-title {
|
|
||||||
border-color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.style-3 {
|
|
||||||
li {
|
|
||||||
.accordion-title {
|
|
||||||
background: get-color("white", 0.1);
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
.accordion-title {
|
|
||||||
background: white;
|
|
||||||
color: $color-primary;
|
|
||||||
&:before, &:after {
|
|
||||||
background: black;
|
|
||||||
}
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,147 +0,0 @@
|
|||||||
//
|
|
||||||
// Box Styles //
|
|
||||||
//
|
|
||||||
.box-shadow {
|
|
||||||
@include box-shadow(0 10px 36px 0 rgba(22,24,26,0.1));
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
&:hover {
|
|
||||||
@include box-shadow(0 10px 40px 0 rgba(22,24,26,0.15));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hover-shadow {
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
&:hover {
|
|
||||||
@include box-shadow(0 10px 36px 0 rgba(22,24,26,0.1));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hover-float {
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
&:hover {
|
|
||||||
@include transform(translateY(-4px));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hover-scale {
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
&:hover {
|
|
||||||
@include transform(scale(1.015));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hover-shrink {
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
&:hover {
|
|
||||||
@include transform(scale(0.985));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.box-backdrop {
|
|
||||||
overflow: hidden;
|
|
||||||
border-radius: 0.5em;
|
|
||||||
border: 2px solid get-color("dark");
|
|
||||||
@include box-shadow(4px 4px 0 0 get-color("dark"));
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Square box //
|
|
||||||
//
|
|
||||||
[class*="square-box"],
|
|
||||||
[class*="circle-box"] {
|
|
||||||
display: inline-block;
|
|
||||||
text-align: center;
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.square-box-xs {
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
line-height: 40px;
|
|
||||||
* {
|
|
||||||
line-height: 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.square-box-sm {
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
line-height: 50px;
|
|
||||||
* {
|
|
||||||
line-height: 50px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.square-box, .square-box-md {
|
|
||||||
width: 60px;
|
|
||||||
height: 60px;
|
|
||||||
line-height: 60px;
|
|
||||||
* {
|
|
||||||
line-height: 60px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.square-box-lg {
|
|
||||||
width: 70px;
|
|
||||||
height: 70px;
|
|
||||||
line-height: 70px;
|
|
||||||
* {
|
|
||||||
line-height: 70px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.square-box-xl {
|
|
||||||
width: 80px;
|
|
||||||
height: 80px;
|
|
||||||
line-height: 80px;
|
|
||||||
* {
|
|
||||||
line-height: 80px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Circle Box //
|
|
||||||
//
|
|
||||||
[class*="circle-box"] {
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
.circle-box-xs {
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
line-height: 40px;
|
|
||||||
* {
|
|
||||||
line-height: 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.circle-box-sm {
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
line-height: 50px;
|
|
||||||
* {
|
|
||||||
line-height: 50px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.circle-box, .circle-box-md {
|
|
||||||
width: 60px;
|
|
||||||
height: 60px;
|
|
||||||
line-height: 60px;
|
|
||||||
* {
|
|
||||||
line-height: 60px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.circle-box-lg {
|
|
||||||
width: 70px;
|
|
||||||
height: 70px;
|
|
||||||
line-height: 70px;
|
|
||||||
* {
|
|
||||||
line-height: 70px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.circle-box-xl {
|
|
||||||
width: 80px;
|
|
||||||
height: 80px;
|
|
||||||
line-height: 80px;
|
|
||||||
* {
|
|
||||||
line-height: 80px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Box border radius //
|
|
||||||
//
|
|
||||||
.border-radius { border-radius: 0.5em; overflow: hidden; }
|
|
||||||
.border-radius-1 { border-radius: 1em; overflow: hidden; }
|
|
||||||
.border-radius-2 { border-radius: 2em; overflow: hidden; }
|
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -1,135 +0,0 @@
|
|||||||
//
|
|
||||||
// Clients Styles //
|
|
||||||
//
|
|
||||||
.client-box {
|
|
||||||
text-align: center;
|
|
||||||
a {
|
|
||||||
img {
|
|
||||||
opacity: 0.4;
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
}
|
|
||||||
&:hover, &:focus {
|
|
||||||
img {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.owl-carousel {
|
|
||||||
.client-box {
|
|
||||||
img { display: inline-block; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Clients Grid //
|
|
||||||
//
|
|
||||||
.clients-grid {
|
|
||||||
list-style-type: none;
|
|
||||||
overflow: hidden;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
text-align: center;
|
|
||||||
li {
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
width: 16.6%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 30px;
|
|
||||||
&:before, &:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
&:before {
|
|
||||||
top: 0;
|
|
||||||
left: -1px;
|
|
||||||
height: 100%;
|
|
||||||
border-left: 1px dashed get-color("dark", 0.1);
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
left: 0;
|
|
||||||
bottom: -1px;
|
|
||||||
width: 100%;
|
|
||||||
border-bottom: 1px dashed get-color("dark", 0.1);
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
img {
|
|
||||||
opacity: 0.4;
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
}
|
|
||||||
&:hover, &:focus {
|
|
||||||
img {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
li { width: 25%; }
|
|
||||||
}
|
|
||||||
@include breakpoint-less(sm) {
|
|
||||||
li { width: 33.3%; }
|
|
||||||
}
|
|
||||||
@include breakpoint-less(xs) {
|
|
||||||
li { width: 50%; }
|
|
||||||
}
|
|
||||||
&.column-5 {
|
|
||||||
li { width: 20%; }
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
li { width: 25%; }
|
|
||||||
}
|
|
||||||
@include breakpoint-less(sm) {
|
|
||||||
li { width: 33.3%; }
|
|
||||||
}
|
|
||||||
@include breakpoint-less(xs) {
|
|
||||||
li { width: 50%; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.column-4 {
|
|
||||||
li { width: 25%; }
|
|
||||||
@include breakpoint-less(sm) {
|
|
||||||
li { width: 33.3%; }
|
|
||||||
}
|
|
||||||
@include breakpoint-less(xs) {
|
|
||||||
li { width: 50%; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.column-3 {
|
|
||||||
li { width: 33.3%; }
|
|
||||||
@include breakpoint-less(sm) {
|
|
||||||
li { width: 50%; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.column-2 {
|
|
||||||
li { width: 50%; }
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Border Style - Solid //
|
|
||||||
//
|
|
||||||
&.border-style-solid {
|
|
||||||
border: 0;
|
|
||||||
li {
|
|
||||||
&:before { border-left-style: solid; }
|
|
||||||
&:after { border-bottom-style: solid; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Border Style - Dotted //
|
|
||||||
//
|
|
||||||
&.border-style-dotted {
|
|
||||||
border: 0;
|
|
||||||
li {
|
|
||||||
&:before { border-left-style: dotted; }
|
|
||||||
&:after { border-bottom-style: dotted; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
.clients-grid {
|
|
||||||
li {
|
|
||||||
&:before, &:after { border-color: get-color("white", 0.2); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,102 +0,0 @@
|
|||||||
//
|
|
||||||
// Feature box //
|
|
||||||
//
|
|
||||||
.feature-box {
|
|
||||||
@include display-flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
position: relative;
|
|
||||||
min-height: 50px;
|
|
||||||
padding-left: 74px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
padding-left: 66px;
|
|
||||||
}
|
|
||||||
.feature-box-icon {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
border-radius: 50%;
|
|
||||||
text-align: center;
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
line-height: 50px;
|
|
||||||
vertical-align: middle;
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Positions //
|
|
||||||
//
|
|
||||||
&.middle {
|
|
||||||
top: 50%;
|
|
||||||
@include transform(translateY(-50%));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Sizes //
|
|
||||||
//
|
|
||||||
&.feature-box-xl {
|
|
||||||
min-height: 70px;
|
|
||||||
padding-left: 94px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
padding-left: 86px;
|
|
||||||
}
|
|
||||||
.feature-box-icon {
|
|
||||||
width: 70px;
|
|
||||||
height: 70px;
|
|
||||||
* {
|
|
||||||
line-height: 70px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.feature-box-lg {
|
|
||||||
min-height: 60px;
|
|
||||||
padding-left: 84px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
padding-left: 80px;
|
|
||||||
}
|
|
||||||
.feature-box-icon {
|
|
||||||
width: 60px;
|
|
||||||
height: 60px;
|
|
||||||
* {
|
|
||||||
line-height: 60px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.feature-box-sm {
|
|
||||||
min-height: 40px;
|
|
||||||
padding-left: 64px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
padding-left: 56px;
|
|
||||||
}
|
|
||||||
.feature-box-icon {
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
* {
|
|
||||||
line-height: 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.feature-box-xs {
|
|
||||||
min-height: 32px;
|
|
||||||
padding-left: 54px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
padding-left: 48px;
|
|
||||||
}
|
|
||||||
.feature-box-icon {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
* {
|
|
||||||
line-height: 32px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,482 +0,0 @@
|
|||||||
//
|
|
||||||
// Hover box Styles //
|
|
||||||
//
|
|
||||||
[class^="hoverbox"] {
|
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
|
||||||
@include transform(translate3d(0,0,0));
|
|
||||||
display: inline-block;
|
|
||||||
img {
|
|
||||||
@include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Hover box - Style 1 //
|
|
||||||
//
|
|
||||||
.hoverbox-1 {
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 1;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
background: get-color("dark", 0.5);
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
}
|
|
||||||
&:hover, &:focus {
|
|
||||||
&:before {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
@include transform(scale(1.04));
|
|
||||||
}
|
|
||||||
.hover-content {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hover-content {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 2;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
&.center {
|
|
||||||
top: 50%;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
@include transform(translateY(-50%));
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 5px;
|
|
||||||
padding: 0 30px;
|
|
||||||
&:hover, &:focus {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.bottom {
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
@include transform(translateY(5px));
|
|
||||||
width: 100%;
|
|
||||||
padding: 30px;
|
|
||||||
&:hover, &:focus {
|
|
||||||
@include transform(translateY(0));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Hover box - Style 2 //
|
|
||||||
//
|
|
||||||
.hoverbox-2 {
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 16px;
|
|
||||||
right: 16px;
|
|
||||||
bottom: 16px;
|
|
||||||
left: 16px;
|
|
||||||
@include transform(scale(0.99));
|
|
||||||
z-index: 1;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
background: get-color("white", 0.9);
|
|
||||||
backdrop-filter: blur(5px);
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
}
|
|
||||||
.hover-content {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
right: 16px;
|
|
||||||
left: 16px;
|
|
||||||
@include transform(translateY(-50%));
|
|
||||||
z-index: 2;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
margin-top: 4px;
|
|
||||||
padding: 0 30px;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
padding: 0 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover, &:focus {
|
|
||||||
&:before {
|
|
||||||
@include transform(scale(1));
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
@include transform(scale(1.04));
|
|
||||||
}
|
|
||||||
.hover-content {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.hoverbox-2,
|
|
||||||
.hoverbox-3 {
|
|
||||||
.hover-content {
|
|
||||||
color: $color-primary;
|
|
||||||
h1,h2,h3,h4,h5,h6 { color: get-color("dark"); }
|
|
||||||
a {
|
|
||||||
&:not([class^='button']) {
|
|
||||||
color: get-color("dark", 0.9);
|
|
||||||
&:hover, &:focus { color: get-color("dark"); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Hover box - Style 3 //
|
|
||||||
//
|
|
||||||
.hoverbox-3 {
|
|
||||||
.hover-content {
|
|
||||||
position: absolute;
|
|
||||||
right: 16px;
|
|
||||||
bottom: 16px;
|
|
||||||
left: 16px;
|
|
||||||
@include transform(translateY(4px));
|
|
||||||
z-index: 1;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
background: get-color("white", 0.9);
|
|
||||||
backdrop-filter: blur(5px);
|
|
||||||
padding: 30px;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover, &:focus {
|
|
||||||
img {
|
|
||||||
@include transform(scale(1.04));
|
|
||||||
}
|
|
||||||
.hover-content {
|
|
||||||
@include transform(translateY(0));
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Hover box - Style 4 //
|
|
||||||
//
|
|
||||||
.hoverbox-4 {
|
|
||||||
&:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
background: get-color("dark", 0.4);
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
}
|
|
||||||
.content,
|
|
||||||
.hover-content {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 1;
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hover-content {
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
&:hover, &:focus {
|
|
||||||
&:after {
|
|
||||||
background: get-color("dark", 0.5);
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
@include transform(scale(1.04));
|
|
||||||
}
|
|
||||||
.content {
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.hover-content {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hoverbox-4 {
|
|
||||||
&.center {
|
|
||||||
.content,
|
|
||||||
.hover-content {
|
|
||||||
top: 50%;
|
|
||||||
left: 0;
|
|
||||||
@include transform(translateY(-50%));
|
|
||||||
width: 100%;
|
|
||||||
padding: 0 30px;
|
|
||||||
}
|
|
||||||
.hover-content {
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
&:hover, &:focus {
|
|
||||||
.content {
|
|
||||||
margin-top: -5px;
|
|
||||||
}
|
|
||||||
.hover-content {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.bottom {
|
|
||||||
.content,
|
|
||||||
.hover-content {
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
padding: 30px;
|
|
||||||
}
|
|
||||||
.hover-content {
|
|
||||||
@include transform(translateY(5px));
|
|
||||||
}
|
|
||||||
&:hover, &:focus {
|
|
||||||
.content {
|
|
||||||
@include transform(translateY(-5px));
|
|
||||||
}
|
|
||||||
.hover-content {
|
|
||||||
@include transform(translateY(0));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Hover box - Style 5 //
|
|
||||||
//
|
|
||||||
.hoverbox-5 {
|
|
||||||
&:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
background: get-color("dark", 0.4);
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
}
|
|
||||||
.content,
|
|
||||||
.hover-content {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 1;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
padding: 30px;
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.content {
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
.hover-content {
|
|
||||||
bottom: 0;
|
|
||||||
@include transform(translateY(5px));
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
}
|
|
||||||
&:hover, &:focus {
|
|
||||||
&:after {
|
|
||||||
background: get-color("dark", 0.5);
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
@include transform(scale(1.04));
|
|
||||||
}
|
|
||||||
.hover-content {
|
|
||||||
@include transform(translateY(0));
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Hover box - Style 6 //
|
|
||||||
//
|
|
||||||
.hoverbox-6 {
|
|
||||||
a {
|
|
||||||
display: block;
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 1;
|
|
||||||
opacity: 0;
|
|
||||||
background: get-color("white", 0.1);
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.content {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 2;
|
|
||||||
display: inline-block;
|
|
||||||
background: get-color("white", 0.9);
|
|
||||||
backdrop-filter: blur(5px);
|
|
||||||
padding: 10px 16px;
|
|
||||||
color: get-color("dark", 0.9);
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
margin: 0;
|
|
||||||
color: get-color("dark", 0.9);
|
|
||||||
}
|
|
||||||
&.top {
|
|
||||||
top: 16px;
|
|
||||||
left: 16px;
|
|
||||||
}
|
|
||||||
&.center {
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
@include transform(translate(-50%, -50%));
|
|
||||||
}
|
|
||||||
&.bottom {
|
|
||||||
bottom: 16px;
|
|
||||||
left: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover, &:focus {
|
|
||||||
a {
|
|
||||||
&:before {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
@include transform(scale(1.04));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.hoverbox-7 {
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 1;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
background-image: linear-gradient(0deg, get-color("dark", 0.5) 0%, get-color("dark", 0.1) 100%);
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
}
|
|
||||||
.hover-content {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 2;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
.top {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
-webkit-transform: translateY(5px);
|
|
||||||
transform: translateY(5px);
|
|
||||||
opacity: 0;
|
|
||||||
padding: 30px;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
}
|
|
||||||
.bottom {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
-webkit-transform: translateY(5px);
|
|
||||||
transform: translateY(5px);
|
|
||||||
opacity: 0;
|
|
||||||
padding: 30px;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover, &:focus {
|
|
||||||
&:before {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
@include transform(scale(1.04));
|
|
||||||
}
|
|
||||||
.hover-content {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
.top, .bottom {
|
|
||||||
-webkit-transform: translateY(0);
|
|
||||||
transform: translateY(0);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.top { @include transition-delay(0.05s); }
|
|
||||||
.bottom { @include transition-delay(0.10s); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.hoverbox-1,
|
|
||||||
.hoverbox-2,
|
|
||||||
.hoverbox-4,
|
|
||||||
.hoverbox-5,
|
|
||||||
.hoverbox-7 {
|
|
||||||
a {
|
|
||||||
&:not([class^='button']) {
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
&:hover, &:focus { color: white; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
&.button-text-1,
|
|
||||||
&.button-text-2,
|
|
||||||
&.button-text-3 {
|
|
||||||
color: get-color("white", 0.8);
|
|
||||||
&:hover {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.button-text-1 {
|
|
||||||
&:before { background: get-color("white", 0.3); }
|
|
||||||
&:after { background: white; }
|
|
||||||
}
|
|
||||||
&.button-text-2 {
|
|
||||||
&:before { background: get-color("white", 0.4); }
|
|
||||||
&:after { background: white; }
|
|
||||||
}
|
|
||||||
&.button-text-3 {
|
|
||||||
&:before { background: get-color("white", 0.8); }
|
|
||||||
&:hover {
|
|
||||||
&:before { background: white; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,180 +0,0 @@
|
|||||||
//
|
|
||||||
// Lightbox Styles //
|
|
||||||
//
|
|
||||||
.lightbox-image-box,
|
|
||||||
.lightbox-media-box {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
display: block;
|
|
||||||
&[class*='border-radius'] {
|
|
||||||
@include transform(translate3d(0,0,0));
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
opacity: 0;
|
|
||||||
background: get-color("dark", 0.1);
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
@include transform(scale(1));
|
|
||||||
@include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
||||||
}
|
|
||||||
i {
|
|
||||||
z-index: 1;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
@include transform(translate(-50%, -50%));
|
|
||||||
background: get-color("dark", 0.6);
|
|
||||||
width: 60px;
|
|
||||||
height: 60px;
|
|
||||||
border-radius: 50%;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 60px;
|
|
||||||
color: get-color("white", 0.9);
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
}
|
|
||||||
&.icon-xl, &.icon-2xl {
|
|
||||||
i {
|
|
||||||
width: 70px;
|
|
||||||
height: 70px;
|
|
||||||
line-height: 70px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.icon-3xl, &.icon-4xl, &.icon-5xl {
|
|
||||||
i {
|
|
||||||
width: 80px;
|
|
||||||
height: 80px;
|
|
||||||
line-height: 80px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
&:after {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
@include transform(scale(1.04));
|
|
||||||
}
|
|
||||||
i {
|
|
||||||
@include transform(translate(-50%, -50%) scale(0.94));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mfp-bg {
|
|
||||||
background: black;
|
|
||||||
}
|
|
||||||
.mfp-container,
|
|
||||||
.mfp-bg {
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
}
|
|
||||||
.mfp-container {
|
|
||||||
@include transform(scale(0.98));
|
|
||||||
padding: 0 20px;
|
|
||||||
}
|
|
||||||
.mfp-ready {
|
|
||||||
.mfp-container {
|
|
||||||
@include transform(scale(1));
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
&.mfp-bg {
|
|
||||||
opacity: 0.97;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.mfp-removing {
|
|
||||||
.mfp-container,
|
|
||||||
&.mfp-bg {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.mfp-container {
|
|
||||||
@include transform(scale(0.98));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
&.mfp-close {
|
|
||||||
display: block;
|
|
||||||
top: -5px;
|
|
||||||
opacity: 1;
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
line-height: auto;
|
|
||||||
font-size: 24px;
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
&:hover {
|
|
||||||
top: -5px;
|
|
||||||
opacity: 1;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.mfp-iframe-holder {
|
|
||||||
.mfp-close {
|
|
||||||
top: -45px;
|
|
||||||
&:hover { top: -45px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.mfp-close-btn-in {
|
|
||||||
.mfp-close {
|
|
||||||
color: rgba(255, 255, 255, 0.7);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mfp-arrow {
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
}
|
|
||||||
.mfp-arrow-left {
|
|
||||||
&:before { border-right: 0; }
|
|
||||||
}
|
|
||||||
.mfp-arrow-right {
|
|
||||||
&:before { border-left: 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint-less(xs) {
|
|
||||||
button.mfp-arrow {
|
|
||||||
background: get-color("dark", 0.5);
|
|
||||||
width: 70px;
|
|
||||||
height: 70px;
|
|
||||||
margin-top: -35px;
|
|
||||||
&:active {
|
|
||||||
margin-top: -35px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
button.mfp-arrow-left {
|
|
||||||
margin-left: 20px;
|
|
||||||
&:before, &:after {
|
|
||||||
margin-top: 15px;
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
button.mfp-arrow-right {
|
|
||||||
margin-right: 20px;
|
|
||||||
&:before, &:after {
|
|
||||||
margin-top: 15px;
|
|
||||||
margin-left: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mfp-bottom-bar {
|
|
||||||
margin-top: -30px;
|
|
||||||
.mfp-title {
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
}
|
|
||||||
.mfp-counter {
|
|
||||||
color: get-color("white", 0.6);
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mfp-iframe-scaler iframe, .mfp-figure::after {
|
|
||||||
@include box-shadow(0 0 14px 0 rgba(0,0,0,0.3));
|
|
||||||
}
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
//
|
|
||||||
// Google Map Styles //
|
|
||||||
//
|
|
||||||
.gmap { width: 100%; }
|
|
||||||
.gmap-xs { height: 300px; }
|
|
||||||
.gmap-sm { height: 350px; }
|
|
||||||
.gmap-md { height: 400px; }
|
|
||||||
.gmap-lg { height: 470px; }
|
|
||||||
.gmap-xl { height: 550px; }
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
.gmap-xs { height: 250px; }
|
|
||||||
.gmap-sm { height: 300px; }
|
|
||||||
.gmap-md { height: 350px; }
|
|
||||||
.gmap-lg { height: 400px; }
|
|
||||||
.gmap-xl { height: 450px; }
|
|
||||||
}
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
//
|
|
||||||
// Page Scroll Progress //
|
|
||||||
//
|
|
||||||
.page-progress-container {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 999;
|
|
||||||
width: 100%;
|
|
||||||
height: 4px;
|
|
||||||
}
|
|
||||||
.page-progress-bar {
|
|
||||||
height: 4px;
|
|
||||||
width: 0%;
|
|
||||||
background-image: $gradient-1;
|
|
||||||
&.page-progress-gradient-2 {
|
|
||||||
background-image: $gradient-2;
|
|
||||||
}
|
|
||||||
&.page-progress-gradient-3 {
|
|
||||||
background-image: $gradient-3;
|
|
||||||
}
|
|
||||||
&.page-progress-gradient-4 {
|
|
||||||
background-image: $gradient-4;
|
|
||||||
}
|
|
||||||
&.page-progress-gradient-5 {
|
|
||||||
background-image: $gradient-5;
|
|
||||||
}
|
|
||||||
&.page-progress-gradient-6 {
|
|
||||||
background-image: $gradient-6;
|
|
||||||
}
|
|
||||||
&.page-progress-gradient-7 {
|
|
||||||
background-image: $gradient-7;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,22 +0,0 @@
|
|||||||
//
|
|
||||||
// Pie Chart styles //
|
|
||||||
//
|
|
||||||
.pie-chart {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.pie-chart-content {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 0;
|
|
||||||
@include transform(translateY(-50%));
|
|
||||||
width: 100%;
|
|
||||||
margin-top: -3px;
|
|
||||||
padding: 0 20px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.pie-chart-content .percent {
|
|
||||||
&::after {
|
|
||||||
content: '%';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
.post-content {
|
|
||||||
p {
|
|
||||||
line-height: 2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,109 +0,0 @@
|
|||||||
//
|
|
||||||
// Animated Progress bar Styles //
|
|
||||||
//
|
|
||||||
.progress-box {
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.animated-progress {
|
|
||||||
position: relative;
|
|
||||||
background: get-color("dark", 0.1);
|
|
||||||
height: 5px;
|
|
||||||
margin-top: 2px;
|
|
||||||
border-radius: 3px;
|
|
||||||
div {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
background: get-color("dark");
|
|
||||||
width: 50%;
|
|
||||||
height: 100%;
|
|
||||||
border-radius: 3px;
|
|
||||||
color: get-color("dark");
|
|
||||||
@include transition(width 0.7s cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
||||||
@include transition-delay(0.1s);
|
|
||||||
&::after {
|
|
||||||
content: attr(data-progress) '%';
|
|
||||||
position: absolute;
|
|
||||||
top: -24px;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.progress-blue {
|
|
||||||
.animated-progress {
|
|
||||||
div {
|
|
||||||
background: $bg-color-blue;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.progress-purple {
|
|
||||||
.animated-progress {
|
|
||||||
div {
|
|
||||||
background: $bg-color-purple;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.progress-pink-edge {
|
|
||||||
.animated-progress {
|
|
||||||
div {
|
|
||||||
background: $bg-color-pink-edge;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.progress-golden-yellow {
|
|
||||||
.animated-progress {
|
|
||||||
div {
|
|
||||||
background: $bg-color-golden-yellow;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.progress-very-peri {
|
|
||||||
.animated-progress {
|
|
||||||
div {
|
|
||||||
background: $bg-color-very-peri;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.progress-turquoise {
|
|
||||||
.animated-progress {
|
|
||||||
div {
|
|
||||||
background: $bg-color-turquoise;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.progress-spring-red {
|
|
||||||
.animated-progress {
|
|
||||||
div {
|
|
||||||
background: $bg-color-spring-red;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.progress-tan {
|
|
||||||
.animated-progress {
|
|
||||||
div {
|
|
||||||
background: $bg-color-tan;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.progress-aqua {
|
|
||||||
.animated-progress {
|
|
||||||
div {
|
|
||||||
background: $bg-color-aqua;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
.progress-box {
|
|
||||||
.animated-progress {
|
|
||||||
background: get-color("white", 0.3);
|
|
||||||
div {
|
|
||||||
background: white;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,98 +0,0 @@
|
|||||||
//
|
|
||||||
// Section Dividers //
|
|
||||||
//
|
|
||||||
[class*='section-divider-'] {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-divider-waves-top {
|
|
||||||
&:before {
|
|
||||||
top: -1px;
|
|
||||||
left: 0;
|
|
||||||
@include transform(rotate(180deg));
|
|
||||||
background-image: url(../../assets/svg/waves.svg);
|
|
||||||
background-size: 100% 100%;
|
|
||||||
width: 100%;
|
|
||||||
height: 70px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-divider-waves-bottom {
|
|
||||||
&:before {
|
|
||||||
bottom: -1px;
|
|
||||||
left: 0;
|
|
||||||
background-image: url(../../assets/svg/waves.svg);
|
|
||||||
background-size: 100% 100%;
|
|
||||||
width: 100%;
|
|
||||||
height: 70px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-divider-wavesOpacity-top {
|
|
||||||
&:before {
|
|
||||||
top: -1px;
|
|
||||||
left: -5%;
|
|
||||||
background-image: url(../../assets/svg/wavesOpacity.svg);
|
|
||||||
background-size: 100% 100%;
|
|
||||||
width: 110%;
|
|
||||||
height: 70px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-divider-wavesOpacity-bottom {
|
|
||||||
&:before {
|
|
||||||
bottom: -1px;
|
|
||||||
left: -5%;
|
|
||||||
@include transform(rotate(180deg));
|
|
||||||
background-image: url(../../assets/svg/wavesOpacity.svg);
|
|
||||||
background-size: 100% 100%;
|
|
||||||
width: 110%;
|
|
||||||
height: 70px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-divider-curve-top {
|
|
||||||
&:before {
|
|
||||||
top: 0;
|
|
||||||
left: -5%;
|
|
||||||
@include transform(rotate(180deg));
|
|
||||||
background-image: url(../../assets/svg/curve.svg);
|
|
||||||
background-size: 100% 100%;
|
|
||||||
width: 110%;
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-divider-curve-bottom {
|
|
||||||
&:before {
|
|
||||||
bottom: 0;
|
|
||||||
left: -5%;
|
|
||||||
background-image: url(../../assets/svg/curve.svg);
|
|
||||||
background-size: 100% 100%;
|
|
||||||
width: 110%;
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
.section-divider-waves-top,
|
|
||||||
.section-divider-waves-bottom {
|
|
||||||
&:before {
|
|
||||||
left: -20%;
|
|
||||||
width: 140%;
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-divider-wavesOpacity-top,
|
|
||||||
.section-divider-wavesOpacity-bottom {
|
|
||||||
&:before {
|
|
||||||
left: -25%;
|
|
||||||
width: 150%;
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.section-divider-curve-top,
|
|
||||||
.section-divider-curve-bottom {
|
|
||||||
&:before {
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,715 +0,0 @@
|
|||||||
//
|
|
||||||
// Slider styles //
|
|
||||||
//
|
|
||||||
.owl-carousel {
|
|
||||||
&[data-owl-nav="true"] {
|
|
||||||
&:not([class*='owl-nav-']) {
|
|
||||||
padding: 0 56px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
padding: 0 48px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.owl-item {
|
|
||||||
img { width: auto; }
|
|
||||||
}
|
|
||||||
.owl-nav {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
@include transform(translateY(-50%));
|
|
||||||
z-index: -1;
|
|
||||||
height: 36px;
|
|
||||||
button {
|
|
||||||
&.owl-prev { left: 0; }
|
|
||||||
&.owl-next { right: 0; }
|
|
||||||
&.owl-next, &.owl-prev {
|
|
||||||
position: absolute;
|
|
||||||
width: 36px;
|
|
||||||
height: 36px;
|
|
||||||
border-radius: 50%;
|
|
||||||
color: get-color("dark", 0.6);
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
i {
|
|
||||||
font-size: 1.3em;
|
|
||||||
line-height: 36px;
|
|
||||||
}
|
|
||||||
&:hover, &:focus {
|
|
||||||
background: $bg-gray;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
height: 32px;
|
|
||||||
button {
|
|
||||||
&.owl-next, &.owl-prev {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
i {
|
|
||||||
font-size: 1em;
|
|
||||||
line-height: 32px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-nav-left, &.owl-nav-right {
|
|
||||||
.owl-nav {
|
|
||||||
padding-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.owl-dots {
|
|
||||||
margin-top: 20px;
|
|
||||||
margin-right: -2px;
|
|
||||||
margin-left: -2px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 0;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.owl-dot {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
margin: 0 2px;
|
|
||||||
vertical-align: middle;
|
|
||||||
&:before, &:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
border-radius: 50%;
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
}
|
|
||||||
&:before {
|
|
||||||
top: 2px;
|
|
||||||
right: 2px;
|
|
||||||
bottom: 2px;
|
|
||||||
left: 2px;
|
|
||||||
opacity: 0;
|
|
||||||
background: transparent;
|
|
||||||
border: 1px solid black;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
@include transform(translate(-50%,-50%));
|
|
||||||
opacity: 0.3;
|
|
||||||
background: black;
|
|
||||||
width: 6px;
|
|
||||||
height: 6px;
|
|
||||||
}
|
|
||||||
&:hover, &:focus, &.active {
|
|
||||||
&:after {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.active {
|
|
||||||
&:before, &:after {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
&:before {
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:not([data-owl-dots="false"], [class*='owl-dots-over']) {
|
|
||||||
.owl-nav {
|
|
||||||
margin-top: -20px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
margin-top: -18px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
.owl-carousel {
|
|
||||||
&:not([class*='owl-dots-over'], [class*='owl-nav-over']) {
|
|
||||||
.owl-nav {
|
|
||||||
button {
|
|
||||||
&.owl-next, &.owl-prev {
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
&:hover, &:focus {
|
|
||||||
background: get-color("white", 0.15);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.owl-dots {
|
|
||||||
.owl-dot {
|
|
||||||
&:before { border-color: white; }
|
|
||||||
&:after { background: white; opacity: 0.5; }
|
|
||||||
&:hover, &:focus, &.active {
|
|
||||||
&:after {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
[class*='bg-gray'],
|
|
||||||
[class*='bg-light'] {
|
|
||||||
.owl-carousel {
|
|
||||||
.owl-nav {
|
|
||||||
button {
|
|
||||||
&.owl-next, &.owl-prev {
|
|
||||||
&:hover, &:focus {
|
|
||||||
background: get-color("dark", 0.05);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Owl Nav - Left, Right //
|
|
||||||
//
|
|
||||||
.owl-carousel {
|
|
||||||
&.owl-nav-left,
|
|
||||||
&.owl-nav-right {
|
|
||||||
.owl-nav {
|
|
||||||
height: auto;
|
|
||||||
button {
|
|
||||||
position: static;
|
|
||||||
display: block;
|
|
||||||
margin: 8px 0;
|
|
||||||
&.owl-prev, &.owl-next {
|
|
||||||
right: auto;
|
|
||||||
left: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-nav-left {
|
|
||||||
padding: 0 0 0 56px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
padding: 0 0 0 48px;
|
|
||||||
}
|
|
||||||
.owl-nav {
|
|
||||||
right: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-nav-right {
|
|
||||||
padding: 0 56px 0 0;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
padding: 0 48px 0 0;
|
|
||||||
}
|
|
||||||
.owl-nav {
|
|
||||||
left: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Owl Nav Overlay //
|
|
||||||
//
|
|
||||||
.owl-carousel {
|
|
||||||
&.owl-nav-overlay {
|
|
||||||
.owl-nav {
|
|
||||||
z-index: 1;
|
|
||||||
padding-bottom: 0;
|
|
||||||
button {
|
|
||||||
&.owl-next, &.owl-prev {
|
|
||||||
opacity: 1;
|
|
||||||
background: get-color("dark", 0.3);
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
border: 0;
|
|
||||||
border-radius: 50%;
|
|
||||||
color: get-color("white", 0.8);
|
|
||||||
text-align: center;
|
|
||||||
i {
|
|
||||||
line-height: 50px;
|
|
||||||
}
|
|
||||||
&:hover, &:focus {
|
|
||||||
opacity: 1;
|
|
||||||
background: get-color("dark", 0.4);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
.owl-nav {
|
|
||||||
opacity: 0;
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
.owl-nav { opacity: 1; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
.owl-nav {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-nav-overlay {
|
|
||||||
.owl-nav {
|
|
||||||
height: 50px;
|
|
||||||
button {
|
|
||||||
&.owl-prev { left: 20px; }
|
|
||||||
&.owl-next { right: 20px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:not([data-owl-dots="false"], [class*='owl-dots-over']) {
|
|
||||||
.owl-nav {
|
|
||||||
margin-top: -20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Owl Dots - Left, Right //
|
|
||||||
//
|
|
||||||
.owl-carousel {
|
|
||||||
&.owl-dots-left {
|
|
||||||
.owl-dots { text-align: left; }
|
|
||||||
}
|
|
||||||
&.owl-dots-right {
|
|
||||||
.owl-dots { text-align: right; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Owl Dots Overlay //
|
|
||||||
//
|
|
||||||
.owl-carousel {
|
|
||||||
&.owl-dots-overlay {
|
|
||||||
.owl-dots {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 20px;
|
|
||||||
background: get-color("dark", 0.3);
|
|
||||||
border-radius: 20px;
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
bottom: 16px;
|
|
||||||
}
|
|
||||||
.owl-dot {
|
|
||||||
&:before { border-color: white; }
|
|
||||||
&:after { background: white; opacity: 0.5; }
|
|
||||||
&:hover, &:focus, &.active {
|
|
||||||
&:after {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-dots-overlay {
|
|
||||||
.owl-dots {
|
|
||||||
right: auto;
|
|
||||||
left: 50%;
|
|
||||||
@include transform(translateX(-50%));
|
|
||||||
}
|
|
||||||
&.owl-nav-overlap-right {
|
|
||||||
.owl-dots {
|
|
||||||
margin-left: -12.5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-nav-left {
|
|
||||||
.owl-dots {
|
|
||||||
margin-left: 28px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-nav-right {
|
|
||||||
.owl-dots {
|
|
||||||
margin-left: -28px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
&.owl-nav-overlap-left {
|
|
||||||
.owl-dots {
|
|
||||||
margin-left: 12.5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
&.owl-nav-overlap-left, &.owl-nav-overlap-right {
|
|
||||||
.owl-dots {
|
|
||||||
margin-left: -10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Owl Dots Overlap //
|
|
||||||
//
|
|
||||||
.owl-carousel {
|
|
||||||
&.owl-dots-overlap,
|
|
||||||
&.owl-dots-overlap-left,
|
|
||||||
&.owl-dots-overlap-right {
|
|
||||||
.owl-dots {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
background: white;
|
|
||||||
border-radius: 20px;
|
|
||||||
@include box-shadow(0 6px 30px 0 rgba(22,24,26,0.13));
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px;
|
|
||||||
&:hover, &:focus {
|
|
||||||
@include box-shadow(0 6px 36px 0 rgba(22,24,26,0.19));
|
|
||||||
}
|
|
||||||
.owl-dot {
|
|
||||||
&:before { border-color: get-color("dark"); }
|
|
||||||
&:after { background: get-color("dark"); opacity: 0.3; }
|
|
||||||
&:hover, &:focus, &.active {
|
|
||||||
&:after {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-dots-overlap {
|
|
||||||
.owl-dots {
|
|
||||||
right: auto;
|
|
||||||
left: 50%;
|
|
||||||
@include transform(translateY(50%) translateX(-50%));
|
|
||||||
}
|
|
||||||
&.owl-nav-left {
|
|
||||||
.owl-dots {
|
|
||||||
margin-left: 28px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-nav-right {
|
|
||||||
.owl-dots {
|
|
||||||
margin-left: -28px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-nav-overlap-right {
|
|
||||||
.owl-dots {
|
|
||||||
margin-left: -12.5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
&.owl-nav-overlap-left {
|
|
||||||
.owl-dots {
|
|
||||||
margin-left: 12.5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.owl-dots-overlap-left,
|
|
||||||
&.owl-dots-overlap-right {
|
|
||||||
.owl-dots {
|
|
||||||
@include transform(translateY(50%));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-dots-overlap-left {
|
|
||||||
.owl-dots {
|
|
||||||
right: auto;
|
|
||||||
left: 20px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
left: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&[data-owl-nav="true"], &.owl-nav-left {
|
|
||||||
&:not(.owl-nav-right, [class*='owl-nav-over']) {
|
|
||||||
.owl-dots {
|
|
||||||
left: 76px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
left: 64px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-nav-overlap {
|
|
||||||
.owl-dots {
|
|
||||||
left: 45px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
&.owl-nav-overlap-left {
|
|
||||||
.owl-dots {
|
|
||||||
left: 45px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-dots-overlap-right {
|
|
||||||
.owl-dots {
|
|
||||||
right: 20px;
|
|
||||||
left: auto;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
right: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&[data-owl-nav="true"], &.owl-nav-right {
|
|
||||||
&:not(.owl-nav-left, [class*='owl-nav-over']) {
|
|
||||||
.owl-dots {
|
|
||||||
right: 76px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
right: 64px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-nav-overlap, &.owl-nav-overlap-right {
|
|
||||||
.owl-dots {
|
|
||||||
right: 45px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
right: 36px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Owl Nav Overlap //
|
|
||||||
//
|
|
||||||
.owl-carousel {
|
|
||||||
&.owl-nav-overlap {
|
|
||||||
padding: 0 25px;
|
|
||||||
.owl-nav {
|
|
||||||
right: 25px;
|
|
||||||
left: 25px;
|
|
||||||
z-index: 1;
|
|
||||||
height: 50px;
|
|
||||||
button {
|
|
||||||
opacity: 1;
|
|
||||||
background: white;
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
border-radius: 50%;
|
|
||||||
@include box-shadow(0 10px 36px 0 rgba(22,24,26,0.13));
|
|
||||||
color: get-color("dark");
|
|
||||||
&.owl-prev {
|
|
||||||
right: auto;
|
|
||||||
left: 0;
|
|
||||||
@include transform(translateX(-50%));
|
|
||||||
}
|
|
||||||
&.owl-next {
|
|
||||||
right: 0;
|
|
||||||
left: auto;
|
|
||||||
@include transform(translateX(50%));
|
|
||||||
}
|
|
||||||
&:hover, &:focus {
|
|
||||||
opacity: 1;
|
|
||||||
background: white;
|
|
||||||
color: get-color("dark");
|
|
||||||
@include box-shadow(0 10px 40px 0 rgba(22,24,26,0.19));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:not([data-owl-dots="false"], [class*='owl-dots-over']) {
|
|
||||||
.owl-nav {
|
|
||||||
margin-top: -20px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
margin-top: -18px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
padding: 0 20px;
|
|
||||||
.owl-nav {
|
|
||||||
right: 20px;
|
|
||||||
left: 20px;
|
|
||||||
height: 40px;
|
|
||||||
button.owl-prev,
|
|
||||||
button.owl-next {
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-nav-overlap-left {
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
padding: 0 0 0 25px;
|
|
||||||
.owl-nav {
|
|
||||||
left: 25px;
|
|
||||||
right: auto;
|
|
||||||
@include transform(translateY(-50%) translateX(-50%));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-nav-overlap-right {
|
|
||||||
padding: 0 25px 0 0;
|
|
||||||
.owl-nav {
|
|
||||||
left: auto;
|
|
||||||
right: 25px;
|
|
||||||
@include transform(translateY(-50%) translateX(50%));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.owl-nav-overlap-left,
|
|
||||||
&.owl-nav-overlap-right {
|
|
||||||
.owl-nav {
|
|
||||||
z-index: 1;
|
|
||||||
width: 50px;
|
|
||||||
height: auto;
|
|
||||||
padding-bottom: 0;
|
|
||||||
button.owl-prev,
|
|
||||||
button.owl-next {
|
|
||||||
position: static;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
opacity: 1;
|
|
||||||
background: white;
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
margin: 4px 0;
|
|
||||||
border-radius: 50%;
|
|
||||||
@include box-shadow(0 10px 36px 0 rgba(22,24,26,0.13));
|
|
||||||
color: get-color("dark");
|
|
||||||
&:hover, &:focus {
|
|
||||||
opacity: 1;
|
|
||||||
background: white;
|
|
||||||
@include box-shadow(0 10px 40px 0 rgba(22,24,26,0.19));
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:not([data-owl-dots="false"], [class*='owl-dots-over']) {
|
|
||||||
.owl-nav {
|
|
||||||
margin-top: -20px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
margin-top: -18px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
padding: 0 20px 0 0;
|
|
||||||
.owl-nav {
|
|
||||||
left: auto;
|
|
||||||
right: 20px;
|
|
||||||
@include transform(translateY(-50%) translateX(50%));
|
|
||||||
width: 40px;
|
|
||||||
button.owl-prev,
|
|
||||||
button.owl-next {
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Swiper //
|
|
||||||
//
|
|
||||||
.hero-portfolio-slider {
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
padding: 0 30px;
|
|
||||||
}
|
|
||||||
.swiper-wrapper {
|
|
||||||
.swiper-slide {
|
|
||||||
@include transform(scale(0.9));
|
|
||||||
opacity: 0.9;
|
|
||||||
@include transition(ease-in 0.16s);
|
|
||||||
&.swiper-slide-active {
|
|
||||||
@include transform(scale(1));
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.swiper-pagination {
|
|
||||||
.swiper-pagination-bullet {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
opacity: 1;
|
|
||||||
background: transparent;
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
margin: 0 2px;
|
|
||||||
vertical-align: middle;
|
|
||||||
&:before, &:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
border-radius: 50%;
|
|
||||||
@include transition(ease-out 0.16s);
|
|
||||||
}
|
|
||||||
&:before {
|
|
||||||
top: 2px;
|
|
||||||
right: 2px;
|
|
||||||
bottom: 2px;
|
|
||||||
left: 2px;
|
|
||||||
opacity: 0;
|
|
||||||
background: transparent;
|
|
||||||
border: 1px solid black;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
@include transform(translate(-50%,-50%));
|
|
||||||
opacity: 0.3;
|
|
||||||
background: black;
|
|
||||||
width: 6px;
|
|
||||||
height: 6px;
|
|
||||||
}
|
|
||||||
&:hover, &:focus, &.swiper-pagination-bullet-active {
|
|
||||||
&:after {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.swiper-pagination-bullet-active {
|
|
||||||
&:before, &:after {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
&:before {
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.swiper-pagination-horizontal {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 20px;
|
|
||||||
left: 50%;
|
|
||||||
@include transform(translateX(-50%));
|
|
||||||
background: get-color("dark", 0.3);
|
|
||||||
width: auto;
|
|
||||||
border-radius: 20px;
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px;
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
bottom: 16px;
|
|
||||||
}
|
|
||||||
.swiper-pagination-bullet {
|
|
||||||
&:before { border-color: white; }
|
|
||||||
&:after { background: white; opacity: 0.5; }
|
|
||||||
&:hover, &:focus, &.swiper-pagination-bullet-active {
|
|
||||||
&:after {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Sliding Text //
|
|
||||||
//
|
|
||||||
.sliding-text,
|
|
||||||
.sliding-text-reverse {
|
|
||||||
.swiper-slide {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.sliding-boxes .swiper-wrapper,
|
|
||||||
.sliding-text .swiper-wrapper,
|
|
||||||
.sliding-text-reverse .swiper-wrapper {
|
|
||||||
transition-timing-function: linear;
|
|
||||||
}
|
|
||||||
@@ -1,129 +0,0 @@
|
|||||||
//
|
|
||||||
// Team Styles //
|
|
||||||
//
|
|
||||||
.team-wrapper {
|
|
||||||
.team-box {
|
|
||||||
text-align: center;
|
|
||||||
.team-img {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
img {
|
|
||||||
@include transform(scale(1));
|
|
||||||
width: 100%;
|
|
||||||
@include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
||||||
}
|
|
||||||
div {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
opacity: 0;
|
|
||||||
background: get-color("dark", 0.4);
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
text-align: center;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
ul {
|
|
||||||
list-style-type: none;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
@include transform(translateY(-50%) scale(0.96));
|
|
||||||
margin: 0 -7px;
|
|
||||||
padding: 0 30px;
|
|
||||||
@include transition(ease-out 0.12s);
|
|
||||||
li {
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0 7px;
|
|
||||||
a {
|
|
||||||
&:not([class^='button'], [class^="link-social"]) {
|
|
||||||
color: white;
|
|
||||||
&:hover {
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
img {
|
|
||||||
@include transform(scale(1.04));
|
|
||||||
@include filter(blur(1.5px));
|
|
||||||
}
|
|
||||||
div {
|
|
||||||
opacity: 1;
|
|
||||||
ul {
|
|
||||||
@include transform(translateY(-50%) scale(1));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
span {
|
|
||||||
color: $color-primary-lighter;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.team-box-hover-2 {
|
|
||||||
.team-box {
|
|
||||||
.team-img {
|
|
||||||
div {
|
|
||||||
top: auto;
|
|
||||||
bottom: 16px;
|
|
||||||
right: 16px;
|
|
||||||
left: 16px;
|
|
||||||
@include transform(translateY(5px));
|
|
||||||
background: white;
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
padding: 15px 20px;
|
|
||||||
ul {
|
|
||||||
position: static;
|
|
||||||
top: auto;
|
|
||||||
@include transform(translateY(0) scale(1));
|
|
||||||
padding: 0;
|
|
||||||
li {
|
|
||||||
a {
|
|
||||||
&:not([class^='button'], [class^="link-social"]) {
|
|
||||||
color: $color-primary;
|
|
||||||
&:hover, &:focus { color: get-color("dark"); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
img {
|
|
||||||
@include filter(blur(0));
|
|
||||||
}
|
|
||||||
div {
|
|
||||||
@include transform(translateY(0));
|
|
||||||
ul {
|
|
||||||
@include transform(translateY(0) scale(1));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&[class*='border-radius'] {
|
|
||||||
.team-box {
|
|
||||||
.team-img {
|
|
||||||
@include transform(translate3d(0,0,0));
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.border-radius {
|
|
||||||
.team-box .team-img { border-radius: 0.4em; }
|
|
||||||
}
|
|
||||||
&.border-radius-1 {
|
|
||||||
.team-box .team-img { border-radius: 1.0em; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.text-start {
|
|
||||||
.team-box { text-align: left; }
|
|
||||||
}
|
|
||||||
.text-end {
|
|
||||||
.team-box { text-align: right; }
|
|
||||||
}
|
|
||||||
@@ -1,125 +0,0 @@
|
|||||||
//
|
|
||||||
// Testimonial Styles //
|
|
||||||
//
|
|
||||||
.testimonial-box {
|
|
||||||
max-width: 730px;
|
|
||||||
margin: 0 auto;
|
|
||||||
text-align: center;
|
|
||||||
img {
|
|
||||||
width: 80px;
|
|
||||||
height: 80px;
|
|
||||||
border-radius: 50%;
|
|
||||||
margin-right: auto;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Testimonial Grid //
|
|
||||||
//
|
|
||||||
.testimonial-grid {
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
&.column-2 {
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
.testimonial-grid-box {
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.column-1 {
|
|
||||||
.testimonial-grid-box {
|
|
||||||
width: 100%;
|
|
||||||
padding: 30px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.testimonial-grid-box {
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
width: 33.3%;
|
|
||||||
padding: 30px;
|
|
||||||
&:before, &:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
&:before {
|
|
||||||
top: 0;
|
|
||||||
left: -1px;
|
|
||||||
height: 100%;
|
|
||||||
border-left: 1px dashed get-color("dark", 0.1);
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
left: 0;
|
|
||||||
bottom: -1px;
|
|
||||||
width: 100%;
|
|
||||||
border-bottom: 1px dashed get-color("dark", 0.1);
|
|
||||||
}
|
|
||||||
.testimonial-img {
|
|
||||||
float: left;
|
|
||||||
margin-right: 20px;
|
|
||||||
img {
|
|
||||||
width: 80px;
|
|
||||||
height: 80px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.testimonial-content {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
.testimonial-grid-box {
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(sm) {
|
|
||||||
.testimonial-grid-box {
|
|
||||||
width: 100%;
|
|
||||||
padding: 30px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Border Style - Solid //
|
|
||||||
//
|
|
||||||
&.border-style-solid {
|
|
||||||
border: 0;
|
|
||||||
.testimonial-grid-box {
|
|
||||||
&:before { border-left-style: solid; }
|
|
||||||
&:after { border-bottom-style: solid; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Border Style - Dotted //
|
|
||||||
//
|
|
||||||
&.border-style-dotted {
|
|
||||||
border: 0;
|
|
||||||
.testimonial-grid-box {
|
|
||||||
&:before { border-left-style: dotted; }
|
|
||||||
&:after { border-bottom-style: dotted; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Borderless //
|
|
||||||
//
|
|
||||||
&.border-0 {
|
|
||||||
margin: -15px;
|
|
||||||
.testimonial-grid-box {
|
|
||||||
padding: 15px;
|
|
||||||
&:before, &:after { border: 0; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(sm) {
|
|
||||||
&.border-0 {
|
|
||||||
margin: -15px 0;
|
|
||||||
.testimonial-grid-box { padding: 15px 0; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
.testimonial-grid-box {
|
|
||||||
&:before, &:after { border-color: get-color("white", 0.2); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,240 +0,0 @@
|
|||||||
//
|
|
||||||
// Text Link Styles //
|
|
||||||
//
|
|
||||||
|
|
||||||
a {
|
|
||||||
// color: #007bff;
|
|
||||||
// color: get-color("dark", 0.8);
|
|
||||||
color: #000;
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: #0056b3;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-content {
|
|
||||||
a {
|
|
||||||
// color: #007bff;
|
|
||||||
color: get-color("dark", 0.8);
|
|
||||||
text-decoration: underline;
|
|
||||||
&:hover {
|
|
||||||
color: #0056b3;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
*[class*='text-link-'] {
|
|
||||||
color: get-color("dark", 0.9);
|
|
||||||
&:hover, &:focus {
|
|
||||||
color: get-color("dark");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.text-link-1 {
|
|
||||||
&:hover { text-decoration: underline; }
|
|
||||||
}
|
|
||||||
.text-link-2 {
|
|
||||||
position: relative;
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
bottom: -2px;
|
|
||||||
background: get-color("dark", 0.9);
|
|
||||||
width: 0;
|
|
||||||
height: 1px;
|
|
||||||
@include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
&:before {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.text-link-2 {
|
|
||||||
&:before { left: 0; }
|
|
||||||
}
|
|
||||||
.text-link-3 {
|
|
||||||
position: relative;
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
bottom: -2px;
|
|
||||||
left: 0;
|
|
||||||
@include transform(translateY(3px));
|
|
||||||
opacity: 0;
|
|
||||||
background: get-color("dark", 0.9);
|
|
||||||
width: 100%;
|
|
||||||
height: 1px;
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
&:before {
|
|
||||||
@include transform(translateY(0));
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.text-link-4 {
|
|
||||||
position: relative;
|
|
||||||
&:before, &:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
bottom: -2px;
|
|
||||||
height: 1px;
|
|
||||||
@include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
||||||
}
|
|
||||||
&:before {
|
|
||||||
left: 0;
|
|
||||||
background: get-color("dark", 0.2);
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
background: get-color("dark", 0.9);
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
&:after {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.text-link-4 {
|
|
||||||
&:after { left: 0; }
|
|
||||||
}
|
|
||||||
.text-link-5 {
|
|
||||||
position: relative;
|
|
||||||
&:before, &:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
bottom: -2px;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 1px;
|
|
||||||
@include transition(linear 0.1s);
|
|
||||||
}
|
|
||||||
&:before {
|
|
||||||
background: get-color("dark", 0.2);
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
opacity: 0;
|
|
||||||
@include transform(translateY(3px));
|
|
||||||
background: get-color("dark", 0.9);
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
&:before {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
@include transform(translateY(0));
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.text-link-6 {
|
|
||||||
position: relative;
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
bottom: 4px;
|
|
||||||
left: 0;
|
|
||||||
background: get-color("dark", 0.2);
|
|
||||||
width: 0;
|
|
||||||
height: 6px;
|
|
||||||
@include transition(all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
&:before {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
*[class*='text-link-'] {
|
|
||||||
color: get-color("white", 0.8);
|
|
||||||
&:hover, &:focus {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.text-link-2, .text-link-3 {
|
|
||||||
&:before { background: white; }
|
|
||||||
}
|
|
||||||
.text-link-4, .text-link-5 {
|
|
||||||
&:before { background: get-color("white", 0.3); }
|
|
||||||
&:after { background: white; }
|
|
||||||
}
|
|
||||||
.text-link-6 {
|
|
||||||
&:before { background: get-color("white", 0.3); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*='link-social-'] {
|
|
||||||
&:hover {
|
|
||||||
opacity: 0.7;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.link-social-facebook {
|
|
||||||
color: $color-facebook;
|
|
||||||
&:hover {
|
|
||||||
color: $color-facebook;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.link-social-twitter {
|
|
||||||
color: $color-twitter;
|
|
||||||
&:hover {
|
|
||||||
color: $color-twitter;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.link-social-instagram {
|
|
||||||
color: $color-instagram;
|
|
||||||
&:hover {
|
|
||||||
color: $color-instagram;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.link-social-linkedin {
|
|
||||||
color: $color-linkedin;
|
|
||||||
&:hover {
|
|
||||||
color: $color-linkedin;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.link-social-youtube {
|
|
||||||
color: $color-youtube;
|
|
||||||
&:hover {
|
|
||||||
color: $color-youtube;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.link-social-pinterest {
|
|
||||||
color: $color-pinterest;
|
|
||||||
&:hover {
|
|
||||||
color: $color-pinterest;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.link-social-skype {
|
|
||||||
color: $color-skype;
|
|
||||||
&:hover {
|
|
||||||
color: $color-skype;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.link-social-dribbble {
|
|
||||||
color: $color-dribbble;
|
|
||||||
&:hover {
|
|
||||||
color: $color-dribbble;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.link-social-snapchat {
|
|
||||||
color: $color-snapchat;
|
|
||||||
&:hover {
|
|
||||||
color: $color-snapchat;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.link-social-whatsapp {
|
|
||||||
color: $color-whatsapp;
|
|
||||||
&:hover {
|
|
||||||
color: $color-whatsapp;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,246 +0,0 @@
|
|||||||
//
|
|
||||||
// Timeline Styles //
|
|
||||||
//
|
|
||||||
.timeline-wrapper {
|
|
||||||
position: relative;
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
background: $border-gray;
|
|
||||||
width: 1px;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.timeline {
|
|
||||||
.timeline-date {
|
|
||||||
position: relative;
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 31px;
|
|
||||||
background: $border-gray;
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 37px;
|
|
||||||
background: get-color("dark");
|
|
||||||
width: 8px;
|
|
||||||
height: 8px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
.timeline-wrapper {
|
|
||||||
position: relative;
|
|
||||||
&:before {
|
|
||||||
left: 50%;
|
|
||||||
@include transform(translateX(-50%));
|
|
||||||
}
|
|
||||||
.timeline {
|
|
||||||
position: relative;
|
|
||||||
.timeline-date, .timeline-content {
|
|
||||||
width: 50%;
|
|
||||||
padding: 30px;
|
|
||||||
}
|
|
||||||
.timeline-date {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
text-align: right;
|
|
||||||
&:before {
|
|
||||||
right: -10px;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
right: -4px;
|
|
||||||
}
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
position: relative;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.timeline-content {
|
|
||||||
margin-left: 50%;
|
|
||||||
}
|
|
||||||
&:nth-child(even) {
|
|
||||||
.timeline-date {
|
|
||||||
left: 50%;
|
|
||||||
text-align: left;
|
|
||||||
&:before {
|
|
||||||
right: auto;
|
|
||||||
left: -10px;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
right: auto;
|
|
||||||
left: -4px;
|
|
||||||
}
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.timeline-content {
|
|
||||||
margin-left: 0;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Timeline left //
|
|
||||||
//
|
|
||||||
&.timeline-left {
|
|
||||||
&:before {
|
|
||||||
left: 200px;
|
|
||||||
@include transform(translateX(0));
|
|
||||||
}
|
|
||||||
.timeline {
|
|
||||||
.timeline-date {
|
|
||||||
width: 200px;
|
|
||||||
padding: 30px 30px 0 0;
|
|
||||||
}
|
|
||||||
.timeline-content {
|
|
||||||
width: auto;
|
|
||||||
margin: 0 0 0 200px;
|
|
||||||
padding: 30px 0 0 30px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
&:nth-child(even) {
|
|
||||||
.timeline-date {
|
|
||||||
left: auto;
|
|
||||||
text-align: right;
|
|
||||||
&:before {
|
|
||||||
right: -10px;
|
|
||||||
left: auto;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
right: -4px;
|
|
||||||
left: auto;
|
|
||||||
}
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:last-child {
|
|
||||||
.timeline-date, .timeline-content {
|
|
||||||
padding-bottom: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// Timeline Right //
|
|
||||||
//
|
|
||||||
&.timeline-right {
|
|
||||||
&:before {
|
|
||||||
right: 200px;
|
|
||||||
left: auto;
|
|
||||||
@include transform(translateX(0));
|
|
||||||
}
|
|
||||||
.timeline {
|
|
||||||
.timeline-date {
|
|
||||||
right: 0;
|
|
||||||
left: auto;
|
|
||||||
width: 200px;
|
|
||||||
padding: 30px 0 0 30px;
|
|
||||||
text-align: left;
|
|
||||||
&:before {
|
|
||||||
right: auto;
|
|
||||||
left: -10px;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
right: auto;
|
|
||||||
left: -4px;
|
|
||||||
}
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.timeline-content {
|
|
||||||
width: auto;
|
|
||||||
margin: 0 200px 0 0;
|
|
||||||
padding: 30px 30px 0 0;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
&:nth-child(even) {
|
|
||||||
.timeline-date {
|
|
||||||
left: auto;
|
|
||||||
text-align: left;
|
|
||||||
&:before {
|
|
||||||
left: -10px;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
left: -4px;
|
|
||||||
}
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:last-child {
|
|
||||||
.timeline-date, .timeline-content {
|
|
||||||
padding-bottom: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} // end Timeline Right //
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(md) {
|
|
||||||
.timeline-wrapper {
|
|
||||||
padding-left: 30px;
|
|
||||||
&:before {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
.timeline {
|
|
||||||
margin-bottom: 30px;
|
|
||||||
&:first-child {
|
|
||||||
padding-top: 30px;
|
|
||||||
}
|
|
||||||
&:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
padding-bottom: 30px;
|
|
||||||
}
|
|
||||||
.timeline-date {
|
|
||||||
&:before {
|
|
||||||
top: 1px;
|
|
||||||
left: -40px;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
top: 7px;
|
|
||||||
left: -34px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@include breakpoint-less(xs) {
|
|
||||||
.timeline-wrapper {
|
|
||||||
padding-left: 20px;
|
|
||||||
.timeline {
|
|
||||||
.timeline-date {
|
|
||||||
&:before { left: -30px; }
|
|
||||||
&:after { left: -24px; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
.timeline-wrapper {
|
|
||||||
&:before { background: get-color("white", 0.2); }
|
|
||||||
.timeline {
|
|
||||||
.timeline-date {
|
|
||||||
&:before { background: get-color("white", 0.2); }
|
|
||||||
&:after { background: white; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
//
|
|
||||||
// Your Custom Styles //
|
|
||||||
//
|
|
||||||
@@ -1,97 +0,0 @@
|
|||||||
//
|
|
||||||
// Mixins //
|
|
||||||
//
|
|
||||||
@mixin display-flex {
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin background-size($background-size) {
|
|
||||||
-webkit-background-size: $background-size;
|
|
||||||
-moz-background-size: $background-size;
|
|
||||||
background-size: $background-size;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin box-shadow($box-shadow) {
|
|
||||||
-webkit-box-shadow: $box-shadow;
|
|
||||||
box-shadow: $box-shadow;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin text-shadow($text-shadow) {
|
|
||||||
-webkit-text-shadow: $text-shadow;
|
|
||||||
text-shadow: $text-shadow;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin filter($filter) {
|
|
||||||
-webkit-filter: $filter;
|
|
||||||
filter: $filter;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin transition($transition) {
|
|
||||||
-webkit-transition: $transition;
|
|
||||||
transition: $transition;
|
|
||||||
}
|
|
||||||
@mixin transition-delay($transition-delay) {
|
|
||||||
-webkit-transition-delay: $transition-delay;
|
|
||||||
transition-delay: $transition-delay;
|
|
||||||
}
|
|
||||||
@mixin transition-duration($transition-duration) {
|
|
||||||
-webkit-transition-duration: $transition-duration;
|
|
||||||
transition-duration: $transition-duration;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin transform($transform) {
|
|
||||||
-webkit-transform: $transform;
|
|
||||||
transform: $transform;
|
|
||||||
}
|
|
||||||
@mixin transform-origin($transform-origin) {
|
|
||||||
-webkit-transform-origin: $transform-origin;
|
|
||||||
transform-origin: $transform-origin;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin animation($animation) {
|
|
||||||
-webkit-animation: $animation;
|
|
||||||
animation: $animation;
|
|
||||||
}
|
|
||||||
@mixin animation-delay($animation-delay) {
|
|
||||||
-webkit-animation-delay: $animation-delay;
|
|
||||||
animation-delay: $animation-delay;
|
|
||||||
}
|
|
||||||
@mixin animation-fill-mode($animation-fill-mode) {
|
|
||||||
-webkit-animation-fill-mode: $animation-fill-mode;
|
|
||||||
animation-fill-mode: $animation-fill-mode;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin breakpoint-above($class) {
|
|
||||||
@if $class == xs {
|
|
||||||
@media (min-width: 0) { @content; }
|
|
||||||
}
|
|
||||||
@else if $class == sm {
|
|
||||||
@media (min-width: 576px) { @content; }
|
|
||||||
}
|
|
||||||
@else if $class == md {
|
|
||||||
@media (min-width: 768px) { @content; }
|
|
||||||
}
|
|
||||||
@else if $class == lg {
|
|
||||||
@media (min-width: 992px) { @content; }
|
|
||||||
}
|
|
||||||
@else if $class == xl {
|
|
||||||
@media (min-width: 1200px) { @content; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@mixin breakpoint-less($class) {
|
|
||||||
@if $class == xs {
|
|
||||||
@media (max-width: 575.98px) { @content; }
|
|
||||||
}
|
|
||||||
@else if $class == sm {
|
|
||||||
@media (max-width: 767.98px) { @content; }
|
|
||||||
}
|
|
||||||
@else if $class == md {
|
|
||||||
@media (max-width: 991.98px) { @content; }
|
|
||||||
}
|
|
||||||
@else if $class == lg {
|
|
||||||
@media (max-width: 1199.98px) { @content; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,464 +0,0 @@
|
|||||||
:root {
|
|
||||||
--bs-dark-rgb: 24, 28, 32;
|
|
||||||
--bs-border-color: get-color("dark", 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Background colors //
|
|
||||||
//
|
|
||||||
@each $name, $rgb in $colors {
|
|
||||||
@for $i from 1 through 9 {
|
|
||||||
.bg-#{$name}-0#{$i} {
|
|
||||||
background: rgba(nth($rgb, 1), nth($rgb, 2), nth($rgb, 3), $i * 0.1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@each $name, $rgb in $colors {
|
|
||||||
@for $i from 1 through 9 {
|
|
||||||
.bg-color-#{$name}-0#{$i} {
|
|
||||||
background: rgba(nth($rgb, 1), nth($rgb, 2), nth($rgb, 3), $i * 0.1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-dark-lighter { background: $bg-dark-lighter; }
|
|
||||||
.bg-dark-lightest { background: $bg-dark-lightest; }
|
|
||||||
.bg-dark { background: get-color("dark"); }
|
|
||||||
.bg-gray { background: $bg-gray; }
|
|
||||||
.bg-gray-lighter { background: $bg-gray-lighter; }
|
|
||||||
.bg-gray-lightest { background: $bg-gray-lightest; }
|
|
||||||
|
|
||||||
//
|
|
||||||
// Light Backgrounds //
|
|
||||||
//
|
|
||||||
.bg-light-blue { background: $bg-light-blue; }
|
|
||||||
.bg-light-purple { background: $bg-light-purple; }
|
|
||||||
.bg-light-pink-edge { background: $bg-light-pink-edge; }
|
|
||||||
.bg-light-golden-yellow { background: $bg-light-golden-yellow; }
|
|
||||||
.bg-light-very-peri { background: $bg-light-very-peri; }
|
|
||||||
.bg-light-turquoise { background: $bg-light-turquoise; }
|
|
||||||
.bg-light-spring-red { background: $bg-light-spring-red; }
|
|
||||||
.bg-light-tan { background: $bg-light-tan; }
|
|
||||||
.bg-light-aqua { background: $bg-light-aqua; }
|
|
||||||
|
|
||||||
//
|
|
||||||
// Color Backgrounds //
|
|
||||||
//
|
|
||||||
.bg-color-blue { background: get-color("blue"); }
|
|
||||||
.bg-color-purple { background: get-color("purple"); }
|
|
||||||
.bg-color-golden-yellow { background: get-color("golden-yellow"); }
|
|
||||||
.bg-color-pink-edge { background: get-color("pink-edge"); }
|
|
||||||
.bg-color-very-peri { background: get-color("very-peri"); }
|
|
||||||
.bg-color-turquoise { background: get-color("turquoise"); }
|
|
||||||
.bg-color-spring-red { background: get-color("spring-red"); }
|
|
||||||
.bg-color-tan { background: get-color("tan"); }
|
|
||||||
.bg-color-aqua { background: get-color("aqua"); }
|
|
||||||
|
|
||||||
//
|
|
||||||
// Gradient Backgrounds //
|
|
||||||
//
|
|
||||||
.bg-gradient-1 { background-image: $gradient-1; }
|
|
||||||
.bg-gradient-2 { background-image: $gradient-2; }
|
|
||||||
.bg-gradient-3 { background-image: $gradient-3; }
|
|
||||||
.bg-gradient-4 { background-image: $gradient-4; }
|
|
||||||
.bg-gradient-5 { background-image: $gradient-5; }
|
|
||||||
.bg-gradient-6 { background-image: $gradient-6; }
|
|
||||||
.bg-gradient-7 { background-image: $gradient-7; }
|
|
||||||
|
|
||||||
.bg-white-content {
|
|
||||||
color: $color-primary;
|
|
||||||
h1,h2,h3,h4,h5,h6 { color: get-color("dark"); }
|
|
||||||
a {
|
|
||||||
&:not([class^='button']) {
|
|
||||||
color: get-color("dark", 0.9);
|
|
||||||
&:hover, &:focus { color: get-color("dark"); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-dark-content {
|
|
||||||
color: get-color("white", 0.7);
|
|
||||||
h1,h2,h3,h4,h5,h6 { color: white; }
|
|
||||||
a {
|
|
||||||
&:not([class^='button']) {
|
|
||||||
color: get-color("white", 0.9);
|
|
||||||
&:hover, &:focus { color: white; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
[class*='bg-white'] {
|
|
||||||
@extend .bg-white-content;
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
@extend .bg-dark-content;
|
|
||||||
[class*='bg-white'] {
|
|
||||||
@extend .bg-white-content;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Font Families //
|
|
||||||
//
|
|
||||||
.font-family-primary { font-family: $font-family-primary }
|
|
||||||
.font-family-playfair { font-family: $font-family-playfair }
|
|
||||||
.font-family-poppins { font-family: $font-family-poppins }
|
|
||||||
.font-family-nunito { font-family: $font-family-nunito }
|
|
||||||
.font-family-outfit { font-family: $font-family-outfit }
|
|
||||||
|
|
||||||
//
|
|
||||||
// Font Weights //
|
|
||||||
//
|
|
||||||
.fw-thin { font-weight: $font-weight-thin; }
|
|
||||||
.fw-medium { font-weight: $font-weight-medium; }
|
|
||||||
.fw-semi-bold { font-weight: $font-weight-semi-bold; }
|
|
||||||
.fw-black { font-weight: $font-weight-black; }
|
|
||||||
|
|
||||||
//
|
|
||||||
// Text Colors //
|
|
||||||
//
|
|
||||||
@for $i from 1 through 9 {
|
|
||||||
*.text-white-0#{$i} {
|
|
||||||
color: rgba(nth($color-white, 1), nth($color-white, 2), nth($color-white, 3), $i * 0.1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@for $i from 1 through 9 {
|
|
||||||
*.text-dark-0#{$i} {
|
|
||||||
color: rgba(nth($color-dark, 1), nth($color-dark, 2), nth($color-dark, 3), $i * 0.1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
*.text-dark { color: get-color("dark"); }
|
|
||||||
*.text-red { color: $color-red-lighter; }
|
|
||||||
*.text-green { color: $color-green-lighter; }
|
|
||||||
*.text-blue { color: get-color("blue"); }
|
|
||||||
*.text-purple { color: get-color("purple"); }
|
|
||||||
*.text-golden-yellow { color: get-color("golden-yellow"); }
|
|
||||||
*.text-pink-edge { color: get-color("pink-edge"); }
|
|
||||||
*.text-very-peri { color: get-color("very-peri"); }
|
|
||||||
*.text-turquoise { color: get-color("turquoise"); }
|
|
||||||
*.text-spring-red { color: get-color("spring-red"); }
|
|
||||||
*.text-tan { color: get-color("tan"); }
|
|
||||||
*.text-aqua { color: get-color("aqua"); }
|
|
||||||
|
|
||||||
[class*='text-gradient'] {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.text-gradient-1 {
|
|
||||||
background-image: $gradient-1;
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
.text-gradient-2 {
|
|
||||||
background-image: $gradient-2;
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
.text-gradient-3 {
|
|
||||||
background-image: $gradient-3;
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
.text-gradient-4 {
|
|
||||||
background-image: $gradient-4;
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
.text-gradient-5 {
|
|
||||||
background-image: $gradient-5;
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
.text-gradient-6 {
|
|
||||||
background-image: $gradient-6;
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
.text-gradient-7 {
|
|
||||||
background-image: $gradient-7;
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Text Highlight //
|
|
||||||
//
|
|
||||||
[class*='text-highlight'] {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
bottom: -2px;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 4px;
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.text-highlight {
|
|
||||||
&:before { background: get-color("dark", 0.2); }
|
|
||||||
}
|
|
||||||
.text-highlight-gradient {
|
|
||||||
&:before { background-image: $gradient-1; }
|
|
||||||
}
|
|
||||||
.text-highlight-gradient-2 {
|
|
||||||
&:before { background-image: $gradient-2; }
|
|
||||||
}
|
|
||||||
.text-highlight-gradient-3 {
|
|
||||||
&:before { background-image: $gradient-3; }
|
|
||||||
}
|
|
||||||
.text-highlight-gradient-4 {
|
|
||||||
&:before { background-image: $gradient-4; }
|
|
||||||
}
|
|
||||||
.text-highlight-gradient-5 {
|
|
||||||
&:before { background-image: $gradient-5; }
|
|
||||||
}
|
|
||||||
.text-highlight-gradient-6 {
|
|
||||||
&:before { background-image: $gradient-6; }
|
|
||||||
}
|
|
||||||
.text-highlight-gradient-7 {
|
|
||||||
&:before { background-image: $gradient-7; }
|
|
||||||
}
|
|
||||||
h1,h2 {
|
|
||||||
&[class*='text-highlight'] {
|
|
||||||
&:before {
|
|
||||||
bottom: -2px;
|
|
||||||
height: 6px;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
&[class*='text-highlight'] {
|
|
||||||
&:before {
|
|
||||||
bottom: -2px;
|
|
||||||
height: 5px;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
&.display-1 {
|
|
||||||
&[class*='text-highlight'] {
|
|
||||||
&:before {
|
|
||||||
bottom: -8px;
|
|
||||||
height: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.display-2 {
|
|
||||||
&[class*='text-highlight'] {
|
|
||||||
&:before {
|
|
||||||
bottom: -6px;
|
|
||||||
height: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.display-3 {
|
|
||||||
&[class*='text-highlight'] {
|
|
||||||
&:before {
|
|
||||||
bottom: -6px;
|
|
||||||
height: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.display-4 {
|
|
||||||
&[class*='text-highlight'] {
|
|
||||||
&:before {
|
|
||||||
bottom: -6px;
|
|
||||||
height: 7px;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
.text-highlight {
|
|
||||||
&:before {
|
|
||||||
background: get-color("white", 0.3);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Stroke Text //
|
|
||||||
//
|
|
||||||
.stroke-text {
|
|
||||||
color: get-color("dark");
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
-webkit-text-stroke-width: 1.0px;
|
|
||||||
-webkit-text-stroke-color: get-color("dark");
|
|
||||||
@include breakpoint-above(md) {
|
|
||||||
-webkit-text-stroke-width: 1.2px;
|
|
||||||
}
|
|
||||||
@include breakpoint-above(lg) {
|
|
||||||
-webkit-text-stroke-width: 1.4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
.stroke-text {
|
|
||||||
color: white;
|
|
||||||
-webkit-text-stroke-color: white;
|
|
||||||
}
|
|
||||||
.bg-white,
|
|
||||||
[class*='bg-white'] {
|
|
||||||
.stroke-text {
|
|
||||||
color: get-color("dark");
|
|
||||||
-webkit-text-stroke-color: get-color("dark");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Fancy Text //
|
|
||||||
//
|
|
||||||
.fancy-text {
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
-webkit-text-stroke-width: 1.0px;
|
|
||||||
-webkit-text-stroke-color: get-color("dark");
|
|
||||||
@include text-shadow(3px 3px 0 rgb(219, 221, 223));
|
|
||||||
@include breakpoint-above(md) { -webkit-text-stroke-width: 1.2px; }
|
|
||||||
@include breakpoint-above(lg) { -webkit-text-stroke-width: 1.4px; }
|
|
||||||
&.display-1, &.display-2, &.display-3 {
|
|
||||||
@include text-shadow(4px 4px 0 rgb(219, 221, 223));
|
|
||||||
}
|
|
||||||
@include breakpoint-above(md) {
|
|
||||||
&.display-1, &.display-2, &.display-3 {
|
|
||||||
@include text-shadow(5px 5px 0 rgb(219, 221, 223));
|
|
||||||
}
|
|
||||||
&.display-4 {
|
|
||||||
@include text-shadow(4px 4px 0 rgb(219, 221, 223));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
.fancy-text {
|
|
||||||
color: white;
|
|
||||||
-webkit-text-stroke-color: white;
|
|
||||||
@include text-shadow(3px 3px 0 rgb(46, 48, 50));
|
|
||||||
&.display-1, &.display-2, &.display-3 {
|
|
||||||
@include text-shadow(4px 4px 0 rgb(46, 48, 50));
|
|
||||||
}
|
|
||||||
@include breakpoint-above(md) {
|
|
||||||
&.display-1, &.display-2, &.display-3 {
|
|
||||||
@include text-shadow(5px 5px 0 rgb(46, 48, 50));
|
|
||||||
}
|
|
||||||
&.display-4 {
|
|
||||||
@include text-shadow(4px 4px 0 rgb(46, 48, 50));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
[class*='bg-white'] {
|
|
||||||
.fancy-text {
|
|
||||||
color: get-color("dark");
|
|
||||||
-webkit-text-stroke-color: get-color("dark");
|
|
||||||
@include text-shadow(3px 3px 0 rgb(219, 221, 223));
|
|
||||||
&.display-1, &.display-2, &.display-3 {
|
|
||||||
@include text-shadow(4px 4px 0 rgb(219, 221, 223));
|
|
||||||
}
|
|
||||||
@include breakpoint-above(md) {
|
|
||||||
&.display-1, &.display-2, &.display-3 {
|
|
||||||
@include text-shadow(5px 5px 0 rgb(219, 221, 223));
|
|
||||||
}
|
|
||||||
&.display-4 {
|
|
||||||
@include text-shadow(4px 4px 0 rgb(219, 221, 223));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Borders //
|
|
||||||
//
|
|
||||||
.border-top,
|
|
||||||
.border-right,
|
|
||||||
.border-bottom,
|
|
||||||
.border-left {
|
|
||||||
border-width: 0;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: get-color("dark", 0.1);
|
|
||||||
}
|
|
||||||
.border-top { border-top-width: 1px; }
|
|
||||||
.border-right { border-right-width: 1px; }
|
|
||||||
.border-bottom { border-bottom-width: 1px; }
|
|
||||||
.border-left { border-left-width: 1px; }
|
|
||||||
|
|
||||||
.bg-black,
|
|
||||||
[class*='bg-dark'],
|
|
||||||
[class*='bg-gradient-'],
|
|
||||||
[class*='bg-color-'] {
|
|
||||||
.border, .border-top, .border-right, .border-bottom, .border-left {
|
|
||||||
border-color: get-color("white", 0.2) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Border Styles //
|
|
||||||
//
|
|
||||||
.border-style-dotted { border-style: dotted; }
|
|
||||||
.border-style-dashed { border-style: dashed; }
|
|
||||||
|
|
||||||
//
|
|
||||||
// Negative Margin //
|
|
||||||
//
|
|
||||||
.n-margin-1 {
|
|
||||||
margin-top: -1rem;
|
|
||||||
}
|
|
||||||
.n-margin-2 {
|
|
||||||
margin-top: -2rem;
|
|
||||||
}
|
|
||||||
.n-margin-3 {
|
|
||||||
margin-top: -3rem;
|
|
||||||
}
|
|
||||||
.n-margin-4 {
|
|
||||||
margin-top: -4rem;
|
|
||||||
}
|
|
||||||
.n-margin-5 {
|
|
||||||
margin-top: -5rem;
|
|
||||||
}
|
|
||||||
.n-margin-6 {
|
|
||||||
margin-top: -6rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Backdrop Filter //
|
|
||||||
//
|
|
||||||
.backdrop-filter-blur {
|
|
||||||
backdrop-filter: blur(5px);
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Opacity //
|
|
||||||
//
|
|
||||||
.opacity-10 {
|
|
||||||
opacity: 0.1;
|
|
||||||
}
|
|
||||||
.opacity-15 {
|
|
||||||
opacity: 0.15;
|
|
||||||
}
|
|
||||||
.opacity-20 {
|
|
||||||
opacity: 0.2;
|
|
||||||
}
|
|
||||||
@@ -1,126 +0,0 @@
|
|||||||
//
|
|
||||||
// Font //
|
|
||||||
//
|
|
||||||
$font-family-primary: 'Open Sans', sans-serif;
|
|
||||||
$font-family-playfair: 'Playfair Display', serif;
|
|
||||||
$font-family-poppins: 'Poppins', sans-serif;
|
|
||||||
$font-family-nunito: 'Nunito', sans-serif;
|
|
||||||
$font-family-outfit: 'Outfit', sans-serif;
|
|
||||||
$font-weight-black: 900;
|
|
||||||
$font-weight-extra-bold: 800;
|
|
||||||
$font-weight-bold: 700;
|
|
||||||
$font-weight-semi-bold: 600;
|
|
||||||
$font-weight-medium: 500;
|
|
||||||
$font-weight-regular: 400;
|
|
||||||
$font-weight-light: 300;
|
|
||||||
$font-weight-extra-light: 200;
|
|
||||||
$font-weight-thin: 100;
|
|
||||||
|
|
||||||
//
|
|
||||||
// Colors //
|
|
||||||
//
|
|
||||||
$colors: (
|
|
||||||
"white": (255, 255, 255),
|
|
||||||
"dark": (18, 21, 24),
|
|
||||||
"blue": (0, 147, 233),
|
|
||||||
"purple": (183, 33, 255),
|
|
||||||
"golden-yellow": (255, 182, 87),
|
|
||||||
"pink-edge": (254, 154, 182),
|
|
||||||
"very-peri": (102, 103, 171),
|
|
||||||
"turquoise": (76, 191, 166),
|
|
||||||
"spring-red": (190, 31, 53),
|
|
||||||
"tan": (210, 180, 140),
|
|
||||||
"aqua": (3, 212, 216)
|
|
||||||
);
|
|
||||||
@function get-color($color-name, $opacity: null) {
|
|
||||||
@if not map-has-key($colors, $color-name) {
|
|
||||||
@warn "Color `#{$color-name}` not found in $colors map.";
|
|
||||||
@return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
$color: map-get($colors, $color-name);
|
|
||||||
|
|
||||||
@if $opacity == null {
|
|
||||||
@return rgb(nth($color, 1), nth($color, 2), nth($color, 3));
|
|
||||||
} @else {
|
|
||||||
@return rgba(nth($color, 1), nth($color, 2), nth($color, 3), $opacity);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$color-white: map-get($colors, "white");
|
|
||||||
$color-dark: map-get($colors, "dark");
|
|
||||||
$color-dark-lighter: rgb(25, 28, 31);
|
|
||||||
$color-primary: #7C7C7C;
|
|
||||||
$color-primary-lighter: #AAAAAA;
|
|
||||||
$color-green: #24963e;
|
|
||||||
$color-green-lighter: #28a745;
|
|
||||||
$color-red: #c62f3e;
|
|
||||||
$color-red-lighter: #dc3545;
|
|
||||||
|
|
||||||
//
|
|
||||||
// Social Colors //
|
|
||||||
//
|
|
||||||
$color-facebook: #1877F2;
|
|
||||||
$color-twitter: #1DA1F2;
|
|
||||||
$color-instagram: #E4405F;
|
|
||||||
$color-linkedin: #0A66C2;
|
|
||||||
$color-youtube: #CD201F;
|
|
||||||
$color-pinterest: #BD081C;
|
|
||||||
$color-skype: #00AFF0;
|
|
||||||
$color-dribbble: #EA4C89;
|
|
||||||
$color-snapchat: #FFFC00;
|
|
||||||
$color-whatsapp: #25D366;
|
|
||||||
|
|
||||||
//
|
|
||||||
// Gradient Colors //
|
|
||||||
//
|
|
||||||
$gradient-1: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
|
|
||||||
$gradient-2: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%);
|
|
||||||
$gradient-3: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
|
|
||||||
$gradient-4: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);
|
|
||||||
$gradient-5: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
|
|
||||||
$gradient-6: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
|
|
||||||
$gradient-7: linear-gradient(90deg, #007990 0%, #6CE5C0 100%);
|
|
||||||
|
|
||||||
//
|
|
||||||
// Background colors //
|
|
||||||
//
|
|
||||||
$bg-dark: rgb(24, 28, 32);
|
|
||||||
$bg-dark-lighter: rgb(32, 36, 40);
|
|
||||||
$bg-dark-lightest: rgb(40, 44, 48);
|
|
||||||
$bg-gray: rgb(238, 242, 246);
|
|
||||||
$bg-gray-lighter: rgb(241, 245, 249);
|
|
||||||
$bg-gray-lightest: rgb(244, 248, 252);
|
|
||||||
|
|
||||||
$bg-light-blue: #e2f2fb;
|
|
||||||
$bg-light-purple: #F5E4FF;
|
|
||||||
$bg-light-pink-edge: #FEE6ED;
|
|
||||||
$bg-light-golden-yellow: #FFEFDB;
|
|
||||||
$bg-light-very-peri: #EDEDF5;
|
|
||||||
$bg-light-turquoise: #E2F4F0;
|
|
||||||
$bg-light-spring-red: #F7E5E7;
|
|
||||||
$bg-light-tan: #f6f0e8;
|
|
||||||
$bg-light-aqua: #CEF6F7;
|
|
||||||
|
|
||||||
$bg-color-blue: #0093E9;
|
|
||||||
$bg-color-purple: #B721FF;
|
|
||||||
$bg-color-pink-edge: #FE9AB6;
|
|
||||||
$bg-color-golden-yellow: #FFB657;
|
|
||||||
$bg-color-very-peri: #6667AB;
|
|
||||||
$bg-color-turquoise: #4cbfa6;
|
|
||||||
$bg-color-spring-red: #BE1F35;
|
|
||||||
$bg-color-tan: #d2b48c;
|
|
||||||
$bg-color-aqua: #03D4D8;
|
|
||||||
|
|
||||||
//
|
|
||||||
// Border colors //
|
|
||||||
//
|
|
||||||
$border-gray: rgb(226, 230, 234);
|
|
||||||
|
|
||||||
//
|
|
||||||
// Button colors //
|
|
||||||
//
|
|
||||||
$button-dark: rgb(24, 28, 32);
|
|
||||||
$button-dark-lighter: rgb(32, 36, 40);
|
|
||||||
$button-gray: rgb(228, 232, 236);
|
|
||||||
$button-gray-lighter: rgb(238, 242, 246);
|
|
||||||
$button-gray-darker: rgb(220, 224, 228);
|
|
||||||
@@ -1,101 +0,0 @@
|
|||||||
//
|
|
||||||
// Import Helpers //
|
|
||||||
//
|
|
||||||
@import "helpers/variables";
|
|
||||||
@import "helpers/mixins";
|
|
||||||
|
|
||||||
//
|
|
||||||
// Import Google Fonts //
|
|
||||||
//
|
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700&family=Playfair+Display:wght@400;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Outfit:wght@200;300;400;500;600;700;800&display=swap');
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Import Basic styles //
|
|
||||||
//
|
|
||||||
@import "basic/base";
|
|
||||||
@import "basic/background";
|
|
||||||
@import "basic/form";
|
|
||||||
@import "basic/image";
|
|
||||||
@import "basic/list";
|
|
||||||
@import "basic/typography";
|
|
||||||
|
|
||||||
//
|
|
||||||
// Import Elements //
|
|
||||||
//
|
|
||||||
@import "elements/accordion";
|
|
||||||
@import "elements/box";
|
|
||||||
@import "elements/button";
|
|
||||||
@import "elements/clients";
|
|
||||||
@import "elements/feature-box";
|
|
||||||
@import "elements/hoverbox";
|
|
||||||
@import "elements/lightbox";
|
|
||||||
@import "elements/map";
|
|
||||||
@import "elements/page-scroll-progress";
|
|
||||||
@import "elements/pie-chart";
|
|
||||||
@import "elements/progress-bar";
|
|
||||||
@import "elements/section-divider";
|
|
||||||
@import "elements/slider";
|
|
||||||
@import "elements/team";
|
|
||||||
@import "elements/testimonial";
|
|
||||||
@import "elements/text-link";
|
|
||||||
@import "elements/timeline";
|
|
||||||
@import "elements/post-content";
|
|
||||||
|
|
||||||
//
|
|
||||||
// Import Components //
|
|
||||||
//
|
|
||||||
@import "components/blog";
|
|
||||||
@import "components/cookie-consent";
|
|
||||||
@import "components/fullscreen-menu";
|
|
||||||
@import "components/gallery";
|
|
||||||
@import "components/header";
|
|
||||||
@import "components/breadcrumb";
|
|
||||||
@import "components/masonry";
|
|
||||||
@import "components/portfolio";
|
|
||||||
@import "components/table";
|
|
||||||
@import "components/preloader";
|
|
||||||
@import "components/section";
|
|
||||||
@import "components/_ez-toc";
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Import Utilities //
|
|
||||||
//
|
|
||||||
@import "helpers/utilities";
|
|
||||||
|
|
||||||
//
|
|
||||||
// Import Custom Styles //
|
|
||||||
//
|
|
||||||
@import "helpers/custom";
|
|
||||||
|
|
||||||
ul.wp-block-list {
|
|
||||||
margin-top: 1rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
figure.wp-block-image {
|
|
||||||
margin-top: 2rem;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Figcaption Styles //
|
|
||||||
//
|
|
||||||
figcaption, .wp-element-caption {
|
|
||||||
font-size: 0.9rem;
|
|
||||||
color: #aeaeae;
|
|
||||||
margin-top: 0.5em;
|
|
||||||
text-align: center;
|
|
||||||
// display: flex;
|
|
||||||
// align-items: center;
|
|
||||||
// justify-content: center;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
figure.wp-block-image {
|
|
||||||
img {
|
|
||||||
margin: auto;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
289
assets/css/wordpress.css
Normal file
289
assets/css/wordpress.css
Normal file
@@ -0,0 +1,289 @@
|
|||||||
|
/* Wordpress Content Styles */
|
||||||
|
|
||||||
|
/* General Prose Styles (already in app.css, but can be extended here if needed) */
|
||||||
|
.prose {
|
||||||
|
/* max-width: none; */ /* Already handled by Tailwind's prose plugin or app.css */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Headings */
|
||||||
|
.prose h1,
|
||||||
|
.prose h2,
|
||||||
|
.prose h3,
|
||||||
|
.prose h4,
|
||||||
|
.prose h5,
|
||||||
|
.prose h6 {
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.25;
|
||||||
|
margin-top: 2em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
color: var(--gray-900);
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose h1 {
|
||||||
|
font-size: 2.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose h2 {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose h3 {
|
||||||
|
font-size: 1.75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose h4 {
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose h5 {
|
||||||
|
font-size: 1.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose h6 {
|
||||||
|
font-size: 1em;
|
||||||
|
color: var(--gray-600);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Paragraphs */
|
||||||
|
.prose p {
|
||||||
|
margin-bottom: 1.5em;
|
||||||
|
line-height: 1.75;
|
||||||
|
color: var(--gray-700);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Lists */
|
||||||
|
.prose ul,
|
||||||
|
.prose ol {
|
||||||
|
margin-bottom: 1.5em;
|
||||||
|
padding-left: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose ul {
|
||||||
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose ol {
|
||||||
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose li {
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
line-height: 1.75;
|
||||||
|
color: var(--gray-700);
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose ul ul,
|
||||||
|
.prose ol ol,
|
||||||
|
.prose ul ol,
|
||||||
|
.prose ol ul {
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-top: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Links */
|
||||||
|
.prose a {
|
||||||
|
color: var(--primary-blue);
|
||||||
|
text-decoration: underline;
|
||||||
|
text-decoration-color: var(--primary-blue);
|
||||||
|
transition: color 0.2s ease, text-decoration-color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose a:hover {
|
||||||
|
color: var(--primary-blue-dark);
|
||||||
|
text-decoration-color: var(--primary-blue-dark);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Images */
|
||||||
|
.prose img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
margin-top: 1.5em;
|
||||||
|
margin-bottom: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose figure {
|
||||||
|
margin: 2em 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose figcaption {
|
||||||
|
font-size: 0.875em;
|
||||||
|
color: var(--gray-600);
|
||||||
|
margin-top: 0.5em;
|
||||||
|
text-align: center;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tables */
|
||||||
|
.prose table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
margin-bottom: 1.5em;
|
||||||
|
border: 1px solid var(--gray-300);
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose th,
|
||||||
|
.prose td {
|
||||||
|
padding: 0.75em 1em;
|
||||||
|
text-align: left;
|
||||||
|
border-bottom: 1px solid var(--gray-300);
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose th {
|
||||||
|
background-color: var(--gray-100);
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--gray-900);
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose tbody tr:nth-child(even) {
|
||||||
|
background-color: var(--gray-50);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Blockquotes */
|
||||||
|
.prose blockquote {
|
||||||
|
border-left: 4px solid var(--primary-blue);
|
||||||
|
padding-left: 1.5rem;
|
||||||
|
margin: 2em 0;
|
||||||
|
font-style: italic;
|
||||||
|
color: var(--gray-600);
|
||||||
|
background-color: var(--gray-50);
|
||||||
|
padding: 1.5rem;
|
||||||
|
border-radius: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose blockquote p:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Code Blocks */
|
||||||
|
.prose code {
|
||||||
|
background-color: var(--gray-100);
|
||||||
|
color: var(--gray-800);
|
||||||
|
padding: 0.25em 0.5em;
|
||||||
|
border-radius: 0.25rem;
|
||||||
|
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
||||||
|
font-size: 0.875em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose pre {
|
||||||
|
background-color: var(--gray-900);
|
||||||
|
color: var(--gray-50);
|
||||||
|
padding: 1.5em;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
overflow-x: auto;
|
||||||
|
margin-bottom: 1.5em;
|
||||||
|
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
||||||
|
font-size: 0.875em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose pre code {
|
||||||
|
background-color: transparent;
|
||||||
|
color: inherit;
|
||||||
|
padding: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Embeds */
|
||||||
|
.prose iframe,
|
||||||
|
.prose video,
|
||||||
|
.prose audio {
|
||||||
|
max-width: 100%;
|
||||||
|
margin-top: 1.5em;
|
||||||
|
margin-bottom: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose .wp-block-embed {
|
||||||
|
margin: 2em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Separators */
|
||||||
|
.prose hr {
|
||||||
|
border: none;
|
||||||
|
height: 1px;
|
||||||
|
background-color: var(--gray-300);
|
||||||
|
margin: 2em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* WordPress Specific Classes */
|
||||||
|
.prose .wp-caption {
|
||||||
|
background-color: var(--gray-50);
|
||||||
|
border: 1px solid var(--gray-200);
|
||||||
|
padding: 1em;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose .wp-caption-text {
|
||||||
|
font-size: 0.875em;
|
||||||
|
color: var(--gray-600);
|
||||||
|
margin-top: 0.5em;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose .alignleft {
|
||||||
|
float: left;
|
||||||
|
margin: 0.5em 1.5em 0.5em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose .alignright {
|
||||||
|
float: right;
|
||||||
|
margin: 0.5em 0 0.5em 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose .aligncenter {
|
||||||
|
display: block;
|
||||||
|
margin: 1.5em auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive adjustments for images */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.prose .alignleft,
|
||||||
|
.prose .alignright {
|
||||||
|
float: none;
|
||||||
|
display: block;
|
||||||
|
margin: 1.5em auto;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* WordPress Gutenberg Block Styles */
|
||||||
|
.prose .wp-block-gallery {
|
||||||
|
margin: 2em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose .wp-block-gallery .blocks-gallery-item {
|
||||||
|
margin: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose .wp-block-quote {
|
||||||
|
border-left: 4px solid var(--primary-blue);
|
||||||
|
padding-left: 1.5rem;
|
||||||
|
margin: 2em 0;
|
||||||
|
font-style: italic;
|
||||||
|
color: var(--gray-600);
|
||||||
|
background-color: var(--gray-50);
|
||||||
|
padding: 1.5rem;
|
||||||
|
border-radius: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose .wp-block-pullquote {
|
||||||
|
border-top: 4px solid var(--primary-blue);
|
||||||
|
border-bottom: 4px solid var(--primary-blue);
|
||||||
|
padding: 2em;
|
||||||
|
margin: 2em 0;
|
||||||
|
text-align: center;
|
||||||
|
font-style: italic;
|
||||||
|
color: var(--gray-700);
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose .wp-block-code {
|
||||||
|
background-color: var(--gray-900);
|
||||||
|
color: var(--gray-50);
|
||||||
|
padding: 1.5em;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
overflow-x: auto;
|
||||||
|
margin-bottom: 1.5em;
|
||||||
|
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
||||||
|
font-size: 0.875em;
|
||||||
|
}
|
||||||
69
assets/js/app.js
Normal file
69
assets/js/app.js
Normal file
@@ -0,0 +1,69 @@
|
|||||||
|
// Import Alpine.js
|
||||||
|
import Alpine from 'alpinejs'
|
||||||
|
|
||||||
|
// Make Alpine available on the window object
|
||||||
|
window.Alpine = Alpine
|
||||||
|
|
||||||
|
// Initialize Alpine
|
||||||
|
Alpine.start()
|
||||||
|
|
||||||
|
// Header JavaScript - Hamburger menu functionality
|
||||||
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
// Mobile menu toggle
|
||||||
|
const offcanvasToggle = document.querySelector('.cs-header__offcanvas-toggle');
|
||||||
|
const offcanvasClose = document.querySelector('.cs-header__offcanvas-close');
|
||||||
|
const offcanvas = document.querySelector('.cs-header__offcanvas');
|
||||||
|
const overlay = document.querySelector('.cs-search-overlay');
|
||||||
|
|
||||||
|
if (offcanvasToggle) {
|
||||||
|
offcanvasToggle.addEventListener('click', function() {
|
||||||
|
offcanvas.classList.add('active');
|
||||||
|
overlay.style.display = 'block';
|
||||||
|
document.body.style.overflow = 'hidden';
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (offcanvasClose) {
|
||||||
|
offcanvasClose.addEventListener('click', function() {
|
||||||
|
offcanvas.classList.remove('active');
|
||||||
|
overlay.style.display = 'none';
|
||||||
|
document.body.style.overflow = '';
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Search functionality
|
||||||
|
const searchToggle = document.querySelectorAll('.cs-header__search-toggle');
|
||||||
|
const searchClose = document.querySelector('.cs-search__close');
|
||||||
|
const search = document.querySelector('.cs-search');
|
||||||
|
|
||||||
|
searchToggle.forEach(toggle => {
|
||||||
|
toggle.addEventListener('click', function() {
|
||||||
|
search.style.display = 'block';
|
||||||
|
overlay.style.display = 'block';
|
||||||
|
document.body.style.overflow = 'hidden';
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
if (searchClose) {
|
||||||
|
searchClose.addEventListener('click', function() {
|
||||||
|
search.style.display = 'none';
|
||||||
|
overlay.style.display = 'none';
|
||||||
|
document.body.style.overflow = '';
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (overlay) {
|
||||||
|
overlay.addEventListener('click', function() {
|
||||||
|
if (offcanvas) {
|
||||||
|
offcanvas.classList.remove('active');
|
||||||
|
}
|
||||||
|
search.style.display = 'none';
|
||||||
|
overlay.style.display = 'none';
|
||||||
|
document.body.style.overflow = '';
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
console.log("Hello world");
|
||||||
46
docker-compose.yml
Normal file
46
docker-compose.yml
Normal file
@@ -0,0 +1,46 @@
|
|||||||
|
networks:
|
||||||
|
default:
|
||||||
|
web:
|
||||||
|
external: true
|
||||||
|
|
||||||
|
services:
|
||||||
|
nginx:
|
||||||
|
image: nginx:alpine
|
||||||
|
volumes:
|
||||||
|
- ./public:/usr/share/nginx/html:ro
|
||||||
|
- ./nginx.conf:/etc/nginx/conf.d/default.conf:ro
|
||||||
|
restart: unless-stopped
|
||||||
|
labels:
|
||||||
|
# Explicitly tell Traefik to expose this container
|
||||||
|
- traefik.enable=true
|
||||||
|
- traefik.docker.network=web
|
||||||
|
# HTTPS
|
||||||
|
- traefik.http.services.mg-hugo-service-secure.loadbalancer.server.port=80
|
||||||
|
- traefik.http.routers.mg-hugo-secure.service=mg-hugo-service-secure
|
||||||
|
- traefik.http.routers.mg-hugo-secure.entrypoints=websecure
|
||||||
|
- traefik.http.routers.mg-hugo-secure.tls.certresolver=le
|
||||||
|
- traefik.http.routers.mg-hugo-secure.rule=Host(`mistergeek.fr`, `www.mistergeek.fr`, `mistergeek.net`, `www.mistergeek.net`, `agence-webside.fr`, `www.agence-webside.fr`)
|
||||||
|
- traefik.http.middlewares.mg-hugo-secure-cache.compress=true
|
||||||
|
# HTTP
|
||||||
|
- traefik.http.services.mg-hugo-service-insecure.loadbalancer.server.port=80
|
||||||
|
- traefik.http.routers.mg-hugo-insecure.service=mg-hugo-service-insecure
|
||||||
|
- traefik.http.routers.mg-hugo-insecure.entrypoints=web
|
||||||
|
- traefik.http.routers.mg-hugo-insecure.rule=Host(`mistergeek.fr`, `www.mistergeek.fr`, `mistergeek.net`, `www.mistergeek.net`, `agence-webside.fr`, `www.agence-webside.fr`)
|
||||||
|
- traefik.http.middlewares.mg-hugo-insecure-cache.compress=true
|
||||||
|
- traefik.http.routers.traefik.tls=true
|
||||||
|
- traefik.http.routers.traefik.tls.certresolver=le
|
||||||
|
# GZIP
|
||||||
|
- traefik.http.routers.traefik.middlewares=traefik-compress
|
||||||
|
- traefik.http.middlewares.traefik-compress.compress=true
|
||||||
|
networks:
|
||||||
|
- web
|
||||||
|
|
||||||
|
builder:
|
||||||
|
build:
|
||||||
|
context: .
|
||||||
|
dockerfile: Dockerfile
|
||||||
|
volumes:
|
||||||
|
- .:/app
|
||||||
|
networks:
|
||||||
|
- default
|
||||||
|
# command: ls -l
|
||||||
206
docs/SEO-CHECKLIST.md
Normal file
206
docs/SEO-CHECKLIST.md
Normal file
@@ -0,0 +1,206 @@
|
|||||||
|
# SEO Implementation Checklist - Mistergeek
|
||||||
|
|
||||||
|
This checklist tracks the implementation of advanced SEO features for the Mistergeek Hugo site.
|
||||||
|
|
||||||
|
## ✅ Completed Features
|
||||||
|
|
||||||
|
### 1. Translation & Documentation
|
||||||
|
- [x] Translated `seo-recommendations-fr.md` to `seo-recommendations-en.md`
|
||||||
|
- [x] Created comprehensive English SEO documentation
|
||||||
|
|
||||||
|
### 2. Performance Optimizations
|
||||||
|
- [x] Created `layouts/partials/seo/head-performance.html`
|
||||||
|
- [x] Added DNS prefetch and preconnect for external resources
|
||||||
|
- [x] Implemented resource hints for fonts and CDNs
|
||||||
|
- [x] Added performance meta tags
|
||||||
|
|
||||||
|
### 3. Advanced Schema.org Structured Data
|
||||||
|
- [x] Enhanced `layouts/partials/seo/structured-data.html`
|
||||||
|
- [x] Created `layouts/partials/seo/schema-article.html` - TechArticle schema
|
||||||
|
- [x] Created `layouts/partials/seo/schema-tutorial.html` - HowTo schema
|
||||||
|
- [x] Created `layouts/partials/seo/schema-local.html` - Local SEO schema
|
||||||
|
|
||||||
|
### 4. Multi-language Support
|
||||||
|
- [x] Created `layouts/partials/seo/hreflang.html`
|
||||||
|
- [x] Added French regional variations (fr-fr, fr-be, fr-ca, fr-ch, fr-lu)
|
||||||
|
- [x] Implemented x-default fallback
|
||||||
|
|
||||||
|
### 5. Dynamic Meta Tags
|
||||||
|
- [x] Created `layouts/partials/seo/meta-dynamic.html`
|
||||||
|
- [x] Section-specific meta descriptions (tutorials, comparisons, security, wordpress)
|
||||||
|
- [x] Dynamic keywords based on content type
|
||||||
|
- [x] Article-specific meta tags
|
||||||
|
|
||||||
|
### 6. Local SEO Configuration
|
||||||
|
- [x] Added French market local SEO
|
||||||
|
- [x] Google My Business schema
|
||||||
|
- [x] Educational organization markup
|
||||||
|
- [x] Contact point and social profiles
|
||||||
|
|
||||||
|
### 7. Enhanced Configuration
|
||||||
|
- [x] Updated `hugo.toml` with advanced SEO settings
|
||||||
|
- [x] Added image optimization settings
|
||||||
|
- [x] Configured analytics integration
|
||||||
|
- [x] Added social media profiles
|
||||||
|
|
||||||
|
## 📋 Pre-launch SEO Checklist
|
||||||
|
|
||||||
|
### Technical SEO
|
||||||
|
- [ ] Verify all meta tags are present
|
||||||
|
- [ ] Test Schema.org markup with Google's Rich Results Test
|
||||||
|
- [ ] Validate structured data
|
||||||
|
- [ ] Check page loading speed (Core Web Vitals)
|
||||||
|
- [ ] Test mobile responsiveness
|
||||||
|
- [ ] Verify HTTPS implementation
|
||||||
|
- [ ] Check robots.txt file
|
||||||
|
|
||||||
|
### Content SEO
|
||||||
|
- [ ] Optimize meta descriptions for key pages
|
||||||
|
- [ ] Ensure unique title tags for all pages
|
||||||
|
- [ ] Add alt text to all images
|
||||||
|
- [ ] Create XML sitemap
|
||||||
|
- [ ] Set up 404 error page
|
||||||
|
- [ ] Implement canonical URLs
|
||||||
|
|
||||||
|
### Analytics & Monitoring
|
||||||
|
- [ ] Set up Google Analytics 4
|
||||||
|
- [ ] Configure Google Search Console
|
||||||
|
- [ ] Set up Bing Webmaster Tools
|
||||||
|
- [ ] Create Yandex Webmaster account
|
||||||
|
- [ ] Install SEO monitoring tools
|
||||||
|
|
||||||
|
### Social Media
|
||||||
|
- [ ] Verify Open Graph tags
|
||||||
|
- [ ] Test Twitter Cards
|
||||||
|
- [ ] Check social media meta tags
|
||||||
|
- [ ] Validate social media images
|
||||||
|
|
||||||
|
## 📊 Post-launch Monitoring
|
||||||
|
|
||||||
|
### Weekly Tasks
|
||||||
|
- [ ] Check Google Search Console for crawl errors
|
||||||
|
- [ ] Monitor 404 errors
|
||||||
|
- [ ] Review search performance metrics
|
||||||
|
- [ ] Check page loading speeds
|
||||||
|
|
||||||
|
### Monthly Tasks
|
||||||
|
- [ ] Analyze keyword positions
|
||||||
|
- [ ] Review backlink profile
|
||||||
|
- [ ] Audit internal linking
|
||||||
|
- [ ] Update outdated content
|
||||||
|
- [ ] Check competitor analysis
|
||||||
|
|
||||||
|
### Quarterly Tasks
|
||||||
|
- [ ] Comprehensive SEO audit
|
||||||
|
- [ ] Update Schema markup
|
||||||
|
- [ ] Review and update meta descriptions
|
||||||
|
- [ ] Analyze user engagement metrics
|
||||||
|
- [ ] Update local SEO information
|
||||||
|
|
||||||
|
## 🔧 Configuration Required
|
||||||
|
|
||||||
|
### Google Analytics Setup
|
||||||
|
1. Replace `G-XXXXXXXXXX` in `hugo.toml` with your actual Google Analytics 4 ID
|
||||||
|
2. Replace `GTM-XXXXXXX` with your Google Tag Manager ID
|
||||||
|
|
||||||
|
### Search Console Verification
|
||||||
|
1. Add your verification codes to `hugo.toml`:
|
||||||
|
```toml
|
||||||
|
[params.seo.verification]
|
||||||
|
google = "your-google-verification-code"
|
||||||
|
bing = "your-bing-verification-code"
|
||||||
|
```
|
||||||
|
|
||||||
|
### Social Media URLs
|
||||||
|
Update the social media URLs in the schema files:
|
||||||
|
- `layouts/partials/seo/schema-local.html`
|
||||||
|
- `layouts/partials/seo/schema-article.html`
|
||||||
|
|
||||||
|
### Local SEO Information
|
||||||
|
Update the local business information in:
|
||||||
|
- `layouts/partials/seo/schema-local.html`
|
||||||
|
- Business address, phone, email
|
||||||
|
|
||||||
|
## 🎯 SEO Monitoring Tools
|
||||||
|
|
||||||
|
### Essential Tools
|
||||||
|
- Google Search Console
|
||||||
|
- Google Analytics 4
|
||||||
|
- Google PageSpeed Insights
|
||||||
|
- Schema Markup Validator
|
||||||
|
- Mobile-Friendly Test
|
||||||
|
|
||||||
|
### Advanced Tools
|
||||||
|
- Ahrefs or SEMrush
|
||||||
|
- Screaming Frog SEO Spider
|
||||||
|
- GTmetrix
|
||||||
|
- Bing Webmaster Tools
|
||||||
|
- Yandex Webmaster
|
||||||
|
|
||||||
|
### French Market Tools
|
||||||
|
- Yooda Insight (French SEO tool)
|
||||||
|
- SEMrush.fr
|
||||||
|
- Ahrefs France
|
||||||
|
- Local SEO France directories
|
||||||
|
|
||||||
|
## 🚀 Next Steps
|
||||||
|
|
||||||
|
1. **Immediate (Week 1)**
|
||||||
|
- Set up Google Analytics 4
|
||||||
|
- Configure Google Search Console
|
||||||
|
- Submit sitemap to search engines
|
||||||
|
- Test all Schema markup
|
||||||
|
|
||||||
|
2. **Short-term (Month 1)**
|
||||||
|
- Monitor search performance
|
||||||
|
- Optimize top pages
|
||||||
|
- Build initial backlinks
|
||||||
|
- Create social media profiles
|
||||||
|
|
||||||
|
3. **Long-term (Quarter 1)**
|
||||||
|
- Content optimization
|
||||||
|
- Link building campaigns
|
||||||
|
- Local SEO optimization
|
||||||
|
- Competitor analysis
|
||||||
|
|
||||||
|
## 📈 Key Performance Indicators (KPIs)
|
||||||
|
|
||||||
|
### Traffic Metrics
|
||||||
|
- Organic search traffic growth
|
||||||
|
- Click-through rate (CTR)
|
||||||
|
- Bounce rate
|
||||||
|
- Average session duration
|
||||||
|
- Pages per session
|
||||||
|
|
||||||
|
### Technical Metrics
|
||||||
|
- Page loading speed
|
||||||
|
- Core Web Vitals scores
|
||||||
|
- Mobile usability score
|
||||||
|
- Schema markup errors
|
||||||
|
- Crawl errors
|
||||||
|
|
||||||
|
### Business Metrics
|
||||||
|
- Keyword rankings
|
||||||
|
- Conversion rate
|
||||||
|
- Return on investment (ROI)
|
||||||
|
- Local search visibility
|
||||||
|
- Brand mentions
|
||||||
|
|
||||||
|
## 🛠️ Troubleshooting
|
||||||
|
|
||||||
|
### Common Issues
|
||||||
|
- Schema markup errors: Use Google's Rich Results Test
|
||||||
|
- Slow loading: Check PageSpeed Insights
|
||||||
|
- Mobile issues: Use Mobile-Friendly Test
|
||||||
|
- Indexing problems: Check Search Console coverage report
|
||||||
|
|
||||||
|
### Support Resources
|
||||||
|
- Google SEO Starter Guide (French)
|
||||||
|
- Schema.org documentation
|
||||||
|
- Hugo community forums
|
||||||
|
- French SEO communities
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
**Last Updated**: 2024-01-15
|
||||||
|
**Next Review**: 2024-02-15
|
||||||
221
docs/breadcrumb.html
Normal file
221
docs/breadcrumb.html
Normal file
@@ -0,0 +1,221 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Breadcrumb Navigation</title>
|
||||||
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||||
|
<style>
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Inter', sans-serif;
|
||||||
|
background: linear-gradient(120deg, #f8fafc 0%, #e2e8f0 100%);
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb-container {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo-content {
|
||||||
|
background: white;
|
||||||
|
border-radius: 12px;
|
||||||
|
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
|
||||||
|
padding: 2rem;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0.75rem 1rem;
|
||||||
|
background: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
color: #64748b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb-item a {
|
||||||
|
transition: color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb-item a:hover {
|
||||||
|
color: #3b82f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb-divider {
|
||||||
|
margin: 0 0.5rem;
|
||||||
|
color: #cbd5e1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb-item.active {
|
||||||
|
color: #3b82f6;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-container {
|
||||||
|
background: #1e293b;
|
||||||
|
color: #e2e8f0;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 1.5rem;
|
||||||
|
margin-top: 2rem;
|
||||||
|
overflow-x: auto;
|
||||||
|
font-family: monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-comment {
|
||||||
|
color: #94a3b8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-tag {
|
||||||
|
color: #f87171;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-attr {
|
||||||
|
color: #60a5fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-value {
|
||||||
|
color: #86efac;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: #1e293b;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 2.25rem;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: #334155;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
margin-top: 2rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: #475569;
|
||||||
|
line-height: 1.7;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="breadcrumb-container">
|
||||||
|
<h1>Breadcrumb Navigation</h1>
|
||||||
|
|
||||||
|
<!-- Breadcrumb Example -->
|
||||||
|
<nav class="breadcrumb" aria-label="Breadcrumb">
|
||||||
|
<div class="breadcrumb-item">
|
||||||
|
<a href="#">
|
||||||
|
<i class="fas fa-home mr-2"></i>Home
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="breadcrumb-divider">/</div>
|
||||||
|
<div class="breadcrumb-item">
|
||||||
|
<a href="#">Articles</a>
|
||||||
|
</div>
|
||||||
|
<div class="breadcrumb-divider">/</div>
|
||||||
|
<div class="breadcrumb-item">
|
||||||
|
<a href="#">Technology</a>
|
||||||
|
</div>
|
||||||
|
<div class="breadcrumb-divider">/</div>
|
||||||
|
<div class="breadcrumb-item active" aria-current="page">
|
||||||
|
How Tech Shapes the Future of Work in 2024
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-content">
|
||||||
|
<h2>Breadcrumb Implementation</h2>
|
||||||
|
<p>This breadcrumb navigation helps users understand their current location within your blog's hierarchy and allows for easy navigation to parent categories.</p>
|
||||||
|
|
||||||
|
<h2>HTML Code</h2>
|
||||||
|
<div class="code-container">
|
||||||
|
<pre><code><span class="code-comment"><!-- Breadcrumb Navigation --></span>
|
||||||
|
<nav class="breadcrumb" aria-label="Breadcrumb">
|
||||||
|
<div class="breadcrumb-item">
|
||||||
|
<a href="#">
|
||||||
|
<i class="fas fa-home mr-2"></i>Home
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="breadcrumb-divider">/</div>
|
||||||
|
<div class="breadcrumb-item">
|
||||||
|
<a href="#">Articles</a>
|
||||||
|
</div>
|
||||||
|
<div class="breadcrumb-divider">/</div>
|
||||||
|
<div class="breadcrumb-item">
|
||||||
|
<a href="#">Technology</a>
|
||||||
|
</div>
|
||||||
|
<div class="breadcrumb-divider">/</div>
|
||||||
|
<div class="breadcrumb-item active" aria-current="page">
|
||||||
|
How Tech Shapes the Future of Work in 2024
|
||||||
|
</div>
|
||||||
|
</nav></code></pre>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Tailwind CSS Classes Used</h2>
|
||||||
|
<div class="code-container">
|
||||||
|
<pre><code><span class="code-comment">/* Container */</span>
|
||||||
|
.breadcrumb {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0.75rem 1rem;
|
||||||
|
background: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
<span class="code-comment">/* Items */</span>
|
||||||
|
.breadcrumb-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
color: #64748b;
|
||||||
|
}
|
||||||
|
|
||||||
|
<span class="code-comment">/* Active item */</span>
|
||||||
|
.breadcrumb-item.active {
|
||||||
|
color: #3b82f6;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
<span class="code-comment">/* Divider between items */</span>
|
||||||
|
.breadcrumb-divider {
|
||||||
|
margin: 0 0.5rem;
|
||||||
|
color: #cbd5e1;
|
||||||
|
}</code></pre>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Implementation Tips</h2>
|
||||||
|
<p>1. Place the breadcrumb near the top of your content, below the navigation but above the page title.</p>
|
||||||
|
<p>2. Make sure the breadcrumb is consistent across all pages of your blog.</p>
|
||||||
|
<p>3. Use microdata or ARIA attributes to enhance accessibility.</p>
|
||||||
|
<p>4. For mobile responsiveness, you might consider truncating long breadcrumb trails.</p>
|
||||||
|
<p>5. Ensure each breadcrumb item is clickable except for the current page.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// You can add any interactive functionality here if needed
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
360
docs/homepage.html
Normal file
360
docs/homepage.html
Normal file
@@ -0,0 +1,360 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Tech Insights | Home</title>
|
||||||
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||||
|
<style>
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Inter', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gradient-bg {
|
||||||
|
background: linear-gradient(120deg, #f0f9ff 0%, #e0f2fe 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose {
|
||||||
|
max-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose h2 {
|
||||||
|
font-weight: 600;
|
||||||
|
margin-top: 2.5rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
font-size: 1.875rem;
|
||||||
|
line-height: 2.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose p {
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
line-height: 1.75;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag {
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-card {
|
||||||
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-card:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
||||||
|
}
|
||||||
|
|
||||||
|
.featured-article {
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.featured-article:hover {
|
||||||
|
transform: scale(1.02);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="bg-white text-gray-800 antialiased">
|
||||||
|
<!-- Header -->
|
||||||
|
<header class="sticky top-0 z-50 bg-white/90 backdrop-blur-sm border-b border-gray-200">
|
||||||
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div class="flex justify-between items-center h-16">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a href="#" class="text-xl font-bold text-gray-900">TechInsights</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="hidden md:flex space-x-8">
|
||||||
|
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">Home</a>
|
||||||
|
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">Articles</a>
|
||||||
|
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">Topics</a>
|
||||||
|
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">About</a>
|
||||||
|
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">Contact</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="flex items-center space-x-4">
|
||||||
|
<button class="md:hidden text-gray-600">
|
||||||
|
<i class="fas fa-bars text-xl"></i>
|
||||||
|
</button>
|
||||||
|
<button class="hidden md:block bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium">
|
||||||
|
Subscribe
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<section class="gradient-bg py-12 md:py-16 lg:py-20">
|
||||||
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div class="max-w-4xl mx-auto text-center">
|
||||||
|
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 mb-6">Exploring Technology's Impact on Work & Life</h1>
|
||||||
|
<p class="text-xl text-gray-700 mb-8">Insights, analysis and trends about how technology is shaping our future</p>
|
||||||
|
<div class="flex flex-wrap justify-center gap-3 mb-10">
|
||||||
|
<span class="tag bg-blue-100 text-blue-800 text-sm font-medium px-3 py-1 rounded-full">AI</span>
|
||||||
|
<span class="tag bg-green-100 text-green-800 text-sm font-medium px-3 py-1 rounded-full">Remote Work</span>
|
||||||
|
<span class="tag bg-purple-100 text-purple-800 text-sm font-medium px-3 py-1 rounded-full">Productivity</span>
|
||||||
|
<span class="tag bg-yellow-100 text-yellow-800 text-sm font-medium px-3 py-1 rounded-full">Innovation</span>
|
||||||
|
<span class="tag bg-red-100 text-red-800 text-sm font-medium px-3 py-1 rounded-full">Web3</span>
|
||||||
|
</div>
|
||||||
|
<form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
|
||||||
|
<input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium">Get Updates</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Featured Articles -->
|
||||||
|
<section class="py-12 md:py-16">
|
||||||
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<h2 class="text-3xl font-bold text-gray-900 mb-10 text-center">Featured Articles</h2>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12">
|
||||||
|
<!-- Featured Article 1 -->
|
||||||
|
<div class="bg-white rounded-xl overflow-hidden shadow-lg article-card">
|
||||||
|
<div class="featured-article">
|
||||||
|
<img src="https://images.unsplash.com/photo-1677442135135-416f8aa26a5b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="AI Technology" class="w-full h-64 object-cover">
|
||||||
|
</div>
|
||||||
|
<div class="p-6">
|
||||||
|
<div class="flex flex-wrap gap-2 mb-4">
|
||||||
|
<span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-1 rounded">AI</span>
|
||||||
|
<span class="bg-green-100 text-green-800 text-xs font-medium px-2 py-1 rounded">Future of Work</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold text-gray-900 mb-3">How Tech Shapes the Future of Work in 2024</h3>
|
||||||
|
<p class="text-gray-600 mb-4">Exploring the latest technological advancements and their impact on the modern workplace, from AI to remote collaboration tools.</p>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div class="flex items-center text-sm text-gray-500">
|
||||||
|
<img src="https://i.pravatar.cc/24?img=5" alt="Author" class="rounded-full mr-2">
|
||||||
|
<span>Sarah Johnson</span>
|
||||||
|
<span class="mx-2">•</span>
|
||||||
|
<span>Oct 16, 2024</span>
|
||||||
|
</div>
|
||||||
|
<a href="#" class="text-blue-600 hover:text-blue-800 font-medium text-sm">Read more →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Featured Article 2 -->
|
||||||
|
<div class="bg-white rounded-xl overflow-hidden shadow-lg article-card">
|
||||||
|
<div class="featured-article">
|
||||||
|
<img src="https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="AI Ethics" class="w-full h-64 object-cover">
|
||||||
|
</div>
|
||||||
|
<div class="p-6">
|
||||||
|
<div class="flex flex-wrap gap-2 mb-4">
|
||||||
|
<span class="bg-purple-100 text-purple-800 text-xs font-medium px-2 py-1 rounded">AI</span>
|
||||||
|
<span class="bg-red-100 text-red-800 text-xs font-medium px-2 py-1 rounded">Ethics</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-xl font-bold text-gray-900 mb-3">The Ethics of Artificial Intelligence in Hiring</h3>
|
||||||
|
<p class="text-gray-600 mb-4">Exploring the benefits and potential pitfalls of using AI to recruit and evaluate candidates in the modern workplace.</p>
|
||||||
|
<div class="flex items-center justify-between">
|
||||||
|
<div class="flex items-center text-sm text-gray-500">
|
||||||
|
<img src="https://i.pravatar.cc/24?img=8" alt="Author" class="rounded-full mr-2">
|
||||||
|
<span>Michael Chen</span>
|
||||||
|
<span class="mx-2">•</span>
|
||||||
|
<span>Sep 3, 2024</span>
|
||||||
|
</div>
|
||||||
|
<a href="#" class="text-blue-600 hover:text-blue-800 font-medium text-sm">Read more →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="text-center">
|
||||||
|
<a href="#" class="inline-flex items-center text-blue-600 hover:text-blue-800 font-medium">
|
||||||
|
View all articles
|
||||||
|
<i class="fas fa-arrow-right ml-2"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Latest Articles -->
|
||||||
|
<section class="py-12 md:py-16 bg-gray-50">
|
||||||
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<h2 class="text-3xl font-bold text-gray-900 mb-10 text-center">Latest Articles</h2>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-12">
|
||||||
|
<!-- Article 1 -->
|
||||||
|
<div class="bg-white rounded-xl overflow-hidden shadow-md article-card">
|
||||||
|
<img src="https://images.unsplash.com/photo-1581091226033-d5c48150dbaa?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Productivity" class="w-full h-48 object-cover">
|
||||||
|
<div class="p-6">
|
||||||
|
<div class="flex flex-wrap gap-2 mb-3">
|
||||||
|
<span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-1 rounded">Productivity</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-bold text-gray-900 mb-3">10 Tools to Boost Your Productivity in 2024</h3>
|
||||||
|
<p class="text-gray-600 text-sm mb-4">Discover the latest apps and software that can help you work smarter, not harder.</p>
|
||||||
|
<div class="flex items-center justify-between text-sm text-gray-500">
|
||||||
|
<span>May 12, 2024</span>
|
||||||
|
<span>5 min read</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Article 2 -->
|
||||||
|
<div class="bg-white rounded-xl overflow-hidden shadow-md article-card">
|
||||||
|
<img src="https://images.unsplash.com/photo-1533750349088-cd871a92f312?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Remote Work" class="w-full h-48 object-cover">
|
||||||
|
<div class="p-6">
|
||||||
|
<div class="flex flex-wrap gap-2 mb-3">
|
||||||
|
<span class="bg-green-100 text-green-800 text-xs font-medium px-2 py-1 rounded">Remote Work</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-bold text-gray-900 mb-3">Building Company Culture in a Remote World</h3>
|
||||||
|
<p class="text-gray-600 text-sm mb-4">How forward-thinking companies are maintaining strong cultures with distributed teams.</p>
|
||||||
|
<div class="flex items-center justify-between text-sm text-gray-500">
|
||||||
|
<span>July 24, 2024</span>
|
||||||
|
<span>7 min read</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Article 3 -->
|
||||||
|
<div class="bg-white rounded-xl overflow-hidden shadow-md article-card">
|
||||||
|
<img src="https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Web3" class="w-full h-48 object-cover">
|
||||||
|
<div class="p-6">
|
||||||
|
<div class="flex flex-wrap gap-2 mb-3">
|
||||||
|
<span class="bg-purple-100 text-purple-800 text-xs font-medium px-2 py-1 rounded">Web3</span>
|
||||||
|
<span class="bg-yellow-100 text-yellow-800 text-xs font-medium px-2 py-1 rounded">Blockchain</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-bold text-gray-900 mb-3">Understanding Web3: The Next Evolution of the Internet</h3>
|
||||||
|
<p class="text-gray-600 text-sm mb-4">What businesses need to know about the decentralized web and its potential impact.</p>
|
||||||
|
<div class="flex items-center justify-between text-sm text-gray-500">
|
||||||
|
<span>Aug 5, 2024</span>
|
||||||
|
<span>9 min read</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="text-center">
|
||||||
|
<a href="#" class="inline-flex items-center text-blue-600 hover:text-blue-800 font-medium">
|
||||||
|
View more articles
|
||||||
|
<i class="fas fa-arrow-right ml-2"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Popular Topics -->
|
||||||
|
<section class="py-12 md:py-16">
|
||||||
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<h2 class="text-3xl font-bold text-gray-900 mb-10 text-center">Explore Topics</h2>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 mb-12">
|
||||||
|
<a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
|
||||||
|
<div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-3">
|
||||||
|
<i class="fas fa-robot text-blue-600 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<span class="text-sm font-medium text-gray-900">AI</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
|
||||||
|
<div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-3">
|
||||||
|
<i class="fas fa-laptop-house text-green-600 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<span class="text-sm font-medium text-gray-900">Remote Work</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
|
||||||
|
<div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-3">
|
||||||
|
<i class="fas fa-tachometer-alt text-purple-600 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<span class="text-sm font-medium text-gray-900">Productivity</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
|
||||||
|
<div class="w-12 h-12 bg-yellow-100 rounded-lg flex items-center justify-center mb-3">
|
||||||
|
<i class="fas fa-lightbulb text-yellow-600 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<span class="text-sm font-medium text-gray-900">Innovation</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
|
||||||
|
<div class="w-12 h-12 bg-red-100 rounded-lg flex items-center justify-center mb-3">
|
||||||
|
<i class="fas fa-code text-red-600 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<span class="text-sm font-medium text-gray-900">Development</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
|
||||||
|
<div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-3">
|
||||||
|
<i class="fas fa-link text-indigo-600 text-xl"></i>
|
||||||
|
</div>
|
||||||
|
<span class="text-sm font-medium text-gray-900">Web3</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="text-center">
|
||||||
|
<a href="#" class="inline-flex items-center text-blue-600 hover:text-blue-800 font-medium">
|
||||||
|
Browse all topics
|
||||||
|
<i class="fas fa-arrow-right ml-2"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Newsletter -->
|
||||||
|
<section class="py-12 md:py-16 bg-blue-50">
|
||||||
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div class="max-w-3xl mx-auto text-center">
|
||||||
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">Stay Updated</h2>
|
||||||
|
<p class="text-gray-700 mb-6">Join our newsletter and get the latest insights on technology and the future of work delivered to your inbox.</p>
|
||||||
|
<form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
|
||||||
|
<input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium">Subscribe</button>
|
||||||
|
</form>
|
||||||
|
<p class="text-sm text-gray-500 mt-4">No spam. Unsubscribe at any time.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="bg-gray-900 text-white py-12">
|
||||||
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
||||||
|
<div>
|
||||||
|
<h3 class="text-xl font-bold mb-4">TechInsights</h3>
|
||||||
|
<p class="text-gray-400">Exploring the future of work and technology through thoughtful analysis and commentary.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4 class="font-semibold mb-4">Explore</h4>
|
||||||
|
<ul class="space-y-2">
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">Home</a></li>
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">Articles</a></li>
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">Topics</a></li>
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">About</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4 class="font-semibold mb-4">Topics</h4>
|
||||||
|
<ul class="space-y-2">
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">AI</a></li>
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">Remote Work</a></li>
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">Productivity</a></li>
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">Web3</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4 class="font-semibold mb-4">Connect</h4>
|
||||||
|
<div class="flex space-x-4">
|
||||||
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter text-xl"></i></a>
|
||||||
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin text-xl"></i></a>
|
||||||
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram text-xl"></i></a>
|
||||||
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-github text-xl"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
|
||||||
|
<p>© 2024 TechInsights. All rights reserved.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
301
docs/post.html
Normal file
301
docs/post.html
Normal file
@@ -0,0 +1,301 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Tailwind CSS Blog Guidelines</title>
|
||||||
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||||
|
<style>
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Inter', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gradient-bg {
|
||||||
|
background: linear-gradient(120deg, #f0f9ff 0%, #e0f2fe 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose {
|
||||||
|
max-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose h2 {
|
||||||
|
font-weight: 600;
|
||||||
|
margin-top: 2.5rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
font-size: 1.875rem;
|
||||||
|
line-height: 2.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose p {
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
line-height: 1.75;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose blockquote {
|
||||||
|
border-left-width: 4px;
|
||||||
|
border-color: #3b82f6;
|
||||||
|
padding-left: 1.5rem;
|
||||||
|
margin: 2rem 0;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag {
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-image {
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-image:hover {
|
||||||
|
transform: scale(1.02);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="bg-white text-gray-800 antialiased">
|
||||||
|
<!-- Header -->
|
||||||
|
<header class="sticky top-0 z-50 bg-white/90 backdrop-blur-sm border-b border-gray-200">
|
||||||
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div class="flex justify-between items-center h-16">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a href="#" class="text-xl font-bold text-gray-900">YourBlog</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="hidden md:flex space-x-8">
|
||||||
|
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">Home</a>
|
||||||
|
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">Articles</a>
|
||||||
|
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">Topics</a>
|
||||||
|
<a href="#" class="text-gray-600 hover:text-blue-600 font-medium">About</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="flex items-center space-x-4">
|
||||||
|
<button class="md:hidden text-gray-600">
|
||||||
|
<i class="fas fa-bars text-xl"></i>
|
||||||
|
</button>
|
||||||
|
<button class="hidden md:block bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium">
|
||||||
|
Subscribe
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<div class="gradient-bg py-12 md:py-16 lg:py-24">
|
||||||
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div class="max-w-3xl mx-auto text-center">
|
||||||
|
<div class="flex justify-center space-x-2 mb-6">
|
||||||
|
<span class="bg-blue-100 text-blue-800 text-sm font-medium px-3 py-1 rounded-full">Technology</span>
|
||||||
|
<span class="bg-green-100 text-green-800 text-sm font-medium px-3 py-1 rounded-full">Future of Work</span>
|
||||||
|
</div>
|
||||||
|
<h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-6">How Tech Shapes the Future of Work in 2024</h1>
|
||||||
|
<p class="text-xl text-gray-700 mb-8">Exploring the latest technological advancements and their impact on the modern workplace</p>
|
||||||
|
<div class="flex items-center justify-center space-x-4 text-gray-600">
|
||||||
|
<div class="flex items-center">
|
||||||
|
<img src="https://i.pravatar.cc/40?img=5" alt="Author" class="rounded-full mr-2">
|
||||||
|
<span>Sarah Johnson</span>
|
||||||
|
</div>
|
||||||
|
<span>•</span>
|
||||||
|
<span>October 16, 2024</span>
|
||||||
|
<span>•</span>
|
||||||
|
<span>8 min read</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Article Content -->
|
||||||
|
<article class="py-12 md:py-16">
|
||||||
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div class="max-w-3xl mx-auto prose">
|
||||||
|
<p class="text-lg text-gray-700 leading-relaxed">The workplace is undergoing a radical transformation, driven by rapid technological advancements. From artificial intelligence to remote collaboration tools, technology is reshaping how we work, where we work, and the skills we need to thrive in the modern economy.</p>
|
||||||
|
|
||||||
|
<h2>The Rise of AI and Automation</h2>
|
||||||
|
<p>Artificial intelligence is no longer a futuristic concept—it's here, and it's transforming workplaces across industries. AI-powered tools are automating routine tasks, freeing up human workers to focus on creative and strategic work that requires emotional intelligence and complex problem-solving.</p>
|
||||||
|
|
||||||
|
<blockquote>
|
||||||
|
<p>"The most successful companies of 2024 will be those that effectively integrate human creativity with AI capabilities."</p>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p>This shift is creating new roles while making others obsolete. Workers who adapt and develop skills in AI management, data analysis, and machine learning will find themselves in high demand.</p>
|
||||||
|
|
||||||
|
<img src="https://images.unsplash.com/photo-1677442135135-416f8aa26a5b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="AI Technology" class="w-full h-auto rounded-xl article-image my-8">
|
||||||
|
|
||||||
|
<h2>Remote and Hybrid Work Models</h2>
|
||||||
|
<p>The pandemic accelerated the adoption of remote work, and in 2024, hybrid models have become the standard for many organizations. Advanced collaboration tools, virtual reality meeting spaces, and cloud-based workflows have made it possible for teams to work together seamlessly, regardless of physical location.</p>
|
||||||
|
|
||||||
|
<p>This shift has profound implications for company culture, urban planning, and work-life balance. Companies are rethinking everything from performance metrics to office design to accommodate this new reality.</p>
|
||||||
|
|
||||||
|
<h2>Essential Skills for the Future</h2>
|
||||||
|
<p>As technology evolves, so do the skills needed to succeed in the workplace. Technical literacy is becoming as fundamental as reading and writing, but soft skills like adaptability, creativity, and emotional intelligence are increasingly valuable in a world where machines handle routine tasks.</p>
|
||||||
|
|
||||||
|
<div class="bg-gray-50 p-6 rounded-xl my-8">
|
||||||
|
<h3 class="text-xl font-semibold mb-4">Key Trends for 2024:</h3>
|
||||||
|
<ul class="list-disc list-inside space-y-2">
|
||||||
|
<li>Increased adoption of AI-assisted decision making</li>
|
||||||
|
<li>Growth of the gig economy and project-based work</li>
|
||||||
|
<li>Focus on employee well-being and mental health</li>
|
||||||
|
<li>Rise of virtual and augmented reality in training</li>
|
||||||
|
<li>Greater emphasis on continuous learning and upskilling</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p>The future of work is not about humans versus machines, but about humans and machines working together to achieve what neither could accomplish alone. By embracing technological change while prioritizing human-centric values, we can create workplaces that are more productive, inclusive, and fulfilling.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Tags Section -->
|
||||||
|
<div class="py-8 border-t border-gray-200">
|
||||||
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div class="max-w-3xl mx-auto">
|
||||||
|
<h3 class="text-lg font-semibold text-gray-900 mb-4">Topics:</h3>
|
||||||
|
<div class="flex flex-wrap gap-3">
|
||||||
|
<a href="#" class="tag bg-blue-100 text-blue-800 hover:bg-blue-200 px-4 py-2 rounded-full font-medium">Technology</a>
|
||||||
|
<a href="#" class="tag bg-green-100 text-green-800 hover:bg-green-200 px-4 py-2 rounded-full font-medium">Future of Work</a>
|
||||||
|
<a href="#" class="tag bg-purple-100 text-purple-800 hover:bg-purple-200 px-4 py-2 rounded-full font-medium">AI</a>
|
||||||
|
<a href="#" class="tag bg-yellow-100 text-yellow-800 hover:bg-yellow-200 px-4 py-2 rounded-full font-medium">Remote Work</a>
|
||||||
|
<a href="#" class="tag bg-red-100 text-red-800 hover:bg-red-200 px-4 py-2 rounded-full font-medium">Innovation</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Author Bio -->
|
||||||
|
<div class="py-12 bg-gray-50">
|
||||||
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div class="max-w-3xl mx-auto">
|
||||||
|
<div class="flex items-start space-x-6">
|
||||||
|
<img src="https://i.pravatar.cc/100?img=5" alt="Author" class="rounded-full w-20 h-20">
|
||||||
|
<div>
|
||||||
|
<h3 class="text-xl font-semibold text-gray-900">Sarah Johnson</h3>
|
||||||
|
<p class="text-blue-600 font-medium mb-4">Technology Writer & Future of Work Researcher</p>
|
||||||
|
<p class="text-gray-700">Sarah writes about the intersection of technology, work, and society. Her work has been featured in leading publications around the world. She holds a PhD in Organizational Behavior from Stanford University.</p>
|
||||||
|
<div class="flex space-x-4 mt-4">
|
||||||
|
<a href="#" class="text-gray-600 hover:text-blue-600"><i class="fab fa-twitter"></i></a>
|
||||||
|
<a href="#" class="text-gray-600 hover:text-blue-600"><i class="fab fa-linkedin"></i></a>
|
||||||
|
<a href="#" class="text-gray-600 hover:text-blue-600"><i class="fab fa-medium"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Related Articles -->
|
||||||
|
<div class="py-12">
|
||||||
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<h2 class="text-2xl font-bold text-gray-900 mb-8 text-center">Related Articles</h2>
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||||
|
<div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-lg transition-shadow">
|
||||||
|
<img src="https://images.unsplash.com/photo-1581091226033-d5c48150dbaa?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Article" class="w-full h-48 object-cover">
|
||||||
|
<div class="p-6">
|
||||||
|
<span class="text-sm font-medium text-blue-600">Productivity</span>
|
||||||
|
<h3 class="text-xl font-semibold mt-2 mb-3">10 Tools to Boost Your Productivity in 2024</h3>
|
||||||
|
<p class="text-gray-600">Discover the latest apps and software that can help you work smarter, not harder.</p>
|
||||||
|
<div class="flex items-center mt-4 text-sm text-gray-500">
|
||||||
|
<span>May 12, 2024</span>
|
||||||
|
<span class="mx-2">•</span>
|
||||||
|
<span>5 min read</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-lg transition-shadow">
|
||||||
|
<img src="https://images.unsplash.com/photo-1533750349088-cd871a92f312?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Article" class="w-full h-48 object-cover">
|
||||||
|
<div class="p-6">
|
||||||
|
<span class="text-sm font-medium text-green-600">Remote Work</span>
|
||||||
|
<h3 class="text-xl font-semibold mt-2 mb-3">Building Company Culture in a Remote World</h3>
|
||||||
|
<p class="text-gray-600">How forward-thinking companies are maintaining strong cultures with distributed teams.</p>
|
||||||
|
<div class="flex items-center mt-4 text-sm text-gray-500">
|
||||||
|
<span>July 24, 2024</span>
|
||||||
|
<span class="mx-2">•</span>
|
||||||
|
<span>7 min read</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-lg transition-shadow">
|
||||||
|
<img src="https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Article" class="w-full h-48 object-cover">
|
||||||
|
<div class="p-6">
|
||||||
|
<span class="text-sm font-medium text-purple-600">AI</span>
|
||||||
|
<h3 class="text-xl font-semibold mt-2 mb-3">The Ethics of Artificial Intelligence in Hiring</h3>
|
||||||
|
<p class="text-gray-600">Exploring the benefits and potential pitfalls of using AI to recruit and evaluate candidates.</p>
|
||||||
|
<div class="flex items-center mt-4 text-sm text-gray-500">
|
||||||
|
<span>September 3, 2024</span>
|
||||||
|
<span class="mx-2">•</span>
|
||||||
|
<span>9 min read</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Newsletter -->
|
||||||
|
<div class="py-12 bg-blue-50">
|
||||||
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div class="max-w-3xl mx-auto text-center">
|
||||||
|
<h2 class="text-2xl font-bold text-gray-900 mb-4">Join the Newsletter</h2>
|
||||||
|
<p class="text-gray-700 mb-6">Stay updated with the latest insights on technology and the future of work.</p>
|
||||||
|
<form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
|
||||||
|
<input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium">Subscribe</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="bg-gray-900 text-white py-12">
|
||||||
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
||||||
|
<div>
|
||||||
|
<h3 class="text-xl font-bold mb-4">YourBlog</h3>
|
||||||
|
<p class="text-gray-400">Exploring the future of work and technology through thoughtful analysis and commentary.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4 class="font-semibold mb-4">Explore</h4>
|
||||||
|
<ul class="space-y-2">
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">Home</a></li>
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">Articles</a></li>
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">Topics</a></li>
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">About</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4 class="font-semibold mb-4">Topics</h4>
|
||||||
|
<ul class="space-y-2">
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">Technology</a></li>
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">Future of Work</a></li>
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">Productivity</a></li>
|
||||||
|
<li><a href="#" class="text-gray-400 hover:text-white">Remote Work</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4 class="font-semibold mb-4">Connect</h4>
|
||||||
|
<div class="flex space-x-4">
|
||||||
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter text-xl"></i></a>
|
||||||
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook text-xl"></i></a>
|
||||||
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin text-xl"></i></a>
|
||||||
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram text-xl"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
|
||||||
|
<p>© 2024 YourBlog. All rights reserved.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
363
docs/seo-recommendations-en.md
Normal file
363
docs/seo-recommendations-en.md
Normal file
@@ -0,0 +1,363 @@
|
|||||||
|
# Advanced SEO Recommendations - Hugo Mistergeek
|
||||||
|
|
||||||
|
## Overview
|
||||||
|
|
||||||
|
This document provides advanced SEO recommendations specifically tailored for the Hugo Mistergeek blog, a French-speaking site covering technology and computing topics. The recommendations take into account the existing SEO implementation and propose targeted improvements to maximize visibility in the French-speaking market.
|
||||||
|
|
||||||
|
## Current SEO Implementation Status ✅
|
||||||
|
|
||||||
|
### ✅ Successfully Implemented
|
||||||
|
- **Essential meta tags** (description, keywords, author)
|
||||||
|
- **Open Graph** for social networks
|
||||||
|
- **Twitter Cards** with optimized images
|
||||||
|
- **Schema.org** (JSON-LD) for structured data
|
||||||
|
- **Favicons** multi-format and PWA support
|
||||||
|
- **Canonical URLs** and hreflang
|
||||||
|
- **XML sitemap generation** via Hugo
|
||||||
|
|
||||||
|
## SEO Improvement Recommendations
|
||||||
|
|
||||||
|
### 1. French Content Optimization
|
||||||
|
|
||||||
|
#### URL Structure
|
||||||
|
```yaml
|
||||||
|
# Recommendation: Optimize for French
|
||||||
|
Old structure: /post/2023-11-wordpress-creation-site/
|
||||||
|
New structure: /tutorials/wordpress/create-wordpress-site-complete-guide/
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Keyword Strategy for French Market
|
||||||
|
```yaml
|
||||||
|
# Main keywords (high competition)
|
||||||
|
- "computer tutorial"
|
||||||
|
- "technology guide"
|
||||||
|
- "IT solutions"
|
||||||
|
|
||||||
|
# Long-tail keywords (French)
|
||||||
|
- "how to create a WordPress site in French"
|
||||||
|
- "best free antivirus for Windows 10 in 2024"
|
||||||
|
- "computer security tutorial for beginners"
|
||||||
|
|
||||||
|
# Language variations
|
||||||
|
- English: "computer tutorial" → French: "tutoriel informatique"
|
||||||
|
- English: "how to" → French: "how", "guide", "tutorial"
|
||||||
|
```
|
||||||
|
|
||||||
|
### 2. Advanced Technical Optimization
|
||||||
|
|
||||||
|
#### Performance and Core Web Vitals
|
||||||
|
```html
|
||||||
|
<!-- Add in layouts/partials/head-performance.html -->
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link rel="dns-prefetch" href="//www.google-analytics.com">
|
||||||
|
<link rel="dns-prefetch" href="//googletagmanager.com">
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Strategic Lazy Loading
|
||||||
|
```html
|
||||||
|
<!-- For images in articles -->
|
||||||
|
<img
|
||||||
|
src="/images/placeholder.svg"
|
||||||
|
data-src="/images/article-image.jpg"
|
||||||
|
alt="WordPress Tutorial - Create a Professional Site"
|
||||||
|
loading="lazy"
|
||||||
|
width="800"
|
||||||
|
height="400"
|
||||||
|
/>
|
||||||
|
```
|
||||||
|
|
||||||
|
### 3. Enhanced Schema.org
|
||||||
|
|
||||||
|
#### Article Schema with Detailed Author
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "TechArticle",
|
||||||
|
"headline": "Complete WordPress Guide 2024",
|
||||||
|
"description": "Create your WordPress site in French with this step-by-step guide",
|
||||||
|
"author": {
|
||||||
|
"@type": "Person",
|
||||||
|
"name": "Mistergeek",
|
||||||
|
"url": "https://www.mistergeek.net/",
|
||||||
|
"sameAs": [
|
||||||
|
"https://twitter.com/mistergeekfrance",
|
||||||
|
"https://www.linkedin.com/in/mistergeek"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"publisher": {
|
||||||
|
"@type": "Organization",
|
||||||
|
"name": "Mistergeek",
|
||||||
|
"logo": {
|
||||||
|
"@type": "ImageObject",
|
||||||
|
"url": "https://www.mistergeek.net/assets/images/logo.png"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"inLanguage": "fr-FR",
|
||||||
|
"datePublished": "2024-01-15",
|
||||||
|
"dateModified": "2024-01-15",
|
||||||
|
"keywords": ["wordpress", "french tutorial", "create website"]
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
#### BreadcrumbList for Navigation
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "BreadcrumbList",
|
||||||
|
"itemListElement": [
|
||||||
|
{
|
||||||
|
"@type": "ListItem",
|
||||||
|
"position": 1,
|
||||||
|
"name": "Home",
|
||||||
|
"item": "https://www.mistergeek.net/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"@type": "ListItem",
|
||||||
|
"position": 2,
|
||||||
|
"name": "Tutorials",
|
||||||
|
"item": "https://www.mistergeek.net/tutorials/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"@type": "ListItem",
|
||||||
|
"position": 3,
|
||||||
|
"name": "WordPress",
|
||||||
|
"item": "https://www.mistergeek.net/tutorials/wordpress/"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### 4. Local SEO for French Market
|
||||||
|
|
||||||
|
#### Google My Business
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "Organization",
|
||||||
|
"name": "Mistergeek",
|
||||||
|
"url": "https://www.mistergeek.net",
|
||||||
|
"logo": "https://www.mistergeek.net/assets/images/logo.png",
|
||||||
|
"contactPoint": {
|
||||||
|
"@type": "ContactPoint",
|
||||||
|
"contactType": "support",
|
||||||
|
"email": "contact@mistergeek.net",
|
||||||
|
"availableLanguage": ["French"]
|
||||||
|
},
|
||||||
|
"sameAs": [
|
||||||
|
"https://twitter.com/mistergeekfrance",
|
||||||
|
"https://www.youtube.com/@mistergeek"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### 5. Meta Tags Enhancement
|
||||||
|
|
||||||
|
#### Dynamic Meta Tags by Content Type
|
||||||
|
```go
|
||||||
|
<!-- layouts/partials/seo/meta-dynamic.html -->
|
||||||
|
{{- if eq .Section "tutorials" }}
|
||||||
|
<meta name="description" content="Complete tutorial {{ .Title }}. Learn {{ .Params.skill }} in French with our step-by-step guide.">
|
||||||
|
<meta name="keywords" content="tutorial {{ .Params.category }}, french guide {{ .Params.skill }}, {{ .Title | lower }}">
|
||||||
|
{{- else if eq .Section "comparisons" }}
|
||||||
|
<meta name="description" content="Detailed comparison {{ .Title }}. Which to choose in 2024? Complete reviews and tests.">
|
||||||
|
{{- end }}
|
||||||
|
```
|
||||||
|
|
||||||
|
### 6. Multi-language Optimization
|
||||||
|
|
||||||
|
#### hreflang for French
|
||||||
|
```html
|
||||||
|
<!-- In layouts/partials/seo/hreflang.html -->
|
||||||
|
<link rel="alternate" hreflang="fr-fr" href="https://www.mistergeek.net{{ .RelPermalink }}" />
|
||||||
|
<link rel="alternate" hreflang="fr-be" href="https://www.mistergeek.net/be{{ .RelPermalink }}" />
|
||||||
|
<link rel="alternate" hreflang="fr-ca" href="https://www.mistergeek.net/ca{{ .RelPermalink }}" />
|
||||||
|
<link rel="alternate" hreflang="x-default" href="https://www.mistergeek.net{{ .RelPermalink }}" />
|
||||||
|
```
|
||||||
|
|
||||||
|
### 7. Tutorial Data Structure
|
||||||
|
|
||||||
|
#### Tutorial Schema
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "HowTo",
|
||||||
|
"name": "Create a WordPress Site",
|
||||||
|
"description": "Complete guide to create your WordPress site in French",
|
||||||
|
"image": "https://www.mistergeek.net/assets/images/wordpress-guide.jpg",
|
||||||
|
"totalTime": "PT30M",
|
||||||
|
"estimatedCost": {
|
||||||
|
"@type": "MonetaryAmount",
|
||||||
|
"currency": "EUR",
|
||||||
|
"value": "0"
|
||||||
|
},
|
||||||
|
"supply": [
|
||||||
|
{
|
||||||
|
"@type": "HowToSupply",
|
||||||
|
"name": "WordPress"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"@type": "HowToSupply",
|
||||||
|
"name": "Web hosting"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"tool": [
|
||||||
|
{
|
||||||
|
"@type": "HowToTool",
|
||||||
|
"name": "WordPress"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"step": [
|
||||||
|
{
|
||||||
|
"@type": "HowToStep",
|
||||||
|
"name": "WordPress Installation",
|
||||||
|
"text": "Download and install WordPress"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### 8. Image Optimization
|
||||||
|
|
||||||
|
#### SEO Image Structure
|
||||||
|
```yaml
|
||||||
|
# config.toml - Image configuration
|
||||||
|
[imaging]
|
||||||
|
quality = 75
|
||||||
|
resampleFilter = "lanczos"
|
||||||
|
|
||||||
|
[params.images]
|
||||||
|
# Recommended dimensions for SEO
|
||||||
|
og_image = "1200x630"
|
||||||
|
twitter_image = "1200x675"
|
||||||
|
thumbnail = "400x300"
|
||||||
|
hero = "1920x1080"
|
||||||
|
```
|
||||||
|
|
||||||
|
### 9. Strategic Internal Linking
|
||||||
|
|
||||||
|
#### Link Structure
|
||||||
|
```markdown
|
||||||
|
<!-- In content -->
|
||||||
|
To go further, discover:
|
||||||
|
- [Complete WordPress Guide](/tutorials/wordpress/complete-guide/)
|
||||||
|
- [Best WordPress Plugins](/comparisons/plugins-wordpress-2024/)
|
||||||
|
- [WordPress Security](/security/wordpress-security-maximum/)
|
||||||
|
```
|
||||||
|
|
||||||
|
### 10. Advanced Hugo.toml Configuration
|
||||||
|
|
||||||
|
```toml
|
||||||
|
# Advanced SEO Configuration
|
||||||
|
[params.seo]
|
||||||
|
# Existing configuration...
|
||||||
|
|
||||||
|
# Analytics
|
||||||
|
google_analytics = "G-XXXXXXXXXX"
|
||||||
|
google_tag_manager = "GTM-XXXXXXX"
|
||||||
|
|
||||||
|
# Rich Snippets
|
||||||
|
enable_search_box = true
|
||||||
|
enable_sitelinks_searchbox = true
|
||||||
|
|
||||||
|
# Social
|
||||||
|
facebook_page = "mistergeek.fr"
|
||||||
|
twitter_handle = "@mistergeekfrance"
|
||||||
|
youtube_channel = "UCXXXXXXXXXXXXXXXXXXX"
|
||||||
|
|
||||||
|
# Local SEO
|
||||||
|
[params.seo.local]
|
||||||
|
enabled = true
|
||||||
|
country = "FR"
|
||||||
|
language = "fr"
|
||||||
|
region = "Île-de-France"
|
||||||
|
|
||||||
|
[markup.goldmark.renderer]
|
||||||
|
unsafe = true
|
||||||
|
|
||||||
|
[markup.highlight]
|
||||||
|
style = "github"
|
||||||
|
lineNos = true
|
||||||
|
codeFences = true
|
||||||
|
|
||||||
|
[sitemap]
|
||||||
|
changefreq = "weekly"
|
||||||
|
filename = "sitemap.xml"
|
||||||
|
priority = 0.5
|
||||||
|
|
||||||
|
[privacy]
|
||||||
|
[privacy.googleAnalytics]
|
||||||
|
disable = false
|
||||||
|
respectDoNotTrack = true
|
||||||
|
```
|
||||||
|
|
||||||
|
### 11. Monitoring and Tools
|
||||||
|
|
||||||
|
#### SEO Monitoring Tools
|
||||||
|
```yaml
|
||||||
|
# To configure
|
||||||
|
- Google Search Console: verify site
|
||||||
|
- Google Analytics 4: advanced tracking
|
||||||
|
- Bing Webmaster Tools: Bing indexing
|
||||||
|
- Yandex Webmaster: Russian market
|
||||||
|
- Ahrefs/SEMrush: competitive analysis
|
||||||
|
```
|
||||||
|
|
||||||
|
### 12. Launch Checklist
|
||||||
|
|
||||||
|
#### Pre-launch SEO
|
||||||
|
- [ ] Check all meta tags
|
||||||
|
- [ ] Test rich snippets
|
||||||
|
- [ ] Validate sitemap.xml
|
||||||
|
- [ ] Configure Google Search Console
|
||||||
|
- [ ] Configure Google Analytics 4
|
||||||
|
- [ ] Test loading speed
|
||||||
|
- [ ] Check for missing images
|
||||||
|
- [ ] Test broken links
|
||||||
|
- [ ] Validate Schema.org markup
|
||||||
|
|
||||||
|
#### Post-launch
|
||||||
|
- [ ] Submit sitemap to Google
|
||||||
|
- [ ] Monitor 404 errors
|
||||||
|
- [ ] Analyze keyword positioning
|
||||||
|
- [ ] Optimize pages with low CTR
|
||||||
|
- [ ] Improve pages with high bounce rate
|
||||||
|
|
||||||
|
### 13. Performance Measurement
|
||||||
|
|
||||||
|
#### SEO KPIs to track
|
||||||
|
```yaml
|
||||||
|
Monthly:
|
||||||
|
- Average keyword position
|
||||||
|
- Click-through rate (CTR)
|
||||||
|
- Indexed pages
|
||||||
|
- Crawl errors
|
||||||
|
- Loading speed
|
||||||
|
|
||||||
|
Quarterly:
|
||||||
|
- Keyword market share
|
||||||
|
- Quality backlinks
|
||||||
|
- Authority Score (Domain Rating)
|
||||||
|
- Organic traffic vs goals
|
||||||
|
```
|
||||||
|
|
||||||
|
## Additional Resources
|
||||||
|
|
||||||
|
### French SEO Tools
|
||||||
|
- **Google Search Console** - Main monitoring
|
||||||
|
- **Screaming Frog** - Technical audit
|
||||||
|
- **Ahrefs/SEMrush** - Competitive analysis
|
||||||
|
- **GTmetrix** - Performance
|
||||||
|
- **Schema Markup Validator** - Rich snippets
|
||||||
|
|
||||||
|
### Documentation
|
||||||
|
- [Google SEO Starter Guide - French](https://support.google.com/webmasters/answer/7451184?hl=fr)
|
||||||
|
- [Bing Webmaster Guidelines](https://www.bing.com/webmaster/help/webmaster-guidelines-30fba23a)
|
||||||
|
- [Schema.org Documentation](https://schema.org/docs/documents.html)
|
||||||
|
|
||||||
|
### Community Support
|
||||||
|
- [Webmaster Help Community - French](https://support.google.com/webmasters/community?hl=fr)
|
||||||
|
- [Reddit r/SEO](https://www.reddit.com/r/SEO/)
|
||||||
|
- [Search Engine Journal - French](https://www.searchenginejournal.com/tag/french/)
|
||||||
|
|
||||||
|
This SEO guide is specifically adapted for the French-speaking market and takes into account the linguistic and cultural particularities of the Mistergeek target audience.
|
||||||
363
docs/seo-recommendations-fr.md
Normal file
363
docs/seo-recommendations-fr.md
Normal file
@@ -0,0 +1,363 @@
|
|||||||
|
# Recommandations SEO Avancées - Hugo Mistergeek
|
||||||
|
|
||||||
|
## Vue d'ensemble
|
||||||
|
|
||||||
|
Ce document fournit des recommandations SEO avancées spécifiquement adaptées au blog Hugo Mistergeek, un site francophone traitant de technologie et d'informatique. Les recommandations prennent en compte l'implémentation SEO existante et proposent des améliorations ciblées pour maximiser la visibilité sur le marché francophone.
|
||||||
|
|
||||||
|
## État Actuel de l'implémentation SEO ✅
|
||||||
|
|
||||||
|
### ✅ Implémenté avec succès
|
||||||
|
- **Meta tags essentiels** (description, keywords, author)
|
||||||
|
- **Open Graph** pour les réseaux sociaux
|
||||||
|
- **Twitter Cards** avec images optimisées
|
||||||
|
- **Schema.org** (JSON-LD) pour les données structurées
|
||||||
|
- **Favicons** multi-formats et support PWA
|
||||||
|
- **Canonical URLs** et hreflang
|
||||||
|
- **Génération de sitemap XML** via Hugo
|
||||||
|
|
||||||
|
## Recommandations d'Amélioration SEO
|
||||||
|
|
||||||
|
### 1. Optimisation du Contenu Francophone
|
||||||
|
|
||||||
|
#### Structure des URLs
|
||||||
|
```yaml
|
||||||
|
# Recommandation: Optimiser pour le français
|
||||||
|
Ancienne structure: /post/2023-11-wordpress-creation-site/
|
||||||
|
Nouvelle structure: /tutoriels/wordpress/creer-site-wordpress-guide-complet/
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Stratégie de Mots-clés pour le Marché Francophone
|
||||||
|
```yaml
|
||||||
|
# Mots-clés principaux (haute concurrence)
|
||||||
|
- "tutoriel informatique"
|
||||||
|
- "guide technologie"
|
||||||
|
- "solutions informatiques"
|
||||||
|
|
||||||
|
# Mots-clés longue traîne (français)
|
||||||
|
- "comment créer un site WordPress en français"
|
||||||
|
- "meilleur antivirus gratuit pour Windows 10 en 2024"
|
||||||
|
- "tutoriel sécurité informatique débutant"
|
||||||
|
|
||||||
|
# Variations linguistiques
|
||||||
|
- Anglais: "computer tutorial" → Français: "tutoriel informatique"
|
||||||
|
- Anglais: "how to" → Français: "comment", "guide", "tutoriel"
|
||||||
|
```
|
||||||
|
|
||||||
|
### 2. Optimisation Technique Avancée
|
||||||
|
|
||||||
|
#### Performance et Core Web Vitals
|
||||||
|
```html
|
||||||
|
<!-- Ajouter dans layouts/partials/head-performance.html -->
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link rel="dns-prefetch" href="//www.google-analytics.com">
|
||||||
|
<link rel="dns-prefetch" href="//googletagmanager.com">
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Lazy Loading Stratégique
|
||||||
|
```html
|
||||||
|
<!-- Pour les images dans les articles -->
|
||||||
|
<img
|
||||||
|
src="/images/placeholder.svg"
|
||||||
|
data-src="/images/article-image.jpg"
|
||||||
|
alt="Tutoriel WordPress - Créer un site professionnel"
|
||||||
|
loading="lazy"
|
||||||
|
width="800"
|
||||||
|
height="400"
|
||||||
|
/>
|
||||||
|
```
|
||||||
|
|
||||||
|
### 3. Schema.org Amélioré
|
||||||
|
|
||||||
|
#### Article Schema avec Auteur Détaillé
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "TechArticle",
|
||||||
|
"headline": "Guide Complet WordPress 2024",
|
||||||
|
"description": "Créez votre site WordPress en français avec ce guide étape par étape",
|
||||||
|
"author": {
|
||||||
|
"@type": "Person",
|
||||||
|
"name": "Mistergeek",
|
||||||
|
"url": "https://www.mistergeek.net/",
|
||||||
|
"sameAs": [
|
||||||
|
"https://twitter.com/mistergeekfrance",
|
||||||
|
"https://www.linkedin.com/in/mistergeek"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"publisher": {
|
||||||
|
"@type": "Organization",
|
||||||
|
"name": "Mistergeek",
|
||||||
|
"logo": {
|
||||||
|
"@type": "ImageObject",
|
||||||
|
"url": "https://www.mistergeek.net/assets/images/logo.png"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"inLanguage": "fr-FR",
|
||||||
|
"datePublished": "2024-01-15",
|
||||||
|
"dateModified": "2024-01-15",
|
||||||
|
"keywords": ["wordpress", "tutoriel français", "créer site web"]
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
#### BreadcrumbList pour la Navigation
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "BreadcrumbList",
|
||||||
|
"itemListElement": [
|
||||||
|
{
|
||||||
|
"@type": "ListItem",
|
||||||
|
"position": 1,
|
||||||
|
"name": "Accueil",
|
||||||
|
"item": "https://www.mistergeek.net/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"@type": "ListItem",
|
||||||
|
"position": 2,
|
||||||
|
"name": "Tutoriels",
|
||||||
|
"item": "https://www.mistergeek.net/tutoriels/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"@type": "ListItem",
|
||||||
|
"position": 3,
|
||||||
|
"name": "WordPress",
|
||||||
|
"item": "https://www.mistergeek.net/tutoriels/wordpress/"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### 4. SEO Local pour le Marché Français
|
||||||
|
|
||||||
|
#### Google My Business
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "Organization",
|
||||||
|
"name": "Mistergeek",
|
||||||
|
"url": "https://www.mistergeek.net",
|
||||||
|
"logo": "https://www.mistergeek.net/assets/images/logo.png",
|
||||||
|
"contactPoint": {
|
||||||
|
"@type": "ContactPoint",
|
||||||
|
"contactType": "support",
|
||||||
|
"email": "contact@mistergeek.net",
|
||||||
|
"availableLanguage": ["French"]
|
||||||
|
},
|
||||||
|
"sameAs": [
|
||||||
|
"https://twitter.com/mistergeekfrance",
|
||||||
|
"https://www.youtube.com/@mistergeek"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### 5. Amélioration des Meta Tags
|
||||||
|
|
||||||
|
#### Meta Tags Dynamiques par Type de Contenu
|
||||||
|
```go
|
||||||
|
<!-- layouts/partials/seo/meta-dynamic.html -->
|
||||||
|
{{- if eq .Section "tutoriels" }}
|
||||||
|
<meta name="description" content="Tutoriel complet {{ .Title }}. Apprenez {{ .Params.skill }} en français avec notre guide étape par étape.">
|
||||||
|
<meta name="keywords" content="tutoriel {{ .Params.category }}, guide français {{ .Params.skill }}, {{ .Title | lower }}">
|
||||||
|
{{- else if eq .Section "comparatifs" }}
|
||||||
|
<meta name="description" content="Comparatif détaillé {{ .Title }}. Lequel choisir en 2024 ? Avis et tests complets.">
|
||||||
|
{{- end }}
|
||||||
|
```
|
||||||
|
|
||||||
|
### 6. Optimisation Multilingue
|
||||||
|
|
||||||
|
#### hreflang pour le Français
|
||||||
|
```html
|
||||||
|
<!-- Dans layouts/partials/seo/hreflang.html -->
|
||||||
|
<link rel="alternate" hreflang="fr-fr" href="https://www.mistergeek.net{{ .RelPermalink }}" />
|
||||||
|
<link rel="alternate" hreflang="fr-be" href="https://www.mistergeek.net/be{{ .RelPermalink }}" />
|
||||||
|
<link rel="alternate" hreflang="fr-ca" href="https://www.mistergeek.net/ca{{ .RelPermalink }}" />
|
||||||
|
<link rel="alternate" hreflang="x-default" href="https://www.mistergeek.net{{ .RelPermalink }}" />
|
||||||
|
```
|
||||||
|
|
||||||
|
### 7. Structure des Données pour les Tutoriels
|
||||||
|
|
||||||
|
#### Tutoriel Schema
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "HowTo",
|
||||||
|
"name": "Créer un site WordPress",
|
||||||
|
"description": "Guide complet pour créer votre site WordPress en français",
|
||||||
|
"image": "https://www.mistergeek.net/assets/images/wordpress-guide.jpg",
|
||||||
|
"totalTime": "PT30M",
|
||||||
|
"estimatedCost": {
|
||||||
|
"@type": "MonetaryAmount",
|
||||||
|
"currency": "EUR",
|
||||||
|
"value": "0"
|
||||||
|
},
|
||||||
|
"supply": [
|
||||||
|
{
|
||||||
|
"@type": "HowToSupply",
|
||||||
|
"name": "WordPress"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"@type": "HowToSupply",
|
||||||
|
"name": "Hébergement web"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"tool": [
|
||||||
|
{
|
||||||
|
"@type": "HowToTool",
|
||||||
|
"name": "WordPress"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"step": [
|
||||||
|
{
|
||||||
|
"@type": "HowToStep",
|
||||||
|
"name": "Installation WordPress",
|
||||||
|
"text": "Téléchargez et installez WordPress"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### 8. Optimisation des Images
|
||||||
|
|
||||||
|
#### Structure des Images SEO
|
||||||
|
```yaml
|
||||||
|
# config.toml - Configuration des images
|
||||||
|
[imaging]
|
||||||
|
quality = 75
|
||||||
|
resampleFilter = "lanczos"
|
||||||
|
|
||||||
|
[params.images]
|
||||||
|
# Dimensions recommandées pour le SEO
|
||||||
|
og_image = "1200x630"
|
||||||
|
twitter_image = "1200x675"
|
||||||
|
thumbnail = "400x300"
|
||||||
|
hero = "1920x1080"
|
||||||
|
```
|
||||||
|
|
||||||
|
### 9. Internal Linking Stratégique
|
||||||
|
|
||||||
|
#### Structure de Liens
|
||||||
|
```markdown
|
||||||
|
<!-- Dans le contenu -->
|
||||||
|
Pour aller plus loin, découvrez :
|
||||||
|
- [Guide complet WordPress](/tutoriels/wordpress/guide-complet/)
|
||||||
|
- [Meilleurs plugins WordPress](/comparatifs/plugins-wordpress-2024/)
|
||||||
|
- [Sécurité WordPress](/securite/wordpress-securite-maximale/)
|
||||||
|
```
|
||||||
|
|
||||||
|
### 10. Configuration Avancée Hugo.toml
|
||||||
|
|
||||||
|
```toml
|
||||||
|
# SEO Configuration avancée
|
||||||
|
[params.seo]
|
||||||
|
# Configuration existante...
|
||||||
|
|
||||||
|
# Analytics
|
||||||
|
google_analytics = "G-XXXXXXXXXX"
|
||||||
|
google_tag_manager = "GTM-XXXXXXX"
|
||||||
|
|
||||||
|
# Rich Snippets
|
||||||
|
enable_search_box = true
|
||||||
|
enable_sitelinks_searchbox = true
|
||||||
|
|
||||||
|
# Social
|
||||||
|
facebook_page = "mistergeek.fr"
|
||||||
|
twitter_handle = "@mistergeekfrance"
|
||||||
|
youtube_channel = "UCXXXXXXXXXXXXXXXXXXX"
|
||||||
|
|
||||||
|
# Local SEO
|
||||||
|
[params.seo.local]
|
||||||
|
enabled = true
|
||||||
|
country = "FR"
|
||||||
|
language = "fr"
|
||||||
|
region = "Île-de-France"
|
||||||
|
|
||||||
|
[markup.goldmark.renderer]
|
||||||
|
unsafe = true
|
||||||
|
|
||||||
|
[markup.highlight]
|
||||||
|
style = "github"
|
||||||
|
lineNos = true
|
||||||
|
codeFences = true
|
||||||
|
|
||||||
|
[sitemap]
|
||||||
|
changefreq = "weekly"
|
||||||
|
filename = "sitemap.xml"
|
||||||
|
priority = 0.5
|
||||||
|
|
||||||
|
[privacy]
|
||||||
|
[privacy.googleAnalytics]
|
||||||
|
disable = false
|
||||||
|
respectDoNotTrack = true
|
||||||
|
```
|
||||||
|
|
||||||
|
### 11. Monitoring et Outils
|
||||||
|
|
||||||
|
#### Outils de Monitoring SEO
|
||||||
|
```yaml
|
||||||
|
# À configurer
|
||||||
|
- Google Search Console: vérifier le site
|
||||||
|
- Google Analytics 4: tracking avancé
|
||||||
|
- Bing Webmaster Tools: indexation Bing
|
||||||
|
- Yandex Webmaster: marché russe
|
||||||
|
- Ahrefs/SEMrush: analyse concurrentielle
|
||||||
|
```
|
||||||
|
|
||||||
|
### 12. Checklist de Lancement
|
||||||
|
|
||||||
|
#### Pré-lancement SEO
|
||||||
|
- [ ] Vérifier tous les meta tags
|
||||||
|
- [ ] Tester les rich snippets
|
||||||
|
- [ ] Valider le sitemap.xml
|
||||||
|
- [ ] Configurer Google Search Console
|
||||||
|
- [ ] Configurer Google Analytics 4
|
||||||
|
- [ ] Tester la vitesse de chargement
|
||||||
|
- [ ] Vérifier les images manquantes
|
||||||
|
- [ ] Tester les liens cassés
|
||||||
|
- [ ] Valider le markup Schema.org
|
||||||
|
|
||||||
|
#### Post-lancement
|
||||||
|
- [ ] Soumettre le sitemap à Google
|
||||||
|
- [ ] Monitorer les erreurs 404
|
||||||
|
- [ ] Analyser les mots-clés de positionnement
|
||||||
|
- [ ] Optimiser les pages avec faible CTR
|
||||||
|
- [ ] Améliorer les pages avec fort taux de rebond
|
||||||
|
|
||||||
|
### 13. Mesure de Performance
|
||||||
|
|
||||||
|
#### KPIs SEO à suivre
|
||||||
|
```yaml
|
||||||
|
Mensuel:
|
||||||
|
- Position moyenne des mots-clés
|
||||||
|
- Taux de clic (CTR)
|
||||||
|
- Pages indexées
|
||||||
|
- Erreurs de crawl
|
||||||
|
- Vitesse de chargement
|
||||||
|
|
||||||
|
Trimestriel:
|
||||||
|
- Part de marché des mots-clés
|
||||||
|
- Backlinks de qualité
|
||||||
|
- Authority Score (Domain Rating)
|
||||||
|
- Trafic organique vs objectifs
|
||||||
|
```
|
||||||
|
|
||||||
|
## Ressources Additionnelles
|
||||||
|
|
||||||
|
### Outils Français SEO
|
||||||
|
- **Google Search Console** - Monitoring principal
|
||||||
|
- **Screaming Frog** - Audit technique
|
||||||
|
- **Ahrefs/SEMrush** - Analyse concurrentielle
|
||||||
|
- **GTmetrix** - Performance
|
||||||
|
- **Schema Markup Validator** - Rich snippets
|
||||||
|
|
||||||
|
### Documentation
|
||||||
|
- [Google SEO Starter Guide - Français](https://support.google.com/webmasters/answer/7451184?hl=fr)
|
||||||
|
- [Bing Webmaster Guidelines](https://www.bing.com/webmaster/help/webmaster-guidelines-30fba23a)
|
||||||
|
- [Schema.org Documentation](https://schema.org/docs/documents.html)
|
||||||
|
|
||||||
|
### Support Communautaire
|
||||||
|
- [Webmaster Help Community - Français](https://support.google.com/webmasters/community?hl=fr)
|
||||||
|
- [Reddit r/SEO](https://www.reddit.com/r/SEO/)
|
||||||
|
- [Search Engine Journal - French](https://www.searchenginejournal.com/tag/french/)
|
||||||
|
|
||||||
|
Ce guide SEO est spécifiquement adapté au marché francophone et prend en compte les particularités linguistiques et culturelles du public cible de Mistergeek.
|
||||||
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,13 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
|
|
||||||
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
*/
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Font Awesome 5 Brands';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
src: url("../webfonts/fa-brands-400.eot");
|
|
||||||
src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
|
|
||||||
|
|
||||||
.fab {
|
|
||||||
font-family: 'Font Awesome 5 Brands'; }
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
|
|
||||||
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
*/
|
|
||||||
@font-face{font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:Font Awesome\ 5 Brands}
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
|
|
||||||
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
*/
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Font Awesome 5 Free';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
src: url("../webfonts/fa-regular-400.eot");
|
|
||||||
src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
|
|
||||||
|
|
||||||
.far {
|
|
||||||
font-family: 'Font Awesome 5 Free';
|
|
||||||
font-weight: 400; }
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
|
|
||||||
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
*/
|
|
||||||
@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:Font Awesome\ 5 Free;font-weight:400}
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
|
|
||||||
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
*/
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Font Awesome 5 Free';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 900;
|
|
||||||
src: url("../webfonts/fa-solid-900.eot");
|
|
||||||
src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
|
|
||||||
|
|
||||||
.fa,
|
|
||||||
.fas {
|
|
||||||
font-family: 'Font Awesome 5 Free';
|
|
||||||
font-weight: 900; }
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
|
|
||||||
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
*/
|
|
||||||
@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:Font Awesome\ 5 Free;font-weight:900}
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -1,19 +0,0 @@
|
|||||||
// Animated Icons
|
|
||||||
// --------------------------
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-spin {
|
|
||||||
animation: fa-spin 2s infinite linear;
|
|
||||||
}
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-pulse {
|
|
||||||
animation: fa-spin 1s infinite steps(8);
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fa-spin {
|
|
||||||
0% {
|
|
||||||
transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
// Bordered & Pulled
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-border {
|
|
||||||
border-radius: .1em;
|
|
||||||
border: solid .08em @fa-border-color;
|
|
||||||
padding: .2em .25em .15em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-pull-left { float: left; }
|
|
||||||
.@{fa-css-prefix}-pull-right { float: right; }
|
|
||||||
|
|
||||||
.@{fa-css-prefix}, .fas, .far, .fal, .fab {
|
|
||||||
&.@{fa-css-prefix}-pull-left { margin-right: .3em; }
|
|
||||||
&.@{fa-css-prefix}-pull-right { margin-left: .3em; }
|
|
||||||
}
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
// Base Class Definition
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.@{fa-css-prefix}, .fas, .far, .fal, .fab {
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
display: inline-block;
|
|
||||||
font-style: normal;
|
|
||||||
font-variant: normal;
|
|
||||||
text-rendering: auto;
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
// Fixed Width Icons
|
|
||||||
// -------------------------
|
|
||||||
.@{fa-css-prefix}-fw {
|
|
||||||
text-align: center;
|
|
||||||
width: (20em / 16);
|
|
||||||
}
|
|
||||||
@@ -1,816 +0,0 @@
|
|||||||
/* 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}-500px:before { content: @fa-var-500px; }
|
|
||||||
.@{fa-css-prefix}-accessible-icon:before { content: @fa-var-accessible-icon; }
|
|
||||||
.@{fa-css-prefix}-accusoft:before { content: @fa-var-accusoft; }
|
|
||||||
.@{fa-css-prefix}-address-book:before { content: @fa-var-address-book; }
|
|
||||||
.@{fa-css-prefix}-address-card:before { content: @fa-var-address-card; }
|
|
||||||
.@{fa-css-prefix}-adjust:before { content: @fa-var-adjust; }
|
|
||||||
.@{fa-css-prefix}-adn:before { content: @fa-var-adn; }
|
|
||||||
.@{fa-css-prefix}-adversal:before { content: @fa-var-adversal; }
|
|
||||||
.@{fa-css-prefix}-affiliatetheme:before { content: @fa-var-affiliatetheme; }
|
|
||||||
.@{fa-css-prefix}-algolia:before { content: @fa-var-algolia; }
|
|
||||||
.@{fa-css-prefix}-align-center:before { content: @fa-var-align-center; }
|
|
||||||
.@{fa-css-prefix}-align-justify:before { content: @fa-var-align-justify; }
|
|
||||||
.@{fa-css-prefix}-align-left:before { content: @fa-var-align-left; }
|
|
||||||
.@{fa-css-prefix}-align-right:before { content: @fa-var-align-right; }
|
|
||||||
.@{fa-css-prefix}-amazon:before { content: @fa-var-amazon; }
|
|
||||||
.@{fa-css-prefix}-amazon-pay:before { content: @fa-var-amazon-pay; }
|
|
||||||
.@{fa-css-prefix}-ambulance:before { content: @fa-var-ambulance; }
|
|
||||||
.@{fa-css-prefix}-american-sign-language-interpreting:before { content: @fa-var-american-sign-language-interpreting; }
|
|
||||||
.@{fa-css-prefix}-amilia:before { content: @fa-var-amilia; }
|
|
||||||
.@{fa-css-prefix}-anchor:before { content: @fa-var-anchor; }
|
|
||||||
.@{fa-css-prefix}-android:before { content: @fa-var-android; }
|
|
||||||
.@{fa-css-prefix}-angellist:before { content: @fa-var-angellist; }
|
|
||||||
.@{fa-css-prefix}-angle-double-down:before { content: @fa-var-angle-double-down; }
|
|
||||||
.@{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-down:before { content: @fa-var-angle-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}-angrycreative:before { content: @fa-var-angrycreative; }
|
|
||||||
.@{fa-css-prefix}-angular:before { content: @fa-var-angular; }
|
|
||||||
.@{fa-css-prefix}-app-store:before { content: @fa-var-app-store; }
|
|
||||||
.@{fa-css-prefix}-app-store-ios:before { content: @fa-var-app-store-ios; }
|
|
||||||
.@{fa-css-prefix}-apper:before { content: @fa-var-apper; }
|
|
||||||
.@{fa-css-prefix}-apple:before { content: @fa-var-apple; }
|
|
||||||
.@{fa-css-prefix}-apple-pay:before { content: @fa-var-apple-pay; }
|
|
||||||
.@{fa-css-prefix}-archive:before { content: @fa-var-archive; }
|
|
||||||
.@{fa-css-prefix}-arrow-alt-circle-down:before { content: @fa-var-arrow-alt-circle-down; }
|
|
||||||
.@{fa-css-prefix}-arrow-alt-circle-left:before { content: @fa-var-arrow-alt-circle-left; }
|
|
||||||
.@{fa-css-prefix}-arrow-alt-circle-right:before { content: @fa-var-arrow-alt-circle-right; }
|
|
||||||
.@{fa-css-prefix}-arrow-alt-circle-up:before { content: @fa-var-arrow-alt-circle-up; }
|
|
||||||
.@{fa-css-prefix}-arrow-circle-down:before { content: @fa-var-arrow-circle-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-down:before { content: @fa-var-arrow-down; }
|
|
||||||
.@{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}-arrows-alt:before { content: @fa-var-arrows-alt; }
|
|
||||||
.@{fa-css-prefix}-arrows-alt-h:before { content: @fa-var-arrows-alt-h; }
|
|
||||||
.@{fa-css-prefix}-arrows-alt-v:before { content: @fa-var-arrows-alt-v; }
|
|
||||||
.@{fa-css-prefix}-assistive-listening-systems:before { content: @fa-var-assistive-listening-systems; }
|
|
||||||
.@{fa-css-prefix}-asterisk:before { content: @fa-var-asterisk; }
|
|
||||||
.@{fa-css-prefix}-asymmetrik:before { content: @fa-var-asymmetrik; }
|
|
||||||
.@{fa-css-prefix}-at:before { content: @fa-var-at; }
|
|
||||||
.@{fa-css-prefix}-audible:before { content: @fa-var-audible; }
|
|
||||||
.@{fa-css-prefix}-audio-description:before { content: @fa-var-audio-description; }
|
|
||||||
.@{fa-css-prefix}-autoprefixer:before { content: @fa-var-autoprefixer; }
|
|
||||||
.@{fa-css-prefix}-avianex:before { content: @fa-var-avianex; }
|
|
||||||
.@{fa-css-prefix}-aviato:before { content: @fa-var-aviato; }
|
|
||||||
.@{fa-css-prefix}-aws:before { content: @fa-var-aws; }
|
|
||||||
.@{fa-css-prefix}-backward:before { content: @fa-var-backward; }
|
|
||||||
.@{fa-css-prefix}-balance-scale:before { content: @fa-var-balance-scale; }
|
|
||||||
.@{fa-css-prefix}-ban:before { content: @fa-var-ban; }
|
|
||||||
.@{fa-css-prefix}-bandcamp:before { content: @fa-var-bandcamp; }
|
|
||||||
.@{fa-css-prefix}-barcode:before { content: @fa-var-barcode; }
|
|
||||||
.@{fa-css-prefix}-bars:before { content: @fa-var-bars; }
|
|
||||||
.@{fa-css-prefix}-baseball-ball:before { content: @fa-var-baseball-ball; }
|
|
||||||
.@{fa-css-prefix}-basketball-ball:before { content: @fa-var-basketball-ball; }
|
|
||||||
.@{fa-css-prefix}-bath:before { content: @fa-var-bath; }
|
|
||||||
.@{fa-css-prefix}-battery-empty:before { content: @fa-var-battery-empty; }
|
|
||||||
.@{fa-css-prefix}-battery-full:before { content: @fa-var-battery-full; }
|
|
||||||
.@{fa-css-prefix}-battery-half:before { content: @fa-var-battery-half; }
|
|
||||||
.@{fa-css-prefix}-battery-quarter:before { content: @fa-var-battery-quarter; }
|
|
||||||
.@{fa-css-prefix}-battery-three-quarters:before { content: @fa-var-battery-three-quarters; }
|
|
||||||
.@{fa-css-prefix}-bed:before { content: @fa-var-bed; }
|
|
||||||
.@{fa-css-prefix}-beer:before { content: @fa-var-beer; }
|
|
||||||
.@{fa-css-prefix}-behance:before { content: @fa-var-behance; }
|
|
||||||
.@{fa-css-prefix}-behance-square:before { content: @fa-var-behance-square; }
|
|
||||||
.@{fa-css-prefix}-bell:before { content: @fa-var-bell; }
|
|
||||||
.@{fa-css-prefix}-bell-slash:before { content: @fa-var-bell-slash; }
|
|
||||||
.@{fa-css-prefix}-bicycle:before { content: @fa-var-bicycle; }
|
|
||||||
.@{fa-css-prefix}-bimobject:before { content: @fa-var-bimobject; }
|
|
||||||
.@{fa-css-prefix}-binoculars:before { content: @fa-var-binoculars; }
|
|
||||||
.@{fa-css-prefix}-birthday-cake:before { content: @fa-var-birthday-cake; }
|
|
||||||
.@{fa-css-prefix}-bitbucket:before { content: @fa-var-bitbucket; }
|
|
||||||
.@{fa-css-prefix}-bitcoin:before { content: @fa-var-bitcoin; }
|
|
||||||
.@{fa-css-prefix}-bity:before { content: @fa-var-bity; }
|
|
||||||
.@{fa-css-prefix}-black-tie:before { content: @fa-var-black-tie; }
|
|
||||||
.@{fa-css-prefix}-blackberry:before { content: @fa-var-blackberry; }
|
|
||||||
.@{fa-css-prefix}-blind:before { content: @fa-var-blind; }
|
|
||||||
.@{fa-css-prefix}-blogger:before { content: @fa-var-blogger; }
|
|
||||||
.@{fa-css-prefix}-blogger-b:before { content: @fa-var-blogger-b; }
|
|
||||||
.@{fa-css-prefix}-bluetooth:before { content: @fa-var-bluetooth; }
|
|
||||||
.@{fa-css-prefix}-bluetooth-b:before { content: @fa-var-bluetooth-b; }
|
|
||||||
.@{fa-css-prefix}-bold:before { content: @fa-var-bold; }
|
|
||||||
.@{fa-css-prefix}-bolt:before { content: @fa-var-bolt; }
|
|
||||||
.@{fa-css-prefix}-bomb:before { content: @fa-var-bomb; }
|
|
||||||
.@{fa-css-prefix}-book:before { content: @fa-var-book; }
|
|
||||||
.@{fa-css-prefix}-bookmark:before { content: @fa-var-bookmark; }
|
|
||||||
.@{fa-css-prefix}-bowling-ball:before { content: @fa-var-bowling-ball; }
|
|
||||||
.@{fa-css-prefix}-braille:before { content: @fa-var-braille; }
|
|
||||||
.@{fa-css-prefix}-briefcase:before { content: @fa-var-briefcase; }
|
|
||||||
.@{fa-css-prefix}-btc:before { content: @fa-var-btc; }
|
|
||||||
.@{fa-css-prefix}-bug:before { content: @fa-var-bug; }
|
|
||||||
.@{fa-css-prefix}-building:before { content: @fa-var-building; }
|
|
||||||
.@{fa-css-prefix}-bullhorn:before { content: @fa-var-bullhorn; }
|
|
||||||
.@{fa-css-prefix}-bullseye:before { content: @fa-var-bullseye; }
|
|
||||||
.@{fa-css-prefix}-buromobelexperte:before { content: @fa-var-buromobelexperte; }
|
|
||||||
.@{fa-css-prefix}-bus:before { content: @fa-var-bus; }
|
|
||||||
.@{fa-css-prefix}-buysellads:before { content: @fa-var-buysellads; }
|
|
||||||
.@{fa-css-prefix}-calculator:before { content: @fa-var-calculator; }
|
|
||||||
.@{fa-css-prefix}-calendar:before { content: @fa-var-calendar; }
|
|
||||||
.@{fa-css-prefix}-calendar-alt:before { content: @fa-var-calendar-alt; }
|
|
||||||
.@{fa-css-prefix}-calendar-check:before { content: @fa-var-calendar-check; }
|
|
||||||
.@{fa-css-prefix}-calendar-minus:before { content: @fa-var-calendar-minus; }
|
|
||||||
.@{fa-css-prefix}-calendar-plus:before { content: @fa-var-calendar-plus; }
|
|
||||||
.@{fa-css-prefix}-calendar-times:before { content: @fa-var-calendar-times; }
|
|
||||||
.@{fa-css-prefix}-camera:before { content: @fa-var-camera; }
|
|
||||||
.@{fa-css-prefix}-camera-retro:before { content: @fa-var-camera-retro; }
|
|
||||||
.@{fa-css-prefix}-car:before { content: @fa-var-car; }
|
|
||||||
.@{fa-css-prefix}-caret-down:before { content: @fa-var-caret-down; }
|
|
||||||
.@{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}-caret-square-down:before { content: @fa-var-caret-square-down; }
|
|
||||||
.@{fa-css-prefix}-caret-square-left:before { content: @fa-var-caret-square-left; }
|
|
||||||
.@{fa-css-prefix}-caret-square-right:before { content: @fa-var-caret-square-right; }
|
|
||||||
.@{fa-css-prefix}-caret-square-up:before { content: @fa-var-caret-square-up; }
|
|
||||||
.@{fa-css-prefix}-caret-up:before { content: @fa-var-caret-up; }
|
|
||||||
.@{fa-css-prefix}-cart-arrow-down:before { content: @fa-var-cart-arrow-down; }
|
|
||||||
.@{fa-css-prefix}-cart-plus:before { content: @fa-var-cart-plus; }
|
|
||||||
.@{fa-css-prefix}-cc-amazon-pay:before { content: @fa-var-cc-amazon-pay; }
|
|
||||||
.@{fa-css-prefix}-cc-amex:before { content: @fa-var-cc-amex; }
|
|
||||||
.@{fa-css-prefix}-cc-apple-pay:before { content: @fa-var-cc-apple-pay; }
|
|
||||||
.@{fa-css-prefix}-cc-diners-club:before { content: @fa-var-cc-diners-club; }
|
|
||||||
.@{fa-css-prefix}-cc-discover:before { content: @fa-var-cc-discover; }
|
|
||||||
.@{fa-css-prefix}-cc-jcb:before { content: @fa-var-cc-jcb; }
|
|
||||||
.@{fa-css-prefix}-cc-mastercard:before { content: @fa-var-cc-mastercard; }
|
|
||||||
.@{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}-cc-visa:before { content: @fa-var-cc-visa; }
|
|
||||||
.@{fa-css-prefix}-centercode:before { content: @fa-var-centercode; }
|
|
||||||
.@{fa-css-prefix}-certificate:before { content: @fa-var-certificate; }
|
|
||||||
.@{fa-css-prefix}-chart-area:before { content: @fa-var-chart-area; }
|
|
||||||
.@{fa-css-prefix}-chart-bar:before { content: @fa-var-chart-bar; }
|
|
||||||
.@{fa-css-prefix}-chart-line:before { content: @fa-var-chart-line; }
|
|
||||||
.@{fa-css-prefix}-chart-pie:before { content: @fa-var-chart-pie; }
|
|
||||||
.@{fa-css-prefix}-check:before { content: @fa-var-check; }
|
|
||||||
.@{fa-css-prefix}-check-circle:before { content: @fa-var-check-circle; }
|
|
||||||
.@{fa-css-prefix}-check-square:before { content: @fa-var-check-square; }
|
|
||||||
.@{fa-css-prefix}-chess:before { content: @fa-var-chess; }
|
|
||||||
.@{fa-css-prefix}-chess-bishop:before { content: @fa-var-chess-bishop; }
|
|
||||||
.@{fa-css-prefix}-chess-board:before { content: @fa-var-chess-board; }
|
|
||||||
.@{fa-css-prefix}-chess-king:before { content: @fa-var-chess-king; }
|
|
||||||
.@{fa-css-prefix}-chess-knight:before { content: @fa-var-chess-knight; }
|
|
||||||
.@{fa-css-prefix}-chess-pawn:before { content: @fa-var-chess-pawn; }
|
|
||||||
.@{fa-css-prefix}-chess-queen:before { content: @fa-var-chess-queen; }
|
|
||||||
.@{fa-css-prefix}-chess-rook:before { content: @fa-var-chess-rook; }
|
|
||||||
.@{fa-css-prefix}-chevron-circle-down:before { content: @fa-var-chevron-circle-down; }
|
|
||||||
.@{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-down:before { content: @fa-var-chevron-down; }
|
|
||||||
.@{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}-chevron-up:before { content: @fa-var-chevron-up; }
|
|
||||||
.@{fa-css-prefix}-child:before { content: @fa-var-child; }
|
|
||||||
.@{fa-css-prefix}-chrome:before { content: @fa-var-chrome; }
|
|
||||||
.@{fa-css-prefix}-circle:before { content: @fa-var-circle; }
|
|
||||||
.@{fa-css-prefix}-circle-notch:before { content: @fa-var-circle-notch; }
|
|
||||||
.@{fa-css-prefix}-clipboard:before { content: @fa-var-clipboard; }
|
|
||||||
.@{fa-css-prefix}-clock:before { content: @fa-var-clock; }
|
|
||||||
.@{fa-css-prefix}-clone:before { content: @fa-var-clone; }
|
|
||||||
.@{fa-css-prefix}-closed-captioning:before { content: @fa-var-closed-captioning; }
|
|
||||||
.@{fa-css-prefix}-cloud:before { content: @fa-var-cloud; }
|
|
||||||
.@{fa-css-prefix}-cloud-download-alt:before { content: @fa-var-cloud-download-alt; }
|
|
||||||
.@{fa-css-prefix}-cloud-upload-alt:before { content: @fa-var-cloud-upload-alt; }
|
|
||||||
.@{fa-css-prefix}-cloudscale:before { content: @fa-var-cloudscale; }
|
|
||||||
.@{fa-css-prefix}-cloudsmith:before { content: @fa-var-cloudsmith; }
|
|
||||||
.@{fa-css-prefix}-cloudversify:before { content: @fa-var-cloudversify; }
|
|
||||||
.@{fa-css-prefix}-code:before { content: @fa-var-code; }
|
|
||||||
.@{fa-css-prefix}-code-branch:before { content: @fa-var-code-branch; }
|
|
||||||
.@{fa-css-prefix}-codepen:before { content: @fa-var-codepen; }
|
|
||||||
.@{fa-css-prefix}-codiepie:before { content: @fa-var-codiepie; }
|
|
||||||
.@{fa-css-prefix}-coffee:before { content: @fa-var-coffee; }
|
|
||||||
.@{fa-css-prefix}-cog:before { content: @fa-var-cog; }
|
|
||||||
.@{fa-css-prefix}-cogs:before { content: @fa-var-cogs; }
|
|
||||||
.@{fa-css-prefix}-columns:before { content: @fa-var-columns; }
|
|
||||||
.@{fa-css-prefix}-comment:before { content: @fa-var-comment; }
|
|
||||||
.@{fa-css-prefix}-comment-alt:before { content: @fa-var-comment-alt; }
|
|
||||||
.@{fa-css-prefix}-comments:before { content: @fa-var-comments; }
|
|
||||||
.@{fa-css-prefix}-compass:before { content: @fa-var-compass; }
|
|
||||||
.@{fa-css-prefix}-compress:before { content: @fa-var-compress; }
|
|
||||||
.@{fa-css-prefix}-connectdevelop:before { content: @fa-var-connectdevelop; }
|
|
||||||
.@{fa-css-prefix}-contao:before { content: @fa-var-contao; }
|
|
||||||
.@{fa-css-prefix}-copy:before { content: @fa-var-copy; }
|
|
||||||
.@{fa-css-prefix}-copyright:before { content: @fa-var-copyright; }
|
|
||||||
.@{fa-css-prefix}-cpanel:before { content: @fa-var-cpanel; }
|
|
||||||
.@{fa-css-prefix}-creative-commons:before { content: @fa-var-creative-commons; }
|
|
||||||
.@{fa-css-prefix}-credit-card:before { content: @fa-var-credit-card; }
|
|
||||||
.@{fa-css-prefix}-crop:before { content: @fa-var-crop; }
|
|
||||||
.@{fa-css-prefix}-crosshairs:before { content: @fa-var-crosshairs; }
|
|
||||||
.@{fa-css-prefix}-css3:before { content: @fa-var-css3; }
|
|
||||||
.@{fa-css-prefix}-css3-alt:before { content: @fa-var-css3-alt; }
|
|
||||||
.@{fa-css-prefix}-cube:before { content: @fa-var-cube; }
|
|
||||||
.@{fa-css-prefix}-cubes:before { content: @fa-var-cubes; }
|
|
||||||
.@{fa-css-prefix}-cut:before { content: @fa-var-cut; }
|
|
||||||
.@{fa-css-prefix}-cuttlefish:before { content: @fa-var-cuttlefish; }
|
|
||||||
.@{fa-css-prefix}-d-and-d:before { content: @fa-var-d-and-d; }
|
|
||||||
.@{fa-css-prefix}-dashcube:before { content: @fa-var-dashcube; }
|
|
||||||
.@{fa-css-prefix}-database:before { content: @fa-var-database; }
|
|
||||||
.@{fa-css-prefix}-deaf:before { content: @fa-var-deaf; }
|
|
||||||
.@{fa-css-prefix}-delicious:before { content: @fa-var-delicious; }
|
|
||||||
.@{fa-css-prefix}-deploydog:before { content: @fa-var-deploydog; }
|
|
||||||
.@{fa-css-prefix}-deskpro:before { content: @fa-var-deskpro; }
|
|
||||||
.@{fa-css-prefix}-desktop:before { content: @fa-var-desktop; }
|
|
||||||
.@{fa-css-prefix}-deviantart:before { content: @fa-var-deviantart; }
|
|
||||||
.@{fa-css-prefix}-digg:before { content: @fa-var-digg; }
|
|
||||||
.@{fa-css-prefix}-digital-ocean:before { content: @fa-var-digital-ocean; }
|
|
||||||
.@{fa-css-prefix}-discord:before { content: @fa-var-discord; }
|
|
||||||
.@{fa-css-prefix}-discourse:before { content: @fa-var-discourse; }
|
|
||||||
.@{fa-css-prefix}-dochub:before { content: @fa-var-dochub; }
|
|
||||||
.@{fa-css-prefix}-docker:before { content: @fa-var-docker; }
|
|
||||||
.@{fa-css-prefix}-dollar-sign:before { content: @fa-var-dollar-sign; }
|
|
||||||
.@{fa-css-prefix}-dot-circle:before { content: @fa-var-dot-circle; }
|
|
||||||
.@{fa-css-prefix}-download:before { content: @fa-var-download; }
|
|
||||||
.@{fa-css-prefix}-draft2digital:before { content: @fa-var-draft2digital; }
|
|
||||||
.@{fa-css-prefix}-dribbble:before { content: @fa-var-dribbble; }
|
|
||||||
.@{fa-css-prefix}-dribbble-square:before { content: @fa-var-dribbble-square; }
|
|
||||||
.@{fa-css-prefix}-dropbox:before { content: @fa-var-dropbox; }
|
|
||||||
.@{fa-css-prefix}-drupal:before { content: @fa-var-drupal; }
|
|
||||||
.@{fa-css-prefix}-dyalog:before { content: @fa-var-dyalog; }
|
|
||||||
.@{fa-css-prefix}-earlybirds:before { content: @fa-var-earlybirds; }
|
|
||||||
.@{fa-css-prefix}-edge:before { content: @fa-var-edge; }
|
|
||||||
.@{fa-css-prefix}-edit:before { content: @fa-var-edit; }
|
|
||||||
.@{fa-css-prefix}-eject:before { content: @fa-var-eject; }
|
|
||||||
.@{fa-css-prefix}-elementor:before { content: @fa-var-elementor; }
|
|
||||||
.@{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}-ember:before { content: @fa-var-ember; }
|
|
||||||
.@{fa-css-prefix}-empire:before { content: @fa-var-empire; }
|
|
||||||
.@{fa-css-prefix}-envelope:before { content: @fa-var-envelope; }
|
|
||||||
.@{fa-css-prefix}-envelope-open:before { content: @fa-var-envelope-open; }
|
|
||||||
.@{fa-css-prefix}-envelope-square:before { content: @fa-var-envelope-square; }
|
|
||||||
.@{fa-css-prefix}-envira:before { content: @fa-var-envira; }
|
|
||||||
.@{fa-css-prefix}-eraser:before { content: @fa-var-eraser; }
|
|
||||||
.@{fa-css-prefix}-erlang:before { content: @fa-var-erlang; }
|
|
||||||
.@{fa-css-prefix}-ethereum:before { content: @fa-var-ethereum; }
|
|
||||||
.@{fa-css-prefix}-etsy:before { content: @fa-var-etsy; }
|
|
||||||
.@{fa-css-prefix}-euro-sign:before { content: @fa-var-euro-sign; }
|
|
||||||
.@{fa-css-prefix}-exchange-alt:before { content: @fa-var-exchange-alt; }
|
|
||||||
.@{fa-css-prefix}-exclamation:before { content: @fa-var-exclamation; }
|
|
||||||
.@{fa-css-prefix}-exclamation-circle:before { content: @fa-var-exclamation-circle; }
|
|
||||||
.@{fa-css-prefix}-exclamation-triangle:before { content: @fa-var-exclamation-triangle; }
|
|
||||||
.@{fa-css-prefix}-expand:before { content: @fa-var-expand; }
|
|
||||||
.@{fa-css-prefix}-expand-arrows-alt:before { content: @fa-var-expand-arrows-alt; }
|
|
||||||
.@{fa-css-prefix}-expeditedssl:before { content: @fa-var-expeditedssl; }
|
|
||||||
.@{fa-css-prefix}-external-link-alt:before { content: @fa-var-external-link-alt; }
|
|
||||||
.@{fa-css-prefix}-external-link-square-alt:before { content: @fa-var-external-link-square-alt; }
|
|
||||||
.@{fa-css-prefix}-eye:before { content: @fa-var-eye; }
|
|
||||||
.@{fa-css-prefix}-eye-dropper:before { content: @fa-var-eye-dropper; }
|
|
||||||
.@{fa-css-prefix}-eye-slash:before { content: @fa-var-eye-slash; }
|
|
||||||
.@{fa-css-prefix}-facebook:before { content: @fa-var-facebook; }
|
|
||||||
.@{fa-css-prefix}-facebook-f:before { content: @fa-var-facebook-f; }
|
|
||||||
.@{fa-css-prefix}-facebook-messenger:before { content: @fa-var-facebook-messenger; }
|
|
||||||
.@{fa-css-prefix}-facebook-square:before { content: @fa-var-facebook-square; }
|
|
||||||
.@{fa-css-prefix}-fast-backward:before { content: @fa-var-fast-backward; }
|
|
||||||
.@{fa-css-prefix}-fast-forward:before { content: @fa-var-fast-forward; }
|
|
||||||
.@{fa-css-prefix}-fax:before { content: @fa-var-fax; }
|
|
||||||
.@{fa-css-prefix}-female:before { content: @fa-var-female; }
|
|
||||||
.@{fa-css-prefix}-fighter-jet:before { content: @fa-var-fighter-jet; }
|
|
||||||
.@{fa-css-prefix}-file:before { content: @fa-var-file; }
|
|
||||||
.@{fa-css-prefix}-file-alt:before { content: @fa-var-file-alt; }
|
|
||||||
.@{fa-css-prefix}-file-archive:before { content: @fa-var-file-archive; }
|
|
||||||
.@{fa-css-prefix}-file-audio:before { content: @fa-var-file-audio; }
|
|
||||||
.@{fa-css-prefix}-file-code:before { content: @fa-var-file-code; }
|
|
||||||
.@{fa-css-prefix}-file-excel:before { content: @fa-var-file-excel; }
|
|
||||||
.@{fa-css-prefix}-file-image:before { content: @fa-var-file-image; }
|
|
||||||
.@{fa-css-prefix}-file-pdf:before { content: @fa-var-file-pdf; }
|
|
||||||
.@{fa-css-prefix}-file-powerpoint:before { content: @fa-var-file-powerpoint; }
|
|
||||||
.@{fa-css-prefix}-file-video:before { content: @fa-var-file-video; }
|
|
||||||
.@{fa-css-prefix}-file-word:before { content: @fa-var-file-word; }
|
|
||||||
.@{fa-css-prefix}-film:before { content: @fa-var-film; }
|
|
||||||
.@{fa-css-prefix}-filter:before { content: @fa-var-filter; }
|
|
||||||
.@{fa-css-prefix}-fire:before { content: @fa-var-fire; }
|
|
||||||
.@{fa-css-prefix}-fire-extinguisher:before { content: @fa-var-fire-extinguisher; }
|
|
||||||
.@{fa-css-prefix}-firefox:before { content: @fa-var-firefox; }
|
|
||||||
.@{fa-css-prefix}-first-order:before { content: @fa-var-first-order; }
|
|
||||||
.@{fa-css-prefix}-firstdraft:before { content: @fa-var-firstdraft; }
|
|
||||||
.@{fa-css-prefix}-flag:before { content: @fa-var-flag; }
|
|
||||||
.@{fa-css-prefix}-flag-checkered:before { content: @fa-var-flag-checkered; }
|
|
||||||
.@{fa-css-prefix}-flask:before { content: @fa-var-flask; }
|
|
||||||
.@{fa-css-prefix}-flickr:before { content: @fa-var-flickr; }
|
|
||||||
.@{fa-css-prefix}-flipboard:before { content: @fa-var-flipboard; }
|
|
||||||
.@{fa-css-prefix}-fly:before { content: @fa-var-fly; }
|
|
||||||
.@{fa-css-prefix}-folder:before { content: @fa-var-folder; }
|
|
||||||
.@{fa-css-prefix}-folder-open:before { content: @fa-var-folder-open; }
|
|
||||||
.@{fa-css-prefix}-font:before { content: @fa-var-font; }
|
|
||||||
.@{fa-css-prefix}-font-awesome:before { content: @fa-var-font-awesome; }
|
|
||||||
.@{fa-css-prefix}-font-awesome-alt:before { content: @fa-var-font-awesome-alt; }
|
|
||||||
.@{fa-css-prefix}-font-awesome-flag:before { content: @fa-var-font-awesome-flag; }
|
|
||||||
.@{fa-css-prefix}-fonticons:before { content: @fa-var-fonticons; }
|
|
||||||
.@{fa-css-prefix}-fonticons-fi:before { content: @fa-var-fonticons-fi; }
|
|
||||||
.@{fa-css-prefix}-football-ball:before { content: @fa-var-football-ball; }
|
|
||||||
.@{fa-css-prefix}-fort-awesome:before { content: @fa-var-fort-awesome; }
|
|
||||||
.@{fa-css-prefix}-fort-awesome-alt:before { content: @fa-var-fort-awesome-alt; }
|
|
||||||
.@{fa-css-prefix}-forumbee:before { content: @fa-var-forumbee; }
|
|
||||||
.@{fa-css-prefix}-forward:before { content: @fa-var-forward; }
|
|
||||||
.@{fa-css-prefix}-foursquare:before { content: @fa-var-foursquare; }
|
|
||||||
.@{fa-css-prefix}-free-code-camp:before { content: @fa-var-free-code-camp; }
|
|
||||||
.@{fa-css-prefix}-freebsd:before { content: @fa-var-freebsd; }
|
|
||||||
.@{fa-css-prefix}-frown:before { content: @fa-var-frown; }
|
|
||||||
.@{fa-css-prefix}-futbol:before { content: @fa-var-futbol; }
|
|
||||||
.@{fa-css-prefix}-gamepad:before { content: @fa-var-gamepad; }
|
|
||||||
.@{fa-css-prefix}-gavel:before { content: @fa-var-gavel; }
|
|
||||||
.@{fa-css-prefix}-gem:before { content: @fa-var-gem; }
|
|
||||||
.@{fa-css-prefix}-genderless:before { content: @fa-var-genderless; }
|
|
||||||
.@{fa-css-prefix}-get-pocket:before { content: @fa-var-get-pocket; }
|
|
||||||
.@{fa-css-prefix}-gg:before { content: @fa-var-gg; }
|
|
||||||
.@{fa-css-prefix}-gg-circle:before { content: @fa-var-gg-circle; }
|
|
||||||
.@{fa-css-prefix}-gift:before { content: @fa-var-gift; }
|
|
||||||
.@{fa-css-prefix}-git:before { content: @fa-var-git; }
|
|
||||||
.@{fa-css-prefix}-git-square:before { content: @fa-var-git-square; }
|
|
||||||
.@{fa-css-prefix}-github:before { content: @fa-var-github; }
|
|
||||||
.@{fa-css-prefix}-github-alt:before { content: @fa-var-github-alt; }
|
|
||||||
.@{fa-css-prefix}-github-square:before { content: @fa-var-github-square; }
|
|
||||||
.@{fa-css-prefix}-gitkraken:before { content: @fa-var-gitkraken; }
|
|
||||||
.@{fa-css-prefix}-gitlab:before { content: @fa-var-gitlab; }
|
|
||||||
.@{fa-css-prefix}-gitter:before { content: @fa-var-gitter; }
|
|
||||||
.@{fa-css-prefix}-glass-martini:before { content: @fa-var-glass-martini; }
|
|
||||||
.@{fa-css-prefix}-glide:before { content: @fa-var-glide; }
|
|
||||||
.@{fa-css-prefix}-glide-g:before { content: @fa-var-glide-g; }
|
|
||||||
.@{fa-css-prefix}-globe:before { content: @fa-var-globe; }
|
|
||||||
.@{fa-css-prefix}-gofore:before { content: @fa-var-gofore; }
|
|
||||||
.@{fa-css-prefix}-golf-ball:before { content: @fa-var-golf-ball; }
|
|
||||||
.@{fa-css-prefix}-goodreads:before { content: @fa-var-goodreads; }
|
|
||||||
.@{fa-css-prefix}-goodreads-g:before { content: @fa-var-goodreads-g; }
|
|
||||||
.@{fa-css-prefix}-google:before { content: @fa-var-google; }
|
|
||||||
.@{fa-css-prefix}-google-drive:before { content: @fa-var-google-drive; }
|
|
||||||
.@{fa-css-prefix}-google-play:before { content: @fa-var-google-play; }
|
|
||||||
.@{fa-css-prefix}-google-plus:before { content: @fa-var-google-plus; }
|
|
||||||
.@{fa-css-prefix}-google-plus-g:before { content: @fa-var-google-plus-g; }
|
|
||||||
.@{fa-css-prefix}-google-plus-square:before { content: @fa-var-google-plus-square; }
|
|
||||||
.@{fa-css-prefix}-google-wallet:before { content: @fa-var-google-wallet; }
|
|
||||||
.@{fa-css-prefix}-graduation-cap:before { content: @fa-var-graduation-cap; }
|
|
||||||
.@{fa-css-prefix}-gratipay:before { content: @fa-var-gratipay; }
|
|
||||||
.@{fa-css-prefix}-grav:before { content: @fa-var-grav; }
|
|
||||||
.@{fa-css-prefix}-gripfire:before { content: @fa-var-gripfire; }
|
|
||||||
.@{fa-css-prefix}-grunt:before { content: @fa-var-grunt; }
|
|
||||||
.@{fa-css-prefix}-gulp:before { content: @fa-var-gulp; }
|
|
||||||
.@{fa-css-prefix}-h-square:before { content: @fa-var-h-square; }
|
|
||||||
.@{fa-css-prefix}-hacker-news:before { content: @fa-var-hacker-news; }
|
|
||||||
.@{fa-css-prefix}-hacker-news-square:before { content: @fa-var-hacker-news-square; }
|
|
||||||
.@{fa-css-prefix}-hand-lizard:before { content: @fa-var-hand-lizard; }
|
|
||||||
.@{fa-css-prefix}-hand-paper:before { content: @fa-var-hand-paper; }
|
|
||||||
.@{fa-css-prefix}-hand-peace:before { content: @fa-var-hand-peace; }
|
|
||||||
.@{fa-css-prefix}-hand-point-down:before { content: @fa-var-hand-point-down; }
|
|
||||||
.@{fa-css-prefix}-hand-point-left:before { content: @fa-var-hand-point-left; }
|
|
||||||
.@{fa-css-prefix}-hand-point-right:before { content: @fa-var-hand-point-right; }
|
|
||||||
.@{fa-css-prefix}-hand-point-up:before { content: @fa-var-hand-point-up; }
|
|
||||||
.@{fa-css-prefix}-hand-pointer:before { content: @fa-var-hand-pointer; }
|
|
||||||
.@{fa-css-prefix}-hand-rock:before { content: @fa-var-hand-rock; }
|
|
||||||
.@{fa-css-prefix}-hand-scissors:before { content: @fa-var-hand-scissors; }
|
|
||||||
.@{fa-css-prefix}-hand-spock:before { content: @fa-var-hand-spock; }
|
|
||||||
.@{fa-css-prefix}-handshake:before { content: @fa-var-handshake; }
|
|
||||||
.@{fa-css-prefix}-hashtag:before { content: @fa-var-hashtag; }
|
|
||||||
.@{fa-css-prefix}-hdd:before { content: @fa-var-hdd; }
|
|
||||||
.@{fa-css-prefix}-heading:before { content: @fa-var-heading; }
|
|
||||||
.@{fa-css-prefix}-headphones:before { content: @fa-var-headphones; }
|
|
||||||
.@{fa-css-prefix}-heart:before { content: @fa-var-heart; }
|
|
||||||
.@{fa-css-prefix}-heartbeat:before { content: @fa-var-heartbeat; }
|
|
||||||
.@{fa-css-prefix}-hips:before { content: @fa-var-hips; }
|
|
||||||
.@{fa-css-prefix}-hire-a-helper:before { content: @fa-var-hire-a-helper; }
|
|
||||||
.@{fa-css-prefix}-history:before { content: @fa-var-history; }
|
|
||||||
.@{fa-css-prefix}-hockey-puck:before { content: @fa-var-hockey-puck; }
|
|
||||||
.@{fa-css-prefix}-home:before { content: @fa-var-home; }
|
|
||||||
.@{fa-css-prefix}-hooli:before { content: @fa-var-hooli; }
|
|
||||||
.@{fa-css-prefix}-hospital:before { content: @fa-var-hospital; }
|
|
||||||
.@{fa-css-prefix}-hotjar:before { content: @fa-var-hotjar; }
|
|
||||||
.@{fa-css-prefix}-hourglass:before { content: @fa-var-hourglass; }
|
|
||||||
.@{fa-css-prefix}-hourglass-end:before { content: @fa-var-hourglass-end; }
|
|
||||||
.@{fa-css-prefix}-hourglass-half:before { content: @fa-var-hourglass-half; }
|
|
||||||
.@{fa-css-prefix}-hourglass-start:before { content: @fa-var-hourglass-start; }
|
|
||||||
.@{fa-css-prefix}-houzz:before { content: @fa-var-houzz; }
|
|
||||||
.@{fa-css-prefix}-html5:before { content: @fa-var-html5; }
|
|
||||||
.@{fa-css-prefix}-hubspot:before { content: @fa-var-hubspot; }
|
|
||||||
.@{fa-css-prefix}-i-cursor:before { content: @fa-var-i-cursor; }
|
|
||||||
.@{fa-css-prefix}-id-badge:before { content: @fa-var-id-badge; }
|
|
||||||
.@{fa-css-prefix}-id-card:before { content: @fa-var-id-card; }
|
|
||||||
.@{fa-css-prefix}-image:before { content: @fa-var-image; }
|
|
||||||
.@{fa-css-prefix}-images:before { content: @fa-var-images; }
|
|
||||||
.@{fa-css-prefix}-imdb:before { content: @fa-var-imdb; }
|
|
||||||
.@{fa-css-prefix}-inbox:before { content: @fa-var-inbox; }
|
|
||||||
.@{fa-css-prefix}-indent:before { content: @fa-var-indent; }
|
|
||||||
.@{fa-css-prefix}-industry:before { content: @fa-var-industry; }
|
|
||||||
.@{fa-css-prefix}-info:before { content: @fa-var-info; }
|
|
||||||
.@{fa-css-prefix}-info-circle:before { content: @fa-var-info-circle; }
|
|
||||||
.@{fa-css-prefix}-instagram:before { content: @fa-var-instagram; }
|
|
||||||
.@{fa-css-prefix}-internet-explorer:before { content: @fa-var-internet-explorer; }
|
|
||||||
.@{fa-css-prefix}-ioxhost:before { content: @fa-var-ioxhost; }
|
|
||||||
.@{fa-css-prefix}-italic:before { content: @fa-var-italic; }
|
|
||||||
.@{fa-css-prefix}-itunes:before { content: @fa-var-itunes; }
|
|
||||||
.@{fa-css-prefix}-itunes-note:before { content: @fa-var-itunes-note; }
|
|
||||||
.@{fa-css-prefix}-jenkins:before { content: @fa-var-jenkins; }
|
|
||||||
.@{fa-css-prefix}-joget:before { content: @fa-var-joget; }
|
|
||||||
.@{fa-css-prefix}-joomla:before { content: @fa-var-joomla; }
|
|
||||||
.@{fa-css-prefix}-js:before { content: @fa-var-js; }
|
|
||||||
.@{fa-css-prefix}-js-square:before { content: @fa-var-js-square; }
|
|
||||||
.@{fa-css-prefix}-jsfiddle:before { content: @fa-var-jsfiddle; }
|
|
||||||
.@{fa-css-prefix}-key:before { content: @fa-var-key; }
|
|
||||||
.@{fa-css-prefix}-keyboard:before { content: @fa-var-keyboard; }
|
|
||||||
.@{fa-css-prefix}-keycdn:before { content: @fa-var-keycdn; }
|
|
||||||
.@{fa-css-prefix}-kickstarter:before { content: @fa-var-kickstarter; }
|
|
||||||
.@{fa-css-prefix}-kickstarter-k:before { content: @fa-var-kickstarter-k; }
|
|
||||||
.@{fa-css-prefix}-korvue:before { content: @fa-var-korvue; }
|
|
||||||
.@{fa-css-prefix}-language:before { content: @fa-var-language; }
|
|
||||||
.@{fa-css-prefix}-laptop:before { content: @fa-var-laptop; }
|
|
||||||
.@{fa-css-prefix}-laravel:before { content: @fa-var-laravel; }
|
|
||||||
.@{fa-css-prefix}-lastfm:before { content: @fa-var-lastfm; }
|
|
||||||
.@{fa-css-prefix}-lastfm-square:before { content: @fa-var-lastfm-square; }
|
|
||||||
.@{fa-css-prefix}-leaf:before { content: @fa-var-leaf; }
|
|
||||||
.@{fa-css-prefix}-leanpub:before { content: @fa-var-leanpub; }
|
|
||||||
.@{fa-css-prefix}-lemon:before { content: @fa-var-lemon; }
|
|
||||||
.@{fa-css-prefix}-less:before { content: @fa-var-less; }
|
|
||||||
.@{fa-css-prefix}-level-down-alt:before { content: @fa-var-level-down-alt; }
|
|
||||||
.@{fa-css-prefix}-level-up-alt:before { content: @fa-var-level-up-alt; }
|
|
||||||
.@{fa-css-prefix}-life-ring:before { content: @fa-var-life-ring; }
|
|
||||||
.@{fa-css-prefix}-lightbulb:before { content: @fa-var-lightbulb; }
|
|
||||||
.@{fa-css-prefix}-line:before { content: @fa-var-line; }
|
|
||||||
.@{fa-css-prefix}-link:before { content: @fa-var-link; }
|
|
||||||
.@{fa-css-prefix}-linkedin:before { content: @fa-var-linkedin; }
|
|
||||||
.@{fa-css-prefix}-linkedin-in:before { content: @fa-var-linkedin-in; }
|
|
||||||
.@{fa-css-prefix}-linode:before { content: @fa-var-linode; }
|
|
||||||
.@{fa-css-prefix}-linux:before { content: @fa-var-linux; }
|
|
||||||
.@{fa-css-prefix}-lira-sign:before { content: @fa-var-lira-sign; }
|
|
||||||
.@{fa-css-prefix}-list:before { content: @fa-var-list; }
|
|
||||||
.@{fa-css-prefix}-list-alt:before { content: @fa-var-list-alt; }
|
|
||||||
.@{fa-css-prefix}-list-ol:before { content: @fa-var-list-ol; }
|
|
||||||
.@{fa-css-prefix}-list-ul:before { content: @fa-var-list-ul; }
|
|
||||||
.@{fa-css-prefix}-location-arrow:before { content: @fa-var-location-arrow; }
|
|
||||||
.@{fa-css-prefix}-lock:before { content: @fa-var-lock; }
|
|
||||||
.@{fa-css-prefix}-lock-open:before { content: @fa-var-lock-open; }
|
|
||||||
.@{fa-css-prefix}-long-arrow-alt-down:before { content: @fa-var-long-arrow-alt-down; }
|
|
||||||
.@{fa-css-prefix}-long-arrow-alt-left:before { content: @fa-var-long-arrow-alt-left; }
|
|
||||||
.@{fa-css-prefix}-long-arrow-alt-right:before { content: @fa-var-long-arrow-alt-right; }
|
|
||||||
.@{fa-css-prefix}-long-arrow-alt-up:before { content: @fa-var-long-arrow-alt-up; }
|
|
||||||
.@{fa-css-prefix}-low-vision:before { content: @fa-var-low-vision; }
|
|
||||||
.@{fa-css-prefix}-lyft:before { content: @fa-var-lyft; }
|
|
||||||
.@{fa-css-prefix}-magento:before { content: @fa-var-magento; }
|
|
||||||
.@{fa-css-prefix}-magic:before { content: @fa-var-magic; }
|
|
||||||
.@{fa-css-prefix}-magnet:before { content: @fa-var-magnet; }
|
|
||||||
.@{fa-css-prefix}-male:before { content: @fa-var-male; }
|
|
||||||
.@{fa-css-prefix}-map:before { content: @fa-var-map; }
|
|
||||||
.@{fa-css-prefix}-map-marker:before { content: @fa-var-map-marker; }
|
|
||||||
.@{fa-css-prefix}-map-marker-alt:before { content: @fa-var-map-marker-alt; }
|
|
||||||
.@{fa-css-prefix}-map-pin:before { content: @fa-var-map-pin; }
|
|
||||||
.@{fa-css-prefix}-map-signs:before { content: @fa-var-map-signs; }
|
|
||||||
.@{fa-css-prefix}-mars:before { content: @fa-var-mars; }
|
|
||||||
.@{fa-css-prefix}-mars-double:before { content: @fa-var-mars-double; }
|
|
||||||
.@{fa-css-prefix}-mars-stroke:before { content: @fa-var-mars-stroke; }
|
|
||||||
.@{fa-css-prefix}-mars-stroke-h:before { content: @fa-var-mars-stroke-h; }
|
|
||||||
.@{fa-css-prefix}-mars-stroke-v:before { content: @fa-var-mars-stroke-v; }
|
|
||||||
.@{fa-css-prefix}-maxcdn:before { content: @fa-var-maxcdn; }
|
|
||||||
.@{fa-css-prefix}-medapps:before { content: @fa-var-medapps; }
|
|
||||||
.@{fa-css-prefix}-medium:before { content: @fa-var-medium; }
|
|
||||||
.@{fa-css-prefix}-medium-m:before { content: @fa-var-medium-m; }
|
|
||||||
.@{fa-css-prefix}-medkit:before { content: @fa-var-medkit; }
|
|
||||||
.@{fa-css-prefix}-medrt:before { content: @fa-var-medrt; }
|
|
||||||
.@{fa-css-prefix}-meetup:before { content: @fa-var-meetup; }
|
|
||||||
.@{fa-css-prefix}-meh:before { content: @fa-var-meh; }
|
|
||||||
.@{fa-css-prefix}-mercury:before { content: @fa-var-mercury; }
|
|
||||||
.@{fa-css-prefix}-microchip:before { content: @fa-var-microchip; }
|
|
||||||
.@{fa-css-prefix}-microphone:before { content: @fa-var-microphone; }
|
|
||||||
.@{fa-css-prefix}-microphone-slash:before { content: @fa-var-microphone-slash; }
|
|
||||||
.@{fa-css-prefix}-microsoft:before { content: @fa-var-microsoft; }
|
|
||||||
.@{fa-css-prefix}-minus:before { content: @fa-var-minus; }
|
|
||||||
.@{fa-css-prefix}-minus-circle:before { content: @fa-var-minus-circle; }
|
|
||||||
.@{fa-css-prefix}-minus-square:before { content: @fa-var-minus-square; }
|
|
||||||
.@{fa-css-prefix}-mix:before { content: @fa-var-mix; }
|
|
||||||
.@{fa-css-prefix}-mixcloud:before { content: @fa-var-mixcloud; }
|
|
||||||
.@{fa-css-prefix}-mizuni:before { content: @fa-var-mizuni; }
|
|
||||||
.@{fa-css-prefix}-mobile:before { content: @fa-var-mobile; }
|
|
||||||
.@{fa-css-prefix}-mobile-alt:before { content: @fa-var-mobile-alt; }
|
|
||||||
.@{fa-css-prefix}-modx:before { content: @fa-var-modx; }
|
|
||||||
.@{fa-css-prefix}-monero:before { content: @fa-var-monero; }
|
|
||||||
.@{fa-css-prefix}-money-bill-alt:before { content: @fa-var-money-bill-alt; }
|
|
||||||
.@{fa-css-prefix}-moon:before { content: @fa-var-moon; }
|
|
||||||
.@{fa-css-prefix}-motorcycle:before { content: @fa-var-motorcycle; }
|
|
||||||
.@{fa-css-prefix}-mouse-pointer:before { content: @fa-var-mouse-pointer; }
|
|
||||||
.@{fa-css-prefix}-music:before { content: @fa-var-music; }
|
|
||||||
.@{fa-css-prefix}-napster:before { content: @fa-var-napster; }
|
|
||||||
.@{fa-css-prefix}-neuter:before { content: @fa-var-neuter; }
|
|
||||||
.@{fa-css-prefix}-newspaper:before { content: @fa-var-newspaper; }
|
|
||||||
.@{fa-css-prefix}-nintendo-switch:before { content: @fa-var-nintendo-switch; }
|
|
||||||
.@{fa-css-prefix}-node:before { content: @fa-var-node; }
|
|
||||||
.@{fa-css-prefix}-node-js:before { content: @fa-var-node-js; }
|
|
||||||
.@{fa-css-prefix}-npm:before { content: @fa-var-npm; }
|
|
||||||
.@{fa-css-prefix}-ns8:before { content: @fa-var-ns8; }
|
|
||||||
.@{fa-css-prefix}-nutritionix:before { content: @fa-var-nutritionix; }
|
|
||||||
.@{fa-css-prefix}-object-group:before { content: @fa-var-object-group; }
|
|
||||||
.@{fa-css-prefix}-object-ungroup:before { content: @fa-var-object-ungroup; }
|
|
||||||
.@{fa-css-prefix}-odnoklassniki:before { content: @fa-var-odnoklassniki; }
|
|
||||||
.@{fa-css-prefix}-odnoklassniki-square:before { content: @fa-var-odnoklassniki-square; }
|
|
||||||
.@{fa-css-prefix}-opencart:before { content: @fa-var-opencart; }
|
|
||||||
.@{fa-css-prefix}-openid:before { content: @fa-var-openid; }
|
|
||||||
.@{fa-css-prefix}-opera:before { content: @fa-var-opera; }
|
|
||||||
.@{fa-css-prefix}-optin-monster:before { content: @fa-var-optin-monster; }
|
|
||||||
.@{fa-css-prefix}-osi:before { content: @fa-var-osi; }
|
|
||||||
.@{fa-css-prefix}-outdent:before { content: @fa-var-outdent; }
|
|
||||||
.@{fa-css-prefix}-page4:before { content: @fa-var-page4; }
|
|
||||||
.@{fa-css-prefix}-pagelines:before { content: @fa-var-pagelines; }
|
|
||||||
.@{fa-css-prefix}-paint-brush:before { content: @fa-var-paint-brush; }
|
|
||||||
.@{fa-css-prefix}-palfed:before { content: @fa-var-palfed; }
|
|
||||||
.@{fa-css-prefix}-paper-plane:before { content: @fa-var-paper-plane; }
|
|
||||||
.@{fa-css-prefix}-paperclip:before { content: @fa-var-paperclip; }
|
|
||||||
.@{fa-css-prefix}-paragraph:before { content: @fa-var-paragraph; }
|
|
||||||
.@{fa-css-prefix}-paste:before { content: @fa-var-paste; }
|
|
||||||
.@{fa-css-prefix}-patreon:before { content: @fa-var-patreon; }
|
|
||||||
.@{fa-css-prefix}-pause:before { content: @fa-var-pause; }
|
|
||||||
.@{fa-css-prefix}-pause-circle:before { content: @fa-var-pause-circle; }
|
|
||||||
.@{fa-css-prefix}-paw:before { content: @fa-var-paw; }
|
|
||||||
.@{fa-css-prefix}-paypal:before { content: @fa-var-paypal; }
|
|
||||||
.@{fa-css-prefix}-pen-square:before { content: @fa-var-pen-square; }
|
|
||||||
.@{fa-css-prefix}-pencil-alt:before { content: @fa-var-pencil-alt; }
|
|
||||||
.@{fa-css-prefix}-percent:before { content: @fa-var-percent; }
|
|
||||||
.@{fa-css-prefix}-periscope:before { content: @fa-var-periscope; }
|
|
||||||
.@{fa-css-prefix}-phabricator:before { content: @fa-var-phabricator; }
|
|
||||||
.@{fa-css-prefix}-phoenix-framework:before { content: @fa-var-phoenix-framework; }
|
|
||||||
.@{fa-css-prefix}-phone:before { content: @fa-var-phone; }
|
|
||||||
.@{fa-css-prefix}-phone-square:before { content: @fa-var-phone-square; }
|
|
||||||
.@{fa-css-prefix}-phone-volume:before { content: @fa-var-phone-volume; }
|
|
||||||
.@{fa-css-prefix}-php:before { content: @fa-var-php; }
|
|
||||||
.@{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}-pied-piper-pp:before { content: @fa-var-pied-piper-pp; }
|
|
||||||
.@{fa-css-prefix}-pinterest:before { content: @fa-var-pinterest; }
|
|
||||||
.@{fa-css-prefix}-pinterest-p:before { content: @fa-var-pinterest-p; }
|
|
||||||
.@{fa-css-prefix}-pinterest-square:before { content: @fa-var-pinterest-square; }
|
|
||||||
.@{fa-css-prefix}-plane:before { content: @fa-var-plane; }
|
|
||||||
.@{fa-css-prefix}-play:before { content: @fa-var-play; }
|
|
||||||
.@{fa-css-prefix}-play-circle:before { content: @fa-var-play-circle; }
|
|
||||||
.@{fa-css-prefix}-playstation:before { content: @fa-var-playstation; }
|
|
||||||
.@{fa-css-prefix}-plug:before { content: @fa-var-plug; }
|
|
||||||
.@{fa-css-prefix}-plus:before { content: @fa-var-plus; }
|
|
||||||
.@{fa-css-prefix}-plus-circle:before { content: @fa-var-plus-circle; }
|
|
||||||
.@{fa-css-prefix}-plus-square:before { content: @fa-var-plus-square; }
|
|
||||||
.@{fa-css-prefix}-podcast:before { content: @fa-var-podcast; }
|
|
||||||
.@{fa-css-prefix}-pound-sign:before { content: @fa-var-pound-sign; }
|
|
||||||
.@{fa-css-prefix}-power-off:before { content: @fa-var-power-off; }
|
|
||||||
.@{fa-css-prefix}-print:before { content: @fa-var-print; }
|
|
||||||
.@{fa-css-prefix}-product-hunt:before { content: @fa-var-product-hunt; }
|
|
||||||
.@{fa-css-prefix}-pushed:before { content: @fa-var-pushed; }
|
|
||||||
.@{fa-css-prefix}-puzzle-piece:before { content: @fa-var-puzzle-piece; }
|
|
||||||
.@{fa-css-prefix}-python:before { content: @fa-var-python; }
|
|
||||||
.@{fa-css-prefix}-qq:before { content: @fa-var-qq; }
|
|
||||||
.@{fa-css-prefix}-qrcode:before { content: @fa-var-qrcode; }
|
|
||||||
.@{fa-css-prefix}-question:before { content: @fa-var-question; }
|
|
||||||
.@{fa-css-prefix}-question-circle:before { content: @fa-var-question-circle; }
|
|
||||||
.@{fa-css-prefix}-quidditch:before { content: @fa-var-quidditch; }
|
|
||||||
.@{fa-css-prefix}-quinscape:before { content: @fa-var-quinscape; }
|
|
||||||
.@{fa-css-prefix}-quora:before { content: @fa-var-quora; }
|
|
||||||
.@{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}-random:before { content: @fa-var-random; }
|
|
||||||
.@{fa-css-prefix}-ravelry:before { content: @fa-var-ravelry; }
|
|
||||||
.@{fa-css-prefix}-react:before { content: @fa-var-react; }
|
|
||||||
.@{fa-css-prefix}-rebel:before { content: @fa-var-rebel; }
|
|
||||||
.@{fa-css-prefix}-recycle:before { content: @fa-var-recycle; }
|
|
||||||
.@{fa-css-prefix}-red-river:before { content: @fa-var-red-river; }
|
|
||||||
.@{fa-css-prefix}-reddit:before { content: @fa-var-reddit; }
|
|
||||||
.@{fa-css-prefix}-reddit-alien:before { content: @fa-var-reddit-alien; }
|
|
||||||
.@{fa-css-prefix}-reddit-square:before { content: @fa-var-reddit-square; }
|
|
||||||
.@{fa-css-prefix}-redo:before { content: @fa-var-redo; }
|
|
||||||
.@{fa-css-prefix}-redo-alt:before { content: @fa-var-redo-alt; }
|
|
||||||
.@{fa-css-prefix}-registered:before { content: @fa-var-registered; }
|
|
||||||
.@{fa-css-prefix}-rendact:before { content: @fa-var-rendact; }
|
|
||||||
.@{fa-css-prefix}-renren:before { content: @fa-var-renren; }
|
|
||||||
.@{fa-css-prefix}-reply:before { content: @fa-var-reply; }
|
|
||||||
.@{fa-css-prefix}-reply-all:before { content: @fa-var-reply-all; }
|
|
||||||
.@{fa-css-prefix}-replyd:before { content: @fa-var-replyd; }
|
|
||||||
.@{fa-css-prefix}-resolving:before { content: @fa-var-resolving; }
|
|
||||||
.@{fa-css-prefix}-retweet:before { content: @fa-var-retweet; }
|
|
||||||
.@{fa-css-prefix}-road:before { content: @fa-var-road; }
|
|
||||||
.@{fa-css-prefix}-rocket:before { content: @fa-var-rocket; }
|
|
||||||
.@{fa-css-prefix}-rocketchat:before { content: @fa-var-rocketchat; }
|
|
||||||
.@{fa-css-prefix}-rockrms:before { content: @fa-var-rockrms; }
|
|
||||||
.@{fa-css-prefix}-rss:before { content: @fa-var-rss; }
|
|
||||||
.@{fa-css-prefix}-rss-square:before { content: @fa-var-rss-square; }
|
|
||||||
.@{fa-css-prefix}-ruble-sign:before { content: @fa-var-ruble-sign; }
|
|
||||||
.@{fa-css-prefix}-rupee-sign:before { content: @fa-var-rupee-sign; }
|
|
||||||
.@{fa-css-prefix}-safari:before { content: @fa-var-safari; }
|
|
||||||
.@{fa-css-prefix}-sass:before { content: @fa-var-sass; }
|
|
||||||
.@{fa-css-prefix}-save:before { content: @fa-var-save; }
|
|
||||||
.@{fa-css-prefix}-schlix:before { content: @fa-var-schlix; }
|
|
||||||
.@{fa-css-prefix}-scribd:before { content: @fa-var-scribd; }
|
|
||||||
.@{fa-css-prefix}-search:before { content: @fa-var-search; }
|
|
||||||
.@{fa-css-prefix}-search-minus:before { content: @fa-var-search-minus; }
|
|
||||||
.@{fa-css-prefix}-search-plus:before { content: @fa-var-search-plus; }
|
|
||||||
.@{fa-css-prefix}-searchengin:before { content: @fa-var-searchengin; }
|
|
||||||
.@{fa-css-prefix}-sellcast:before { content: @fa-var-sellcast; }
|
|
||||||
.@{fa-css-prefix}-sellsy:before { content: @fa-var-sellsy; }
|
|
||||||
.@{fa-css-prefix}-server:before { content: @fa-var-server; }
|
|
||||||
.@{fa-css-prefix}-servicestack:before { content: @fa-var-servicestack; }
|
|
||||||
.@{fa-css-prefix}-share:before { content: @fa-var-share; }
|
|
||||||
.@{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}-share-square:before { content: @fa-var-share-square; }
|
|
||||||
.@{fa-css-prefix}-shekel-sign:before { content: @fa-var-shekel-sign; }
|
|
||||||
.@{fa-css-prefix}-shield-alt:before { content: @fa-var-shield-alt; }
|
|
||||||
.@{fa-css-prefix}-ship:before { content: @fa-var-ship; }
|
|
||||||
.@{fa-css-prefix}-shirtsinbulk:before { content: @fa-var-shirtsinbulk; }
|
|
||||||
.@{fa-css-prefix}-shopping-bag:before { content: @fa-var-shopping-bag; }
|
|
||||||
.@{fa-css-prefix}-shopping-basket:before { content: @fa-var-shopping-basket; }
|
|
||||||
.@{fa-css-prefix}-shopping-cart:before { content: @fa-var-shopping-cart; }
|
|
||||||
.@{fa-css-prefix}-shower:before { content: @fa-var-shower; }
|
|
||||||
.@{fa-css-prefix}-sign-in-alt:before { content: @fa-var-sign-in-alt; }
|
|
||||||
.@{fa-css-prefix}-sign-language:before { content: @fa-var-sign-language; }
|
|
||||||
.@{fa-css-prefix}-sign-out-alt:before { content: @fa-var-sign-out-alt; }
|
|
||||||
.@{fa-css-prefix}-signal:before { content: @fa-var-signal; }
|
|
||||||
.@{fa-css-prefix}-simplybuilt:before { content: @fa-var-simplybuilt; }
|
|
||||||
.@{fa-css-prefix}-sistrix:before { content: @fa-var-sistrix; }
|
|
||||||
.@{fa-css-prefix}-sitemap:before { content: @fa-var-sitemap; }
|
|
||||||
.@{fa-css-prefix}-skyatlas:before { content: @fa-var-skyatlas; }
|
|
||||||
.@{fa-css-prefix}-skype:before { content: @fa-var-skype; }
|
|
||||||
.@{fa-css-prefix}-slack:before { content: @fa-var-slack; }
|
|
||||||
.@{fa-css-prefix}-slack-hash:before { content: @fa-var-slack-hash; }
|
|
||||||
.@{fa-css-prefix}-sliders-h:before { content: @fa-var-sliders-h; }
|
|
||||||
.@{fa-css-prefix}-slideshare:before { content: @fa-var-slideshare; }
|
|
||||||
.@{fa-css-prefix}-smile:before { content: @fa-var-smile; }
|
|
||||||
.@{fa-css-prefix}-snapchat:before { content: @fa-var-snapchat; }
|
|
||||||
.@{fa-css-prefix}-snapchat-ghost:before { content: @fa-var-snapchat-ghost; }
|
|
||||||
.@{fa-css-prefix}-snapchat-square:before { content: @fa-var-snapchat-square; }
|
|
||||||
.@{fa-css-prefix}-snowflake:before { content: @fa-var-snowflake; }
|
|
||||||
.@{fa-css-prefix}-sort:before { content: @fa-var-sort; }
|
|
||||||
.@{fa-css-prefix}-sort-alpha-down:before { content: @fa-var-sort-alpha-down; }
|
|
||||||
.@{fa-css-prefix}-sort-alpha-up:before { content: @fa-var-sort-alpha-up; }
|
|
||||||
.@{fa-css-prefix}-sort-amount-down:before { content: @fa-var-sort-amount-down; }
|
|
||||||
.@{fa-css-prefix}-sort-amount-up:before { content: @fa-var-sort-amount-up; }
|
|
||||||
.@{fa-css-prefix}-sort-down:before { content: @fa-var-sort-down; }
|
|
||||||
.@{fa-css-prefix}-sort-numeric-down:before { content: @fa-var-sort-numeric-down; }
|
|
||||||
.@{fa-css-prefix}-sort-numeric-up:before { content: @fa-var-sort-numeric-up; }
|
|
||||||
.@{fa-css-prefix}-sort-up:before { content: @fa-var-sort-up; }
|
|
||||||
.@{fa-css-prefix}-soundcloud:before { content: @fa-var-soundcloud; }
|
|
||||||
.@{fa-css-prefix}-space-shuttle:before { content: @fa-var-space-shuttle; }
|
|
||||||
.@{fa-css-prefix}-speakap:before { content: @fa-var-speakap; }
|
|
||||||
.@{fa-css-prefix}-spinner:before { content: @fa-var-spinner; }
|
|
||||||
.@{fa-css-prefix}-spotify:before { content: @fa-var-spotify; }
|
|
||||||
.@{fa-css-prefix}-square:before { content: @fa-var-square; }
|
|
||||||
.@{fa-css-prefix}-square-full:before { content: @fa-var-square-full; }
|
|
||||||
.@{fa-css-prefix}-stack-exchange:before { content: @fa-var-stack-exchange; }
|
|
||||||
.@{fa-css-prefix}-stack-overflow:before { content: @fa-var-stack-overflow; }
|
|
||||||
.@{fa-css-prefix}-star:before { content: @fa-var-star; }
|
|
||||||
.@{fa-css-prefix}-star-half:before { content: @fa-var-star-half; }
|
|
||||||
.@{fa-css-prefix}-staylinked:before { content: @fa-var-staylinked; }
|
|
||||||
.@{fa-css-prefix}-steam:before { content: @fa-var-steam; }
|
|
||||||
.@{fa-css-prefix}-steam-square:before { content: @fa-var-steam-square; }
|
|
||||||
.@{fa-css-prefix}-steam-symbol:before { content: @fa-var-steam-symbol; }
|
|
||||||
.@{fa-css-prefix}-step-backward:before { content: @fa-var-step-backward; }
|
|
||||||
.@{fa-css-prefix}-step-forward:before { content: @fa-var-step-forward; }
|
|
||||||
.@{fa-css-prefix}-stethoscope:before { content: @fa-var-stethoscope; }
|
|
||||||
.@{fa-css-prefix}-sticker-mule:before { content: @fa-var-sticker-mule; }
|
|
||||||
.@{fa-css-prefix}-sticky-note:before { content: @fa-var-sticky-note; }
|
|
||||||
.@{fa-css-prefix}-stop:before { content: @fa-var-stop; }
|
|
||||||
.@{fa-css-prefix}-stop-circle:before { content: @fa-var-stop-circle; }
|
|
||||||
.@{fa-css-prefix}-stopwatch:before { content: @fa-var-stopwatch; }
|
|
||||||
.@{fa-css-prefix}-strava:before { content: @fa-var-strava; }
|
|
||||||
.@{fa-css-prefix}-street-view:before { content: @fa-var-street-view; }
|
|
||||||
.@{fa-css-prefix}-strikethrough:before { content: @fa-var-strikethrough; }
|
|
||||||
.@{fa-css-prefix}-stripe:before { content: @fa-var-stripe; }
|
|
||||||
.@{fa-css-prefix}-stripe-s:before { content: @fa-var-stripe-s; }
|
|
||||||
.@{fa-css-prefix}-studiovinari:before { content: @fa-var-studiovinari; }
|
|
||||||
.@{fa-css-prefix}-stumbleupon:before { content: @fa-var-stumbleupon; }
|
|
||||||
.@{fa-css-prefix}-stumbleupon-circle:before { content: @fa-var-stumbleupon-circle; }
|
|
||||||
.@{fa-css-prefix}-subscript:before { content: @fa-var-subscript; }
|
|
||||||
.@{fa-css-prefix}-subway:before { content: @fa-var-subway; }
|
|
||||||
.@{fa-css-prefix}-suitcase:before { content: @fa-var-suitcase; }
|
|
||||||
.@{fa-css-prefix}-sun:before { content: @fa-var-sun; }
|
|
||||||
.@{fa-css-prefix}-superpowers:before { content: @fa-var-superpowers; }
|
|
||||||
.@{fa-css-prefix}-superscript:before { content: @fa-var-superscript; }
|
|
||||||
.@{fa-css-prefix}-supple:before { content: @fa-var-supple; }
|
|
||||||
.@{fa-css-prefix}-sync:before { content: @fa-var-sync; }
|
|
||||||
.@{fa-css-prefix}-sync-alt:before { content: @fa-var-sync-alt; }
|
|
||||||
.@{fa-css-prefix}-table:before { content: @fa-var-table; }
|
|
||||||
.@{fa-css-prefix}-table-tennis:before { content: @fa-var-table-tennis; }
|
|
||||||
.@{fa-css-prefix}-tablet:before { content: @fa-var-tablet; }
|
|
||||||
.@{fa-css-prefix}-tablet-alt:before { content: @fa-var-tablet-alt; }
|
|
||||||
.@{fa-css-prefix}-tachometer-alt:before { content: @fa-var-tachometer-alt; }
|
|
||||||
.@{fa-css-prefix}-tag:before { content: @fa-var-tag; }
|
|
||||||
.@{fa-css-prefix}-tags:before { content: @fa-var-tags; }
|
|
||||||
.@{fa-css-prefix}-tasks:before { content: @fa-var-tasks; }
|
|
||||||
.@{fa-css-prefix}-taxi:before { content: @fa-var-taxi; }
|
|
||||||
.@{fa-css-prefix}-telegram:before { content: @fa-var-telegram; }
|
|
||||||
.@{fa-css-prefix}-telegram-plane:before { content: @fa-var-telegram-plane; }
|
|
||||||
.@{fa-css-prefix}-tencent-weibo:before { content: @fa-var-tencent-weibo; }
|
|
||||||
.@{fa-css-prefix}-terminal:before { content: @fa-var-terminal; }
|
|
||||||
.@{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}-th:before { content: @fa-var-th; }
|
|
||||||
.@{fa-css-prefix}-th-large:before { content: @fa-var-th-large; }
|
|
||||||
.@{fa-css-prefix}-th-list:before { content: @fa-var-th-list; }
|
|
||||||
.@{fa-css-prefix}-themeisle:before { content: @fa-var-themeisle; }
|
|
||||||
.@{fa-css-prefix}-thermometer-empty:before { content: @fa-var-thermometer-empty; }
|
|
||||||
.@{fa-css-prefix}-thermometer-full:before { content: @fa-var-thermometer-full; }
|
|
||||||
.@{fa-css-prefix}-thermometer-half:before { content: @fa-var-thermometer-half; }
|
|
||||||
.@{fa-css-prefix}-thermometer-quarter:before { content: @fa-var-thermometer-quarter; }
|
|
||||||
.@{fa-css-prefix}-thermometer-three-quarters:before { content: @fa-var-thermometer-three-quarters; }
|
|
||||||
.@{fa-css-prefix}-thumbs-down:before { content: @fa-var-thumbs-down; }
|
|
||||||
.@{fa-css-prefix}-thumbs-up:before { content: @fa-var-thumbs-up; }
|
|
||||||
.@{fa-css-prefix}-thumbtack:before { content: @fa-var-thumbtack; }
|
|
||||||
.@{fa-css-prefix}-ticket-alt:before { content: @fa-var-ticket-alt; }
|
|
||||||
.@{fa-css-prefix}-times:before { content: @fa-var-times; }
|
|
||||||
.@{fa-css-prefix}-times-circle:before { content: @fa-var-times-circle; }
|
|
||||||
.@{fa-css-prefix}-tint:before { content: @fa-var-tint; }
|
|
||||||
.@{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}-trademark:before { content: @fa-var-trademark; }
|
|
||||||
.@{fa-css-prefix}-train:before { content: @fa-var-train; }
|
|
||||||
.@{fa-css-prefix}-transgender:before { content: @fa-var-transgender; }
|
|
||||||
.@{fa-css-prefix}-transgender-alt:before { content: @fa-var-transgender-alt; }
|
|
||||||
.@{fa-css-prefix}-trash:before { content: @fa-var-trash; }
|
|
||||||
.@{fa-css-prefix}-trash-alt:before { content: @fa-var-trash-alt; }
|
|
||||||
.@{fa-css-prefix}-tree:before { content: @fa-var-tree; }
|
|
||||||
.@{fa-css-prefix}-trello:before { content: @fa-var-trello; }
|
|
||||||
.@{fa-css-prefix}-tripadvisor:before { content: @fa-var-tripadvisor; }
|
|
||||||
.@{fa-css-prefix}-trophy:before { content: @fa-var-trophy; }
|
|
||||||
.@{fa-css-prefix}-truck:before { content: @fa-var-truck; }
|
|
||||||
.@{fa-css-prefix}-tty:before { content: @fa-var-tty; }
|
|
||||||
.@{fa-css-prefix}-tumblr:before { content: @fa-var-tumblr; }
|
|
||||||
.@{fa-css-prefix}-tumblr-square:before { content: @fa-var-tumblr-square; }
|
|
||||||
.@{fa-css-prefix}-tv:before { content: @fa-var-tv; }
|
|
||||||
.@{fa-css-prefix}-twitch:before { content: @fa-var-twitch; }
|
|
||||||
.@{fa-css-prefix}-twitter:before { content: @fa-var-twitter; }
|
|
||||||
.@{fa-css-prefix}-twitter-square:before { content: @fa-var-twitter-square; }
|
|
||||||
.@{fa-css-prefix}-typo3:before { content: @fa-var-typo3; }
|
|
||||||
.@{fa-css-prefix}-uber:before { content: @fa-var-uber; }
|
|
||||||
.@{fa-css-prefix}-uikit:before { content: @fa-var-uikit; }
|
|
||||||
.@{fa-css-prefix}-umbrella:before { content: @fa-var-umbrella; }
|
|
||||||
.@{fa-css-prefix}-underline:before { content: @fa-var-underline; }
|
|
||||||
.@{fa-css-prefix}-undo:before { content: @fa-var-undo; }
|
|
||||||
.@{fa-css-prefix}-undo-alt:before { content: @fa-var-undo-alt; }
|
|
||||||
.@{fa-css-prefix}-uniregistry:before { content: @fa-var-uniregistry; }
|
|
||||||
.@{fa-css-prefix}-universal-access:before { content: @fa-var-universal-access; }
|
|
||||||
.@{fa-css-prefix}-university:before { content: @fa-var-university; }
|
|
||||||
.@{fa-css-prefix}-unlink:before { content: @fa-var-unlink; }
|
|
||||||
.@{fa-css-prefix}-unlock:before { content: @fa-var-unlock; }
|
|
||||||
.@{fa-css-prefix}-unlock-alt:before { content: @fa-var-unlock-alt; }
|
|
||||||
.@{fa-css-prefix}-untappd:before { content: @fa-var-untappd; }
|
|
||||||
.@{fa-css-prefix}-upload:before { content: @fa-var-upload; }
|
|
||||||
.@{fa-css-prefix}-usb:before { content: @fa-var-usb; }
|
|
||||||
.@{fa-css-prefix}-user:before { content: @fa-var-user; }
|
|
||||||
.@{fa-css-prefix}-user-circle:before { content: @fa-var-user-circle; }
|
|
||||||
.@{fa-css-prefix}-user-md:before { content: @fa-var-user-md; }
|
|
||||||
.@{fa-css-prefix}-user-plus:before { content: @fa-var-user-plus; }
|
|
||||||
.@{fa-css-prefix}-user-secret:before { content: @fa-var-user-secret; }
|
|
||||||
.@{fa-css-prefix}-user-times:before { content: @fa-var-user-times; }
|
|
||||||
.@{fa-css-prefix}-users:before { content: @fa-var-users; }
|
|
||||||
.@{fa-css-prefix}-ussunnah:before { content: @fa-var-ussunnah; }
|
|
||||||
.@{fa-css-prefix}-utensil-spoon:before { content: @fa-var-utensil-spoon; }
|
|
||||||
.@{fa-css-prefix}-utensils:before { content: @fa-var-utensils; }
|
|
||||||
.@{fa-css-prefix}-vaadin:before { content: @fa-var-vaadin; }
|
|
||||||
.@{fa-css-prefix}-venus:before { content: @fa-var-venus; }
|
|
||||||
.@{fa-css-prefix}-venus-double:before { content: @fa-var-venus-double; }
|
|
||||||
.@{fa-css-prefix}-venus-mars:before { content: @fa-var-venus-mars; }
|
|
||||||
.@{fa-css-prefix}-viacoin:before { content: @fa-var-viacoin; }
|
|
||||||
.@{fa-css-prefix}-viadeo:before { content: @fa-var-viadeo; }
|
|
||||||
.@{fa-css-prefix}-viadeo-square:before { content: @fa-var-viadeo-square; }
|
|
||||||
.@{fa-css-prefix}-viber:before { content: @fa-var-viber; }
|
|
||||||
.@{fa-css-prefix}-video:before { content: @fa-var-video; }
|
|
||||||
.@{fa-css-prefix}-vimeo:before { content: @fa-var-vimeo; }
|
|
||||||
.@{fa-css-prefix}-vimeo-square:before { content: @fa-var-vimeo-square; }
|
|
||||||
.@{fa-css-prefix}-vimeo-v:before { content: @fa-var-vimeo-v; }
|
|
||||||
.@{fa-css-prefix}-vine:before { content: @fa-var-vine; }
|
|
||||||
.@{fa-css-prefix}-vk:before { content: @fa-var-vk; }
|
|
||||||
.@{fa-css-prefix}-vnv:before { content: @fa-var-vnv; }
|
|
||||||
.@{fa-css-prefix}-volleyball-ball:before { content: @fa-var-volleyball-ball; }
|
|
||||||
.@{fa-css-prefix}-volume-down:before { content: @fa-var-volume-down; }
|
|
||||||
.@{fa-css-prefix}-volume-off:before { content: @fa-var-volume-off; }
|
|
||||||
.@{fa-css-prefix}-volume-up:before { content: @fa-var-volume-up; }
|
|
||||||
.@{fa-css-prefix}-vuejs:before { content: @fa-var-vuejs; }
|
|
||||||
.@{fa-css-prefix}-weibo:before { content: @fa-var-weibo; }
|
|
||||||
.@{fa-css-prefix}-weixin:before { content: @fa-var-weixin; }
|
|
||||||
.@{fa-css-prefix}-whatsapp:before { content: @fa-var-whatsapp; }
|
|
||||||
.@{fa-css-prefix}-whatsapp-square:before { content: @fa-var-whatsapp-square; }
|
|
||||||
.@{fa-css-prefix}-wheelchair:before { content: @fa-var-wheelchair; }
|
|
||||||
.@{fa-css-prefix}-whmcs:before { content: @fa-var-whmcs; }
|
|
||||||
.@{fa-css-prefix}-wifi:before { content: @fa-var-wifi; }
|
|
||||||
.@{fa-css-prefix}-wikipedia-w:before { content: @fa-var-wikipedia-w; }
|
|
||||||
.@{fa-css-prefix}-window-close:before { content: @fa-var-window-close; }
|
|
||||||
.@{fa-css-prefix}-window-maximize:before { content: @fa-var-window-maximize; }
|
|
||||||
.@{fa-css-prefix}-window-minimize:before { content: @fa-var-window-minimize; }
|
|
||||||
.@{fa-css-prefix}-window-restore:before { content: @fa-var-window-restore; }
|
|
||||||
.@{fa-css-prefix}-windows:before { content: @fa-var-windows; }
|
|
||||||
.@{fa-css-prefix}-won-sign:before { content: @fa-var-won-sign; }
|
|
||||||
.@{fa-css-prefix}-wordpress:before { content: @fa-var-wordpress; }
|
|
||||||
.@{fa-css-prefix}-wordpress-simple:before { content: @fa-var-wordpress-simple; }
|
|
||||||
.@{fa-css-prefix}-wpbeginner:before { content: @fa-var-wpbeginner; }
|
|
||||||
.@{fa-css-prefix}-wpexplorer:before { content: @fa-var-wpexplorer; }
|
|
||||||
.@{fa-css-prefix}-wpforms:before { content: @fa-var-wpforms; }
|
|
||||||
.@{fa-css-prefix}-wrench:before { content: @fa-var-wrench; }
|
|
||||||
.@{fa-css-prefix}-xbox:before { content: @fa-var-xbox; }
|
|
||||||
.@{fa-css-prefix}-xing:before { content: @fa-var-xing; }
|
|
||||||
.@{fa-css-prefix}-xing-square:before { content: @fa-var-xing-square; }
|
|
||||||
.@{fa-css-prefix}-y-combinator:before { content: @fa-var-y-combinator; }
|
|
||||||
.@{fa-css-prefix}-yahoo:before { content: @fa-var-yahoo; }
|
|
||||||
.@{fa-css-prefix}-yandex:before { content: @fa-var-yandex; }
|
|
||||||
.@{fa-css-prefix}-yandex-international:before { content: @fa-var-yandex-international; }
|
|
||||||
.@{fa-css-prefix}-yelp:before { content: @fa-var-yelp; }
|
|
||||||
.@{fa-css-prefix}-yen-sign:before { content: @fa-var-yen-sign; }
|
|
||||||
.@{fa-css-prefix}-yoast:before { content: @fa-var-yoast; }
|
|
||||||
.@{fa-css-prefix}-youtube:before { content: @fa-var-youtube; }
|
|
||||||
.@{fa-css-prefix}-youtube-square:before { content: @fa-var-youtube-square; }
|
|
||||||
@@ -1,27 +0,0 @@
|
|||||||
// Icon Sizes
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.larger(@factor) when (@factor > 0) {
|
|
||||||
.larger((@factor - 1));
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-@{factor}x {
|
|
||||||
font-size: (@factor * 1em);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* makes the font 33% larger relative to the icon container */
|
|
||||||
.@{fa-css-prefix}-lg {
|
|
||||||
font-size: (4em / 3);
|
|
||||||
line-height: (3em / 4);
|
|
||||||
vertical-align: -.0667em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-xs {
|
|
||||||
font-size: .75em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-sm {
|
|
||||||
font-size: .875em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.larger(10);
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
// List Icons
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-ul {
|
|
||||||
list-style-type: none;
|
|
||||||
margin-left: @fa-li-width * 5/4;
|
|
||||||
padding-left: 0;
|
|
||||||
|
|
||||||
> li { position: relative; }
|
|
||||||
}
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-li {
|
|
||||||
left: -@fa-li-width;
|
|
||||||
position: absolute;
|
|
||||||
text-align: center;
|
|
||||||
width: @fa-li-width;
|
|
||||||
line-height: inherit;
|
|
||||||
}
|
|
||||||
@@ -1,57 +0,0 @@
|
|||||||
// Mixins
|
|
||||||
// --------------------------
|
|
||||||
|
|
||||||
.fa-icon() {
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
display: inline-block;
|
|
||||||
font-style: normal;
|
|
||||||
font-variant: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
line-height: 1;
|
|
||||||
vertical-align: -.125em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-icon-rotate(@degrees, @rotation) {
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})";
|
|
||||||
transform: rotate(@degrees);
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-icon-flip(@horiz, @vert, @rotation) {
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)";
|
|
||||||
transform: scale(@horiz, @vert);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Only display content to screen readers. A la Bootstrap 4.
|
|
||||||
//
|
|
||||||
// See: http://a11yproject.com/posts/how-to-hide-content/
|
|
||||||
|
|
||||||
.sr-only() {
|
|
||||||
border: 0;
|
|
||||||
clip: rect(0,0,0,0);
|
|
||||||
height: 1px;
|
|
||||||
margin: -1px;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 0;
|
|
||||||
position: absolute;
|
|
||||||
width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Use in conjunction with .sr-only to only display content when it's focused.
|
|
||||||
//
|
|
||||||
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
|
|
||||||
//
|
|
||||||
// Credit: HTML5 Boilerplate
|
|
||||||
|
|
||||||
.sr-only-focusable() {
|
|
||||||
&:active,
|
|
||||||
&:focus {
|
|
||||||
clip: auto;
|
|
||||||
height: auto;
|
|
||||||
margin: 0;
|
|
||||||
overflow: visible;
|
|
||||||
position: static;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
// Rotated & Flipped Icons
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }
|
|
||||||
.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
|
|
||||||
.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
|
|
||||||
.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); }
|
|
||||||
.@{fa-css-prefix}-flip-horizontal.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(-1, -1, 2); }
|
|
||||||
|
|
||||||
// Hook for IE8-9
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
:root {
|
|
||||||
.@{fa-css-prefix}-rotate-90,
|
|
||||||
.@{fa-css-prefix}-rotate-180,
|
|
||||||
.@{fa-css-prefix}-rotate-270,
|
|
||||||
.@{fa-css-prefix}-flip-horizontal,
|
|
||||||
.@{fa-css-prefix}-flip-vertical {
|
|
||||||
filter: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
// Screen Readers
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.sr-only { .sr-only(); }
|
|
||||||
.sr-only-focusable { .sr-only-focusable(); }
|
|
||||||
@@ -1,22 +0,0 @@
|
|||||||
// Stacked Icons
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-stack {
|
|
||||||
display: inline-block;
|
|
||||||
height: 2em;
|
|
||||||
line-height: 2em;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: middle;
|
|
||||||
width: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
|
|
||||||
left: 0;
|
|
||||||
position: absolute;
|
|
||||||
text-align: center;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-stack-1x { line-height: inherit; }
|
|
||||||
.@{fa-css-prefix}-stack-2x { font-size: 2em; }
|
|
||||||
.@{fa-css-prefix}-inverse { color: @fa-inverse; }
|
|
||||||
@@ -1,825 +0,0 @@
|
|||||||
// Variables
|
|
||||||
// --------------------------
|
|
||||||
|
|
||||||
@fa-font-path: "../webfonts";
|
|
||||||
@fa-font-size-base: 16px;
|
|
||||||
@fa-line-height-base: 1;
|
|
||||||
@fa-css-prefix: fa;
|
|
||||||
@fa-version: "5.0.6";
|
|
||||||
@fa-border-color: #eee;
|
|
||||||
@fa-inverse: #fff;
|
|
||||||
@fa-li-width: 2em;
|
|
||||||
|
|
||||||
@fa-var-500px: "\f26e";
|
|
||||||
@fa-var-accessible-icon: "\f368";
|
|
||||||
@fa-var-accusoft: "\f369";
|
|
||||||
@fa-var-address-book: "\f2b9";
|
|
||||||
@fa-var-address-card: "\f2bb";
|
|
||||||
@fa-var-adjust: "\f042";
|
|
||||||
@fa-var-adn: "\f170";
|
|
||||||
@fa-var-adversal: "\f36a";
|
|
||||||
@fa-var-affiliatetheme: "\f36b";
|
|
||||||
@fa-var-algolia: "\f36c";
|
|
||||||
@fa-var-align-center: "\f037";
|
|
||||||
@fa-var-align-justify: "\f039";
|
|
||||||
@fa-var-align-left: "\f036";
|
|
||||||
@fa-var-align-right: "\f038";
|
|
||||||
@fa-var-amazon: "\f270";
|
|
||||||
@fa-var-amazon-pay: "\f42c";
|
|
||||||
@fa-var-ambulance: "\f0f9";
|
|
||||||
@fa-var-american-sign-language-interpreting: "\f2a3";
|
|
||||||
@fa-var-amilia: "\f36d";
|
|
||||||
@fa-var-anchor: "\f13d";
|
|
||||||
@fa-var-android: "\f17b";
|
|
||||||
@fa-var-angellist: "\f209";
|
|
||||||
@fa-var-angle-double-down: "\f103";
|
|
||||||
@fa-var-angle-double-left: "\f100";
|
|
||||||
@fa-var-angle-double-right: "\f101";
|
|
||||||
@fa-var-angle-double-up: "\f102";
|
|
||||||
@fa-var-angle-down: "\f107";
|
|
||||||
@fa-var-angle-left: "\f104";
|
|
||||||
@fa-var-angle-right: "\f105";
|
|
||||||
@fa-var-angle-up: "\f106";
|
|
||||||
@fa-var-angrycreative: "\f36e";
|
|
||||||
@fa-var-angular: "\f420";
|
|
||||||
@fa-var-app-store: "\f36f";
|
|
||||||
@fa-var-app-store-ios: "\f370";
|
|
||||||
@fa-var-apper: "\f371";
|
|
||||||
@fa-var-apple: "\f179";
|
|
||||||
@fa-var-apple-pay: "\f415";
|
|
||||||
@fa-var-archive: "\f187";
|
|
||||||
@fa-var-arrow-alt-circle-down: "\f358";
|
|
||||||
@fa-var-arrow-alt-circle-left: "\f359";
|
|
||||||
@fa-var-arrow-alt-circle-right: "\f35a";
|
|
||||||
@fa-var-arrow-alt-circle-up: "\f35b";
|
|
||||||
@fa-var-arrow-circle-down: "\f0ab";
|
|
||||||
@fa-var-arrow-circle-left: "\f0a8";
|
|
||||||
@fa-var-arrow-circle-right: "\f0a9";
|
|
||||||
@fa-var-arrow-circle-up: "\f0aa";
|
|
||||||
@fa-var-arrow-down: "\f063";
|
|
||||||
@fa-var-arrow-left: "\f060";
|
|
||||||
@fa-var-arrow-right: "\f061";
|
|
||||||
@fa-var-arrow-up: "\f062";
|
|
||||||
@fa-var-arrows-alt: "\f0b2";
|
|
||||||
@fa-var-arrows-alt-h: "\f337";
|
|
||||||
@fa-var-arrows-alt-v: "\f338";
|
|
||||||
@fa-var-assistive-listening-systems: "\f2a2";
|
|
||||||
@fa-var-asterisk: "\f069";
|
|
||||||
@fa-var-asymmetrik: "\f372";
|
|
||||||
@fa-var-at: "\f1fa";
|
|
||||||
@fa-var-audible: "\f373";
|
|
||||||
@fa-var-audio-description: "\f29e";
|
|
||||||
@fa-var-autoprefixer: "\f41c";
|
|
||||||
@fa-var-avianex: "\f374";
|
|
||||||
@fa-var-aviato: "\f421";
|
|
||||||
@fa-var-aws: "\f375";
|
|
||||||
@fa-var-backward: "\f04a";
|
|
||||||
@fa-var-balance-scale: "\f24e";
|
|
||||||
@fa-var-ban: "\f05e";
|
|
||||||
@fa-var-bandcamp: "\f2d5";
|
|
||||||
@fa-var-barcode: "\f02a";
|
|
||||||
@fa-var-bars: "\f0c9";
|
|
||||||
@fa-var-baseball-ball: "\f433";
|
|
||||||
@fa-var-basketball-ball: "\f434";
|
|
||||||
@fa-var-bath: "\f2cd";
|
|
||||||
@fa-var-battery-empty: "\f244";
|
|
||||||
@fa-var-battery-full: "\f240";
|
|
||||||
@fa-var-battery-half: "\f242";
|
|
||||||
@fa-var-battery-quarter: "\f243";
|
|
||||||
@fa-var-battery-three-quarters: "\f241";
|
|
||||||
@fa-var-bed: "\f236";
|
|
||||||
@fa-var-beer: "\f0fc";
|
|
||||||
@fa-var-behance: "\f1b4";
|
|
||||||
@fa-var-behance-square: "\f1b5";
|
|
||||||
@fa-var-bell: "\f0f3";
|
|
||||||
@fa-var-bell-slash: "\f1f6";
|
|
||||||
@fa-var-bicycle: "\f206";
|
|
||||||
@fa-var-bimobject: "\f378";
|
|
||||||
@fa-var-binoculars: "\f1e5";
|
|
||||||
@fa-var-birthday-cake: "\f1fd";
|
|
||||||
@fa-var-bitbucket: "\f171";
|
|
||||||
@fa-var-bitcoin: "\f379";
|
|
||||||
@fa-var-bity: "\f37a";
|
|
||||||
@fa-var-black-tie: "\f27e";
|
|
||||||
@fa-var-blackberry: "\f37b";
|
|
||||||
@fa-var-blind: "\f29d";
|
|
||||||
@fa-var-blogger: "\f37c";
|
|
||||||
@fa-var-blogger-b: "\f37d";
|
|
||||||
@fa-var-bluetooth: "\f293";
|
|
||||||
@fa-var-bluetooth-b: "\f294";
|
|
||||||
@fa-var-bold: "\f032";
|
|
||||||
@fa-var-bolt: "\f0e7";
|
|
||||||
@fa-var-bomb: "\f1e2";
|
|
||||||
@fa-var-book: "\f02d";
|
|
||||||
@fa-var-bookmark: "\f02e";
|
|
||||||
@fa-var-bowling-ball: "\f436";
|
|
||||||
@fa-var-braille: "\f2a1";
|
|
||||||
@fa-var-briefcase: "\f0b1";
|
|
||||||
@fa-var-btc: "\f15a";
|
|
||||||
@fa-var-bug: "\f188";
|
|
||||||
@fa-var-building: "\f1ad";
|
|
||||||
@fa-var-bullhorn: "\f0a1";
|
|
||||||
@fa-var-bullseye: "\f140";
|
|
||||||
@fa-var-buromobelexperte: "\f37f";
|
|
||||||
@fa-var-bus: "\f207";
|
|
||||||
@fa-var-buysellads: "\f20d";
|
|
||||||
@fa-var-calculator: "\f1ec";
|
|
||||||
@fa-var-calendar: "\f133";
|
|
||||||
@fa-var-calendar-alt: "\f073";
|
|
||||||
@fa-var-calendar-check: "\f274";
|
|
||||||
@fa-var-calendar-minus: "\f272";
|
|
||||||
@fa-var-calendar-plus: "\f271";
|
|
||||||
@fa-var-calendar-times: "\f273";
|
|
||||||
@fa-var-camera: "\f030";
|
|
||||||
@fa-var-camera-retro: "\f083";
|
|
||||||
@fa-var-car: "\f1b9";
|
|
||||||
@fa-var-caret-down: "\f0d7";
|
|
||||||
@fa-var-caret-left: "\f0d9";
|
|
||||||
@fa-var-caret-right: "\f0da";
|
|
||||||
@fa-var-caret-square-down: "\f150";
|
|
||||||
@fa-var-caret-square-left: "\f191";
|
|
||||||
@fa-var-caret-square-right: "\f152";
|
|
||||||
@fa-var-caret-square-up: "\f151";
|
|
||||||
@fa-var-caret-up: "\f0d8";
|
|
||||||
@fa-var-cart-arrow-down: "\f218";
|
|
||||||
@fa-var-cart-plus: "\f217";
|
|
||||||
@fa-var-cc-amazon-pay: "\f42d";
|
|
||||||
@fa-var-cc-amex: "\f1f3";
|
|
||||||
@fa-var-cc-apple-pay: "\f416";
|
|
||||||
@fa-var-cc-diners-club: "\f24c";
|
|
||||||
@fa-var-cc-discover: "\f1f2";
|
|
||||||
@fa-var-cc-jcb: "\f24b";
|
|
||||||
@fa-var-cc-mastercard: "\f1f1";
|
|
||||||
@fa-var-cc-paypal: "\f1f4";
|
|
||||||
@fa-var-cc-stripe: "\f1f5";
|
|
||||||
@fa-var-cc-visa: "\f1f0";
|
|
||||||
@fa-var-centercode: "\f380";
|
|
||||||
@fa-var-certificate: "\f0a3";
|
|
||||||
@fa-var-chart-area: "\f1fe";
|
|
||||||
@fa-var-chart-bar: "\f080";
|
|
||||||
@fa-var-chart-line: "\f201";
|
|
||||||
@fa-var-chart-pie: "\f200";
|
|
||||||
@fa-var-check: "\f00c";
|
|
||||||
@fa-var-check-circle: "\f058";
|
|
||||||
@fa-var-check-square: "\f14a";
|
|
||||||
@fa-var-chess: "\f439";
|
|
||||||
@fa-var-chess-bishop: "\f43a";
|
|
||||||
@fa-var-chess-board: "\f43c";
|
|
||||||
@fa-var-chess-king: "\f43f";
|
|
||||||
@fa-var-chess-knight: "\f441";
|
|
||||||
@fa-var-chess-pawn: "\f443";
|
|
||||||
@fa-var-chess-queen: "\f445";
|
|
||||||
@fa-var-chess-rook: "\f447";
|
|
||||||
@fa-var-chevron-circle-down: "\f13a";
|
|
||||||
@fa-var-chevron-circle-left: "\f137";
|
|
||||||
@fa-var-chevron-circle-right: "\f138";
|
|
||||||
@fa-var-chevron-circle-up: "\f139";
|
|
||||||
@fa-var-chevron-down: "\f078";
|
|
||||||
@fa-var-chevron-left: "\f053";
|
|
||||||
@fa-var-chevron-right: "\f054";
|
|
||||||
@fa-var-chevron-up: "\f077";
|
|
||||||
@fa-var-child: "\f1ae";
|
|
||||||
@fa-var-chrome: "\f268";
|
|
||||||
@fa-var-circle: "\f111";
|
|
||||||
@fa-var-circle-notch: "\f1ce";
|
|
||||||
@fa-var-clipboard: "\f328";
|
|
||||||
@fa-var-clock: "\f017";
|
|
||||||
@fa-var-clone: "\f24d";
|
|
||||||
@fa-var-closed-captioning: "\f20a";
|
|
||||||
@fa-var-cloud: "\f0c2";
|
|
||||||
@fa-var-cloud-download-alt: "\f381";
|
|
||||||
@fa-var-cloud-upload-alt: "\f382";
|
|
||||||
@fa-var-cloudscale: "\f383";
|
|
||||||
@fa-var-cloudsmith: "\f384";
|
|
||||||
@fa-var-cloudversify: "\f385";
|
|
||||||
@fa-var-code: "\f121";
|
|
||||||
@fa-var-code-branch: "\f126";
|
|
||||||
@fa-var-codepen: "\f1cb";
|
|
||||||
@fa-var-codiepie: "\f284";
|
|
||||||
@fa-var-coffee: "\f0f4";
|
|
||||||
@fa-var-cog: "\f013";
|
|
||||||
@fa-var-cogs: "\f085";
|
|
||||||
@fa-var-columns: "\f0db";
|
|
||||||
@fa-var-comment: "\f075";
|
|
||||||
@fa-var-comment-alt: "\f27a";
|
|
||||||
@fa-var-comments: "\f086";
|
|
||||||
@fa-var-compass: "\f14e";
|
|
||||||
@fa-var-compress: "\f066";
|
|
||||||
@fa-var-connectdevelop: "\f20e";
|
|
||||||
@fa-var-contao: "\f26d";
|
|
||||||
@fa-var-copy: "\f0c5";
|
|
||||||
@fa-var-copyright: "\f1f9";
|
|
||||||
@fa-var-cpanel: "\f388";
|
|
||||||
@fa-var-creative-commons: "\f25e";
|
|
||||||
@fa-var-credit-card: "\f09d";
|
|
||||||
@fa-var-crop: "\f125";
|
|
||||||
@fa-var-crosshairs: "\f05b";
|
|
||||||
@fa-var-css3: "\f13c";
|
|
||||||
@fa-var-css3-alt: "\f38b";
|
|
||||||
@fa-var-cube: "\f1b2";
|
|
||||||
@fa-var-cubes: "\f1b3";
|
|
||||||
@fa-var-cut: "\f0c4";
|
|
||||||
@fa-var-cuttlefish: "\f38c";
|
|
||||||
@fa-var-d-and-d: "\f38d";
|
|
||||||
@fa-var-dashcube: "\f210";
|
|
||||||
@fa-var-database: "\f1c0";
|
|
||||||
@fa-var-deaf: "\f2a4";
|
|
||||||
@fa-var-delicious: "\f1a5";
|
|
||||||
@fa-var-deploydog: "\f38e";
|
|
||||||
@fa-var-deskpro: "\f38f";
|
|
||||||
@fa-var-desktop: "\f108";
|
|
||||||
@fa-var-deviantart: "\f1bd";
|
|
||||||
@fa-var-digg: "\f1a6";
|
|
||||||
@fa-var-digital-ocean: "\f391";
|
|
||||||
@fa-var-discord: "\f392";
|
|
||||||
@fa-var-discourse: "\f393";
|
|
||||||
@fa-var-dochub: "\f394";
|
|
||||||
@fa-var-docker: "\f395";
|
|
||||||
@fa-var-dollar-sign: "\f155";
|
|
||||||
@fa-var-dot-circle: "\f192";
|
|
||||||
@fa-var-download: "\f019";
|
|
||||||
@fa-var-draft2digital: "\f396";
|
|
||||||
@fa-var-dribbble: "\f17d";
|
|
||||||
@fa-var-dribbble-square: "\f397";
|
|
||||||
@fa-var-dropbox: "\f16b";
|
|
||||||
@fa-var-drupal: "\f1a9";
|
|
||||||
@fa-var-dyalog: "\f399";
|
|
||||||
@fa-var-earlybirds: "\f39a";
|
|
||||||
@fa-var-edge: "\f282";
|
|
||||||
@fa-var-edit: "\f044";
|
|
||||||
@fa-var-eject: "\f052";
|
|
||||||
@fa-var-elementor: "\f430";
|
|
||||||
@fa-var-ellipsis-h: "\f141";
|
|
||||||
@fa-var-ellipsis-v: "\f142";
|
|
||||||
@fa-var-ember: "\f423";
|
|
||||||
@fa-var-empire: "\f1d1";
|
|
||||||
@fa-var-envelope: "\f0e0";
|
|
||||||
@fa-var-envelope-open: "\f2b6";
|
|
||||||
@fa-var-envelope-square: "\f199";
|
|
||||||
@fa-var-envira: "\f299";
|
|
||||||
@fa-var-eraser: "\f12d";
|
|
||||||
@fa-var-erlang: "\f39d";
|
|
||||||
@fa-var-ethereum: "\f42e";
|
|
||||||
@fa-var-etsy: "\f2d7";
|
|
||||||
@fa-var-euro-sign: "\f153";
|
|
||||||
@fa-var-exchange-alt: "\f362";
|
|
||||||
@fa-var-exclamation: "\f12a";
|
|
||||||
@fa-var-exclamation-circle: "\f06a";
|
|
||||||
@fa-var-exclamation-triangle: "\f071";
|
|
||||||
@fa-var-expand: "\f065";
|
|
||||||
@fa-var-expand-arrows-alt: "\f31e";
|
|
||||||
@fa-var-expeditedssl: "\f23e";
|
|
||||||
@fa-var-external-link-alt: "\f35d";
|
|
||||||
@fa-var-external-link-square-alt: "\f360";
|
|
||||||
@fa-var-eye: "\f06e";
|
|
||||||
@fa-var-eye-dropper: "\f1fb";
|
|
||||||
@fa-var-eye-slash: "\f070";
|
|
||||||
@fa-var-facebook: "\f09a";
|
|
||||||
@fa-var-facebook-f: "\f39e";
|
|
||||||
@fa-var-facebook-messenger: "\f39f";
|
|
||||||
@fa-var-facebook-square: "\f082";
|
|
||||||
@fa-var-fast-backward: "\f049";
|
|
||||||
@fa-var-fast-forward: "\f050";
|
|
||||||
@fa-var-fax: "\f1ac";
|
|
||||||
@fa-var-female: "\f182";
|
|
||||||
@fa-var-fighter-jet: "\f0fb";
|
|
||||||
@fa-var-file: "\f15b";
|
|
||||||
@fa-var-file-alt: "\f15c";
|
|
||||||
@fa-var-file-archive: "\f1c6";
|
|
||||||
@fa-var-file-audio: "\f1c7";
|
|
||||||
@fa-var-file-code: "\f1c9";
|
|
||||||
@fa-var-file-excel: "\f1c3";
|
|
||||||
@fa-var-file-image: "\f1c5";
|
|
||||||
@fa-var-file-pdf: "\f1c1";
|
|
||||||
@fa-var-file-powerpoint: "\f1c4";
|
|
||||||
@fa-var-file-video: "\f1c8";
|
|
||||||
@fa-var-file-word: "\f1c2";
|
|
||||||
@fa-var-film: "\f008";
|
|
||||||
@fa-var-filter: "\f0b0";
|
|
||||||
@fa-var-fire: "\f06d";
|
|
||||||
@fa-var-fire-extinguisher: "\f134";
|
|
||||||
@fa-var-firefox: "\f269";
|
|
||||||
@fa-var-first-order: "\f2b0";
|
|
||||||
@fa-var-firstdraft: "\f3a1";
|
|
||||||
@fa-var-flag: "\f024";
|
|
||||||
@fa-var-flag-checkered: "\f11e";
|
|
||||||
@fa-var-flask: "\f0c3";
|
|
||||||
@fa-var-flickr: "\f16e";
|
|
||||||
@fa-var-flipboard: "\f44d";
|
|
||||||
@fa-var-fly: "\f417";
|
|
||||||
@fa-var-folder: "\f07b";
|
|
||||||
@fa-var-folder-open: "\f07c";
|
|
||||||
@fa-var-font: "\f031";
|
|
||||||
@fa-var-font-awesome: "\f2b4";
|
|
||||||
@fa-var-font-awesome-alt: "\f35c";
|
|
||||||
@fa-var-font-awesome-flag: "\f425";
|
|
||||||
@fa-var-fonticons: "\f280";
|
|
||||||
@fa-var-fonticons-fi: "\f3a2";
|
|
||||||
@fa-var-football-ball: "\f44e";
|
|
||||||
@fa-var-fort-awesome: "\f286";
|
|
||||||
@fa-var-fort-awesome-alt: "\f3a3";
|
|
||||||
@fa-var-forumbee: "\f211";
|
|
||||||
@fa-var-forward: "\f04e";
|
|
||||||
@fa-var-foursquare: "\f180";
|
|
||||||
@fa-var-free-code-camp: "\f2c5";
|
|
||||||
@fa-var-freebsd: "\f3a4";
|
|
||||||
@fa-var-frown: "\f119";
|
|
||||||
@fa-var-futbol: "\f1e3";
|
|
||||||
@fa-var-gamepad: "\f11b";
|
|
||||||
@fa-var-gavel: "\f0e3";
|
|
||||||
@fa-var-gem: "\f3a5";
|
|
||||||
@fa-var-genderless: "\f22d";
|
|
||||||
@fa-var-get-pocket: "\f265";
|
|
||||||
@fa-var-gg: "\f260";
|
|
||||||
@fa-var-gg-circle: "\f261";
|
|
||||||
@fa-var-gift: "\f06b";
|
|
||||||
@fa-var-git: "\f1d3";
|
|
||||||
@fa-var-git-square: "\f1d2";
|
|
||||||
@fa-var-github: "\f09b";
|
|
||||||
@fa-var-github-alt: "\f113";
|
|
||||||
@fa-var-github-square: "\f092";
|
|
||||||
@fa-var-gitkraken: "\f3a6";
|
|
||||||
@fa-var-gitlab: "\f296";
|
|
||||||
@fa-var-gitter: "\f426";
|
|
||||||
@fa-var-glass-martini: "\f000";
|
|
||||||
@fa-var-glide: "\f2a5";
|
|
||||||
@fa-var-glide-g: "\f2a6";
|
|
||||||
@fa-var-globe: "\f0ac";
|
|
||||||
@fa-var-gofore: "\f3a7";
|
|
||||||
@fa-var-golf-ball: "\f450";
|
|
||||||
@fa-var-goodreads: "\f3a8";
|
|
||||||
@fa-var-goodreads-g: "\f3a9";
|
|
||||||
@fa-var-google: "\f1a0";
|
|
||||||
@fa-var-google-drive: "\f3aa";
|
|
||||||
@fa-var-google-play: "\f3ab";
|
|
||||||
@fa-var-google-plus: "\f2b3";
|
|
||||||
@fa-var-google-plus-g: "\f0d5";
|
|
||||||
@fa-var-google-plus-square: "\f0d4";
|
|
||||||
@fa-var-google-wallet: "\f1ee";
|
|
||||||
@fa-var-graduation-cap: "\f19d";
|
|
||||||
@fa-var-gratipay: "\f184";
|
|
||||||
@fa-var-grav: "\f2d6";
|
|
||||||
@fa-var-gripfire: "\f3ac";
|
|
||||||
@fa-var-grunt: "\f3ad";
|
|
||||||
@fa-var-gulp: "\f3ae";
|
|
||||||
@fa-var-h-square: "\f0fd";
|
|
||||||
@fa-var-hacker-news: "\f1d4";
|
|
||||||
@fa-var-hacker-news-square: "\f3af";
|
|
||||||
@fa-var-hand-lizard: "\f258";
|
|
||||||
@fa-var-hand-paper: "\f256";
|
|
||||||
@fa-var-hand-peace: "\f25b";
|
|
||||||
@fa-var-hand-point-down: "\f0a7";
|
|
||||||
@fa-var-hand-point-left: "\f0a5";
|
|
||||||
@fa-var-hand-point-right: "\f0a4";
|
|
||||||
@fa-var-hand-point-up: "\f0a6";
|
|
||||||
@fa-var-hand-pointer: "\f25a";
|
|
||||||
@fa-var-hand-rock: "\f255";
|
|
||||||
@fa-var-hand-scissors: "\f257";
|
|
||||||
@fa-var-hand-spock: "\f259";
|
|
||||||
@fa-var-handshake: "\f2b5";
|
|
||||||
@fa-var-hashtag: "\f292";
|
|
||||||
@fa-var-hdd: "\f0a0";
|
|
||||||
@fa-var-heading: "\f1dc";
|
|
||||||
@fa-var-headphones: "\f025";
|
|
||||||
@fa-var-heart: "\f004";
|
|
||||||
@fa-var-heartbeat: "\f21e";
|
|
||||||
@fa-var-hips: "\f452";
|
|
||||||
@fa-var-hire-a-helper: "\f3b0";
|
|
||||||
@fa-var-history: "\f1da";
|
|
||||||
@fa-var-hockey-puck: "\f453";
|
|
||||||
@fa-var-home: "\f015";
|
|
||||||
@fa-var-hooli: "\f427";
|
|
||||||
@fa-var-hospital: "\f0f8";
|
|
||||||
@fa-var-hotjar: "\f3b1";
|
|
||||||
@fa-var-hourglass: "\f254";
|
|
||||||
@fa-var-hourglass-end: "\f253";
|
|
||||||
@fa-var-hourglass-half: "\f252";
|
|
||||||
@fa-var-hourglass-start: "\f251";
|
|
||||||
@fa-var-houzz: "\f27c";
|
|
||||||
@fa-var-html5: "\f13b";
|
|
||||||
@fa-var-hubspot: "\f3b2";
|
|
||||||
@fa-var-i-cursor: "\f246";
|
|
||||||
@fa-var-id-badge: "\f2c1";
|
|
||||||
@fa-var-id-card: "\f2c2";
|
|
||||||
@fa-var-image: "\f03e";
|
|
||||||
@fa-var-images: "\f302";
|
|
||||||
@fa-var-imdb: "\f2d8";
|
|
||||||
@fa-var-inbox: "\f01c";
|
|
||||||
@fa-var-indent: "\f03c";
|
|
||||||
@fa-var-industry: "\f275";
|
|
||||||
@fa-var-info: "\f129";
|
|
||||||
@fa-var-info-circle: "\f05a";
|
|
||||||
@fa-var-instagram: "\f16d";
|
|
||||||
@fa-var-internet-explorer: "\f26b";
|
|
||||||
@fa-var-ioxhost: "\f208";
|
|
||||||
@fa-var-italic: "\f033";
|
|
||||||
@fa-var-itunes: "\f3b4";
|
|
||||||
@fa-var-itunes-note: "\f3b5";
|
|
||||||
@fa-var-jenkins: "\f3b6";
|
|
||||||
@fa-var-joget: "\f3b7";
|
|
||||||
@fa-var-joomla: "\f1aa";
|
|
||||||
@fa-var-js: "\f3b8";
|
|
||||||
@fa-var-js-square: "\f3b9";
|
|
||||||
@fa-var-jsfiddle: "\f1cc";
|
|
||||||
@fa-var-key: "\f084";
|
|
||||||
@fa-var-keyboard: "\f11c";
|
|
||||||
@fa-var-keycdn: "\f3ba";
|
|
||||||
@fa-var-kickstarter: "\f3bb";
|
|
||||||
@fa-var-kickstarter-k: "\f3bc";
|
|
||||||
@fa-var-korvue: "\f42f";
|
|
||||||
@fa-var-language: "\f1ab";
|
|
||||||
@fa-var-laptop: "\f109";
|
|
||||||
@fa-var-laravel: "\f3bd";
|
|
||||||
@fa-var-lastfm: "\f202";
|
|
||||||
@fa-var-lastfm-square: "\f203";
|
|
||||||
@fa-var-leaf: "\f06c";
|
|
||||||
@fa-var-leanpub: "\f212";
|
|
||||||
@fa-var-lemon: "\f094";
|
|
||||||
@fa-var-less: "\f41d";
|
|
||||||
@fa-var-level-down-alt: "\f3be";
|
|
||||||
@fa-var-level-up-alt: "\f3bf";
|
|
||||||
@fa-var-life-ring: "\f1cd";
|
|
||||||
@fa-var-lightbulb: "\f0eb";
|
|
||||||
@fa-var-line: "\f3c0";
|
|
||||||
@fa-var-link: "\f0c1";
|
|
||||||
@fa-var-linkedin: "\f08c";
|
|
||||||
@fa-var-linkedin-in: "\f0e1";
|
|
||||||
@fa-var-linode: "\f2b8";
|
|
||||||
@fa-var-linux: "\f17c";
|
|
||||||
@fa-var-lira-sign: "\f195";
|
|
||||||
@fa-var-list: "\f03a";
|
|
||||||
@fa-var-list-alt: "\f022";
|
|
||||||
@fa-var-list-ol: "\f0cb";
|
|
||||||
@fa-var-list-ul: "\f0ca";
|
|
||||||
@fa-var-location-arrow: "\f124";
|
|
||||||
@fa-var-lock: "\f023";
|
|
||||||
@fa-var-lock-open: "\f3c1";
|
|
||||||
@fa-var-long-arrow-alt-down: "\f309";
|
|
||||||
@fa-var-long-arrow-alt-left: "\f30a";
|
|
||||||
@fa-var-long-arrow-alt-right: "\f30b";
|
|
||||||
@fa-var-long-arrow-alt-up: "\f30c";
|
|
||||||
@fa-var-low-vision: "\f2a8";
|
|
||||||
@fa-var-lyft: "\f3c3";
|
|
||||||
@fa-var-magento: "\f3c4";
|
|
||||||
@fa-var-magic: "\f0d0";
|
|
||||||
@fa-var-magnet: "\f076";
|
|
||||||
@fa-var-male: "\f183";
|
|
||||||
@fa-var-map: "\f279";
|
|
||||||
@fa-var-map-marker: "\f041";
|
|
||||||
@fa-var-map-marker-alt: "\f3c5";
|
|
||||||
@fa-var-map-pin: "\f276";
|
|
||||||
@fa-var-map-signs: "\f277";
|
|
||||||
@fa-var-mars: "\f222";
|
|
||||||
@fa-var-mars-double: "\f227";
|
|
||||||
@fa-var-mars-stroke: "\f229";
|
|
||||||
@fa-var-mars-stroke-h: "\f22b";
|
|
||||||
@fa-var-mars-stroke-v: "\f22a";
|
|
||||||
@fa-var-maxcdn: "\f136";
|
|
||||||
@fa-var-medapps: "\f3c6";
|
|
||||||
@fa-var-medium: "\f23a";
|
|
||||||
@fa-var-medium-m: "\f3c7";
|
|
||||||
@fa-var-medkit: "\f0fa";
|
|
||||||
@fa-var-medrt: "\f3c8";
|
|
||||||
@fa-var-meetup: "\f2e0";
|
|
||||||
@fa-var-meh: "\f11a";
|
|
||||||
@fa-var-mercury: "\f223";
|
|
||||||
@fa-var-microchip: "\f2db";
|
|
||||||
@fa-var-microphone: "\f130";
|
|
||||||
@fa-var-microphone-slash: "\f131";
|
|
||||||
@fa-var-microsoft: "\f3ca";
|
|
||||||
@fa-var-minus: "\f068";
|
|
||||||
@fa-var-minus-circle: "\f056";
|
|
||||||
@fa-var-minus-square: "\f146";
|
|
||||||
@fa-var-mix: "\f3cb";
|
|
||||||
@fa-var-mixcloud: "\f289";
|
|
||||||
@fa-var-mizuni: "\f3cc";
|
|
||||||
@fa-var-mobile: "\f10b";
|
|
||||||
@fa-var-mobile-alt: "\f3cd";
|
|
||||||
@fa-var-modx: "\f285";
|
|
||||||
@fa-var-monero: "\f3d0";
|
|
||||||
@fa-var-money-bill-alt: "\f3d1";
|
|
||||||
@fa-var-moon: "\f186";
|
|
||||||
@fa-var-motorcycle: "\f21c";
|
|
||||||
@fa-var-mouse-pointer: "\f245";
|
|
||||||
@fa-var-music: "\f001";
|
|
||||||
@fa-var-napster: "\f3d2";
|
|
||||||
@fa-var-neuter: "\f22c";
|
|
||||||
@fa-var-newspaper: "\f1ea";
|
|
||||||
@fa-var-nintendo-switch: "\f418";
|
|
||||||
@fa-var-node: "\f419";
|
|
||||||
@fa-var-node-js: "\f3d3";
|
|
||||||
@fa-var-npm: "\f3d4";
|
|
||||||
@fa-var-ns8: "\f3d5";
|
|
||||||
@fa-var-nutritionix: "\f3d6";
|
|
||||||
@fa-var-object-group: "\f247";
|
|
||||||
@fa-var-object-ungroup: "\f248";
|
|
||||||
@fa-var-odnoklassniki: "\f263";
|
|
||||||
@fa-var-odnoklassniki-square: "\f264";
|
|
||||||
@fa-var-opencart: "\f23d";
|
|
||||||
@fa-var-openid: "\f19b";
|
|
||||||
@fa-var-opera: "\f26a";
|
|
||||||
@fa-var-optin-monster: "\f23c";
|
|
||||||
@fa-var-osi: "\f41a";
|
|
||||||
@fa-var-outdent: "\f03b";
|
|
||||||
@fa-var-page4: "\f3d7";
|
|
||||||
@fa-var-pagelines: "\f18c";
|
|
||||||
@fa-var-paint-brush: "\f1fc";
|
|
||||||
@fa-var-palfed: "\f3d8";
|
|
||||||
@fa-var-paper-plane: "\f1d8";
|
|
||||||
@fa-var-paperclip: "\f0c6";
|
|
||||||
@fa-var-paragraph: "\f1dd";
|
|
||||||
@fa-var-paste: "\f0ea";
|
|
||||||
@fa-var-patreon: "\f3d9";
|
|
||||||
@fa-var-pause: "\f04c";
|
|
||||||
@fa-var-pause-circle: "\f28b";
|
|
||||||
@fa-var-paw: "\f1b0";
|
|
||||||
@fa-var-paypal: "\f1ed";
|
|
||||||
@fa-var-pen-square: "\f14b";
|
|
||||||
@fa-var-pencil-alt: "\f303";
|
|
||||||
@fa-var-percent: "\f295";
|
|
||||||
@fa-var-periscope: "\f3da";
|
|
||||||
@fa-var-phabricator: "\f3db";
|
|
||||||
@fa-var-phoenix-framework: "\f3dc";
|
|
||||||
@fa-var-phone: "\f095";
|
|
||||||
@fa-var-phone-square: "\f098";
|
|
||||||
@fa-var-phone-volume: "\f2a0";
|
|
||||||
@fa-var-php: "\f457";
|
|
||||||
@fa-var-pied-piper: "\f2ae";
|
|
||||||
@fa-var-pied-piper-alt: "\f1a8";
|
|
||||||
@fa-var-pied-piper-pp: "\f1a7";
|
|
||||||
@fa-var-pinterest: "\f0d2";
|
|
||||||
@fa-var-pinterest-p: "\f231";
|
|
||||||
@fa-var-pinterest-square: "\f0d3";
|
|
||||||
@fa-var-plane: "\f072";
|
|
||||||
@fa-var-play: "\f04b";
|
|
||||||
@fa-var-play-circle: "\f144";
|
|
||||||
@fa-var-playstation: "\f3df";
|
|
||||||
@fa-var-plug: "\f1e6";
|
|
||||||
@fa-var-plus: "\f067";
|
|
||||||
@fa-var-plus-circle: "\f055";
|
|
||||||
@fa-var-plus-square: "\f0fe";
|
|
||||||
@fa-var-podcast: "\f2ce";
|
|
||||||
@fa-var-pound-sign: "\f154";
|
|
||||||
@fa-var-power-off: "\f011";
|
|
||||||
@fa-var-print: "\f02f";
|
|
||||||
@fa-var-product-hunt: "\f288";
|
|
||||||
@fa-var-pushed: "\f3e1";
|
|
||||||
@fa-var-puzzle-piece: "\f12e";
|
|
||||||
@fa-var-python: "\f3e2";
|
|
||||||
@fa-var-qq: "\f1d6";
|
|
||||||
@fa-var-qrcode: "\f029";
|
|
||||||
@fa-var-question: "\f128";
|
|
||||||
@fa-var-question-circle: "\f059";
|
|
||||||
@fa-var-quidditch: "\f458";
|
|
||||||
@fa-var-quinscape: "\f459";
|
|
||||||
@fa-var-quora: "\f2c4";
|
|
||||||
@fa-var-quote-left: "\f10d";
|
|
||||||
@fa-var-quote-right: "\f10e";
|
|
||||||
@fa-var-random: "\f074";
|
|
||||||
@fa-var-ravelry: "\f2d9";
|
|
||||||
@fa-var-react: "\f41b";
|
|
||||||
@fa-var-rebel: "\f1d0";
|
|
||||||
@fa-var-recycle: "\f1b8";
|
|
||||||
@fa-var-red-river: "\f3e3";
|
|
||||||
@fa-var-reddit: "\f1a1";
|
|
||||||
@fa-var-reddit-alien: "\f281";
|
|
||||||
@fa-var-reddit-square: "\f1a2";
|
|
||||||
@fa-var-redo: "\f01e";
|
|
||||||
@fa-var-redo-alt: "\f2f9";
|
|
||||||
@fa-var-registered: "\f25d";
|
|
||||||
@fa-var-rendact: "\f3e4";
|
|
||||||
@fa-var-renren: "\f18b";
|
|
||||||
@fa-var-reply: "\f3e5";
|
|
||||||
@fa-var-reply-all: "\f122";
|
|
||||||
@fa-var-replyd: "\f3e6";
|
|
||||||
@fa-var-resolving: "\f3e7";
|
|
||||||
@fa-var-retweet: "\f079";
|
|
||||||
@fa-var-road: "\f018";
|
|
||||||
@fa-var-rocket: "\f135";
|
|
||||||
@fa-var-rocketchat: "\f3e8";
|
|
||||||
@fa-var-rockrms: "\f3e9";
|
|
||||||
@fa-var-rss: "\f09e";
|
|
||||||
@fa-var-rss-square: "\f143";
|
|
||||||
@fa-var-ruble-sign: "\f158";
|
|
||||||
@fa-var-rupee-sign: "\f156";
|
|
||||||
@fa-var-safari: "\f267";
|
|
||||||
@fa-var-sass: "\f41e";
|
|
||||||
@fa-var-save: "\f0c7";
|
|
||||||
@fa-var-schlix: "\f3ea";
|
|
||||||
@fa-var-scribd: "\f28a";
|
|
||||||
@fa-var-search: "\f002";
|
|
||||||
@fa-var-search-minus: "\f010";
|
|
||||||
@fa-var-search-plus: "\f00e";
|
|
||||||
@fa-var-searchengin: "\f3eb";
|
|
||||||
@fa-var-sellcast: "\f2da";
|
|
||||||
@fa-var-sellsy: "\f213";
|
|
||||||
@fa-var-server: "\f233";
|
|
||||||
@fa-var-servicestack: "\f3ec";
|
|
||||||
@fa-var-share: "\f064";
|
|
||||||
@fa-var-share-alt: "\f1e0";
|
|
||||||
@fa-var-share-alt-square: "\f1e1";
|
|
||||||
@fa-var-share-square: "\f14d";
|
|
||||||
@fa-var-shekel-sign: "\f20b";
|
|
||||||
@fa-var-shield-alt: "\f3ed";
|
|
||||||
@fa-var-ship: "\f21a";
|
|
||||||
@fa-var-shirtsinbulk: "\f214";
|
|
||||||
@fa-var-shopping-bag: "\f290";
|
|
||||||
@fa-var-shopping-basket: "\f291";
|
|
||||||
@fa-var-shopping-cart: "\f07a";
|
|
||||||
@fa-var-shower: "\f2cc";
|
|
||||||
@fa-var-sign-in-alt: "\f2f6";
|
|
||||||
@fa-var-sign-language: "\f2a7";
|
|
||||||
@fa-var-sign-out-alt: "\f2f5";
|
|
||||||
@fa-var-signal: "\f012";
|
|
||||||
@fa-var-simplybuilt: "\f215";
|
|
||||||
@fa-var-sistrix: "\f3ee";
|
|
||||||
@fa-var-sitemap: "\f0e8";
|
|
||||||
@fa-var-skyatlas: "\f216";
|
|
||||||
@fa-var-skype: "\f17e";
|
|
||||||
@fa-var-slack: "\f198";
|
|
||||||
@fa-var-slack-hash: "\f3ef";
|
|
||||||
@fa-var-sliders-h: "\f1de";
|
|
||||||
@fa-var-slideshare: "\f1e7";
|
|
||||||
@fa-var-smile: "\f118";
|
|
||||||
@fa-var-snapchat: "\f2ab";
|
|
||||||
@fa-var-snapchat-ghost: "\f2ac";
|
|
||||||
@fa-var-snapchat-square: "\f2ad";
|
|
||||||
@fa-var-snowflake: "\f2dc";
|
|
||||||
@fa-var-sort: "\f0dc";
|
|
||||||
@fa-var-sort-alpha-down: "\f15d";
|
|
||||||
@fa-var-sort-alpha-up: "\f15e";
|
|
||||||
@fa-var-sort-amount-down: "\f160";
|
|
||||||
@fa-var-sort-amount-up: "\f161";
|
|
||||||
@fa-var-sort-down: "\f0dd";
|
|
||||||
@fa-var-sort-numeric-down: "\f162";
|
|
||||||
@fa-var-sort-numeric-up: "\f163";
|
|
||||||
@fa-var-sort-up: "\f0de";
|
|
||||||
@fa-var-soundcloud: "\f1be";
|
|
||||||
@fa-var-space-shuttle: "\f197";
|
|
||||||
@fa-var-speakap: "\f3f3";
|
|
||||||
@fa-var-spinner: "\f110";
|
|
||||||
@fa-var-spotify: "\f1bc";
|
|
||||||
@fa-var-square: "\f0c8";
|
|
||||||
@fa-var-square-full: "\f45c";
|
|
||||||
@fa-var-stack-exchange: "\f18d";
|
|
||||||
@fa-var-stack-overflow: "\f16c";
|
|
||||||
@fa-var-star: "\f005";
|
|
||||||
@fa-var-star-half: "\f089";
|
|
||||||
@fa-var-staylinked: "\f3f5";
|
|
||||||
@fa-var-steam: "\f1b6";
|
|
||||||
@fa-var-steam-square: "\f1b7";
|
|
||||||
@fa-var-steam-symbol: "\f3f6";
|
|
||||||
@fa-var-step-backward: "\f048";
|
|
||||||
@fa-var-step-forward: "\f051";
|
|
||||||
@fa-var-stethoscope: "\f0f1";
|
|
||||||
@fa-var-sticker-mule: "\f3f7";
|
|
||||||
@fa-var-sticky-note: "\f249";
|
|
||||||
@fa-var-stop: "\f04d";
|
|
||||||
@fa-var-stop-circle: "\f28d";
|
|
||||||
@fa-var-stopwatch: "\f2f2";
|
|
||||||
@fa-var-strava: "\f428";
|
|
||||||
@fa-var-street-view: "\f21d";
|
|
||||||
@fa-var-strikethrough: "\f0cc";
|
|
||||||
@fa-var-stripe: "\f429";
|
|
||||||
@fa-var-stripe-s: "\f42a";
|
|
||||||
@fa-var-studiovinari: "\f3f8";
|
|
||||||
@fa-var-stumbleupon: "\f1a4";
|
|
||||||
@fa-var-stumbleupon-circle: "\f1a3";
|
|
||||||
@fa-var-subscript: "\f12c";
|
|
||||||
@fa-var-subway: "\f239";
|
|
||||||
@fa-var-suitcase: "\f0f2";
|
|
||||||
@fa-var-sun: "\f185";
|
|
||||||
@fa-var-superpowers: "\f2dd";
|
|
||||||
@fa-var-superscript: "\f12b";
|
|
||||||
@fa-var-supple: "\f3f9";
|
|
||||||
@fa-var-sync: "\f021";
|
|
||||||
@fa-var-sync-alt: "\f2f1";
|
|
||||||
@fa-var-table: "\f0ce";
|
|
||||||
@fa-var-table-tennis: "\f45d";
|
|
||||||
@fa-var-tablet: "\f10a";
|
|
||||||
@fa-var-tablet-alt: "\f3fa";
|
|
||||||
@fa-var-tachometer-alt: "\f3fd";
|
|
||||||
@fa-var-tag: "\f02b";
|
|
||||||
@fa-var-tags: "\f02c";
|
|
||||||
@fa-var-tasks: "\f0ae";
|
|
||||||
@fa-var-taxi: "\f1ba";
|
|
||||||
@fa-var-telegram: "\f2c6";
|
|
||||||
@fa-var-telegram-plane: "\f3fe";
|
|
||||||
@fa-var-tencent-weibo: "\f1d5";
|
|
||||||
@fa-var-terminal: "\f120";
|
|
||||||
@fa-var-text-height: "\f034";
|
|
||||||
@fa-var-text-width: "\f035";
|
|
||||||
@fa-var-th: "\f00a";
|
|
||||||
@fa-var-th-large: "\f009";
|
|
||||||
@fa-var-th-list: "\f00b";
|
|
||||||
@fa-var-themeisle: "\f2b2";
|
|
||||||
@fa-var-thermometer-empty: "\f2cb";
|
|
||||||
@fa-var-thermometer-full: "\f2c7";
|
|
||||||
@fa-var-thermometer-half: "\f2c9";
|
|
||||||
@fa-var-thermometer-quarter: "\f2ca";
|
|
||||||
@fa-var-thermometer-three-quarters: "\f2c8";
|
|
||||||
@fa-var-thumbs-down: "\f165";
|
|
||||||
@fa-var-thumbs-up: "\f164";
|
|
||||||
@fa-var-thumbtack: "\f08d";
|
|
||||||
@fa-var-ticket-alt: "\f3ff";
|
|
||||||
@fa-var-times: "\f00d";
|
|
||||||
@fa-var-times-circle: "\f057";
|
|
||||||
@fa-var-tint: "\f043";
|
|
||||||
@fa-var-toggle-off: "\f204";
|
|
||||||
@fa-var-toggle-on: "\f205";
|
|
||||||
@fa-var-trademark: "\f25c";
|
|
||||||
@fa-var-train: "\f238";
|
|
||||||
@fa-var-transgender: "\f224";
|
|
||||||
@fa-var-transgender-alt: "\f225";
|
|
||||||
@fa-var-trash: "\f1f8";
|
|
||||||
@fa-var-trash-alt: "\f2ed";
|
|
||||||
@fa-var-tree: "\f1bb";
|
|
||||||
@fa-var-trello: "\f181";
|
|
||||||
@fa-var-tripadvisor: "\f262";
|
|
||||||
@fa-var-trophy: "\f091";
|
|
||||||
@fa-var-truck: "\f0d1";
|
|
||||||
@fa-var-tty: "\f1e4";
|
|
||||||
@fa-var-tumblr: "\f173";
|
|
||||||
@fa-var-tumblr-square: "\f174";
|
|
||||||
@fa-var-tv: "\f26c";
|
|
||||||
@fa-var-twitch: "\f1e8";
|
|
||||||
@fa-var-twitter: "\f099";
|
|
||||||
@fa-var-twitter-square: "\f081";
|
|
||||||
@fa-var-typo3: "\f42b";
|
|
||||||
@fa-var-uber: "\f402";
|
|
||||||
@fa-var-uikit: "\f403";
|
|
||||||
@fa-var-umbrella: "\f0e9";
|
|
||||||
@fa-var-underline: "\f0cd";
|
|
||||||
@fa-var-undo: "\f0e2";
|
|
||||||
@fa-var-undo-alt: "\f2ea";
|
|
||||||
@fa-var-uniregistry: "\f404";
|
|
||||||
@fa-var-universal-access: "\f29a";
|
|
||||||
@fa-var-university: "\f19c";
|
|
||||||
@fa-var-unlink: "\f127";
|
|
||||||
@fa-var-unlock: "\f09c";
|
|
||||||
@fa-var-unlock-alt: "\f13e";
|
|
||||||
@fa-var-untappd: "\f405";
|
|
||||||
@fa-var-upload: "\f093";
|
|
||||||
@fa-var-usb: "\f287";
|
|
||||||
@fa-var-user: "\f007";
|
|
||||||
@fa-var-user-circle: "\f2bd";
|
|
||||||
@fa-var-user-md: "\f0f0";
|
|
||||||
@fa-var-user-plus: "\f234";
|
|
||||||
@fa-var-user-secret: "\f21b";
|
|
||||||
@fa-var-user-times: "\f235";
|
|
||||||
@fa-var-users: "\f0c0";
|
|
||||||
@fa-var-ussunnah: "\f407";
|
|
||||||
@fa-var-utensil-spoon: "\f2e5";
|
|
||||||
@fa-var-utensils: "\f2e7";
|
|
||||||
@fa-var-vaadin: "\f408";
|
|
||||||
@fa-var-venus: "\f221";
|
|
||||||
@fa-var-venus-double: "\f226";
|
|
||||||
@fa-var-venus-mars: "\f228";
|
|
||||||
@fa-var-viacoin: "\f237";
|
|
||||||
@fa-var-viadeo: "\f2a9";
|
|
||||||
@fa-var-viadeo-square: "\f2aa";
|
|
||||||
@fa-var-viber: "\f409";
|
|
||||||
@fa-var-video: "\f03d";
|
|
||||||
@fa-var-vimeo: "\f40a";
|
|
||||||
@fa-var-vimeo-square: "\f194";
|
|
||||||
@fa-var-vimeo-v: "\f27d";
|
|
||||||
@fa-var-vine: "\f1ca";
|
|
||||||
@fa-var-vk: "\f189";
|
|
||||||
@fa-var-vnv: "\f40b";
|
|
||||||
@fa-var-volleyball-ball: "\f45f";
|
|
||||||
@fa-var-volume-down: "\f027";
|
|
||||||
@fa-var-volume-off: "\f026";
|
|
||||||
@fa-var-volume-up: "\f028";
|
|
||||||
@fa-var-vuejs: "\f41f";
|
|
||||||
@fa-var-weibo: "\f18a";
|
|
||||||
@fa-var-weixin: "\f1d7";
|
|
||||||
@fa-var-whatsapp: "\f232";
|
|
||||||
@fa-var-whatsapp-square: "\f40c";
|
|
||||||
@fa-var-wheelchair: "\f193";
|
|
||||||
@fa-var-whmcs: "\f40d";
|
|
||||||
@fa-var-wifi: "\f1eb";
|
|
||||||
@fa-var-wikipedia-w: "\f266";
|
|
||||||
@fa-var-window-close: "\f410";
|
|
||||||
@fa-var-window-maximize: "\f2d0";
|
|
||||||
@fa-var-window-minimize: "\f2d1";
|
|
||||||
@fa-var-window-restore: "\f2d2";
|
|
||||||
@fa-var-windows: "\f17a";
|
|
||||||
@fa-var-won-sign: "\f159";
|
|
||||||
@fa-var-wordpress: "\f19a";
|
|
||||||
@fa-var-wordpress-simple: "\f411";
|
|
||||||
@fa-var-wpbeginner: "\f297";
|
|
||||||
@fa-var-wpexplorer: "\f2de";
|
|
||||||
@fa-var-wpforms: "\f298";
|
|
||||||
@fa-var-wrench: "\f0ad";
|
|
||||||
@fa-var-xbox: "\f412";
|
|
||||||
@fa-var-xing: "\f168";
|
|
||||||
@fa-var-xing-square: "\f169";
|
|
||||||
@fa-var-y-combinator: "\f23b";
|
|
||||||
@fa-var-yahoo: "\f19e";
|
|
||||||
@fa-var-yandex: "\f413";
|
|
||||||
@fa-var-yandex-international: "\f414";
|
|
||||||
@fa-var-yelp: "\f1e9";
|
|
||||||
@fa-var-yen-sign: "\f157";
|
|
||||||
@fa-var-yoast: "\f2b1";
|
|
||||||
@fa-var-youtube: "\f167";
|
|
||||||
@fa-var-youtube-square: "\f431";
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
|
|
||||||
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
*/
|
|
||||||
@import "_variables.less";
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Font Awesome 5 Brands';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
src: url('@{fa-font-path}/fa-brands-400.eot');
|
|
||||||
src: url('@{fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('@{fa-font-path}/fa-brands-400.woff2') format('woff2'),
|
|
||||||
url('@{fa-font-path}/fa-brands-400.woff') format('woff'),
|
|
||||||
url('@{fa-font-path}/fa-brands-400.ttf') format('truetype'),
|
|
||||||
url('@{fa-font-path}/fa-brands-400.svg#fontawesome') format('svg');
|
|
||||||
}
|
|
||||||
|
|
||||||
.fab {
|
|
||||||
font-family: 'Font Awesome 5 Brands';
|
|
||||||
}
|
|
||||||
@@ -1,22 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
|
|
||||||
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
*/
|
|
||||||
@import "_variables.less";
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Font Awesome 5 Free';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
src: url('@{fa-font-path}/fa-regular-400.eot');
|
|
||||||
src: url('@{fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('@{fa-font-path}/fa-regular-400.woff2') format('woff2'),
|
|
||||||
url('@{fa-font-path}/fa-regular-400.woff') format('woff'),
|
|
||||||
url('@{fa-font-path}/fa-regular-400.ttf') format('truetype'),
|
|
||||||
url('@{fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');
|
|
||||||
}
|
|
||||||
|
|
||||||
.far {
|
|
||||||
font-family: 'Font Awesome 5 Free';
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
|
|
||||||
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
*/
|
|
||||||
@import "_variables.less";
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Font Awesome 5 Free';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 900;
|
|
||||||
src: url('@{fa-font-path}/fa-solid-900.eot');
|
|
||||||
src: url('@{fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('@{fa-font-path}/fa-solid-900.woff2') format('woff2'),
|
|
||||||
url('@{fa-font-path}/fa-solid-900.woff') format('woff'),
|
|
||||||
url('@{fa-font-path}/fa-solid-900.ttf') format('truetype'),
|
|
||||||
url('@{fa-font-path}/fa-solid-900.svg#fontawesome') format('svg');
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa,
|
|
||||||
.fas {
|
|
||||||
font-family: 'Font Awesome 5 Free';
|
|
||||||
font-weight: 900;
|
|
||||||
}
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
|
|
||||||
* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
*/
|
|
||||||
@import "_variables.less";
|
|
||||||
@import "_mixins.less";
|
|
||||||
@import "_core.less";
|
|
||||||
@import "_larger.less";
|
|
||||||
@import "_fixed-width.less";
|
|
||||||
@import "_list.less";
|
|
||||||
@import "_bordered-pulled.less";
|
|
||||||
@import "_animated.less";
|
|
||||||
@import "_rotated-flipped.less";
|
|
||||||
@import "_stacked.less";
|
|
||||||
@import "_icons.less";
|
|
||||||
@import "_screen-reader.less";
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
// Animated Icons
|
|
||||||
// --------------------------
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-spin {
|
|
||||||
animation: fa-spin 2s infinite linear;
|
|
||||||
}
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-pulse {
|
|
||||||
animation: fa-spin 1s infinite steps(8);
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fa-spin {
|
|
||||||
0% {
|
|
||||||
transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
// Bordered & Pulled
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-border {
|
|
||||||
border: solid .08em $fa-border-color;
|
|
||||||
border-radius: .1em;
|
|
||||||
padding: .2em .25em .15em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-pull-left { float: left; }
|
|
||||||
.#{$fa-css-prefix}-pull-right { float: right; }
|
|
||||||
|
|
||||||
.#{$fa-css-prefix},
|
|
||||||
.fas,
|
|
||||||
.far,
|
|
||||||
.fal,
|
|
||||||
.fab {
|
|
||||||
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
|
|
||||||
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
|
|
||||||
}
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
// Base Class Definition
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.#{$fa-css-prefix},
|
|
||||||
.fas,
|
|
||||||
.far,
|
|
||||||
.fal,
|
|
||||||
.fab {
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
display: inline-block;
|
|
||||||
font-style: normal;
|
|
||||||
font-variant: normal;
|
|
||||||
text-rendering: auto;
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
// Fixed Width Icons
|
|
||||||
// -------------------------
|
|
||||||
.#{$fa-css-prefix}-fw {
|
|
||||||
text-align: center;
|
|
||||||
width: (20em / 16);
|
|
||||||
}
|
|
||||||
@@ -1,816 +0,0 @@
|
|||||||
/* 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}-500px:before { content: fa-content($fa-var-500px); }
|
|
||||||
.#{$fa-css-prefix}-accessible-icon:before { content: fa-content($fa-var-accessible-icon); }
|
|
||||||
.#{$fa-css-prefix}-accusoft:before { content: fa-content($fa-var-accusoft); }
|
|
||||||
.#{$fa-css-prefix}-address-book:before { content: fa-content($fa-var-address-book); }
|
|
||||||
.#{$fa-css-prefix}-address-card:before { content: fa-content($fa-var-address-card); }
|
|
||||||
.#{$fa-css-prefix}-adjust:before { content: fa-content($fa-var-adjust); }
|
|
||||||
.#{$fa-css-prefix}-adn:before { content: fa-content($fa-var-adn); }
|
|
||||||
.#{$fa-css-prefix}-adversal:before { content: fa-content($fa-var-adversal); }
|
|
||||||
.#{$fa-css-prefix}-affiliatetheme:before { content: fa-content($fa-var-affiliatetheme); }
|
|
||||||
.#{$fa-css-prefix}-algolia:before { content: fa-content($fa-var-algolia); }
|
|
||||||
.#{$fa-css-prefix}-align-center:before { content: fa-content($fa-var-align-center); }
|
|
||||||
.#{$fa-css-prefix}-align-justify:before { content: fa-content($fa-var-align-justify); }
|
|
||||||
.#{$fa-css-prefix}-align-left:before { content: fa-content($fa-var-align-left); }
|
|
||||||
.#{$fa-css-prefix}-align-right:before { content: fa-content($fa-var-align-right); }
|
|
||||||
.#{$fa-css-prefix}-amazon:before { content: fa-content($fa-var-amazon); }
|
|
||||||
.#{$fa-css-prefix}-amazon-pay:before { content: fa-content($fa-var-amazon-pay); }
|
|
||||||
.#{$fa-css-prefix}-ambulance:before { content: fa-content($fa-var-ambulance); }
|
|
||||||
.#{$fa-css-prefix}-american-sign-language-interpreting:before { content: fa-content($fa-var-american-sign-language-interpreting); }
|
|
||||||
.#{$fa-css-prefix}-amilia:before { content: fa-content($fa-var-amilia); }
|
|
||||||
.#{$fa-css-prefix}-anchor:before { content: fa-content($fa-var-anchor); }
|
|
||||||
.#{$fa-css-prefix}-android:before { content: fa-content($fa-var-android); }
|
|
||||||
.#{$fa-css-prefix}-angellist:before { content: fa-content($fa-var-angellist); }
|
|
||||||
.#{$fa-css-prefix}-angle-double-down:before { content: fa-content($fa-var-angle-double-down); }
|
|
||||||
.#{$fa-css-prefix}-angle-double-left:before { content: fa-content($fa-var-angle-double-left); }
|
|
||||||
.#{$fa-css-prefix}-angle-double-right:before { content: fa-content($fa-var-angle-double-right); }
|
|
||||||
.#{$fa-css-prefix}-angle-double-up:before { content: fa-content($fa-var-angle-double-up); }
|
|
||||||
.#{$fa-css-prefix}-angle-down:before { content: fa-content($fa-var-angle-down); }
|
|
||||||
.#{$fa-css-prefix}-angle-left:before { content: fa-content($fa-var-angle-left); }
|
|
||||||
.#{$fa-css-prefix}-angle-right:before { content: fa-content($fa-var-angle-right); }
|
|
||||||
.#{$fa-css-prefix}-angle-up:before { content: fa-content($fa-var-angle-up); }
|
|
||||||
.#{$fa-css-prefix}-angrycreative:before { content: fa-content($fa-var-angrycreative); }
|
|
||||||
.#{$fa-css-prefix}-angular:before { content: fa-content($fa-var-angular); }
|
|
||||||
.#{$fa-css-prefix}-app-store:before { content: fa-content($fa-var-app-store); }
|
|
||||||
.#{$fa-css-prefix}-app-store-ios:before { content: fa-content($fa-var-app-store-ios); }
|
|
||||||
.#{$fa-css-prefix}-apper:before { content: fa-content($fa-var-apper); }
|
|
||||||
.#{$fa-css-prefix}-apple:before { content: fa-content($fa-var-apple); }
|
|
||||||
.#{$fa-css-prefix}-apple-pay:before { content: fa-content($fa-var-apple-pay); }
|
|
||||||
.#{$fa-css-prefix}-archive:before { content: fa-content($fa-var-archive); }
|
|
||||||
.#{$fa-css-prefix}-arrow-alt-circle-down:before { content: fa-content($fa-var-arrow-alt-circle-down); }
|
|
||||||
.#{$fa-css-prefix}-arrow-alt-circle-left:before { content: fa-content($fa-var-arrow-alt-circle-left); }
|
|
||||||
.#{$fa-css-prefix}-arrow-alt-circle-right:before { content: fa-content($fa-var-arrow-alt-circle-right); }
|
|
||||||
.#{$fa-css-prefix}-arrow-alt-circle-up:before { content: fa-content($fa-var-arrow-alt-circle-up); }
|
|
||||||
.#{$fa-css-prefix}-arrow-circle-down:before { content: fa-content($fa-var-arrow-circle-down); }
|
|
||||||
.#{$fa-css-prefix}-arrow-circle-left:before { content: fa-content($fa-var-arrow-circle-left); }
|
|
||||||
.#{$fa-css-prefix}-arrow-circle-right:before { content: fa-content($fa-var-arrow-circle-right); }
|
|
||||||
.#{$fa-css-prefix}-arrow-circle-up:before { content: fa-content($fa-var-arrow-circle-up); }
|
|
||||||
.#{$fa-css-prefix}-arrow-down:before { content: fa-content($fa-var-arrow-down); }
|
|
||||||
.#{$fa-css-prefix}-arrow-left:before { content: fa-content($fa-var-arrow-left); }
|
|
||||||
.#{$fa-css-prefix}-arrow-right:before { content: fa-content($fa-var-arrow-right); }
|
|
||||||
.#{$fa-css-prefix}-arrow-up:before { content: fa-content($fa-var-arrow-up); }
|
|
||||||
.#{$fa-css-prefix}-arrows-alt:before { content: fa-content($fa-var-arrows-alt); }
|
|
||||||
.#{$fa-css-prefix}-arrows-alt-h:before { content: fa-content($fa-var-arrows-alt-h); }
|
|
||||||
.#{$fa-css-prefix}-arrows-alt-v:before { content: fa-content($fa-var-arrows-alt-v); }
|
|
||||||
.#{$fa-css-prefix}-assistive-listening-systems:before { content: fa-content($fa-var-assistive-listening-systems); }
|
|
||||||
.#{$fa-css-prefix}-asterisk:before { content: fa-content($fa-var-asterisk); }
|
|
||||||
.#{$fa-css-prefix}-asymmetrik:before { content: fa-content($fa-var-asymmetrik); }
|
|
||||||
.#{$fa-css-prefix}-at:before { content: fa-content($fa-var-at); }
|
|
||||||
.#{$fa-css-prefix}-audible:before { content: fa-content($fa-var-audible); }
|
|
||||||
.#{$fa-css-prefix}-audio-description:before { content: fa-content($fa-var-audio-description); }
|
|
||||||
.#{$fa-css-prefix}-autoprefixer:before { content: fa-content($fa-var-autoprefixer); }
|
|
||||||
.#{$fa-css-prefix}-avianex:before { content: fa-content($fa-var-avianex); }
|
|
||||||
.#{$fa-css-prefix}-aviato:before { content: fa-content($fa-var-aviato); }
|
|
||||||
.#{$fa-css-prefix}-aws:before { content: fa-content($fa-var-aws); }
|
|
||||||
.#{$fa-css-prefix}-backward:before { content: fa-content($fa-var-backward); }
|
|
||||||
.#{$fa-css-prefix}-balance-scale:before { content: fa-content($fa-var-balance-scale); }
|
|
||||||
.#{$fa-css-prefix}-ban:before { content: fa-content($fa-var-ban); }
|
|
||||||
.#{$fa-css-prefix}-bandcamp:before { content: fa-content($fa-var-bandcamp); }
|
|
||||||
.#{$fa-css-prefix}-barcode:before { content: fa-content($fa-var-barcode); }
|
|
||||||
.#{$fa-css-prefix}-bars:before { content: fa-content($fa-var-bars); }
|
|
||||||
.#{$fa-css-prefix}-baseball-ball:before { content: fa-content($fa-var-baseball-ball); }
|
|
||||||
.#{$fa-css-prefix}-basketball-ball:before { content: fa-content($fa-var-basketball-ball); }
|
|
||||||
.#{$fa-css-prefix}-bath:before { content: fa-content($fa-var-bath); }
|
|
||||||
.#{$fa-css-prefix}-battery-empty:before { content: fa-content($fa-var-battery-empty); }
|
|
||||||
.#{$fa-css-prefix}-battery-full:before { content: fa-content($fa-var-battery-full); }
|
|
||||||
.#{$fa-css-prefix}-battery-half:before { content: fa-content($fa-var-battery-half); }
|
|
||||||
.#{$fa-css-prefix}-battery-quarter:before { content: fa-content($fa-var-battery-quarter); }
|
|
||||||
.#{$fa-css-prefix}-battery-three-quarters:before { content: fa-content($fa-var-battery-three-quarters); }
|
|
||||||
.#{$fa-css-prefix}-bed:before { content: fa-content($fa-var-bed); }
|
|
||||||
.#{$fa-css-prefix}-beer:before { content: fa-content($fa-var-beer); }
|
|
||||||
.#{$fa-css-prefix}-behance:before { content: fa-content($fa-var-behance); }
|
|
||||||
.#{$fa-css-prefix}-behance-square:before { content: fa-content($fa-var-behance-square); }
|
|
||||||
.#{$fa-css-prefix}-bell:before { content: fa-content($fa-var-bell); }
|
|
||||||
.#{$fa-css-prefix}-bell-slash:before { content: fa-content($fa-var-bell-slash); }
|
|
||||||
.#{$fa-css-prefix}-bicycle:before { content: fa-content($fa-var-bicycle); }
|
|
||||||
.#{$fa-css-prefix}-bimobject:before { content: fa-content($fa-var-bimobject); }
|
|
||||||
.#{$fa-css-prefix}-binoculars:before { content: fa-content($fa-var-binoculars); }
|
|
||||||
.#{$fa-css-prefix}-birthday-cake:before { content: fa-content($fa-var-birthday-cake); }
|
|
||||||
.#{$fa-css-prefix}-bitbucket:before { content: fa-content($fa-var-bitbucket); }
|
|
||||||
.#{$fa-css-prefix}-bitcoin:before { content: fa-content($fa-var-bitcoin); }
|
|
||||||
.#{$fa-css-prefix}-bity:before { content: fa-content($fa-var-bity); }
|
|
||||||
.#{$fa-css-prefix}-black-tie:before { content: fa-content($fa-var-black-tie); }
|
|
||||||
.#{$fa-css-prefix}-blackberry:before { content: fa-content($fa-var-blackberry); }
|
|
||||||
.#{$fa-css-prefix}-blind:before { content: fa-content($fa-var-blind); }
|
|
||||||
.#{$fa-css-prefix}-blogger:before { content: fa-content($fa-var-blogger); }
|
|
||||||
.#{$fa-css-prefix}-blogger-b:before { content: fa-content($fa-var-blogger-b); }
|
|
||||||
.#{$fa-css-prefix}-bluetooth:before { content: fa-content($fa-var-bluetooth); }
|
|
||||||
.#{$fa-css-prefix}-bluetooth-b:before { content: fa-content($fa-var-bluetooth-b); }
|
|
||||||
.#{$fa-css-prefix}-bold:before { content: fa-content($fa-var-bold); }
|
|
||||||
.#{$fa-css-prefix}-bolt:before { content: fa-content($fa-var-bolt); }
|
|
||||||
.#{$fa-css-prefix}-bomb:before { content: fa-content($fa-var-bomb); }
|
|
||||||
.#{$fa-css-prefix}-book:before { content: fa-content($fa-var-book); }
|
|
||||||
.#{$fa-css-prefix}-bookmark:before { content: fa-content($fa-var-bookmark); }
|
|
||||||
.#{$fa-css-prefix}-bowling-ball:before { content: fa-content($fa-var-bowling-ball); }
|
|
||||||
.#{$fa-css-prefix}-braille:before { content: fa-content($fa-var-braille); }
|
|
||||||
.#{$fa-css-prefix}-briefcase:before { content: fa-content($fa-var-briefcase); }
|
|
||||||
.#{$fa-css-prefix}-btc:before { content: fa-content($fa-var-btc); }
|
|
||||||
.#{$fa-css-prefix}-bug:before { content: fa-content($fa-var-bug); }
|
|
||||||
.#{$fa-css-prefix}-building:before { content: fa-content($fa-var-building); }
|
|
||||||
.#{$fa-css-prefix}-bullhorn:before { content: fa-content($fa-var-bullhorn); }
|
|
||||||
.#{$fa-css-prefix}-bullseye:before { content: fa-content($fa-var-bullseye); }
|
|
||||||
.#{$fa-css-prefix}-buromobelexperte:before { content: fa-content($fa-var-buromobelexperte); }
|
|
||||||
.#{$fa-css-prefix}-bus:before { content: fa-content($fa-var-bus); }
|
|
||||||
.#{$fa-css-prefix}-buysellads:before { content: fa-content($fa-var-buysellads); }
|
|
||||||
.#{$fa-css-prefix}-calculator:before { content: fa-content($fa-var-calculator); }
|
|
||||||
.#{$fa-css-prefix}-calendar:before { content: fa-content($fa-var-calendar); }
|
|
||||||
.#{$fa-css-prefix}-calendar-alt:before { content: fa-content($fa-var-calendar-alt); }
|
|
||||||
.#{$fa-css-prefix}-calendar-check:before { content: fa-content($fa-var-calendar-check); }
|
|
||||||
.#{$fa-css-prefix}-calendar-minus:before { content: fa-content($fa-var-calendar-minus); }
|
|
||||||
.#{$fa-css-prefix}-calendar-plus:before { content: fa-content($fa-var-calendar-plus); }
|
|
||||||
.#{$fa-css-prefix}-calendar-times:before { content: fa-content($fa-var-calendar-times); }
|
|
||||||
.#{$fa-css-prefix}-camera:before { content: fa-content($fa-var-camera); }
|
|
||||||
.#{$fa-css-prefix}-camera-retro:before { content: fa-content($fa-var-camera-retro); }
|
|
||||||
.#{$fa-css-prefix}-car:before { content: fa-content($fa-var-car); }
|
|
||||||
.#{$fa-css-prefix}-caret-down:before { content: fa-content($fa-var-caret-down); }
|
|
||||||
.#{$fa-css-prefix}-caret-left:before { content: fa-content($fa-var-caret-left); }
|
|
||||||
.#{$fa-css-prefix}-caret-right:before { content: fa-content($fa-var-caret-right); }
|
|
||||||
.#{$fa-css-prefix}-caret-square-down:before { content: fa-content($fa-var-caret-square-down); }
|
|
||||||
.#{$fa-css-prefix}-caret-square-left:before { content: fa-content($fa-var-caret-square-left); }
|
|
||||||
.#{$fa-css-prefix}-caret-square-right:before { content: fa-content($fa-var-caret-square-right); }
|
|
||||||
.#{$fa-css-prefix}-caret-square-up:before { content: fa-content($fa-var-caret-square-up); }
|
|
||||||
.#{$fa-css-prefix}-caret-up:before { content: fa-content($fa-var-caret-up); }
|
|
||||||
.#{$fa-css-prefix}-cart-arrow-down:before { content: fa-content($fa-var-cart-arrow-down); }
|
|
||||||
.#{$fa-css-prefix}-cart-plus:before { content: fa-content($fa-var-cart-plus); }
|
|
||||||
.#{$fa-css-prefix}-cc-amazon-pay:before { content: fa-content($fa-var-cc-amazon-pay); }
|
|
||||||
.#{$fa-css-prefix}-cc-amex:before { content: fa-content($fa-var-cc-amex); }
|
|
||||||
.#{$fa-css-prefix}-cc-apple-pay:before { content: fa-content($fa-var-cc-apple-pay); }
|
|
||||||
.#{$fa-css-prefix}-cc-diners-club:before { content: fa-content($fa-var-cc-diners-club); }
|
|
||||||
.#{$fa-css-prefix}-cc-discover:before { content: fa-content($fa-var-cc-discover); }
|
|
||||||
.#{$fa-css-prefix}-cc-jcb:before { content: fa-content($fa-var-cc-jcb); }
|
|
||||||
.#{$fa-css-prefix}-cc-mastercard:before { content: fa-content($fa-var-cc-mastercard); }
|
|
||||||
.#{$fa-css-prefix}-cc-paypal:before { content: fa-content($fa-var-cc-paypal); }
|
|
||||||
.#{$fa-css-prefix}-cc-stripe:before { content: fa-content($fa-var-cc-stripe); }
|
|
||||||
.#{$fa-css-prefix}-cc-visa:before { content: fa-content($fa-var-cc-visa); }
|
|
||||||
.#{$fa-css-prefix}-centercode:before { content: fa-content($fa-var-centercode); }
|
|
||||||
.#{$fa-css-prefix}-certificate:before { content: fa-content($fa-var-certificate); }
|
|
||||||
.#{$fa-css-prefix}-chart-area:before { content: fa-content($fa-var-chart-area); }
|
|
||||||
.#{$fa-css-prefix}-chart-bar:before { content: fa-content($fa-var-chart-bar); }
|
|
||||||
.#{$fa-css-prefix}-chart-line:before { content: fa-content($fa-var-chart-line); }
|
|
||||||
.#{$fa-css-prefix}-chart-pie:before { content: fa-content($fa-var-chart-pie); }
|
|
||||||
.#{$fa-css-prefix}-check:before { content: fa-content($fa-var-check); }
|
|
||||||
.#{$fa-css-prefix}-check-circle:before { content: fa-content($fa-var-check-circle); }
|
|
||||||
.#{$fa-css-prefix}-check-square:before { content: fa-content($fa-var-check-square); }
|
|
||||||
.#{$fa-css-prefix}-chess:before { content: fa-content($fa-var-chess); }
|
|
||||||
.#{$fa-css-prefix}-chess-bishop:before { content: fa-content($fa-var-chess-bishop); }
|
|
||||||
.#{$fa-css-prefix}-chess-board:before { content: fa-content($fa-var-chess-board); }
|
|
||||||
.#{$fa-css-prefix}-chess-king:before { content: fa-content($fa-var-chess-king); }
|
|
||||||
.#{$fa-css-prefix}-chess-knight:before { content: fa-content($fa-var-chess-knight); }
|
|
||||||
.#{$fa-css-prefix}-chess-pawn:before { content: fa-content($fa-var-chess-pawn); }
|
|
||||||
.#{$fa-css-prefix}-chess-queen:before { content: fa-content($fa-var-chess-queen); }
|
|
||||||
.#{$fa-css-prefix}-chess-rook:before { content: fa-content($fa-var-chess-rook); }
|
|
||||||
.#{$fa-css-prefix}-chevron-circle-down:before { content: fa-content($fa-var-chevron-circle-down); }
|
|
||||||
.#{$fa-css-prefix}-chevron-circle-left:before { content: fa-content($fa-var-chevron-circle-left); }
|
|
||||||
.#{$fa-css-prefix}-chevron-circle-right:before { content: fa-content($fa-var-chevron-circle-right); }
|
|
||||||
.#{$fa-css-prefix}-chevron-circle-up:before { content: fa-content($fa-var-chevron-circle-up); }
|
|
||||||
.#{$fa-css-prefix}-chevron-down:before { content: fa-content($fa-var-chevron-down); }
|
|
||||||
.#{$fa-css-prefix}-chevron-left:before { content: fa-content($fa-var-chevron-left); }
|
|
||||||
.#{$fa-css-prefix}-chevron-right:before { content: fa-content($fa-var-chevron-right); }
|
|
||||||
.#{$fa-css-prefix}-chevron-up:before { content: fa-content($fa-var-chevron-up); }
|
|
||||||
.#{$fa-css-prefix}-child:before { content: fa-content($fa-var-child); }
|
|
||||||
.#{$fa-css-prefix}-chrome:before { content: fa-content($fa-var-chrome); }
|
|
||||||
.#{$fa-css-prefix}-circle:before { content: fa-content($fa-var-circle); }
|
|
||||||
.#{$fa-css-prefix}-circle-notch:before { content: fa-content($fa-var-circle-notch); }
|
|
||||||
.#{$fa-css-prefix}-clipboard:before { content: fa-content($fa-var-clipboard); }
|
|
||||||
.#{$fa-css-prefix}-clock:before { content: fa-content($fa-var-clock); }
|
|
||||||
.#{$fa-css-prefix}-clone:before { content: fa-content($fa-var-clone); }
|
|
||||||
.#{$fa-css-prefix}-closed-captioning:before { content: fa-content($fa-var-closed-captioning); }
|
|
||||||
.#{$fa-css-prefix}-cloud:before { content: fa-content($fa-var-cloud); }
|
|
||||||
.#{$fa-css-prefix}-cloud-download-alt:before { content: fa-content($fa-var-cloud-download-alt); }
|
|
||||||
.#{$fa-css-prefix}-cloud-upload-alt:before { content: fa-content($fa-var-cloud-upload-alt); }
|
|
||||||
.#{$fa-css-prefix}-cloudscale:before { content: fa-content($fa-var-cloudscale); }
|
|
||||||
.#{$fa-css-prefix}-cloudsmith:before { content: fa-content($fa-var-cloudsmith); }
|
|
||||||
.#{$fa-css-prefix}-cloudversify:before { content: fa-content($fa-var-cloudversify); }
|
|
||||||
.#{$fa-css-prefix}-code:before { content: fa-content($fa-var-code); }
|
|
||||||
.#{$fa-css-prefix}-code-branch:before { content: fa-content($fa-var-code-branch); }
|
|
||||||
.#{$fa-css-prefix}-codepen:before { content: fa-content($fa-var-codepen); }
|
|
||||||
.#{$fa-css-prefix}-codiepie:before { content: fa-content($fa-var-codiepie); }
|
|
||||||
.#{$fa-css-prefix}-coffee:before { content: fa-content($fa-var-coffee); }
|
|
||||||
.#{$fa-css-prefix}-cog:before { content: fa-content($fa-var-cog); }
|
|
||||||
.#{$fa-css-prefix}-cogs:before { content: fa-content($fa-var-cogs); }
|
|
||||||
.#{$fa-css-prefix}-columns:before { content: fa-content($fa-var-columns); }
|
|
||||||
.#{$fa-css-prefix}-comment:before { content: fa-content($fa-var-comment); }
|
|
||||||
.#{$fa-css-prefix}-comment-alt:before { content: fa-content($fa-var-comment-alt); }
|
|
||||||
.#{$fa-css-prefix}-comments:before { content: fa-content($fa-var-comments); }
|
|
||||||
.#{$fa-css-prefix}-compass:before { content: fa-content($fa-var-compass); }
|
|
||||||
.#{$fa-css-prefix}-compress:before { content: fa-content($fa-var-compress); }
|
|
||||||
.#{$fa-css-prefix}-connectdevelop:before { content: fa-content($fa-var-connectdevelop); }
|
|
||||||
.#{$fa-css-prefix}-contao:before { content: fa-content($fa-var-contao); }
|
|
||||||
.#{$fa-css-prefix}-copy:before { content: fa-content($fa-var-copy); }
|
|
||||||
.#{$fa-css-prefix}-copyright:before { content: fa-content($fa-var-copyright); }
|
|
||||||
.#{$fa-css-prefix}-cpanel:before { content: fa-content($fa-var-cpanel); }
|
|
||||||
.#{$fa-css-prefix}-creative-commons:before { content: fa-content($fa-var-creative-commons); }
|
|
||||||
.#{$fa-css-prefix}-credit-card:before { content: fa-content($fa-var-credit-card); }
|
|
||||||
.#{$fa-css-prefix}-crop:before { content: fa-content($fa-var-crop); }
|
|
||||||
.#{$fa-css-prefix}-crosshairs:before { content: fa-content($fa-var-crosshairs); }
|
|
||||||
.#{$fa-css-prefix}-css3:before { content: fa-content($fa-var-css3); }
|
|
||||||
.#{$fa-css-prefix}-css3-alt:before { content: fa-content($fa-var-css3-alt); }
|
|
||||||
.#{$fa-css-prefix}-cube:before { content: fa-content($fa-var-cube); }
|
|
||||||
.#{$fa-css-prefix}-cubes:before { content: fa-content($fa-var-cubes); }
|
|
||||||
.#{$fa-css-prefix}-cut:before { content: fa-content($fa-var-cut); }
|
|
||||||
.#{$fa-css-prefix}-cuttlefish:before { content: fa-content($fa-var-cuttlefish); }
|
|
||||||
.#{$fa-css-prefix}-d-and-d:before { content: fa-content($fa-var-d-and-d); }
|
|
||||||
.#{$fa-css-prefix}-dashcube:before { content: fa-content($fa-var-dashcube); }
|
|
||||||
.#{$fa-css-prefix}-database:before { content: fa-content($fa-var-database); }
|
|
||||||
.#{$fa-css-prefix}-deaf:before { content: fa-content($fa-var-deaf); }
|
|
||||||
.#{$fa-css-prefix}-delicious:before { content: fa-content($fa-var-delicious); }
|
|
||||||
.#{$fa-css-prefix}-deploydog:before { content: fa-content($fa-var-deploydog); }
|
|
||||||
.#{$fa-css-prefix}-deskpro:before { content: fa-content($fa-var-deskpro); }
|
|
||||||
.#{$fa-css-prefix}-desktop:before { content: fa-content($fa-var-desktop); }
|
|
||||||
.#{$fa-css-prefix}-deviantart:before { content: fa-content($fa-var-deviantart); }
|
|
||||||
.#{$fa-css-prefix}-digg:before { content: fa-content($fa-var-digg); }
|
|
||||||
.#{$fa-css-prefix}-digital-ocean:before { content: fa-content($fa-var-digital-ocean); }
|
|
||||||
.#{$fa-css-prefix}-discord:before { content: fa-content($fa-var-discord); }
|
|
||||||
.#{$fa-css-prefix}-discourse:before { content: fa-content($fa-var-discourse); }
|
|
||||||
.#{$fa-css-prefix}-dochub:before { content: fa-content($fa-var-dochub); }
|
|
||||||
.#{$fa-css-prefix}-docker:before { content: fa-content($fa-var-docker); }
|
|
||||||
.#{$fa-css-prefix}-dollar-sign:before { content: fa-content($fa-var-dollar-sign); }
|
|
||||||
.#{$fa-css-prefix}-dot-circle:before { content: fa-content($fa-var-dot-circle); }
|
|
||||||
.#{$fa-css-prefix}-download:before { content: fa-content($fa-var-download); }
|
|
||||||
.#{$fa-css-prefix}-draft2digital:before { content: fa-content($fa-var-draft2digital); }
|
|
||||||
.#{$fa-css-prefix}-dribbble:before { content: fa-content($fa-var-dribbble); }
|
|
||||||
.#{$fa-css-prefix}-dribbble-square:before { content: fa-content($fa-var-dribbble-square); }
|
|
||||||
.#{$fa-css-prefix}-dropbox:before { content: fa-content($fa-var-dropbox); }
|
|
||||||
.#{$fa-css-prefix}-drupal:before { content: fa-content($fa-var-drupal); }
|
|
||||||
.#{$fa-css-prefix}-dyalog:before { content: fa-content($fa-var-dyalog); }
|
|
||||||
.#{$fa-css-prefix}-earlybirds:before { content: fa-content($fa-var-earlybirds); }
|
|
||||||
.#{$fa-css-prefix}-edge:before { content: fa-content($fa-var-edge); }
|
|
||||||
.#{$fa-css-prefix}-edit:before { content: fa-content($fa-var-edit); }
|
|
||||||
.#{$fa-css-prefix}-eject:before { content: fa-content($fa-var-eject); }
|
|
||||||
.#{$fa-css-prefix}-elementor:before { content: fa-content($fa-var-elementor); }
|
|
||||||
.#{$fa-css-prefix}-ellipsis-h:before { content: fa-content($fa-var-ellipsis-h); }
|
|
||||||
.#{$fa-css-prefix}-ellipsis-v:before { content: fa-content($fa-var-ellipsis-v); }
|
|
||||||
.#{$fa-css-prefix}-ember:before { content: fa-content($fa-var-ember); }
|
|
||||||
.#{$fa-css-prefix}-empire:before { content: fa-content($fa-var-empire); }
|
|
||||||
.#{$fa-css-prefix}-envelope:before { content: fa-content($fa-var-envelope); }
|
|
||||||
.#{$fa-css-prefix}-envelope-open:before { content: fa-content($fa-var-envelope-open); }
|
|
||||||
.#{$fa-css-prefix}-envelope-square:before { content: fa-content($fa-var-envelope-square); }
|
|
||||||
.#{$fa-css-prefix}-envira:before { content: fa-content($fa-var-envira); }
|
|
||||||
.#{$fa-css-prefix}-eraser:before { content: fa-content($fa-var-eraser); }
|
|
||||||
.#{$fa-css-prefix}-erlang:before { content: fa-content($fa-var-erlang); }
|
|
||||||
.#{$fa-css-prefix}-ethereum:before { content: fa-content($fa-var-ethereum); }
|
|
||||||
.#{$fa-css-prefix}-etsy:before { content: fa-content($fa-var-etsy); }
|
|
||||||
.#{$fa-css-prefix}-euro-sign:before { content: fa-content($fa-var-euro-sign); }
|
|
||||||
.#{$fa-css-prefix}-exchange-alt:before { content: fa-content($fa-var-exchange-alt); }
|
|
||||||
.#{$fa-css-prefix}-exclamation:before { content: fa-content($fa-var-exclamation); }
|
|
||||||
.#{$fa-css-prefix}-exclamation-circle:before { content: fa-content($fa-var-exclamation-circle); }
|
|
||||||
.#{$fa-css-prefix}-exclamation-triangle:before { content: fa-content($fa-var-exclamation-triangle); }
|
|
||||||
.#{$fa-css-prefix}-expand:before { content: fa-content($fa-var-expand); }
|
|
||||||
.#{$fa-css-prefix}-expand-arrows-alt:before { content: fa-content($fa-var-expand-arrows-alt); }
|
|
||||||
.#{$fa-css-prefix}-expeditedssl:before { content: fa-content($fa-var-expeditedssl); }
|
|
||||||
.#{$fa-css-prefix}-external-link-alt:before { content: fa-content($fa-var-external-link-alt); }
|
|
||||||
.#{$fa-css-prefix}-external-link-square-alt:before { content: fa-content($fa-var-external-link-square-alt); }
|
|
||||||
.#{$fa-css-prefix}-eye:before { content: fa-content($fa-var-eye); }
|
|
||||||
.#{$fa-css-prefix}-eye-dropper:before { content: fa-content($fa-var-eye-dropper); }
|
|
||||||
.#{$fa-css-prefix}-eye-slash:before { content: fa-content($fa-var-eye-slash); }
|
|
||||||
.#{$fa-css-prefix}-facebook:before { content: fa-content($fa-var-facebook); }
|
|
||||||
.#{$fa-css-prefix}-facebook-f:before { content: fa-content($fa-var-facebook-f); }
|
|
||||||
.#{$fa-css-prefix}-facebook-messenger:before { content: fa-content($fa-var-facebook-messenger); }
|
|
||||||
.#{$fa-css-prefix}-facebook-square:before { content: fa-content($fa-var-facebook-square); }
|
|
||||||
.#{$fa-css-prefix}-fast-backward:before { content: fa-content($fa-var-fast-backward); }
|
|
||||||
.#{$fa-css-prefix}-fast-forward:before { content: fa-content($fa-var-fast-forward); }
|
|
||||||
.#{$fa-css-prefix}-fax:before { content: fa-content($fa-var-fax); }
|
|
||||||
.#{$fa-css-prefix}-female:before { content: fa-content($fa-var-female); }
|
|
||||||
.#{$fa-css-prefix}-fighter-jet:before { content: fa-content($fa-var-fighter-jet); }
|
|
||||||
.#{$fa-css-prefix}-file:before { content: fa-content($fa-var-file); }
|
|
||||||
.#{$fa-css-prefix}-file-alt:before { content: fa-content($fa-var-file-alt); }
|
|
||||||
.#{$fa-css-prefix}-file-archive:before { content: fa-content($fa-var-file-archive); }
|
|
||||||
.#{$fa-css-prefix}-file-audio:before { content: fa-content($fa-var-file-audio); }
|
|
||||||
.#{$fa-css-prefix}-file-code:before { content: fa-content($fa-var-file-code); }
|
|
||||||
.#{$fa-css-prefix}-file-excel:before { content: fa-content($fa-var-file-excel); }
|
|
||||||
.#{$fa-css-prefix}-file-image:before { content: fa-content($fa-var-file-image); }
|
|
||||||
.#{$fa-css-prefix}-file-pdf:before { content: fa-content($fa-var-file-pdf); }
|
|
||||||
.#{$fa-css-prefix}-file-powerpoint:before { content: fa-content($fa-var-file-powerpoint); }
|
|
||||||
.#{$fa-css-prefix}-file-video:before { content: fa-content($fa-var-file-video); }
|
|
||||||
.#{$fa-css-prefix}-file-word:before { content: fa-content($fa-var-file-word); }
|
|
||||||
.#{$fa-css-prefix}-film:before { content: fa-content($fa-var-film); }
|
|
||||||
.#{$fa-css-prefix}-filter:before { content: fa-content($fa-var-filter); }
|
|
||||||
.#{$fa-css-prefix}-fire:before { content: fa-content($fa-var-fire); }
|
|
||||||
.#{$fa-css-prefix}-fire-extinguisher:before { content: fa-content($fa-var-fire-extinguisher); }
|
|
||||||
.#{$fa-css-prefix}-firefox:before { content: fa-content($fa-var-firefox); }
|
|
||||||
.#{$fa-css-prefix}-first-order:before { content: fa-content($fa-var-first-order); }
|
|
||||||
.#{$fa-css-prefix}-firstdraft:before { content: fa-content($fa-var-firstdraft); }
|
|
||||||
.#{$fa-css-prefix}-flag:before { content: fa-content($fa-var-flag); }
|
|
||||||
.#{$fa-css-prefix}-flag-checkered:before { content: fa-content($fa-var-flag-checkered); }
|
|
||||||
.#{$fa-css-prefix}-flask:before { content: fa-content($fa-var-flask); }
|
|
||||||
.#{$fa-css-prefix}-flickr:before { content: fa-content($fa-var-flickr); }
|
|
||||||
.#{$fa-css-prefix}-flipboard:before { content: fa-content($fa-var-flipboard); }
|
|
||||||
.#{$fa-css-prefix}-fly:before { content: fa-content($fa-var-fly); }
|
|
||||||
.#{$fa-css-prefix}-folder:before { content: fa-content($fa-var-folder); }
|
|
||||||
.#{$fa-css-prefix}-folder-open:before { content: fa-content($fa-var-folder-open); }
|
|
||||||
.#{$fa-css-prefix}-font:before { content: fa-content($fa-var-font); }
|
|
||||||
.#{$fa-css-prefix}-font-awesome:before { content: fa-content($fa-var-font-awesome); }
|
|
||||||
.#{$fa-css-prefix}-font-awesome-alt:before { content: fa-content($fa-var-font-awesome-alt); }
|
|
||||||
.#{$fa-css-prefix}-font-awesome-flag:before { content: fa-content($fa-var-font-awesome-flag); }
|
|
||||||
.#{$fa-css-prefix}-fonticons:before { content: fa-content($fa-var-fonticons); }
|
|
||||||
.#{$fa-css-prefix}-fonticons-fi:before { content: fa-content($fa-var-fonticons-fi); }
|
|
||||||
.#{$fa-css-prefix}-football-ball:before { content: fa-content($fa-var-football-ball); }
|
|
||||||
.#{$fa-css-prefix}-fort-awesome:before { content: fa-content($fa-var-fort-awesome); }
|
|
||||||
.#{$fa-css-prefix}-fort-awesome-alt:before { content: fa-content($fa-var-fort-awesome-alt); }
|
|
||||||
.#{$fa-css-prefix}-forumbee:before { content: fa-content($fa-var-forumbee); }
|
|
||||||
.#{$fa-css-prefix}-forward:before { content: fa-content($fa-var-forward); }
|
|
||||||
.#{$fa-css-prefix}-foursquare:before { content: fa-content($fa-var-foursquare); }
|
|
||||||
.#{$fa-css-prefix}-free-code-camp:before { content: fa-content($fa-var-free-code-camp); }
|
|
||||||
.#{$fa-css-prefix}-freebsd:before { content: fa-content($fa-var-freebsd); }
|
|
||||||
.#{$fa-css-prefix}-frown:before { content: fa-content($fa-var-frown); }
|
|
||||||
.#{$fa-css-prefix}-futbol:before { content: fa-content($fa-var-futbol); }
|
|
||||||
.#{$fa-css-prefix}-gamepad:before { content: fa-content($fa-var-gamepad); }
|
|
||||||
.#{$fa-css-prefix}-gavel:before { content: fa-content($fa-var-gavel); }
|
|
||||||
.#{$fa-css-prefix}-gem:before { content: fa-content($fa-var-gem); }
|
|
||||||
.#{$fa-css-prefix}-genderless:before { content: fa-content($fa-var-genderless); }
|
|
||||||
.#{$fa-css-prefix}-get-pocket:before { content: fa-content($fa-var-get-pocket); }
|
|
||||||
.#{$fa-css-prefix}-gg:before { content: fa-content($fa-var-gg); }
|
|
||||||
.#{$fa-css-prefix}-gg-circle:before { content: fa-content($fa-var-gg-circle); }
|
|
||||||
.#{$fa-css-prefix}-gift:before { content: fa-content($fa-var-gift); }
|
|
||||||
.#{$fa-css-prefix}-git:before { content: fa-content($fa-var-git); }
|
|
||||||
.#{$fa-css-prefix}-git-square:before { content: fa-content($fa-var-git-square); }
|
|
||||||
.#{$fa-css-prefix}-github:before { content: fa-content($fa-var-github); }
|
|
||||||
.#{$fa-css-prefix}-github-alt:before { content: fa-content($fa-var-github-alt); }
|
|
||||||
.#{$fa-css-prefix}-github-square:before { content: fa-content($fa-var-github-square); }
|
|
||||||
.#{$fa-css-prefix}-gitkraken:before { content: fa-content($fa-var-gitkraken); }
|
|
||||||
.#{$fa-css-prefix}-gitlab:before { content: fa-content($fa-var-gitlab); }
|
|
||||||
.#{$fa-css-prefix}-gitter:before { content: fa-content($fa-var-gitter); }
|
|
||||||
.#{$fa-css-prefix}-glass-martini:before { content: fa-content($fa-var-glass-martini); }
|
|
||||||
.#{$fa-css-prefix}-glide:before { content: fa-content($fa-var-glide); }
|
|
||||||
.#{$fa-css-prefix}-glide-g:before { content: fa-content($fa-var-glide-g); }
|
|
||||||
.#{$fa-css-prefix}-globe:before { content: fa-content($fa-var-globe); }
|
|
||||||
.#{$fa-css-prefix}-gofore:before { content: fa-content($fa-var-gofore); }
|
|
||||||
.#{$fa-css-prefix}-golf-ball:before { content: fa-content($fa-var-golf-ball); }
|
|
||||||
.#{$fa-css-prefix}-goodreads:before { content: fa-content($fa-var-goodreads); }
|
|
||||||
.#{$fa-css-prefix}-goodreads-g:before { content: fa-content($fa-var-goodreads-g); }
|
|
||||||
.#{$fa-css-prefix}-google:before { content: fa-content($fa-var-google); }
|
|
||||||
.#{$fa-css-prefix}-google-drive:before { content: fa-content($fa-var-google-drive); }
|
|
||||||
.#{$fa-css-prefix}-google-play:before { content: fa-content($fa-var-google-play); }
|
|
||||||
.#{$fa-css-prefix}-google-plus:before { content: fa-content($fa-var-google-plus); }
|
|
||||||
.#{$fa-css-prefix}-google-plus-g:before { content: fa-content($fa-var-google-plus-g); }
|
|
||||||
.#{$fa-css-prefix}-google-plus-square:before { content: fa-content($fa-var-google-plus-square); }
|
|
||||||
.#{$fa-css-prefix}-google-wallet:before { content: fa-content($fa-var-google-wallet); }
|
|
||||||
.#{$fa-css-prefix}-graduation-cap:before { content: fa-content($fa-var-graduation-cap); }
|
|
||||||
.#{$fa-css-prefix}-gratipay:before { content: fa-content($fa-var-gratipay); }
|
|
||||||
.#{$fa-css-prefix}-grav:before { content: fa-content($fa-var-grav); }
|
|
||||||
.#{$fa-css-prefix}-gripfire:before { content: fa-content($fa-var-gripfire); }
|
|
||||||
.#{$fa-css-prefix}-grunt:before { content: fa-content($fa-var-grunt); }
|
|
||||||
.#{$fa-css-prefix}-gulp:before { content: fa-content($fa-var-gulp); }
|
|
||||||
.#{$fa-css-prefix}-h-square:before { content: fa-content($fa-var-h-square); }
|
|
||||||
.#{$fa-css-prefix}-hacker-news:before { content: fa-content($fa-var-hacker-news); }
|
|
||||||
.#{$fa-css-prefix}-hacker-news-square:before { content: fa-content($fa-var-hacker-news-square); }
|
|
||||||
.#{$fa-css-prefix}-hand-lizard:before { content: fa-content($fa-var-hand-lizard); }
|
|
||||||
.#{$fa-css-prefix}-hand-paper:before { content: fa-content($fa-var-hand-paper); }
|
|
||||||
.#{$fa-css-prefix}-hand-peace:before { content: fa-content($fa-var-hand-peace); }
|
|
||||||
.#{$fa-css-prefix}-hand-point-down:before { content: fa-content($fa-var-hand-point-down); }
|
|
||||||
.#{$fa-css-prefix}-hand-point-left:before { content: fa-content($fa-var-hand-point-left); }
|
|
||||||
.#{$fa-css-prefix}-hand-point-right:before { content: fa-content($fa-var-hand-point-right); }
|
|
||||||
.#{$fa-css-prefix}-hand-point-up:before { content: fa-content($fa-var-hand-point-up); }
|
|
||||||
.#{$fa-css-prefix}-hand-pointer:before { content: fa-content($fa-var-hand-pointer); }
|
|
||||||
.#{$fa-css-prefix}-hand-rock:before { content: fa-content($fa-var-hand-rock); }
|
|
||||||
.#{$fa-css-prefix}-hand-scissors:before { content: fa-content($fa-var-hand-scissors); }
|
|
||||||
.#{$fa-css-prefix}-hand-spock:before { content: fa-content($fa-var-hand-spock); }
|
|
||||||
.#{$fa-css-prefix}-handshake:before { content: fa-content($fa-var-handshake); }
|
|
||||||
.#{$fa-css-prefix}-hashtag:before { content: fa-content($fa-var-hashtag); }
|
|
||||||
.#{$fa-css-prefix}-hdd:before { content: fa-content($fa-var-hdd); }
|
|
||||||
.#{$fa-css-prefix}-heading:before { content: fa-content($fa-var-heading); }
|
|
||||||
.#{$fa-css-prefix}-headphones:before { content: fa-content($fa-var-headphones); }
|
|
||||||
.#{$fa-css-prefix}-heart:before { content: fa-content($fa-var-heart); }
|
|
||||||
.#{$fa-css-prefix}-heartbeat:before { content: fa-content($fa-var-heartbeat); }
|
|
||||||
.#{$fa-css-prefix}-hips:before { content: fa-content($fa-var-hips); }
|
|
||||||
.#{$fa-css-prefix}-hire-a-helper:before { content: fa-content($fa-var-hire-a-helper); }
|
|
||||||
.#{$fa-css-prefix}-history:before { content: fa-content($fa-var-history); }
|
|
||||||
.#{$fa-css-prefix}-hockey-puck:before { content: fa-content($fa-var-hockey-puck); }
|
|
||||||
.#{$fa-css-prefix}-home:before { content: fa-content($fa-var-home); }
|
|
||||||
.#{$fa-css-prefix}-hooli:before { content: fa-content($fa-var-hooli); }
|
|
||||||
.#{$fa-css-prefix}-hospital:before { content: fa-content($fa-var-hospital); }
|
|
||||||
.#{$fa-css-prefix}-hotjar:before { content: fa-content($fa-var-hotjar); }
|
|
||||||
.#{$fa-css-prefix}-hourglass:before { content: fa-content($fa-var-hourglass); }
|
|
||||||
.#{$fa-css-prefix}-hourglass-end:before { content: fa-content($fa-var-hourglass-end); }
|
|
||||||
.#{$fa-css-prefix}-hourglass-half:before { content: fa-content($fa-var-hourglass-half); }
|
|
||||||
.#{$fa-css-prefix}-hourglass-start:before { content: fa-content($fa-var-hourglass-start); }
|
|
||||||
.#{$fa-css-prefix}-houzz:before { content: fa-content($fa-var-houzz); }
|
|
||||||
.#{$fa-css-prefix}-html5:before { content: fa-content($fa-var-html5); }
|
|
||||||
.#{$fa-css-prefix}-hubspot:before { content: fa-content($fa-var-hubspot); }
|
|
||||||
.#{$fa-css-prefix}-i-cursor:before { content: fa-content($fa-var-i-cursor); }
|
|
||||||
.#{$fa-css-prefix}-id-badge:before { content: fa-content($fa-var-id-badge); }
|
|
||||||
.#{$fa-css-prefix}-id-card:before { content: fa-content($fa-var-id-card); }
|
|
||||||
.#{$fa-css-prefix}-image:before { content: fa-content($fa-var-image); }
|
|
||||||
.#{$fa-css-prefix}-images:before { content: fa-content($fa-var-images); }
|
|
||||||
.#{$fa-css-prefix}-imdb:before { content: fa-content($fa-var-imdb); }
|
|
||||||
.#{$fa-css-prefix}-inbox:before { content: fa-content($fa-var-inbox); }
|
|
||||||
.#{$fa-css-prefix}-indent:before { content: fa-content($fa-var-indent); }
|
|
||||||
.#{$fa-css-prefix}-industry:before { content: fa-content($fa-var-industry); }
|
|
||||||
.#{$fa-css-prefix}-info:before { content: fa-content($fa-var-info); }
|
|
||||||
.#{$fa-css-prefix}-info-circle:before { content: fa-content($fa-var-info-circle); }
|
|
||||||
.#{$fa-css-prefix}-instagram:before { content: fa-content($fa-var-instagram); }
|
|
||||||
.#{$fa-css-prefix}-internet-explorer:before { content: fa-content($fa-var-internet-explorer); }
|
|
||||||
.#{$fa-css-prefix}-ioxhost:before { content: fa-content($fa-var-ioxhost); }
|
|
||||||
.#{$fa-css-prefix}-italic:before { content: fa-content($fa-var-italic); }
|
|
||||||
.#{$fa-css-prefix}-itunes:before { content: fa-content($fa-var-itunes); }
|
|
||||||
.#{$fa-css-prefix}-itunes-note:before { content: fa-content($fa-var-itunes-note); }
|
|
||||||
.#{$fa-css-prefix}-jenkins:before { content: fa-content($fa-var-jenkins); }
|
|
||||||
.#{$fa-css-prefix}-joget:before { content: fa-content($fa-var-joget); }
|
|
||||||
.#{$fa-css-prefix}-joomla:before { content: fa-content($fa-var-joomla); }
|
|
||||||
.#{$fa-css-prefix}-js:before { content: fa-content($fa-var-js); }
|
|
||||||
.#{$fa-css-prefix}-js-square:before { content: fa-content($fa-var-js-square); }
|
|
||||||
.#{$fa-css-prefix}-jsfiddle:before { content: fa-content($fa-var-jsfiddle); }
|
|
||||||
.#{$fa-css-prefix}-key:before { content: fa-content($fa-var-key); }
|
|
||||||
.#{$fa-css-prefix}-keyboard:before { content: fa-content($fa-var-keyboard); }
|
|
||||||
.#{$fa-css-prefix}-keycdn:before { content: fa-content($fa-var-keycdn); }
|
|
||||||
.#{$fa-css-prefix}-kickstarter:before { content: fa-content($fa-var-kickstarter); }
|
|
||||||
.#{$fa-css-prefix}-kickstarter-k:before { content: fa-content($fa-var-kickstarter-k); }
|
|
||||||
.#{$fa-css-prefix}-korvue:before { content: fa-content($fa-var-korvue); }
|
|
||||||
.#{$fa-css-prefix}-language:before { content: fa-content($fa-var-language); }
|
|
||||||
.#{$fa-css-prefix}-laptop:before { content: fa-content($fa-var-laptop); }
|
|
||||||
.#{$fa-css-prefix}-laravel:before { content: fa-content($fa-var-laravel); }
|
|
||||||
.#{$fa-css-prefix}-lastfm:before { content: fa-content($fa-var-lastfm); }
|
|
||||||
.#{$fa-css-prefix}-lastfm-square:before { content: fa-content($fa-var-lastfm-square); }
|
|
||||||
.#{$fa-css-prefix}-leaf:before { content: fa-content($fa-var-leaf); }
|
|
||||||
.#{$fa-css-prefix}-leanpub:before { content: fa-content($fa-var-leanpub); }
|
|
||||||
.#{$fa-css-prefix}-lemon:before { content: fa-content($fa-var-lemon); }
|
|
||||||
.#{$fa-css-prefix}-less:before { content: fa-content($fa-var-less); }
|
|
||||||
.#{$fa-css-prefix}-level-down-alt:before { content: fa-content($fa-var-level-down-alt); }
|
|
||||||
.#{$fa-css-prefix}-level-up-alt:before { content: fa-content($fa-var-level-up-alt); }
|
|
||||||
.#{$fa-css-prefix}-life-ring:before { content: fa-content($fa-var-life-ring); }
|
|
||||||
.#{$fa-css-prefix}-lightbulb:before { content: fa-content($fa-var-lightbulb); }
|
|
||||||
.#{$fa-css-prefix}-line:before { content: fa-content($fa-var-line); }
|
|
||||||
.#{$fa-css-prefix}-link:before { content: fa-content($fa-var-link); }
|
|
||||||
.#{$fa-css-prefix}-linkedin:before { content: fa-content($fa-var-linkedin); }
|
|
||||||
.#{$fa-css-prefix}-linkedin-in:before { content: fa-content($fa-var-linkedin-in); }
|
|
||||||
.#{$fa-css-prefix}-linode:before { content: fa-content($fa-var-linode); }
|
|
||||||
.#{$fa-css-prefix}-linux:before { content: fa-content($fa-var-linux); }
|
|
||||||
.#{$fa-css-prefix}-lira-sign:before { content: fa-content($fa-var-lira-sign); }
|
|
||||||
.#{$fa-css-prefix}-list:before { content: fa-content($fa-var-list); }
|
|
||||||
.#{$fa-css-prefix}-list-alt:before { content: fa-content($fa-var-list-alt); }
|
|
||||||
.#{$fa-css-prefix}-list-ol:before { content: fa-content($fa-var-list-ol); }
|
|
||||||
.#{$fa-css-prefix}-list-ul:before { content: fa-content($fa-var-list-ul); }
|
|
||||||
.#{$fa-css-prefix}-location-arrow:before { content: fa-content($fa-var-location-arrow); }
|
|
||||||
.#{$fa-css-prefix}-lock:before { content: fa-content($fa-var-lock); }
|
|
||||||
.#{$fa-css-prefix}-lock-open:before { content: fa-content($fa-var-lock-open); }
|
|
||||||
.#{$fa-css-prefix}-long-arrow-alt-down:before { content: fa-content($fa-var-long-arrow-alt-down); }
|
|
||||||
.#{$fa-css-prefix}-long-arrow-alt-left:before { content: fa-content($fa-var-long-arrow-alt-left); }
|
|
||||||
.#{$fa-css-prefix}-long-arrow-alt-right:before { content: fa-content($fa-var-long-arrow-alt-right); }
|
|
||||||
.#{$fa-css-prefix}-long-arrow-alt-up:before { content: fa-content($fa-var-long-arrow-alt-up); }
|
|
||||||
.#{$fa-css-prefix}-low-vision:before { content: fa-content($fa-var-low-vision); }
|
|
||||||
.#{$fa-css-prefix}-lyft:before { content: fa-content($fa-var-lyft); }
|
|
||||||
.#{$fa-css-prefix}-magento:before { content: fa-content($fa-var-magento); }
|
|
||||||
.#{$fa-css-prefix}-magic:before { content: fa-content($fa-var-magic); }
|
|
||||||
.#{$fa-css-prefix}-magnet:before { content: fa-content($fa-var-magnet); }
|
|
||||||
.#{$fa-css-prefix}-male:before { content: fa-content($fa-var-male); }
|
|
||||||
.#{$fa-css-prefix}-map:before { content: fa-content($fa-var-map); }
|
|
||||||
.#{$fa-css-prefix}-map-marker:before { content: fa-content($fa-var-map-marker); }
|
|
||||||
.#{$fa-css-prefix}-map-marker-alt:before { content: fa-content($fa-var-map-marker-alt); }
|
|
||||||
.#{$fa-css-prefix}-map-pin:before { content: fa-content($fa-var-map-pin); }
|
|
||||||
.#{$fa-css-prefix}-map-signs:before { content: fa-content($fa-var-map-signs); }
|
|
||||||
.#{$fa-css-prefix}-mars:before { content: fa-content($fa-var-mars); }
|
|
||||||
.#{$fa-css-prefix}-mars-double:before { content: fa-content($fa-var-mars-double); }
|
|
||||||
.#{$fa-css-prefix}-mars-stroke:before { content: fa-content($fa-var-mars-stroke); }
|
|
||||||
.#{$fa-css-prefix}-mars-stroke-h:before { content: fa-content($fa-var-mars-stroke-h); }
|
|
||||||
.#{$fa-css-prefix}-mars-stroke-v:before { content: fa-content($fa-var-mars-stroke-v); }
|
|
||||||
.#{$fa-css-prefix}-maxcdn:before { content: fa-content($fa-var-maxcdn); }
|
|
||||||
.#{$fa-css-prefix}-medapps:before { content: fa-content($fa-var-medapps); }
|
|
||||||
.#{$fa-css-prefix}-medium:before { content: fa-content($fa-var-medium); }
|
|
||||||
.#{$fa-css-prefix}-medium-m:before { content: fa-content($fa-var-medium-m); }
|
|
||||||
.#{$fa-css-prefix}-medkit:before { content: fa-content($fa-var-medkit); }
|
|
||||||
.#{$fa-css-prefix}-medrt:before { content: fa-content($fa-var-medrt); }
|
|
||||||
.#{$fa-css-prefix}-meetup:before { content: fa-content($fa-var-meetup); }
|
|
||||||
.#{$fa-css-prefix}-meh:before { content: fa-content($fa-var-meh); }
|
|
||||||
.#{$fa-css-prefix}-mercury:before { content: fa-content($fa-var-mercury); }
|
|
||||||
.#{$fa-css-prefix}-microchip:before { content: fa-content($fa-var-microchip); }
|
|
||||||
.#{$fa-css-prefix}-microphone:before { content: fa-content($fa-var-microphone); }
|
|
||||||
.#{$fa-css-prefix}-microphone-slash:before { content: fa-content($fa-var-microphone-slash); }
|
|
||||||
.#{$fa-css-prefix}-microsoft:before { content: fa-content($fa-var-microsoft); }
|
|
||||||
.#{$fa-css-prefix}-minus:before { content: fa-content($fa-var-minus); }
|
|
||||||
.#{$fa-css-prefix}-minus-circle:before { content: fa-content($fa-var-minus-circle); }
|
|
||||||
.#{$fa-css-prefix}-minus-square:before { content: fa-content($fa-var-minus-square); }
|
|
||||||
.#{$fa-css-prefix}-mix:before { content: fa-content($fa-var-mix); }
|
|
||||||
.#{$fa-css-prefix}-mixcloud:before { content: fa-content($fa-var-mixcloud); }
|
|
||||||
.#{$fa-css-prefix}-mizuni:before { content: fa-content($fa-var-mizuni); }
|
|
||||||
.#{$fa-css-prefix}-mobile:before { content: fa-content($fa-var-mobile); }
|
|
||||||
.#{$fa-css-prefix}-mobile-alt:before { content: fa-content($fa-var-mobile-alt); }
|
|
||||||
.#{$fa-css-prefix}-modx:before { content: fa-content($fa-var-modx); }
|
|
||||||
.#{$fa-css-prefix}-monero:before { content: fa-content($fa-var-monero); }
|
|
||||||
.#{$fa-css-prefix}-money-bill-alt:before { content: fa-content($fa-var-money-bill-alt); }
|
|
||||||
.#{$fa-css-prefix}-moon:before { content: fa-content($fa-var-moon); }
|
|
||||||
.#{$fa-css-prefix}-motorcycle:before { content: fa-content($fa-var-motorcycle); }
|
|
||||||
.#{$fa-css-prefix}-mouse-pointer:before { content: fa-content($fa-var-mouse-pointer); }
|
|
||||||
.#{$fa-css-prefix}-music:before { content: fa-content($fa-var-music); }
|
|
||||||
.#{$fa-css-prefix}-napster:before { content: fa-content($fa-var-napster); }
|
|
||||||
.#{$fa-css-prefix}-neuter:before { content: fa-content($fa-var-neuter); }
|
|
||||||
.#{$fa-css-prefix}-newspaper:before { content: fa-content($fa-var-newspaper); }
|
|
||||||
.#{$fa-css-prefix}-nintendo-switch:before { content: fa-content($fa-var-nintendo-switch); }
|
|
||||||
.#{$fa-css-prefix}-node:before { content: fa-content($fa-var-node); }
|
|
||||||
.#{$fa-css-prefix}-node-js:before { content: fa-content($fa-var-node-js); }
|
|
||||||
.#{$fa-css-prefix}-npm:before { content: fa-content($fa-var-npm); }
|
|
||||||
.#{$fa-css-prefix}-ns8:before { content: fa-content($fa-var-ns8); }
|
|
||||||
.#{$fa-css-prefix}-nutritionix:before { content: fa-content($fa-var-nutritionix); }
|
|
||||||
.#{$fa-css-prefix}-object-group:before { content: fa-content($fa-var-object-group); }
|
|
||||||
.#{$fa-css-prefix}-object-ungroup:before { content: fa-content($fa-var-object-ungroup); }
|
|
||||||
.#{$fa-css-prefix}-odnoklassniki:before { content: fa-content($fa-var-odnoklassniki); }
|
|
||||||
.#{$fa-css-prefix}-odnoklassniki-square:before { content: fa-content($fa-var-odnoklassniki-square); }
|
|
||||||
.#{$fa-css-prefix}-opencart:before { content: fa-content($fa-var-opencart); }
|
|
||||||
.#{$fa-css-prefix}-openid:before { content: fa-content($fa-var-openid); }
|
|
||||||
.#{$fa-css-prefix}-opera:before { content: fa-content($fa-var-opera); }
|
|
||||||
.#{$fa-css-prefix}-optin-monster:before { content: fa-content($fa-var-optin-monster); }
|
|
||||||
.#{$fa-css-prefix}-osi:before { content: fa-content($fa-var-osi); }
|
|
||||||
.#{$fa-css-prefix}-outdent:before { content: fa-content($fa-var-outdent); }
|
|
||||||
.#{$fa-css-prefix}-page4:before { content: fa-content($fa-var-page4); }
|
|
||||||
.#{$fa-css-prefix}-pagelines:before { content: fa-content($fa-var-pagelines); }
|
|
||||||
.#{$fa-css-prefix}-paint-brush:before { content: fa-content($fa-var-paint-brush); }
|
|
||||||
.#{$fa-css-prefix}-palfed:before { content: fa-content($fa-var-palfed); }
|
|
||||||
.#{$fa-css-prefix}-paper-plane:before { content: fa-content($fa-var-paper-plane); }
|
|
||||||
.#{$fa-css-prefix}-paperclip:before { content: fa-content($fa-var-paperclip); }
|
|
||||||
.#{$fa-css-prefix}-paragraph:before { content: fa-content($fa-var-paragraph); }
|
|
||||||
.#{$fa-css-prefix}-paste:before { content: fa-content($fa-var-paste); }
|
|
||||||
.#{$fa-css-prefix}-patreon:before { content: fa-content($fa-var-patreon); }
|
|
||||||
.#{$fa-css-prefix}-pause:before { content: fa-content($fa-var-pause); }
|
|
||||||
.#{$fa-css-prefix}-pause-circle:before { content: fa-content($fa-var-pause-circle); }
|
|
||||||
.#{$fa-css-prefix}-paw:before { content: fa-content($fa-var-paw); }
|
|
||||||
.#{$fa-css-prefix}-paypal:before { content: fa-content($fa-var-paypal); }
|
|
||||||
.#{$fa-css-prefix}-pen-square:before { content: fa-content($fa-var-pen-square); }
|
|
||||||
.#{$fa-css-prefix}-pencil-alt:before { content: fa-content($fa-var-pencil-alt); }
|
|
||||||
.#{$fa-css-prefix}-percent:before { content: fa-content($fa-var-percent); }
|
|
||||||
.#{$fa-css-prefix}-periscope:before { content: fa-content($fa-var-periscope); }
|
|
||||||
.#{$fa-css-prefix}-phabricator:before { content: fa-content($fa-var-phabricator); }
|
|
||||||
.#{$fa-css-prefix}-phoenix-framework:before { content: fa-content($fa-var-phoenix-framework); }
|
|
||||||
.#{$fa-css-prefix}-phone:before { content: fa-content($fa-var-phone); }
|
|
||||||
.#{$fa-css-prefix}-phone-square:before { content: fa-content($fa-var-phone-square); }
|
|
||||||
.#{$fa-css-prefix}-phone-volume:before { content: fa-content($fa-var-phone-volume); }
|
|
||||||
.#{$fa-css-prefix}-php:before { content: fa-content($fa-var-php); }
|
|
||||||
.#{$fa-css-prefix}-pied-piper:before { content: fa-content($fa-var-pied-piper); }
|
|
||||||
.#{$fa-css-prefix}-pied-piper-alt:before { content: fa-content($fa-var-pied-piper-alt); }
|
|
||||||
.#{$fa-css-prefix}-pied-piper-pp:before { content: fa-content($fa-var-pied-piper-pp); }
|
|
||||||
.#{$fa-css-prefix}-pinterest:before { content: fa-content($fa-var-pinterest); }
|
|
||||||
.#{$fa-css-prefix}-pinterest-p:before { content: fa-content($fa-var-pinterest-p); }
|
|
||||||
.#{$fa-css-prefix}-pinterest-square:before { content: fa-content($fa-var-pinterest-square); }
|
|
||||||
.#{$fa-css-prefix}-plane:before { content: fa-content($fa-var-plane); }
|
|
||||||
.#{$fa-css-prefix}-play:before { content: fa-content($fa-var-play); }
|
|
||||||
.#{$fa-css-prefix}-play-circle:before { content: fa-content($fa-var-play-circle); }
|
|
||||||
.#{$fa-css-prefix}-playstation:before { content: fa-content($fa-var-playstation); }
|
|
||||||
.#{$fa-css-prefix}-plug:before { content: fa-content($fa-var-plug); }
|
|
||||||
.#{$fa-css-prefix}-plus:before { content: fa-content($fa-var-plus); }
|
|
||||||
.#{$fa-css-prefix}-plus-circle:before { content: fa-content($fa-var-plus-circle); }
|
|
||||||
.#{$fa-css-prefix}-plus-square:before { content: fa-content($fa-var-plus-square); }
|
|
||||||
.#{$fa-css-prefix}-podcast:before { content: fa-content($fa-var-podcast); }
|
|
||||||
.#{$fa-css-prefix}-pound-sign:before { content: fa-content($fa-var-pound-sign); }
|
|
||||||
.#{$fa-css-prefix}-power-off:before { content: fa-content($fa-var-power-off); }
|
|
||||||
.#{$fa-css-prefix}-print:before { content: fa-content($fa-var-print); }
|
|
||||||
.#{$fa-css-prefix}-product-hunt:before { content: fa-content($fa-var-product-hunt); }
|
|
||||||
.#{$fa-css-prefix}-pushed:before { content: fa-content($fa-var-pushed); }
|
|
||||||
.#{$fa-css-prefix}-puzzle-piece:before { content: fa-content($fa-var-puzzle-piece); }
|
|
||||||
.#{$fa-css-prefix}-python:before { content: fa-content($fa-var-python); }
|
|
||||||
.#{$fa-css-prefix}-qq:before { content: fa-content($fa-var-qq); }
|
|
||||||
.#{$fa-css-prefix}-qrcode:before { content: fa-content($fa-var-qrcode); }
|
|
||||||
.#{$fa-css-prefix}-question:before { content: fa-content($fa-var-question); }
|
|
||||||
.#{$fa-css-prefix}-question-circle:before { content: fa-content($fa-var-question-circle); }
|
|
||||||
.#{$fa-css-prefix}-quidditch:before { content: fa-content($fa-var-quidditch); }
|
|
||||||
.#{$fa-css-prefix}-quinscape:before { content: fa-content($fa-var-quinscape); }
|
|
||||||
.#{$fa-css-prefix}-quora:before { content: fa-content($fa-var-quora); }
|
|
||||||
.#{$fa-css-prefix}-quote-left:before { content: fa-content($fa-var-quote-left); }
|
|
||||||
.#{$fa-css-prefix}-quote-right:before { content: fa-content($fa-var-quote-right); }
|
|
||||||
.#{$fa-css-prefix}-random:before { content: fa-content($fa-var-random); }
|
|
||||||
.#{$fa-css-prefix}-ravelry:before { content: fa-content($fa-var-ravelry); }
|
|
||||||
.#{$fa-css-prefix}-react:before { content: fa-content($fa-var-react); }
|
|
||||||
.#{$fa-css-prefix}-rebel:before { content: fa-content($fa-var-rebel); }
|
|
||||||
.#{$fa-css-prefix}-recycle:before { content: fa-content($fa-var-recycle); }
|
|
||||||
.#{$fa-css-prefix}-red-river:before { content: fa-content($fa-var-red-river); }
|
|
||||||
.#{$fa-css-prefix}-reddit:before { content: fa-content($fa-var-reddit); }
|
|
||||||
.#{$fa-css-prefix}-reddit-alien:before { content: fa-content($fa-var-reddit-alien); }
|
|
||||||
.#{$fa-css-prefix}-reddit-square:before { content: fa-content($fa-var-reddit-square); }
|
|
||||||
.#{$fa-css-prefix}-redo:before { content: fa-content($fa-var-redo); }
|
|
||||||
.#{$fa-css-prefix}-redo-alt:before { content: fa-content($fa-var-redo-alt); }
|
|
||||||
.#{$fa-css-prefix}-registered:before { content: fa-content($fa-var-registered); }
|
|
||||||
.#{$fa-css-prefix}-rendact:before { content: fa-content($fa-var-rendact); }
|
|
||||||
.#{$fa-css-prefix}-renren:before { content: fa-content($fa-var-renren); }
|
|
||||||
.#{$fa-css-prefix}-reply:before { content: fa-content($fa-var-reply); }
|
|
||||||
.#{$fa-css-prefix}-reply-all:before { content: fa-content($fa-var-reply-all); }
|
|
||||||
.#{$fa-css-prefix}-replyd:before { content: fa-content($fa-var-replyd); }
|
|
||||||
.#{$fa-css-prefix}-resolving:before { content: fa-content($fa-var-resolving); }
|
|
||||||
.#{$fa-css-prefix}-retweet:before { content: fa-content($fa-var-retweet); }
|
|
||||||
.#{$fa-css-prefix}-road:before { content: fa-content($fa-var-road); }
|
|
||||||
.#{$fa-css-prefix}-rocket:before { content: fa-content($fa-var-rocket); }
|
|
||||||
.#{$fa-css-prefix}-rocketchat:before { content: fa-content($fa-var-rocketchat); }
|
|
||||||
.#{$fa-css-prefix}-rockrms:before { content: fa-content($fa-var-rockrms); }
|
|
||||||
.#{$fa-css-prefix}-rss:before { content: fa-content($fa-var-rss); }
|
|
||||||
.#{$fa-css-prefix}-rss-square:before { content: fa-content($fa-var-rss-square); }
|
|
||||||
.#{$fa-css-prefix}-ruble-sign:before { content: fa-content($fa-var-ruble-sign); }
|
|
||||||
.#{$fa-css-prefix}-rupee-sign:before { content: fa-content($fa-var-rupee-sign); }
|
|
||||||
.#{$fa-css-prefix}-safari:before { content: fa-content($fa-var-safari); }
|
|
||||||
.#{$fa-css-prefix}-sass:before { content: fa-content($fa-var-sass); }
|
|
||||||
.#{$fa-css-prefix}-save:before { content: fa-content($fa-var-save); }
|
|
||||||
.#{$fa-css-prefix}-schlix:before { content: fa-content($fa-var-schlix); }
|
|
||||||
.#{$fa-css-prefix}-scribd:before { content: fa-content($fa-var-scribd); }
|
|
||||||
.#{$fa-css-prefix}-search:before { content: fa-content($fa-var-search); }
|
|
||||||
.#{$fa-css-prefix}-search-minus:before { content: fa-content($fa-var-search-minus); }
|
|
||||||
.#{$fa-css-prefix}-search-plus:before { content: fa-content($fa-var-search-plus); }
|
|
||||||
.#{$fa-css-prefix}-searchengin:before { content: fa-content($fa-var-searchengin); }
|
|
||||||
.#{$fa-css-prefix}-sellcast:before { content: fa-content($fa-var-sellcast); }
|
|
||||||
.#{$fa-css-prefix}-sellsy:before { content: fa-content($fa-var-sellsy); }
|
|
||||||
.#{$fa-css-prefix}-server:before { content: fa-content($fa-var-server); }
|
|
||||||
.#{$fa-css-prefix}-servicestack:before { content: fa-content($fa-var-servicestack); }
|
|
||||||
.#{$fa-css-prefix}-share:before { content: fa-content($fa-var-share); }
|
|
||||||
.#{$fa-css-prefix}-share-alt:before { content: fa-content($fa-var-share-alt); }
|
|
||||||
.#{$fa-css-prefix}-share-alt-square:before { content: fa-content($fa-var-share-alt-square); }
|
|
||||||
.#{$fa-css-prefix}-share-square:before { content: fa-content($fa-var-share-square); }
|
|
||||||
.#{$fa-css-prefix}-shekel-sign:before { content: fa-content($fa-var-shekel-sign); }
|
|
||||||
.#{$fa-css-prefix}-shield-alt:before { content: fa-content($fa-var-shield-alt); }
|
|
||||||
.#{$fa-css-prefix}-ship:before { content: fa-content($fa-var-ship); }
|
|
||||||
.#{$fa-css-prefix}-shirtsinbulk:before { content: fa-content($fa-var-shirtsinbulk); }
|
|
||||||
.#{$fa-css-prefix}-shopping-bag:before { content: fa-content($fa-var-shopping-bag); }
|
|
||||||
.#{$fa-css-prefix}-shopping-basket:before { content: fa-content($fa-var-shopping-basket); }
|
|
||||||
.#{$fa-css-prefix}-shopping-cart:before { content: fa-content($fa-var-shopping-cart); }
|
|
||||||
.#{$fa-css-prefix}-shower:before { content: fa-content($fa-var-shower); }
|
|
||||||
.#{$fa-css-prefix}-sign-in-alt:before { content: fa-content($fa-var-sign-in-alt); }
|
|
||||||
.#{$fa-css-prefix}-sign-language:before { content: fa-content($fa-var-sign-language); }
|
|
||||||
.#{$fa-css-prefix}-sign-out-alt:before { content: fa-content($fa-var-sign-out-alt); }
|
|
||||||
.#{$fa-css-prefix}-signal:before { content: fa-content($fa-var-signal); }
|
|
||||||
.#{$fa-css-prefix}-simplybuilt:before { content: fa-content($fa-var-simplybuilt); }
|
|
||||||
.#{$fa-css-prefix}-sistrix:before { content: fa-content($fa-var-sistrix); }
|
|
||||||
.#{$fa-css-prefix}-sitemap:before { content: fa-content($fa-var-sitemap); }
|
|
||||||
.#{$fa-css-prefix}-skyatlas:before { content: fa-content($fa-var-skyatlas); }
|
|
||||||
.#{$fa-css-prefix}-skype:before { content: fa-content($fa-var-skype); }
|
|
||||||
.#{$fa-css-prefix}-slack:before { content: fa-content($fa-var-slack); }
|
|
||||||
.#{$fa-css-prefix}-slack-hash:before { content: fa-content($fa-var-slack-hash); }
|
|
||||||
.#{$fa-css-prefix}-sliders-h:before { content: fa-content($fa-var-sliders-h); }
|
|
||||||
.#{$fa-css-prefix}-slideshare:before { content: fa-content($fa-var-slideshare); }
|
|
||||||
.#{$fa-css-prefix}-smile:before { content: fa-content($fa-var-smile); }
|
|
||||||
.#{$fa-css-prefix}-snapchat:before { content: fa-content($fa-var-snapchat); }
|
|
||||||
.#{$fa-css-prefix}-snapchat-ghost:before { content: fa-content($fa-var-snapchat-ghost); }
|
|
||||||
.#{$fa-css-prefix}-snapchat-square:before { content: fa-content($fa-var-snapchat-square); }
|
|
||||||
.#{$fa-css-prefix}-snowflake:before { content: fa-content($fa-var-snowflake); }
|
|
||||||
.#{$fa-css-prefix}-sort:before { content: fa-content($fa-var-sort); }
|
|
||||||
.#{$fa-css-prefix}-sort-alpha-down:before { content: fa-content($fa-var-sort-alpha-down); }
|
|
||||||
.#{$fa-css-prefix}-sort-alpha-up:before { content: fa-content($fa-var-sort-alpha-up); }
|
|
||||||
.#{$fa-css-prefix}-sort-amount-down:before { content: fa-content($fa-var-sort-amount-down); }
|
|
||||||
.#{$fa-css-prefix}-sort-amount-up:before { content: fa-content($fa-var-sort-amount-up); }
|
|
||||||
.#{$fa-css-prefix}-sort-down:before { content: fa-content($fa-var-sort-down); }
|
|
||||||
.#{$fa-css-prefix}-sort-numeric-down:before { content: fa-content($fa-var-sort-numeric-down); }
|
|
||||||
.#{$fa-css-prefix}-sort-numeric-up:before { content: fa-content($fa-var-sort-numeric-up); }
|
|
||||||
.#{$fa-css-prefix}-sort-up:before { content: fa-content($fa-var-sort-up); }
|
|
||||||
.#{$fa-css-prefix}-soundcloud:before { content: fa-content($fa-var-soundcloud); }
|
|
||||||
.#{$fa-css-prefix}-space-shuttle:before { content: fa-content($fa-var-space-shuttle); }
|
|
||||||
.#{$fa-css-prefix}-speakap:before { content: fa-content($fa-var-speakap); }
|
|
||||||
.#{$fa-css-prefix}-spinner:before { content: fa-content($fa-var-spinner); }
|
|
||||||
.#{$fa-css-prefix}-spotify:before { content: fa-content($fa-var-spotify); }
|
|
||||||
.#{$fa-css-prefix}-square:before { content: fa-content($fa-var-square); }
|
|
||||||
.#{$fa-css-prefix}-square-full:before { content: fa-content($fa-var-square-full); }
|
|
||||||
.#{$fa-css-prefix}-stack-exchange:before { content: fa-content($fa-var-stack-exchange); }
|
|
||||||
.#{$fa-css-prefix}-stack-overflow:before { content: fa-content($fa-var-stack-overflow); }
|
|
||||||
.#{$fa-css-prefix}-star:before { content: fa-content($fa-var-star); }
|
|
||||||
.#{$fa-css-prefix}-star-half:before { content: fa-content($fa-var-star-half); }
|
|
||||||
.#{$fa-css-prefix}-staylinked:before { content: fa-content($fa-var-staylinked); }
|
|
||||||
.#{$fa-css-prefix}-steam:before { content: fa-content($fa-var-steam); }
|
|
||||||
.#{$fa-css-prefix}-steam-square:before { content: fa-content($fa-var-steam-square); }
|
|
||||||
.#{$fa-css-prefix}-steam-symbol:before { content: fa-content($fa-var-steam-symbol); }
|
|
||||||
.#{$fa-css-prefix}-step-backward:before { content: fa-content($fa-var-step-backward); }
|
|
||||||
.#{$fa-css-prefix}-step-forward:before { content: fa-content($fa-var-step-forward); }
|
|
||||||
.#{$fa-css-prefix}-stethoscope:before { content: fa-content($fa-var-stethoscope); }
|
|
||||||
.#{$fa-css-prefix}-sticker-mule:before { content: fa-content($fa-var-sticker-mule); }
|
|
||||||
.#{$fa-css-prefix}-sticky-note:before { content: fa-content($fa-var-sticky-note); }
|
|
||||||
.#{$fa-css-prefix}-stop:before { content: fa-content($fa-var-stop); }
|
|
||||||
.#{$fa-css-prefix}-stop-circle:before { content: fa-content($fa-var-stop-circle); }
|
|
||||||
.#{$fa-css-prefix}-stopwatch:before { content: fa-content($fa-var-stopwatch); }
|
|
||||||
.#{$fa-css-prefix}-strava:before { content: fa-content($fa-var-strava); }
|
|
||||||
.#{$fa-css-prefix}-street-view:before { content: fa-content($fa-var-street-view); }
|
|
||||||
.#{$fa-css-prefix}-strikethrough:before { content: fa-content($fa-var-strikethrough); }
|
|
||||||
.#{$fa-css-prefix}-stripe:before { content: fa-content($fa-var-stripe); }
|
|
||||||
.#{$fa-css-prefix}-stripe-s:before { content: fa-content($fa-var-stripe-s); }
|
|
||||||
.#{$fa-css-prefix}-studiovinari:before { content: fa-content($fa-var-studiovinari); }
|
|
||||||
.#{$fa-css-prefix}-stumbleupon:before { content: fa-content($fa-var-stumbleupon); }
|
|
||||||
.#{$fa-css-prefix}-stumbleupon-circle:before { content: fa-content($fa-var-stumbleupon-circle); }
|
|
||||||
.#{$fa-css-prefix}-subscript:before { content: fa-content($fa-var-subscript); }
|
|
||||||
.#{$fa-css-prefix}-subway:before { content: fa-content($fa-var-subway); }
|
|
||||||
.#{$fa-css-prefix}-suitcase:before { content: fa-content($fa-var-suitcase); }
|
|
||||||
.#{$fa-css-prefix}-sun:before { content: fa-content($fa-var-sun); }
|
|
||||||
.#{$fa-css-prefix}-superpowers:before { content: fa-content($fa-var-superpowers); }
|
|
||||||
.#{$fa-css-prefix}-superscript:before { content: fa-content($fa-var-superscript); }
|
|
||||||
.#{$fa-css-prefix}-supple:before { content: fa-content($fa-var-supple); }
|
|
||||||
.#{$fa-css-prefix}-sync:before { content: fa-content($fa-var-sync); }
|
|
||||||
.#{$fa-css-prefix}-sync-alt:before { content: fa-content($fa-var-sync-alt); }
|
|
||||||
.#{$fa-css-prefix}-table:before { content: fa-content($fa-var-table); }
|
|
||||||
.#{$fa-css-prefix}-table-tennis:before { content: fa-content($fa-var-table-tennis); }
|
|
||||||
.#{$fa-css-prefix}-tablet:before { content: fa-content($fa-var-tablet); }
|
|
||||||
.#{$fa-css-prefix}-tablet-alt:before { content: fa-content($fa-var-tablet-alt); }
|
|
||||||
.#{$fa-css-prefix}-tachometer-alt:before { content: fa-content($fa-var-tachometer-alt); }
|
|
||||||
.#{$fa-css-prefix}-tag:before { content: fa-content($fa-var-tag); }
|
|
||||||
.#{$fa-css-prefix}-tags:before { content: fa-content($fa-var-tags); }
|
|
||||||
.#{$fa-css-prefix}-tasks:before { content: fa-content($fa-var-tasks); }
|
|
||||||
.#{$fa-css-prefix}-taxi:before { content: fa-content($fa-var-taxi); }
|
|
||||||
.#{$fa-css-prefix}-telegram:before { content: fa-content($fa-var-telegram); }
|
|
||||||
.#{$fa-css-prefix}-telegram-plane:before { content: fa-content($fa-var-telegram-plane); }
|
|
||||||
.#{$fa-css-prefix}-tencent-weibo:before { content: fa-content($fa-var-tencent-weibo); }
|
|
||||||
.#{$fa-css-prefix}-terminal:before { content: fa-content($fa-var-terminal); }
|
|
||||||
.#{$fa-css-prefix}-text-height:before { content: fa-content($fa-var-text-height); }
|
|
||||||
.#{$fa-css-prefix}-text-width:before { content: fa-content($fa-var-text-width); }
|
|
||||||
.#{$fa-css-prefix}-th:before { content: fa-content($fa-var-th); }
|
|
||||||
.#{$fa-css-prefix}-th-large:before { content: fa-content($fa-var-th-large); }
|
|
||||||
.#{$fa-css-prefix}-th-list:before { content: fa-content($fa-var-th-list); }
|
|
||||||
.#{$fa-css-prefix}-themeisle:before { content: fa-content($fa-var-themeisle); }
|
|
||||||
.#{$fa-css-prefix}-thermometer-empty:before { content: fa-content($fa-var-thermometer-empty); }
|
|
||||||
.#{$fa-css-prefix}-thermometer-full:before { content: fa-content($fa-var-thermometer-full); }
|
|
||||||
.#{$fa-css-prefix}-thermometer-half:before { content: fa-content($fa-var-thermometer-half); }
|
|
||||||
.#{$fa-css-prefix}-thermometer-quarter:before { content: fa-content($fa-var-thermometer-quarter); }
|
|
||||||
.#{$fa-css-prefix}-thermometer-three-quarters:before { content: fa-content($fa-var-thermometer-three-quarters); }
|
|
||||||
.#{$fa-css-prefix}-thumbs-down:before { content: fa-content($fa-var-thumbs-down); }
|
|
||||||
.#{$fa-css-prefix}-thumbs-up:before { content: fa-content($fa-var-thumbs-up); }
|
|
||||||
.#{$fa-css-prefix}-thumbtack:before { content: fa-content($fa-var-thumbtack); }
|
|
||||||
.#{$fa-css-prefix}-ticket-alt:before { content: fa-content($fa-var-ticket-alt); }
|
|
||||||
.#{$fa-css-prefix}-times:before { content: fa-content($fa-var-times); }
|
|
||||||
.#{$fa-css-prefix}-times-circle:before { content: fa-content($fa-var-times-circle); }
|
|
||||||
.#{$fa-css-prefix}-tint:before { content: fa-content($fa-var-tint); }
|
|
||||||
.#{$fa-css-prefix}-toggle-off:before { content: fa-content($fa-var-toggle-off); }
|
|
||||||
.#{$fa-css-prefix}-toggle-on:before { content: fa-content($fa-var-toggle-on); }
|
|
||||||
.#{$fa-css-prefix}-trademark:before { content: fa-content($fa-var-trademark); }
|
|
||||||
.#{$fa-css-prefix}-train:before { content: fa-content($fa-var-train); }
|
|
||||||
.#{$fa-css-prefix}-transgender:before { content: fa-content($fa-var-transgender); }
|
|
||||||
.#{$fa-css-prefix}-transgender-alt:before { content: fa-content($fa-var-transgender-alt); }
|
|
||||||
.#{$fa-css-prefix}-trash:before { content: fa-content($fa-var-trash); }
|
|
||||||
.#{$fa-css-prefix}-trash-alt:before { content: fa-content($fa-var-trash-alt); }
|
|
||||||
.#{$fa-css-prefix}-tree:before { content: fa-content($fa-var-tree); }
|
|
||||||
.#{$fa-css-prefix}-trello:before { content: fa-content($fa-var-trello); }
|
|
||||||
.#{$fa-css-prefix}-tripadvisor:before { content: fa-content($fa-var-tripadvisor); }
|
|
||||||
.#{$fa-css-prefix}-trophy:before { content: fa-content($fa-var-trophy); }
|
|
||||||
.#{$fa-css-prefix}-truck:before { content: fa-content($fa-var-truck); }
|
|
||||||
.#{$fa-css-prefix}-tty:before { content: fa-content($fa-var-tty); }
|
|
||||||
.#{$fa-css-prefix}-tumblr:before { content: fa-content($fa-var-tumblr); }
|
|
||||||
.#{$fa-css-prefix}-tumblr-square:before { content: fa-content($fa-var-tumblr-square); }
|
|
||||||
.#{$fa-css-prefix}-tv:before { content: fa-content($fa-var-tv); }
|
|
||||||
.#{$fa-css-prefix}-twitch:before { content: fa-content($fa-var-twitch); }
|
|
||||||
.#{$fa-css-prefix}-twitter:before { content: fa-content($fa-var-twitter); }
|
|
||||||
.#{$fa-css-prefix}-twitter-square:before { content: fa-content($fa-var-twitter-square); }
|
|
||||||
.#{$fa-css-prefix}-typo3:before { content: fa-content($fa-var-typo3); }
|
|
||||||
.#{$fa-css-prefix}-uber:before { content: fa-content($fa-var-uber); }
|
|
||||||
.#{$fa-css-prefix}-uikit:before { content: fa-content($fa-var-uikit); }
|
|
||||||
.#{$fa-css-prefix}-umbrella:before { content: fa-content($fa-var-umbrella); }
|
|
||||||
.#{$fa-css-prefix}-underline:before { content: fa-content($fa-var-underline); }
|
|
||||||
.#{$fa-css-prefix}-undo:before { content: fa-content($fa-var-undo); }
|
|
||||||
.#{$fa-css-prefix}-undo-alt:before { content: fa-content($fa-var-undo-alt); }
|
|
||||||
.#{$fa-css-prefix}-uniregistry:before { content: fa-content($fa-var-uniregistry); }
|
|
||||||
.#{$fa-css-prefix}-universal-access:before { content: fa-content($fa-var-universal-access); }
|
|
||||||
.#{$fa-css-prefix}-university:before { content: fa-content($fa-var-university); }
|
|
||||||
.#{$fa-css-prefix}-unlink:before { content: fa-content($fa-var-unlink); }
|
|
||||||
.#{$fa-css-prefix}-unlock:before { content: fa-content($fa-var-unlock); }
|
|
||||||
.#{$fa-css-prefix}-unlock-alt:before { content: fa-content($fa-var-unlock-alt); }
|
|
||||||
.#{$fa-css-prefix}-untappd:before { content: fa-content($fa-var-untappd); }
|
|
||||||
.#{$fa-css-prefix}-upload:before { content: fa-content($fa-var-upload); }
|
|
||||||
.#{$fa-css-prefix}-usb:before { content: fa-content($fa-var-usb); }
|
|
||||||
.#{$fa-css-prefix}-user:before { content: fa-content($fa-var-user); }
|
|
||||||
.#{$fa-css-prefix}-user-circle:before { content: fa-content($fa-var-user-circle); }
|
|
||||||
.#{$fa-css-prefix}-user-md:before { content: fa-content($fa-var-user-md); }
|
|
||||||
.#{$fa-css-prefix}-user-plus:before { content: fa-content($fa-var-user-plus); }
|
|
||||||
.#{$fa-css-prefix}-user-secret:before { content: fa-content($fa-var-user-secret); }
|
|
||||||
.#{$fa-css-prefix}-user-times:before { content: fa-content($fa-var-user-times); }
|
|
||||||
.#{$fa-css-prefix}-users:before { content: fa-content($fa-var-users); }
|
|
||||||
.#{$fa-css-prefix}-ussunnah:before { content: fa-content($fa-var-ussunnah); }
|
|
||||||
.#{$fa-css-prefix}-utensil-spoon:before { content: fa-content($fa-var-utensil-spoon); }
|
|
||||||
.#{$fa-css-prefix}-utensils:before { content: fa-content($fa-var-utensils); }
|
|
||||||
.#{$fa-css-prefix}-vaadin:before { content: fa-content($fa-var-vaadin); }
|
|
||||||
.#{$fa-css-prefix}-venus:before { content: fa-content($fa-var-venus); }
|
|
||||||
.#{$fa-css-prefix}-venus-double:before { content: fa-content($fa-var-venus-double); }
|
|
||||||
.#{$fa-css-prefix}-venus-mars:before { content: fa-content($fa-var-venus-mars); }
|
|
||||||
.#{$fa-css-prefix}-viacoin:before { content: fa-content($fa-var-viacoin); }
|
|
||||||
.#{$fa-css-prefix}-viadeo:before { content: fa-content($fa-var-viadeo); }
|
|
||||||
.#{$fa-css-prefix}-viadeo-square:before { content: fa-content($fa-var-viadeo-square); }
|
|
||||||
.#{$fa-css-prefix}-viber:before { content: fa-content($fa-var-viber); }
|
|
||||||
.#{$fa-css-prefix}-video:before { content: fa-content($fa-var-video); }
|
|
||||||
.#{$fa-css-prefix}-vimeo:before { content: fa-content($fa-var-vimeo); }
|
|
||||||
.#{$fa-css-prefix}-vimeo-square:before { content: fa-content($fa-var-vimeo-square); }
|
|
||||||
.#{$fa-css-prefix}-vimeo-v:before { content: fa-content($fa-var-vimeo-v); }
|
|
||||||
.#{$fa-css-prefix}-vine:before { content: fa-content($fa-var-vine); }
|
|
||||||
.#{$fa-css-prefix}-vk:before { content: fa-content($fa-var-vk); }
|
|
||||||
.#{$fa-css-prefix}-vnv:before { content: fa-content($fa-var-vnv); }
|
|
||||||
.#{$fa-css-prefix}-volleyball-ball:before { content: fa-content($fa-var-volleyball-ball); }
|
|
||||||
.#{$fa-css-prefix}-volume-down:before { content: fa-content($fa-var-volume-down); }
|
|
||||||
.#{$fa-css-prefix}-volume-off:before { content: fa-content($fa-var-volume-off); }
|
|
||||||
.#{$fa-css-prefix}-volume-up:before { content: fa-content($fa-var-volume-up); }
|
|
||||||
.#{$fa-css-prefix}-vuejs:before { content: fa-content($fa-var-vuejs); }
|
|
||||||
.#{$fa-css-prefix}-weibo:before { content: fa-content($fa-var-weibo); }
|
|
||||||
.#{$fa-css-prefix}-weixin:before { content: fa-content($fa-var-weixin); }
|
|
||||||
.#{$fa-css-prefix}-whatsapp:before { content: fa-content($fa-var-whatsapp); }
|
|
||||||
.#{$fa-css-prefix}-whatsapp-square:before { content: fa-content($fa-var-whatsapp-square); }
|
|
||||||
.#{$fa-css-prefix}-wheelchair:before { content: fa-content($fa-var-wheelchair); }
|
|
||||||
.#{$fa-css-prefix}-whmcs:before { content: fa-content($fa-var-whmcs); }
|
|
||||||
.#{$fa-css-prefix}-wifi:before { content: fa-content($fa-var-wifi); }
|
|
||||||
.#{$fa-css-prefix}-wikipedia-w:before { content: fa-content($fa-var-wikipedia-w); }
|
|
||||||
.#{$fa-css-prefix}-window-close:before { content: fa-content($fa-var-window-close); }
|
|
||||||
.#{$fa-css-prefix}-window-maximize:before { content: fa-content($fa-var-window-maximize); }
|
|
||||||
.#{$fa-css-prefix}-window-minimize:before { content: fa-content($fa-var-window-minimize); }
|
|
||||||
.#{$fa-css-prefix}-window-restore:before { content: fa-content($fa-var-window-restore); }
|
|
||||||
.#{$fa-css-prefix}-windows:before { content: fa-content($fa-var-windows); }
|
|
||||||
.#{$fa-css-prefix}-won-sign:before { content: fa-content($fa-var-won-sign); }
|
|
||||||
.#{$fa-css-prefix}-wordpress:before { content: fa-content($fa-var-wordpress); }
|
|
||||||
.#{$fa-css-prefix}-wordpress-simple:before { content: fa-content($fa-var-wordpress-simple); }
|
|
||||||
.#{$fa-css-prefix}-wpbeginner:before { content: fa-content($fa-var-wpbeginner); }
|
|
||||||
.#{$fa-css-prefix}-wpexplorer:before { content: fa-content($fa-var-wpexplorer); }
|
|
||||||
.#{$fa-css-prefix}-wpforms:before { content: fa-content($fa-var-wpforms); }
|
|
||||||
.#{$fa-css-prefix}-wrench:before { content: fa-content($fa-var-wrench); }
|
|
||||||
.#{$fa-css-prefix}-xbox:before { content: fa-content($fa-var-xbox); }
|
|
||||||
.#{$fa-css-prefix}-xing:before { content: fa-content($fa-var-xing); }
|
|
||||||
.#{$fa-css-prefix}-xing-square:before { content: fa-content($fa-var-xing-square); }
|
|
||||||
.#{$fa-css-prefix}-y-combinator:before { content: fa-content($fa-var-y-combinator); }
|
|
||||||
.#{$fa-css-prefix}-yahoo:before { content: fa-content($fa-var-yahoo); }
|
|
||||||
.#{$fa-css-prefix}-yandex:before { content: fa-content($fa-var-yandex); }
|
|
||||||
.#{$fa-css-prefix}-yandex-international:before { content: fa-content($fa-var-yandex-international); }
|
|
||||||
.#{$fa-css-prefix}-yelp:before { content: fa-content($fa-var-yelp); }
|
|
||||||
.#{$fa-css-prefix}-yen-sign:before { content: fa-content($fa-var-yen-sign); }
|
|
||||||
.#{$fa-css-prefix}-yoast:before { content: fa-content($fa-var-yoast); }
|
|
||||||
.#{$fa-css-prefix}-youtube:before { content: fa-content($fa-var-youtube); }
|
|
||||||
.#{$fa-css-prefix}-youtube-square:before { content: fa-content($fa-var-youtube-square); }
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
// Icon Sizes
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
// makes the font 33% larger relative to the icon container
|
|
||||||
.#{$fa-css-prefix}-lg {
|
|
||||||
font-size: (4em / 3);
|
|
||||||
line-height: (3em / 4);
|
|
||||||
vertical-align: -.0667em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-xs {
|
|
||||||
font-size: .75em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-sm {
|
|
||||||
font-size: .875em;
|
|
||||||
}
|
|
||||||
|
|
||||||
@for $i from 1 through 10 {
|
|
||||||
.#{$fa-css-prefix}-#{$i}x {
|
|
||||||
font-size: $i * 1em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
// List Icons
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-ul {
|
|
||||||
list-style-type: none;
|
|
||||||
margin-left: $fa-li-width * 5/4;
|
|
||||||
padding-left: 0;
|
|
||||||
|
|
||||||
> li { position: relative; }
|
|
||||||
}
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-li {
|
|
||||||
left: -$fa-li-width;
|
|
||||||
position: absolute;
|
|
||||||
text-align: center;
|
|
||||||
width: $fa-li-width;
|
|
||||||
line-height: inherit;
|
|
||||||
}
|
|
||||||
@@ -1,57 +0,0 @@
|
|||||||
// Mixins
|
|
||||||
// --------------------------
|
|
||||||
|
|
||||||
@mixin fa-icon {
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
display: inline-block;
|
|
||||||
font-style: normal;
|
|
||||||
font-variant: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
line-height: 1;
|
|
||||||
vertical-align: -.125em;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin fa-icon-rotate($degrees, $rotation) {
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
|
|
||||||
transform: rotate($degrees);
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin fa-icon-flip($horiz, $vert, $rotation) {
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
|
|
||||||
transform: scale($horiz, $vert);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Only display content to screen readers. A la Bootstrap 4.
|
|
||||||
//
|
|
||||||
// See: http://a11yproject.com/posts/how-to-hide-content/
|
|
||||||
|
|
||||||
@mixin sr-only {
|
|
||||||
border: 0;
|
|
||||||
clip: rect(0, 0, 0, 0);
|
|
||||||
height: 1px;
|
|
||||||
margin: -1px;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 0;
|
|
||||||
position: absolute;
|
|
||||||
width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Use in conjunction with .sr-only to only display content when it's focused.
|
|
||||||
//
|
|
||||||
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
|
|
||||||
//
|
|
||||||
// Credit: HTML5 Boilerplate
|
|
||||||
|
|
||||||
@mixin sr-only-focusable {
|
|
||||||
&:active,
|
|
||||||
&:focus {
|
|
||||||
clip: auto;
|
|
||||||
height: auto;
|
|
||||||
margin: 0;
|
|
||||||
overflow: visible;
|
|
||||||
position: static;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
// 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}-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-horizontal.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(-1, -1, 2); }
|
|
||||||
|
|
||||||
// Hook for IE8-9
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
:root {
|
|
||||||
.#{$fa-css-prefix}-rotate-90,
|
|
||||||
.#{$fa-css-prefix}-rotate-180,
|
|
||||||
.#{$fa-css-prefix}-rotate-270,
|
|
||||||
.#{$fa-css-prefix}-flip-horizontal,
|
|
||||||
.#{$fa-css-prefix}-flip-vertical {
|
|
||||||
filter: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
// Screen Readers
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.sr-only { @include sr-only; }
|
|
||||||
.sr-only-focusable { @include sr-only-focusable; }
|
|
||||||
@@ -1,31 +0,0 @@
|
|||||||
// Stacked Icons
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-stack {
|
|
||||||
display: inline-block;
|
|
||||||
height: 2em;
|
|
||||||
line-height: 2em;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: middle;
|
|
||||||
width: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-stack-1x,
|
|
||||||
.#{$fa-css-prefix}-stack-2x {
|
|
||||||
left: 0;
|
|
||||||
position: absolute;
|
|
||||||
text-align: center;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-stack-1x {
|
|
||||||
line-height: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-stack-2x {
|
|
||||||
font-size: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-inverse {
|
|
||||||
color: $fa-inverse;
|
|
||||||
}
|
|
||||||
@@ -1,829 +0,0 @@
|
|||||||
// Variables
|
|
||||||
// --------------------------
|
|
||||||
|
|
||||||
$fa-font-path: "../webfonts" !default;
|
|
||||||
$fa-font-size-base: 16px !default;
|
|
||||||
$fa-css-prefix: fa !default;
|
|
||||||
$fa-version: "5.0.6" !default;
|
|
||||||
$fa-border-color: #eee !default;
|
|
||||||
$fa-inverse: #fff !default;
|
|
||||||
$fa-li-width: 2em !default;
|
|
||||||
|
|
||||||
// Convenience function used to set content property
|
|
||||||
@function fa-content($fa-var) {
|
|
||||||
@return unquote("\"#{ $fa-var }\"");
|
|
||||||
}
|
|
||||||
|
|
||||||
$fa-var-500px: \f26e;
|
|
||||||
$fa-var-accessible-icon: \f368;
|
|
||||||
$fa-var-accusoft: \f369;
|
|
||||||
$fa-var-address-book: \f2b9;
|
|
||||||
$fa-var-address-card: \f2bb;
|
|
||||||
$fa-var-adjust: \f042;
|
|
||||||
$fa-var-adn: \f170;
|
|
||||||
$fa-var-adversal: \f36a;
|
|
||||||
$fa-var-affiliatetheme: \f36b;
|
|
||||||
$fa-var-algolia: \f36c;
|
|
||||||
$fa-var-align-center: \f037;
|
|
||||||
$fa-var-align-justify: \f039;
|
|
||||||
$fa-var-align-left: \f036;
|
|
||||||
$fa-var-align-right: \f038;
|
|
||||||
$fa-var-amazon: \f270;
|
|
||||||
$fa-var-amazon-pay: \f42c;
|
|
||||||
$fa-var-ambulance: \f0f9;
|
|
||||||
$fa-var-american-sign-language-interpreting: \f2a3;
|
|
||||||
$fa-var-amilia: \f36d;
|
|
||||||
$fa-var-anchor: \f13d;
|
|
||||||
$fa-var-android: \f17b;
|
|
||||||
$fa-var-angellist: \f209;
|
|
||||||
$fa-var-angle-double-down: \f103;
|
|
||||||
$fa-var-angle-double-left: \f100;
|
|
||||||
$fa-var-angle-double-right: \f101;
|
|
||||||
$fa-var-angle-double-up: \f102;
|
|
||||||
$fa-var-angle-down: \f107;
|
|
||||||
$fa-var-angle-left: \f104;
|
|
||||||
$fa-var-angle-right: \f105;
|
|
||||||
$fa-var-angle-up: \f106;
|
|
||||||
$fa-var-angrycreative: \f36e;
|
|
||||||
$fa-var-angular: \f420;
|
|
||||||
$fa-var-app-store: \f36f;
|
|
||||||
$fa-var-app-store-ios: \f370;
|
|
||||||
$fa-var-apper: \f371;
|
|
||||||
$fa-var-apple: \f179;
|
|
||||||
$fa-var-apple-pay: \f415;
|
|
||||||
$fa-var-archive: \f187;
|
|
||||||
$fa-var-arrow-alt-circle-down: \f358;
|
|
||||||
$fa-var-arrow-alt-circle-left: \f359;
|
|
||||||
$fa-var-arrow-alt-circle-right: \f35a;
|
|
||||||
$fa-var-arrow-alt-circle-up: \f35b;
|
|
||||||
$fa-var-arrow-circle-down: \f0ab;
|
|
||||||
$fa-var-arrow-circle-left: \f0a8;
|
|
||||||
$fa-var-arrow-circle-right: \f0a9;
|
|
||||||
$fa-var-arrow-circle-up: \f0aa;
|
|
||||||
$fa-var-arrow-down: \f063;
|
|
||||||
$fa-var-arrow-left: \f060;
|
|
||||||
$fa-var-arrow-right: \f061;
|
|
||||||
$fa-var-arrow-up: \f062;
|
|
||||||
$fa-var-arrows-alt: \f0b2;
|
|
||||||
$fa-var-arrows-alt-h: \f337;
|
|
||||||
$fa-var-arrows-alt-v: \f338;
|
|
||||||
$fa-var-assistive-listening-systems: \f2a2;
|
|
||||||
$fa-var-asterisk: \f069;
|
|
||||||
$fa-var-asymmetrik: \f372;
|
|
||||||
$fa-var-at: \f1fa;
|
|
||||||
$fa-var-audible: \f373;
|
|
||||||
$fa-var-audio-description: \f29e;
|
|
||||||
$fa-var-autoprefixer: \f41c;
|
|
||||||
$fa-var-avianex: \f374;
|
|
||||||
$fa-var-aviato: \f421;
|
|
||||||
$fa-var-aws: \f375;
|
|
||||||
$fa-var-backward: \f04a;
|
|
||||||
$fa-var-balance-scale: \f24e;
|
|
||||||
$fa-var-ban: \f05e;
|
|
||||||
$fa-var-bandcamp: \f2d5;
|
|
||||||
$fa-var-barcode: \f02a;
|
|
||||||
$fa-var-bars: \f0c9;
|
|
||||||
$fa-var-baseball-ball: \f433;
|
|
||||||
$fa-var-basketball-ball: \f434;
|
|
||||||
$fa-var-bath: \f2cd;
|
|
||||||
$fa-var-battery-empty: \f244;
|
|
||||||
$fa-var-battery-full: \f240;
|
|
||||||
$fa-var-battery-half: \f242;
|
|
||||||
$fa-var-battery-quarter: \f243;
|
|
||||||
$fa-var-battery-three-quarters: \f241;
|
|
||||||
$fa-var-bed: \f236;
|
|
||||||
$fa-var-beer: \f0fc;
|
|
||||||
$fa-var-behance: \f1b4;
|
|
||||||
$fa-var-behance-square: \f1b5;
|
|
||||||
$fa-var-bell: \f0f3;
|
|
||||||
$fa-var-bell-slash: \f1f6;
|
|
||||||
$fa-var-bicycle: \f206;
|
|
||||||
$fa-var-bimobject: \f378;
|
|
||||||
$fa-var-binoculars: \f1e5;
|
|
||||||
$fa-var-birthday-cake: \f1fd;
|
|
||||||
$fa-var-bitbucket: \f171;
|
|
||||||
$fa-var-bitcoin: \f379;
|
|
||||||
$fa-var-bity: \f37a;
|
|
||||||
$fa-var-black-tie: \f27e;
|
|
||||||
$fa-var-blackberry: \f37b;
|
|
||||||
$fa-var-blind: \f29d;
|
|
||||||
$fa-var-blogger: \f37c;
|
|
||||||
$fa-var-blogger-b: \f37d;
|
|
||||||
$fa-var-bluetooth: \f293;
|
|
||||||
$fa-var-bluetooth-b: \f294;
|
|
||||||
$fa-var-bold: \f032;
|
|
||||||
$fa-var-bolt: \f0e7;
|
|
||||||
$fa-var-bomb: \f1e2;
|
|
||||||
$fa-var-book: \f02d;
|
|
||||||
$fa-var-bookmark: \f02e;
|
|
||||||
$fa-var-bowling-ball: \f436;
|
|
||||||
$fa-var-braille: \f2a1;
|
|
||||||
$fa-var-briefcase: \f0b1;
|
|
||||||
$fa-var-btc: \f15a;
|
|
||||||
$fa-var-bug: \f188;
|
|
||||||
$fa-var-building: \f1ad;
|
|
||||||
$fa-var-bullhorn: \f0a1;
|
|
||||||
$fa-var-bullseye: \f140;
|
|
||||||
$fa-var-buromobelexperte: \f37f;
|
|
||||||
$fa-var-bus: \f207;
|
|
||||||
$fa-var-buysellads: \f20d;
|
|
||||||
$fa-var-calculator: \f1ec;
|
|
||||||
$fa-var-calendar: \f133;
|
|
||||||
$fa-var-calendar-alt: \f073;
|
|
||||||
$fa-var-calendar-check: \f274;
|
|
||||||
$fa-var-calendar-minus: \f272;
|
|
||||||
$fa-var-calendar-plus: \f271;
|
|
||||||
$fa-var-calendar-times: \f273;
|
|
||||||
$fa-var-camera: \f030;
|
|
||||||
$fa-var-camera-retro: \f083;
|
|
||||||
$fa-var-car: \f1b9;
|
|
||||||
$fa-var-caret-down: \f0d7;
|
|
||||||
$fa-var-caret-left: \f0d9;
|
|
||||||
$fa-var-caret-right: \f0da;
|
|
||||||
$fa-var-caret-square-down: \f150;
|
|
||||||
$fa-var-caret-square-left: \f191;
|
|
||||||
$fa-var-caret-square-right: \f152;
|
|
||||||
$fa-var-caret-square-up: \f151;
|
|
||||||
$fa-var-caret-up: \f0d8;
|
|
||||||
$fa-var-cart-arrow-down: \f218;
|
|
||||||
$fa-var-cart-plus: \f217;
|
|
||||||
$fa-var-cc-amazon-pay: \f42d;
|
|
||||||
$fa-var-cc-amex: \f1f3;
|
|
||||||
$fa-var-cc-apple-pay: \f416;
|
|
||||||
$fa-var-cc-diners-club: \f24c;
|
|
||||||
$fa-var-cc-discover: \f1f2;
|
|
||||||
$fa-var-cc-jcb: \f24b;
|
|
||||||
$fa-var-cc-mastercard: \f1f1;
|
|
||||||
$fa-var-cc-paypal: \f1f4;
|
|
||||||
$fa-var-cc-stripe: \f1f5;
|
|
||||||
$fa-var-cc-visa: \f1f0;
|
|
||||||
$fa-var-centercode: \f380;
|
|
||||||
$fa-var-certificate: \f0a3;
|
|
||||||
$fa-var-chart-area: \f1fe;
|
|
||||||
$fa-var-chart-bar: \f080;
|
|
||||||
$fa-var-chart-line: \f201;
|
|
||||||
$fa-var-chart-pie: \f200;
|
|
||||||
$fa-var-check: \f00c;
|
|
||||||
$fa-var-check-circle: \f058;
|
|
||||||
$fa-var-check-square: \f14a;
|
|
||||||
$fa-var-chess: \f439;
|
|
||||||
$fa-var-chess-bishop: \f43a;
|
|
||||||
$fa-var-chess-board: \f43c;
|
|
||||||
$fa-var-chess-king: \f43f;
|
|
||||||
$fa-var-chess-knight: \f441;
|
|
||||||
$fa-var-chess-pawn: \f443;
|
|
||||||
$fa-var-chess-queen: \f445;
|
|
||||||
$fa-var-chess-rook: \f447;
|
|
||||||
$fa-var-chevron-circle-down: \f13a;
|
|
||||||
$fa-var-chevron-circle-left: \f137;
|
|
||||||
$fa-var-chevron-circle-right: \f138;
|
|
||||||
$fa-var-chevron-circle-up: \f139;
|
|
||||||
$fa-var-chevron-down: \f078;
|
|
||||||
$fa-var-chevron-left: \f053;
|
|
||||||
$fa-var-chevron-right: \f054;
|
|
||||||
$fa-var-chevron-up: \f077;
|
|
||||||
$fa-var-child: \f1ae;
|
|
||||||
$fa-var-chrome: \f268;
|
|
||||||
$fa-var-circle: \f111;
|
|
||||||
$fa-var-circle-notch: \f1ce;
|
|
||||||
$fa-var-clipboard: \f328;
|
|
||||||
$fa-var-clock: \f017;
|
|
||||||
$fa-var-clone: \f24d;
|
|
||||||
$fa-var-closed-captioning: \f20a;
|
|
||||||
$fa-var-cloud: \f0c2;
|
|
||||||
$fa-var-cloud-download-alt: \f381;
|
|
||||||
$fa-var-cloud-upload-alt: \f382;
|
|
||||||
$fa-var-cloudscale: \f383;
|
|
||||||
$fa-var-cloudsmith: \f384;
|
|
||||||
$fa-var-cloudversify: \f385;
|
|
||||||
$fa-var-code: \f121;
|
|
||||||
$fa-var-code-branch: \f126;
|
|
||||||
$fa-var-codepen: \f1cb;
|
|
||||||
$fa-var-codiepie: \f284;
|
|
||||||
$fa-var-coffee: \f0f4;
|
|
||||||
$fa-var-cog: \f013;
|
|
||||||
$fa-var-cogs: \f085;
|
|
||||||
$fa-var-columns: \f0db;
|
|
||||||
$fa-var-comment: \f075;
|
|
||||||
$fa-var-comment-alt: \f27a;
|
|
||||||
$fa-var-comments: \f086;
|
|
||||||
$fa-var-compass: \f14e;
|
|
||||||
$fa-var-compress: \f066;
|
|
||||||
$fa-var-connectdevelop: \f20e;
|
|
||||||
$fa-var-contao: \f26d;
|
|
||||||
$fa-var-copy: \f0c5;
|
|
||||||
$fa-var-copyright: \f1f9;
|
|
||||||
$fa-var-cpanel: \f388;
|
|
||||||
$fa-var-creative-commons: \f25e;
|
|
||||||
$fa-var-credit-card: \f09d;
|
|
||||||
$fa-var-crop: \f125;
|
|
||||||
$fa-var-crosshairs: \f05b;
|
|
||||||
$fa-var-css3: \f13c;
|
|
||||||
$fa-var-css3-alt: \f38b;
|
|
||||||
$fa-var-cube: \f1b2;
|
|
||||||
$fa-var-cubes: \f1b3;
|
|
||||||
$fa-var-cut: \f0c4;
|
|
||||||
$fa-var-cuttlefish: \f38c;
|
|
||||||
$fa-var-d-and-d: \f38d;
|
|
||||||
$fa-var-dashcube: \f210;
|
|
||||||
$fa-var-database: \f1c0;
|
|
||||||
$fa-var-deaf: \f2a4;
|
|
||||||
$fa-var-delicious: \f1a5;
|
|
||||||
$fa-var-deploydog: \f38e;
|
|
||||||
$fa-var-deskpro: \f38f;
|
|
||||||
$fa-var-desktop: \f108;
|
|
||||||
$fa-var-deviantart: \f1bd;
|
|
||||||
$fa-var-digg: \f1a6;
|
|
||||||
$fa-var-digital-ocean: \f391;
|
|
||||||
$fa-var-discord: \f392;
|
|
||||||
$fa-var-discourse: \f393;
|
|
||||||
$fa-var-dochub: \f394;
|
|
||||||
$fa-var-docker: \f395;
|
|
||||||
$fa-var-dollar-sign: \f155;
|
|
||||||
$fa-var-dot-circle: \f192;
|
|
||||||
$fa-var-download: \f019;
|
|
||||||
$fa-var-draft2digital: \f396;
|
|
||||||
$fa-var-dribbble: \f17d;
|
|
||||||
$fa-var-dribbble-square: \f397;
|
|
||||||
$fa-var-dropbox: \f16b;
|
|
||||||
$fa-var-drupal: \f1a9;
|
|
||||||
$fa-var-dyalog: \f399;
|
|
||||||
$fa-var-earlybirds: \f39a;
|
|
||||||
$fa-var-edge: \f282;
|
|
||||||
$fa-var-edit: \f044;
|
|
||||||
$fa-var-eject: \f052;
|
|
||||||
$fa-var-elementor: \f430;
|
|
||||||
$fa-var-ellipsis-h: \f141;
|
|
||||||
$fa-var-ellipsis-v: \f142;
|
|
||||||
$fa-var-ember: \f423;
|
|
||||||
$fa-var-empire: \f1d1;
|
|
||||||
$fa-var-envelope: \f0e0;
|
|
||||||
$fa-var-envelope-open: \f2b6;
|
|
||||||
$fa-var-envelope-square: \f199;
|
|
||||||
$fa-var-envira: \f299;
|
|
||||||
$fa-var-eraser: \f12d;
|
|
||||||
$fa-var-erlang: \f39d;
|
|
||||||
$fa-var-ethereum: \f42e;
|
|
||||||
$fa-var-etsy: \f2d7;
|
|
||||||
$fa-var-euro-sign: \f153;
|
|
||||||
$fa-var-exchange-alt: \f362;
|
|
||||||
$fa-var-exclamation: \f12a;
|
|
||||||
$fa-var-exclamation-circle: \f06a;
|
|
||||||
$fa-var-exclamation-triangle: \f071;
|
|
||||||
$fa-var-expand: \f065;
|
|
||||||
$fa-var-expand-arrows-alt: \f31e;
|
|
||||||
$fa-var-expeditedssl: \f23e;
|
|
||||||
$fa-var-external-link-alt: \f35d;
|
|
||||||
$fa-var-external-link-square-alt: \f360;
|
|
||||||
$fa-var-eye: \f06e;
|
|
||||||
$fa-var-eye-dropper: \f1fb;
|
|
||||||
$fa-var-eye-slash: \f070;
|
|
||||||
$fa-var-facebook: \f09a;
|
|
||||||
$fa-var-facebook-f: \f39e;
|
|
||||||
$fa-var-facebook-messenger: \f39f;
|
|
||||||
$fa-var-facebook-square: \f082;
|
|
||||||
$fa-var-fast-backward: \f049;
|
|
||||||
$fa-var-fast-forward: \f050;
|
|
||||||
$fa-var-fax: \f1ac;
|
|
||||||
$fa-var-female: \f182;
|
|
||||||
$fa-var-fighter-jet: \f0fb;
|
|
||||||
$fa-var-file: \f15b;
|
|
||||||
$fa-var-file-alt: \f15c;
|
|
||||||
$fa-var-file-archive: \f1c6;
|
|
||||||
$fa-var-file-audio: \f1c7;
|
|
||||||
$fa-var-file-code: \f1c9;
|
|
||||||
$fa-var-file-excel: \f1c3;
|
|
||||||
$fa-var-file-image: \f1c5;
|
|
||||||
$fa-var-file-pdf: \f1c1;
|
|
||||||
$fa-var-file-powerpoint: \f1c4;
|
|
||||||
$fa-var-file-video: \f1c8;
|
|
||||||
$fa-var-file-word: \f1c2;
|
|
||||||
$fa-var-film: \f008;
|
|
||||||
$fa-var-filter: \f0b0;
|
|
||||||
$fa-var-fire: \f06d;
|
|
||||||
$fa-var-fire-extinguisher: \f134;
|
|
||||||
$fa-var-firefox: \f269;
|
|
||||||
$fa-var-first-order: \f2b0;
|
|
||||||
$fa-var-firstdraft: \f3a1;
|
|
||||||
$fa-var-flag: \f024;
|
|
||||||
$fa-var-flag-checkered: \f11e;
|
|
||||||
$fa-var-flask: \f0c3;
|
|
||||||
$fa-var-flickr: \f16e;
|
|
||||||
$fa-var-flipboard: \f44d;
|
|
||||||
$fa-var-fly: \f417;
|
|
||||||
$fa-var-folder: \f07b;
|
|
||||||
$fa-var-folder-open: \f07c;
|
|
||||||
$fa-var-font: \f031;
|
|
||||||
$fa-var-font-awesome: \f2b4;
|
|
||||||
$fa-var-font-awesome-alt: \f35c;
|
|
||||||
$fa-var-font-awesome-flag: \f425;
|
|
||||||
$fa-var-fonticons: \f280;
|
|
||||||
$fa-var-fonticons-fi: \f3a2;
|
|
||||||
$fa-var-football-ball: \f44e;
|
|
||||||
$fa-var-fort-awesome: \f286;
|
|
||||||
$fa-var-fort-awesome-alt: \f3a3;
|
|
||||||
$fa-var-forumbee: \f211;
|
|
||||||
$fa-var-forward: \f04e;
|
|
||||||
$fa-var-foursquare: \f180;
|
|
||||||
$fa-var-free-code-camp: \f2c5;
|
|
||||||
$fa-var-freebsd: \f3a4;
|
|
||||||
$fa-var-frown: \f119;
|
|
||||||
$fa-var-futbol: \f1e3;
|
|
||||||
$fa-var-gamepad: \f11b;
|
|
||||||
$fa-var-gavel: \f0e3;
|
|
||||||
$fa-var-gem: \f3a5;
|
|
||||||
$fa-var-genderless: \f22d;
|
|
||||||
$fa-var-get-pocket: \f265;
|
|
||||||
$fa-var-gg: \f260;
|
|
||||||
$fa-var-gg-circle: \f261;
|
|
||||||
$fa-var-gift: \f06b;
|
|
||||||
$fa-var-git: \f1d3;
|
|
||||||
$fa-var-git-square: \f1d2;
|
|
||||||
$fa-var-github: \f09b;
|
|
||||||
$fa-var-github-alt: \f113;
|
|
||||||
$fa-var-github-square: \f092;
|
|
||||||
$fa-var-gitkraken: \f3a6;
|
|
||||||
$fa-var-gitlab: \f296;
|
|
||||||
$fa-var-gitter: \f426;
|
|
||||||
$fa-var-glass-martini: \f000;
|
|
||||||
$fa-var-glide: \f2a5;
|
|
||||||
$fa-var-glide-g: \f2a6;
|
|
||||||
$fa-var-globe: \f0ac;
|
|
||||||
$fa-var-gofore: \f3a7;
|
|
||||||
$fa-var-golf-ball: \f450;
|
|
||||||
$fa-var-goodreads: \f3a8;
|
|
||||||
$fa-var-goodreads-g: \f3a9;
|
|
||||||
$fa-var-google: \f1a0;
|
|
||||||
$fa-var-google-drive: \f3aa;
|
|
||||||
$fa-var-google-play: \f3ab;
|
|
||||||
$fa-var-google-plus: \f2b3;
|
|
||||||
$fa-var-google-plus-g: \f0d5;
|
|
||||||
$fa-var-google-plus-square: \f0d4;
|
|
||||||
$fa-var-google-wallet: \f1ee;
|
|
||||||
$fa-var-graduation-cap: \f19d;
|
|
||||||
$fa-var-gratipay: \f184;
|
|
||||||
$fa-var-grav: \f2d6;
|
|
||||||
$fa-var-gripfire: \f3ac;
|
|
||||||
$fa-var-grunt: \f3ad;
|
|
||||||
$fa-var-gulp: \f3ae;
|
|
||||||
$fa-var-h-square: \f0fd;
|
|
||||||
$fa-var-hacker-news: \f1d4;
|
|
||||||
$fa-var-hacker-news-square: \f3af;
|
|
||||||
$fa-var-hand-lizard: \f258;
|
|
||||||
$fa-var-hand-paper: \f256;
|
|
||||||
$fa-var-hand-peace: \f25b;
|
|
||||||
$fa-var-hand-point-down: \f0a7;
|
|
||||||
$fa-var-hand-point-left: \f0a5;
|
|
||||||
$fa-var-hand-point-right: \f0a4;
|
|
||||||
$fa-var-hand-point-up: \f0a6;
|
|
||||||
$fa-var-hand-pointer: \f25a;
|
|
||||||
$fa-var-hand-rock: \f255;
|
|
||||||
$fa-var-hand-scissors: \f257;
|
|
||||||
$fa-var-hand-spock: \f259;
|
|
||||||
$fa-var-handshake: \f2b5;
|
|
||||||
$fa-var-hashtag: \f292;
|
|
||||||
$fa-var-hdd: \f0a0;
|
|
||||||
$fa-var-heading: \f1dc;
|
|
||||||
$fa-var-headphones: \f025;
|
|
||||||
$fa-var-heart: \f004;
|
|
||||||
$fa-var-heartbeat: \f21e;
|
|
||||||
$fa-var-hips: \f452;
|
|
||||||
$fa-var-hire-a-helper: \f3b0;
|
|
||||||
$fa-var-history: \f1da;
|
|
||||||
$fa-var-hockey-puck: \f453;
|
|
||||||
$fa-var-home: \f015;
|
|
||||||
$fa-var-hooli: \f427;
|
|
||||||
$fa-var-hospital: \f0f8;
|
|
||||||
$fa-var-hotjar: \f3b1;
|
|
||||||
$fa-var-hourglass: \f254;
|
|
||||||
$fa-var-hourglass-end: \f253;
|
|
||||||
$fa-var-hourglass-half: \f252;
|
|
||||||
$fa-var-hourglass-start: \f251;
|
|
||||||
$fa-var-houzz: \f27c;
|
|
||||||
$fa-var-html5: \f13b;
|
|
||||||
$fa-var-hubspot: \f3b2;
|
|
||||||
$fa-var-i-cursor: \f246;
|
|
||||||
$fa-var-id-badge: \f2c1;
|
|
||||||
$fa-var-id-card: \f2c2;
|
|
||||||
$fa-var-image: \f03e;
|
|
||||||
$fa-var-images: \f302;
|
|
||||||
$fa-var-imdb: \f2d8;
|
|
||||||
$fa-var-inbox: \f01c;
|
|
||||||
$fa-var-indent: \f03c;
|
|
||||||
$fa-var-industry: \f275;
|
|
||||||
$fa-var-info: \f129;
|
|
||||||
$fa-var-info-circle: \f05a;
|
|
||||||
$fa-var-instagram: \f16d;
|
|
||||||
$fa-var-internet-explorer: \f26b;
|
|
||||||
$fa-var-ioxhost: \f208;
|
|
||||||
$fa-var-italic: \f033;
|
|
||||||
$fa-var-itunes: \f3b4;
|
|
||||||
$fa-var-itunes-note: \f3b5;
|
|
||||||
$fa-var-jenkins: \f3b6;
|
|
||||||
$fa-var-joget: \f3b7;
|
|
||||||
$fa-var-joomla: \f1aa;
|
|
||||||
$fa-var-js: \f3b8;
|
|
||||||
$fa-var-js-square: \f3b9;
|
|
||||||
$fa-var-jsfiddle: \f1cc;
|
|
||||||
$fa-var-key: \f084;
|
|
||||||
$fa-var-keyboard: \f11c;
|
|
||||||
$fa-var-keycdn: \f3ba;
|
|
||||||
$fa-var-kickstarter: \f3bb;
|
|
||||||
$fa-var-kickstarter-k: \f3bc;
|
|
||||||
$fa-var-korvue: \f42f;
|
|
||||||
$fa-var-language: \f1ab;
|
|
||||||
$fa-var-laptop: \f109;
|
|
||||||
$fa-var-laravel: \f3bd;
|
|
||||||
$fa-var-lastfm: \f202;
|
|
||||||
$fa-var-lastfm-square: \f203;
|
|
||||||
$fa-var-leaf: \f06c;
|
|
||||||
$fa-var-leanpub: \f212;
|
|
||||||
$fa-var-lemon: \f094;
|
|
||||||
$fa-var-less: \f41d;
|
|
||||||
$fa-var-level-down-alt: \f3be;
|
|
||||||
$fa-var-level-up-alt: \f3bf;
|
|
||||||
$fa-var-life-ring: \f1cd;
|
|
||||||
$fa-var-lightbulb: \f0eb;
|
|
||||||
$fa-var-line: \f3c0;
|
|
||||||
$fa-var-link: \f0c1;
|
|
||||||
$fa-var-linkedin: \f08c;
|
|
||||||
$fa-var-linkedin-in: \f0e1;
|
|
||||||
$fa-var-linode: \f2b8;
|
|
||||||
$fa-var-linux: \f17c;
|
|
||||||
$fa-var-lira-sign: \f195;
|
|
||||||
$fa-var-list: \f03a;
|
|
||||||
$fa-var-list-alt: \f022;
|
|
||||||
$fa-var-list-ol: \f0cb;
|
|
||||||
$fa-var-list-ul: \f0ca;
|
|
||||||
$fa-var-location-arrow: \f124;
|
|
||||||
$fa-var-lock: \f023;
|
|
||||||
$fa-var-lock-open: \f3c1;
|
|
||||||
$fa-var-long-arrow-alt-down: \f309;
|
|
||||||
$fa-var-long-arrow-alt-left: \f30a;
|
|
||||||
$fa-var-long-arrow-alt-right: \f30b;
|
|
||||||
$fa-var-long-arrow-alt-up: \f30c;
|
|
||||||
$fa-var-low-vision: \f2a8;
|
|
||||||
$fa-var-lyft: \f3c3;
|
|
||||||
$fa-var-magento: \f3c4;
|
|
||||||
$fa-var-magic: \f0d0;
|
|
||||||
$fa-var-magnet: \f076;
|
|
||||||
$fa-var-male: \f183;
|
|
||||||
$fa-var-map: \f279;
|
|
||||||
$fa-var-map-marker: \f041;
|
|
||||||
$fa-var-map-marker-alt: \f3c5;
|
|
||||||
$fa-var-map-pin: \f276;
|
|
||||||
$fa-var-map-signs: \f277;
|
|
||||||
$fa-var-mars: \f222;
|
|
||||||
$fa-var-mars-double: \f227;
|
|
||||||
$fa-var-mars-stroke: \f229;
|
|
||||||
$fa-var-mars-stroke-h: \f22b;
|
|
||||||
$fa-var-mars-stroke-v: \f22a;
|
|
||||||
$fa-var-maxcdn: \f136;
|
|
||||||
$fa-var-medapps: \f3c6;
|
|
||||||
$fa-var-medium: \f23a;
|
|
||||||
$fa-var-medium-m: \f3c7;
|
|
||||||
$fa-var-medkit: \f0fa;
|
|
||||||
$fa-var-medrt: \f3c8;
|
|
||||||
$fa-var-meetup: \f2e0;
|
|
||||||
$fa-var-meh: \f11a;
|
|
||||||
$fa-var-mercury: \f223;
|
|
||||||
$fa-var-microchip: \f2db;
|
|
||||||
$fa-var-microphone: \f130;
|
|
||||||
$fa-var-microphone-slash: \f131;
|
|
||||||
$fa-var-microsoft: \f3ca;
|
|
||||||
$fa-var-minus: \f068;
|
|
||||||
$fa-var-minus-circle: \f056;
|
|
||||||
$fa-var-minus-square: \f146;
|
|
||||||
$fa-var-mix: \f3cb;
|
|
||||||
$fa-var-mixcloud: \f289;
|
|
||||||
$fa-var-mizuni: \f3cc;
|
|
||||||
$fa-var-mobile: \f10b;
|
|
||||||
$fa-var-mobile-alt: \f3cd;
|
|
||||||
$fa-var-modx: \f285;
|
|
||||||
$fa-var-monero: \f3d0;
|
|
||||||
$fa-var-money-bill-alt: \f3d1;
|
|
||||||
$fa-var-moon: \f186;
|
|
||||||
$fa-var-motorcycle: \f21c;
|
|
||||||
$fa-var-mouse-pointer: \f245;
|
|
||||||
$fa-var-music: \f001;
|
|
||||||
$fa-var-napster: \f3d2;
|
|
||||||
$fa-var-neuter: \f22c;
|
|
||||||
$fa-var-newspaper: \f1ea;
|
|
||||||
$fa-var-nintendo-switch: \f418;
|
|
||||||
$fa-var-node: \f419;
|
|
||||||
$fa-var-node-js: \f3d3;
|
|
||||||
$fa-var-npm: \f3d4;
|
|
||||||
$fa-var-ns8: \f3d5;
|
|
||||||
$fa-var-nutritionix: \f3d6;
|
|
||||||
$fa-var-object-group: \f247;
|
|
||||||
$fa-var-object-ungroup: \f248;
|
|
||||||
$fa-var-odnoklassniki: \f263;
|
|
||||||
$fa-var-odnoklassniki-square: \f264;
|
|
||||||
$fa-var-opencart: \f23d;
|
|
||||||
$fa-var-openid: \f19b;
|
|
||||||
$fa-var-opera: \f26a;
|
|
||||||
$fa-var-optin-monster: \f23c;
|
|
||||||
$fa-var-osi: \f41a;
|
|
||||||
$fa-var-outdent: \f03b;
|
|
||||||
$fa-var-page4: \f3d7;
|
|
||||||
$fa-var-pagelines: \f18c;
|
|
||||||
$fa-var-paint-brush: \f1fc;
|
|
||||||
$fa-var-palfed: \f3d8;
|
|
||||||
$fa-var-paper-plane: \f1d8;
|
|
||||||
$fa-var-paperclip: \f0c6;
|
|
||||||
$fa-var-paragraph: \f1dd;
|
|
||||||
$fa-var-paste: \f0ea;
|
|
||||||
$fa-var-patreon: \f3d9;
|
|
||||||
$fa-var-pause: \f04c;
|
|
||||||
$fa-var-pause-circle: \f28b;
|
|
||||||
$fa-var-paw: \f1b0;
|
|
||||||
$fa-var-paypal: \f1ed;
|
|
||||||
$fa-var-pen-square: \f14b;
|
|
||||||
$fa-var-pencil-alt: \f303;
|
|
||||||
$fa-var-percent: \f295;
|
|
||||||
$fa-var-periscope: \f3da;
|
|
||||||
$fa-var-phabricator: \f3db;
|
|
||||||
$fa-var-phoenix-framework: \f3dc;
|
|
||||||
$fa-var-phone: \f095;
|
|
||||||
$fa-var-phone-square: \f098;
|
|
||||||
$fa-var-phone-volume: \f2a0;
|
|
||||||
$fa-var-php: \f457;
|
|
||||||
$fa-var-pied-piper: \f2ae;
|
|
||||||
$fa-var-pied-piper-alt: \f1a8;
|
|
||||||
$fa-var-pied-piper-pp: \f1a7;
|
|
||||||
$fa-var-pinterest: \f0d2;
|
|
||||||
$fa-var-pinterest-p: \f231;
|
|
||||||
$fa-var-pinterest-square: \f0d3;
|
|
||||||
$fa-var-plane: \f072;
|
|
||||||
$fa-var-play: \f04b;
|
|
||||||
$fa-var-play-circle: \f144;
|
|
||||||
$fa-var-playstation: \f3df;
|
|
||||||
$fa-var-plug: \f1e6;
|
|
||||||
$fa-var-plus: \f067;
|
|
||||||
$fa-var-plus-circle: \f055;
|
|
||||||
$fa-var-plus-square: \f0fe;
|
|
||||||
$fa-var-podcast: \f2ce;
|
|
||||||
$fa-var-pound-sign: \f154;
|
|
||||||
$fa-var-power-off: \f011;
|
|
||||||
$fa-var-print: \f02f;
|
|
||||||
$fa-var-product-hunt: \f288;
|
|
||||||
$fa-var-pushed: \f3e1;
|
|
||||||
$fa-var-puzzle-piece: \f12e;
|
|
||||||
$fa-var-python: \f3e2;
|
|
||||||
$fa-var-qq: \f1d6;
|
|
||||||
$fa-var-qrcode: \f029;
|
|
||||||
$fa-var-question: \f128;
|
|
||||||
$fa-var-question-circle: \f059;
|
|
||||||
$fa-var-quidditch: \f458;
|
|
||||||
$fa-var-quinscape: \f459;
|
|
||||||
$fa-var-quora: \f2c4;
|
|
||||||
$fa-var-quote-left: \f10d;
|
|
||||||
$fa-var-quote-right: \f10e;
|
|
||||||
$fa-var-random: \f074;
|
|
||||||
$fa-var-ravelry: \f2d9;
|
|
||||||
$fa-var-react: \f41b;
|
|
||||||
$fa-var-rebel: \f1d0;
|
|
||||||
$fa-var-recycle: \f1b8;
|
|
||||||
$fa-var-red-river: \f3e3;
|
|
||||||
$fa-var-reddit: \f1a1;
|
|
||||||
$fa-var-reddit-alien: \f281;
|
|
||||||
$fa-var-reddit-square: \f1a2;
|
|
||||||
$fa-var-redo: \f01e;
|
|
||||||
$fa-var-redo-alt: \f2f9;
|
|
||||||
$fa-var-registered: \f25d;
|
|
||||||
$fa-var-rendact: \f3e4;
|
|
||||||
$fa-var-renren: \f18b;
|
|
||||||
$fa-var-reply: \f3e5;
|
|
||||||
$fa-var-reply-all: \f122;
|
|
||||||
$fa-var-replyd: \f3e6;
|
|
||||||
$fa-var-resolving: \f3e7;
|
|
||||||
$fa-var-retweet: \f079;
|
|
||||||
$fa-var-road: \f018;
|
|
||||||
$fa-var-rocket: \f135;
|
|
||||||
$fa-var-rocketchat: \f3e8;
|
|
||||||
$fa-var-rockrms: \f3e9;
|
|
||||||
$fa-var-rss: \f09e;
|
|
||||||
$fa-var-rss-square: \f143;
|
|
||||||
$fa-var-ruble-sign: \f158;
|
|
||||||
$fa-var-rupee-sign: \f156;
|
|
||||||
$fa-var-safari: \f267;
|
|
||||||
$fa-var-sass: \f41e;
|
|
||||||
$fa-var-save: \f0c7;
|
|
||||||
$fa-var-schlix: \f3ea;
|
|
||||||
$fa-var-scribd: \f28a;
|
|
||||||
$fa-var-search: \f002;
|
|
||||||
$fa-var-search-minus: \f010;
|
|
||||||
$fa-var-search-plus: \f00e;
|
|
||||||
$fa-var-searchengin: \f3eb;
|
|
||||||
$fa-var-sellcast: \f2da;
|
|
||||||
$fa-var-sellsy: \f213;
|
|
||||||
$fa-var-server: \f233;
|
|
||||||
$fa-var-servicestack: \f3ec;
|
|
||||||
$fa-var-share: \f064;
|
|
||||||
$fa-var-share-alt: \f1e0;
|
|
||||||
$fa-var-share-alt-square: \f1e1;
|
|
||||||
$fa-var-share-square: \f14d;
|
|
||||||
$fa-var-shekel-sign: \f20b;
|
|
||||||
$fa-var-shield-alt: \f3ed;
|
|
||||||
$fa-var-ship: \f21a;
|
|
||||||
$fa-var-shirtsinbulk: \f214;
|
|
||||||
$fa-var-shopping-bag: \f290;
|
|
||||||
$fa-var-shopping-basket: \f291;
|
|
||||||
$fa-var-shopping-cart: \f07a;
|
|
||||||
$fa-var-shower: \f2cc;
|
|
||||||
$fa-var-sign-in-alt: \f2f6;
|
|
||||||
$fa-var-sign-language: \f2a7;
|
|
||||||
$fa-var-sign-out-alt: \f2f5;
|
|
||||||
$fa-var-signal: \f012;
|
|
||||||
$fa-var-simplybuilt: \f215;
|
|
||||||
$fa-var-sistrix: \f3ee;
|
|
||||||
$fa-var-sitemap: \f0e8;
|
|
||||||
$fa-var-skyatlas: \f216;
|
|
||||||
$fa-var-skype: \f17e;
|
|
||||||
$fa-var-slack: \f198;
|
|
||||||
$fa-var-slack-hash: \f3ef;
|
|
||||||
$fa-var-sliders-h: \f1de;
|
|
||||||
$fa-var-slideshare: \f1e7;
|
|
||||||
$fa-var-smile: \f118;
|
|
||||||
$fa-var-snapchat: \f2ab;
|
|
||||||
$fa-var-snapchat-ghost: \f2ac;
|
|
||||||
$fa-var-snapchat-square: \f2ad;
|
|
||||||
$fa-var-snowflake: \f2dc;
|
|
||||||
$fa-var-sort: \f0dc;
|
|
||||||
$fa-var-sort-alpha-down: \f15d;
|
|
||||||
$fa-var-sort-alpha-up: \f15e;
|
|
||||||
$fa-var-sort-amount-down: \f160;
|
|
||||||
$fa-var-sort-amount-up: \f161;
|
|
||||||
$fa-var-sort-down: \f0dd;
|
|
||||||
$fa-var-sort-numeric-down: \f162;
|
|
||||||
$fa-var-sort-numeric-up: \f163;
|
|
||||||
$fa-var-sort-up: \f0de;
|
|
||||||
$fa-var-soundcloud: \f1be;
|
|
||||||
$fa-var-space-shuttle: \f197;
|
|
||||||
$fa-var-speakap: \f3f3;
|
|
||||||
$fa-var-spinner: \f110;
|
|
||||||
$fa-var-spotify: \f1bc;
|
|
||||||
$fa-var-square: \f0c8;
|
|
||||||
$fa-var-square-full: \f45c;
|
|
||||||
$fa-var-stack-exchange: \f18d;
|
|
||||||
$fa-var-stack-overflow: \f16c;
|
|
||||||
$fa-var-star: \f005;
|
|
||||||
$fa-var-star-half: \f089;
|
|
||||||
$fa-var-staylinked: \f3f5;
|
|
||||||
$fa-var-steam: \f1b6;
|
|
||||||
$fa-var-steam-square: \f1b7;
|
|
||||||
$fa-var-steam-symbol: \f3f6;
|
|
||||||
$fa-var-step-backward: \f048;
|
|
||||||
$fa-var-step-forward: \f051;
|
|
||||||
$fa-var-stethoscope: \f0f1;
|
|
||||||
$fa-var-sticker-mule: \f3f7;
|
|
||||||
$fa-var-sticky-note: \f249;
|
|
||||||
$fa-var-stop: \f04d;
|
|
||||||
$fa-var-stop-circle: \f28d;
|
|
||||||
$fa-var-stopwatch: \f2f2;
|
|
||||||
$fa-var-strava: \f428;
|
|
||||||
$fa-var-street-view: \f21d;
|
|
||||||
$fa-var-strikethrough: \f0cc;
|
|
||||||
$fa-var-stripe: \f429;
|
|
||||||
$fa-var-stripe-s: \f42a;
|
|
||||||
$fa-var-studiovinari: \f3f8;
|
|
||||||
$fa-var-stumbleupon: \f1a4;
|
|
||||||
$fa-var-stumbleupon-circle: \f1a3;
|
|
||||||
$fa-var-subscript: \f12c;
|
|
||||||
$fa-var-subway: \f239;
|
|
||||||
$fa-var-suitcase: \f0f2;
|
|
||||||
$fa-var-sun: \f185;
|
|
||||||
$fa-var-superpowers: \f2dd;
|
|
||||||
$fa-var-superscript: \f12b;
|
|
||||||
$fa-var-supple: \f3f9;
|
|
||||||
$fa-var-sync: \f021;
|
|
||||||
$fa-var-sync-alt: \f2f1;
|
|
||||||
$fa-var-table: \f0ce;
|
|
||||||
$fa-var-table-tennis: \f45d;
|
|
||||||
$fa-var-tablet: \f10a;
|
|
||||||
$fa-var-tablet-alt: \f3fa;
|
|
||||||
$fa-var-tachometer-alt: \f3fd;
|
|
||||||
$fa-var-tag: \f02b;
|
|
||||||
$fa-var-tags: \f02c;
|
|
||||||
$fa-var-tasks: \f0ae;
|
|
||||||
$fa-var-taxi: \f1ba;
|
|
||||||
$fa-var-telegram: \f2c6;
|
|
||||||
$fa-var-telegram-plane: \f3fe;
|
|
||||||
$fa-var-tencent-weibo: \f1d5;
|
|
||||||
$fa-var-terminal: \f120;
|
|
||||||
$fa-var-text-height: \f034;
|
|
||||||
$fa-var-text-width: \f035;
|
|
||||||
$fa-var-th: \f00a;
|
|
||||||
$fa-var-th-large: \f009;
|
|
||||||
$fa-var-th-list: \f00b;
|
|
||||||
$fa-var-themeisle: \f2b2;
|
|
||||||
$fa-var-thermometer-empty: \f2cb;
|
|
||||||
$fa-var-thermometer-full: \f2c7;
|
|
||||||
$fa-var-thermometer-half: \f2c9;
|
|
||||||
$fa-var-thermometer-quarter: \f2ca;
|
|
||||||
$fa-var-thermometer-three-quarters: \f2c8;
|
|
||||||
$fa-var-thumbs-down: \f165;
|
|
||||||
$fa-var-thumbs-up: \f164;
|
|
||||||
$fa-var-thumbtack: \f08d;
|
|
||||||
$fa-var-ticket-alt: \f3ff;
|
|
||||||
$fa-var-times: \f00d;
|
|
||||||
$fa-var-times-circle: \f057;
|
|
||||||
$fa-var-tint: \f043;
|
|
||||||
$fa-var-toggle-off: \f204;
|
|
||||||
$fa-var-toggle-on: \f205;
|
|
||||||
$fa-var-trademark: \f25c;
|
|
||||||
$fa-var-train: \f238;
|
|
||||||
$fa-var-transgender: \f224;
|
|
||||||
$fa-var-transgender-alt: \f225;
|
|
||||||
$fa-var-trash: \f1f8;
|
|
||||||
$fa-var-trash-alt: \f2ed;
|
|
||||||
$fa-var-tree: \f1bb;
|
|
||||||
$fa-var-trello: \f181;
|
|
||||||
$fa-var-tripadvisor: \f262;
|
|
||||||
$fa-var-trophy: \f091;
|
|
||||||
$fa-var-truck: \f0d1;
|
|
||||||
$fa-var-tty: \f1e4;
|
|
||||||
$fa-var-tumblr: \f173;
|
|
||||||
$fa-var-tumblr-square: \f174;
|
|
||||||
$fa-var-tv: \f26c;
|
|
||||||
$fa-var-twitch: \f1e8;
|
|
||||||
$fa-var-twitter: \f099;
|
|
||||||
$fa-var-twitter-square: \f081;
|
|
||||||
$fa-var-typo3: \f42b;
|
|
||||||
$fa-var-uber: \f402;
|
|
||||||
$fa-var-uikit: \f403;
|
|
||||||
$fa-var-umbrella: \f0e9;
|
|
||||||
$fa-var-underline: \f0cd;
|
|
||||||
$fa-var-undo: \f0e2;
|
|
||||||
$fa-var-undo-alt: \f2ea;
|
|
||||||
$fa-var-uniregistry: \f404;
|
|
||||||
$fa-var-universal-access: \f29a;
|
|
||||||
$fa-var-university: \f19c;
|
|
||||||
$fa-var-unlink: \f127;
|
|
||||||
$fa-var-unlock: \f09c;
|
|
||||||
$fa-var-unlock-alt: \f13e;
|
|
||||||
$fa-var-untappd: \f405;
|
|
||||||
$fa-var-upload: \f093;
|
|
||||||
$fa-var-usb: \f287;
|
|
||||||
$fa-var-user: \f007;
|
|
||||||
$fa-var-user-circle: \f2bd;
|
|
||||||
$fa-var-user-md: \f0f0;
|
|
||||||
$fa-var-user-plus: \f234;
|
|
||||||
$fa-var-user-secret: \f21b;
|
|
||||||
$fa-var-user-times: \f235;
|
|
||||||
$fa-var-users: \f0c0;
|
|
||||||
$fa-var-ussunnah: \f407;
|
|
||||||
$fa-var-utensil-spoon: \f2e5;
|
|
||||||
$fa-var-utensils: \f2e7;
|
|
||||||
$fa-var-vaadin: \f408;
|
|
||||||
$fa-var-venus: \f221;
|
|
||||||
$fa-var-venus-double: \f226;
|
|
||||||
$fa-var-venus-mars: \f228;
|
|
||||||
$fa-var-viacoin: \f237;
|
|
||||||
$fa-var-viadeo: \f2a9;
|
|
||||||
$fa-var-viadeo-square: \f2aa;
|
|
||||||
$fa-var-viber: \f409;
|
|
||||||
$fa-var-video: \f03d;
|
|
||||||
$fa-var-vimeo: \f40a;
|
|
||||||
$fa-var-vimeo-square: \f194;
|
|
||||||
$fa-var-vimeo-v: \f27d;
|
|
||||||
$fa-var-vine: \f1ca;
|
|
||||||
$fa-var-vk: \f189;
|
|
||||||
$fa-var-vnv: \f40b;
|
|
||||||
$fa-var-volleyball-ball: \f45f;
|
|
||||||
$fa-var-volume-down: \f027;
|
|
||||||
$fa-var-volume-off: \f026;
|
|
||||||
$fa-var-volume-up: \f028;
|
|
||||||
$fa-var-vuejs: \f41f;
|
|
||||||
$fa-var-weibo: \f18a;
|
|
||||||
$fa-var-weixin: \f1d7;
|
|
||||||
$fa-var-whatsapp: \f232;
|
|
||||||
$fa-var-whatsapp-square: \f40c;
|
|
||||||
$fa-var-wheelchair: \f193;
|
|
||||||
$fa-var-whmcs: \f40d;
|
|
||||||
$fa-var-wifi: \f1eb;
|
|
||||||
$fa-var-wikipedia-w: \f266;
|
|
||||||
$fa-var-window-close: \f410;
|
|
||||||
$fa-var-window-maximize: \f2d0;
|
|
||||||
$fa-var-window-minimize: \f2d1;
|
|
||||||
$fa-var-window-restore: \f2d2;
|
|
||||||
$fa-var-windows: \f17a;
|
|
||||||
$fa-var-won-sign: \f159;
|
|
||||||
$fa-var-wordpress: \f19a;
|
|
||||||
$fa-var-wordpress-simple: \f411;
|
|
||||||
$fa-var-wpbeginner: \f297;
|
|
||||||
$fa-var-wpexplorer: \f2de;
|
|
||||||
$fa-var-wpforms: \f298;
|
|
||||||
$fa-var-wrench: \f0ad;
|
|
||||||
$fa-var-xbox: \f412;
|
|
||||||
$fa-var-xing: \f168;
|
|
||||||
$fa-var-xing-square: \f169;
|
|
||||||
$fa-var-y-combinator: \f23b;
|
|
||||||
$fa-var-yahoo: \f19e;
|
|
||||||
$fa-var-yandex: \f413;
|
|
||||||
$fa-var-yandex-international: \f414;
|
|
||||||
$fa-var-yelp: \f1e9;
|
|
||||||
$fa-var-yen-sign: \f157;
|
|
||||||
$fa-var-yoast: \f2b1;
|
|
||||||
$fa-var-youtube: \f167;
|
|
||||||
$fa-var-youtube-square: \f431;
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user