Files
dis-2019/sass/_font-mixins.scss
2019-08-07 22:54:34 +02:00

194 lines
3.6 KiB
SCSS

/* ========================================================================== */
/* FONT-MIXINS */
/* ========================================================================== */
@mixin menutext {
//text in menu
font: 900 4rem "Westeinde Caption";
color: #000;
-webkit-text-stroke: #fff 1px;
&:hover {
color: #fff;
}
@media #{$smalldesktop} {
font-size: 2.5rem;
}
}
@mixin searchtext {
//search textbox
font: 900 4rem "Westeinde Caption";
color: #000;
-webkit-text-stroke: #fff 1px;
@media #{$smalldesktop} {
font-size: 4rem;
color: #000 !important;
}
}
@mixin home-title {
//article titles on home
font: bold 3rem "Westeinde Caption";
color: #000;
@media #{$mobile-landscape} {
font-size: 2.5rem !important;
}
@media #{$smalldesktop} {
font-size: 6rem;
}
@media #{$bigdesktop} {
font-size: 7.5rem;
}
@media #{$verybigdesktop} {
font-size: 11rem;
}
}
@mixin home-more {
//loadmore text on home and archives
font: bold 3rem "Westeinde Caption";
color: transparent;
-webkit-text-stroke: #000 1px;
@media #{$mobile-landscape} {
font-size: 2rem !important;
}
@media #{$smalldesktop} {
font-size: 3rem;
}
}
@mixin home-title-small {
//small titles on desktop on home and archives
@media #{$smalldesktop} {
font-size: 1.5rem;
//-webkit-text-stroke: #000 1px;
color: #000;
}
@media #{$bigdesktop} {
font-size: 2.2rem;
}
}
@mixin archive-tag-description {
font: bold 1rem "Butler";
color: #000;
@media #{$smalldesktop} {
font-size: 1.2rem;
}
@media #{$bigdesktop} {
font-size: 1.8rem;
}
}
@mixin home-metadata {
font: bold 1rem "Westeinde Caption";
color: #000;
@media #{$smalldesktop} {
font-size: 1.2rem;
}
}
@mixin home-metadata-big {
@media #{$smalldesktop} {
font-size: 2rem;
}
}
@mixin home-metadata-bevezeto {
font: bold 1rem "Butler";
@media #{$smalldesktop} {
font-size: 2rem;
}
}
@mixin bedocircle {
font: 900 1rem "Westeinde Caption";
color: transparent;
-webkit-text-stroke: #000 1px;
text-transform: uppercase;
&.current {
color: #000 !important;
}
@media #{$smalldesktop} {
font-size: 1.2rem;
}
@media #{$bigdesktop} {
font-size: 1.2rem;
}
}
// @mixin bedo-hover-title {
// font: 900 12rem "Westeinde Caption";
// color: transparent;
// -webkit-text-stroke: #fff 1px;
// text-transform: uppercase;
// }
// @mixin bedo-hover-sub {
// font: 900 1.4rem "Westeinde Caption";
// color: #fff;
// }
@mixin single-title {
font: 800 3rem "Butler";
color: #000;
@media #{$smalldesktop} {
font-size: 5rem;
}
}
// @mixin single-title2 {
// font: bold 3rem "Butler";
// color: #000;
// @media #{$smalldesktop} {
// font-size: 5rem;
// }
// }
@mixin single-metadata {
font: bold 1.4rem "Westeinde Caption";
@media #{$smalldesktop} {
font: 900 2rem "Westeinde Caption";
color: #fff;
-webkit-text-stroke: #000 1px;
}
}
@mixin single-author {
@include single-metadata();
font-size: 2rem;
color: #fff;
-webkit-text-stroke: #000 1px;
@media #{$smalldesktop} {
font-size: 3rem;
}
}
@mixin single-h2 {
font: 800 3rem "Butler";
}
@mixin single-h4 {
font-weight: 500;
font-size: 2.4rem;
line-height: 1.6;
}
@mixin captiontext {
//képaláírás
font: 900 1rem "Westeinde Caption";
color: #000;
// -webkit-text-stroke-width: 1px;
}
@mixin single-quote {
font: 800 2rem "Butler";
color: #000;
}
@mixin related-title {
font: 500 2rem "Westeinde Caption";
line-height: 1.3;
}