Files
wordpress-preseed/wp-content/themes/Pirate-Rogue/css/sass/elements/_general-styles.scss
2019-08-31 00:48:20 +02:00

266 lines
4.4 KiB
SCSS

/*-----------------------------------------------------------------------------------*/
/* General Styles
/*-----------------------------------------------------------------------------------*/
.front-section-title,
.social-front-title,
p.text-big, .widget_mc4wp_form_widget p,
.jetpack_subscription_widget #subscribe-text p,
.single-post .entry-content p.intro {
@include px2rem($font-size-entrytitle);
}
.section-about-column-one p {
@include px2rem($font-size-bigtext);
}
.entry-content p {
&.pull-left,
&.pull-right {
@include px2rem($font-size-bigtext);
}
@include px2rem($font-size-base);
}
.entry-header {
p.intro {
@include px2rem($font-size-base);
}
}
p.site-title {
font-weight: bold;
padding-right: 55px;
margin: 0;
@include px2rem($font-size-sitetitle);
}
#overlay-nav ul li a,
#desktop-navigation ul li a,
.comments-toggle {
@include px2rem($font-size-smaller);
}
.section-about-column-one p cite,
.footer-feature-btn,
.page a.post-edit-link {
@include px2rem($font-size-smaller);
}
.site-content {
p.nocomments,
div.wpcf7 p input.wpcf7-submit {
@include px2rem($font-size-smaller);
}
}
.entry-summary,
.footer-menu ul li,
#overlay-nav ul ul li a,
#footer-social span {
@include px2rem($font-size-small);
hypens: auto;
}
.widget_rss ul li {
.rssSummary,
cite {
@include px2rem($font-size-small);
}
}
.contact-form label span {
@include px2rem($font-size-small);
}
#site-info,
.front-section a.all-posts-link,
.single-post .canonical-link,
.null-instagram-feed .clear {
font-size: 12px;
font-size: 0.75rem;
}
#overlay-nav ul li a,
#desktop-navigation ul li a,
.site-content p.nocomments {
text-transform: uppercase;
letter-spacing: 1px;
}
/* --- Links + Colors --- */
.comments-show #comments-toggle,
#comments-toggle:focus,
#comments-toggle:hover {
border: 2px solid #0c6ca6;
}
#primary #infinite-handle span:focus,
#front-section-three a.all-posts-link:focus,
.footer-feature-btn:focus,
#offcanvas-widgets-open:focus,
#primary #infinite-handle span:hover,
#front-section-three a.all-posts-link:hover,
.footer-feature-btn:hover,
#offcanvas-widgets-open:hover,
.offcanvas-widgets-show #offcanvas-widgets-open {
border: 2px solid #0c6ca6;
}
/* --- Typography --- */
p {
margin-bottom: 30px;
.entry-summary & {
@include hyphens(auto);
}
}
.entry-content p:last-child,
.team-text p:last-child {
margin-bottom: 0;
}
b, strong {
font-weight: bold;
}
dfn, em, i {
font-style: italic;
}
s, strike, del {
text-decoration: line-through;
}
address {
margin: 0 0 30px;
}
pre {
max-width: 100%;
word-wrap: break-word;
margin-bottom: 30px;
padding: 15px;
overflow: auto;
}
code, kbd, tt, var, pre {
font-family: $font-family-monospace;
@include px2rem($font-size-smaller);
}
abbr, acronym {
border-bottom-width: 1px;
border-bottom-style: dotted;
cursor: help;
}
mark, ins {
text-decoration: none;
}
sup, sub {
position: relative;
vertical-align: baseline;
height: 0;
font-size: 75%;
line-height: 0;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
dt {
padding-bottom: 4px;
font-weight: bold;
}
dd {
margin: 0 0 30px;
}
dl {
dt {
font-weight: bold;
}
dd {
margin: 0 0 30px;
}
}
@media screen and (min-width: $breakpoint-sm) {
.front-section-title,
.social-front-title {
@include px2rem($font-size-h1-sm);
}
.entry-header p.intro,
.section-about-column-one p,
p.text-big,
.single-post .entry-content p.intro {
@include px2rem($font-size-entrytitle-sm);
}
.entry-content p {
&.pull-left,
&.pull-right {
@include px2rem($font-size-bigtext-sm);
}
@include px2rem($font-size-base-sm);
}
.entry-content {
ol, ul, dl {
@include px2rem($font-size-base-sm);
}
}
.big-thumb .entry-header p.intro,
.section-one-column-one .type-post .entry-summary,
.section-three-column-one .type-post .entry-summary,
p.text-small {
@include px2rem($font-size-base-sm);
}
address {
@include px2rem($font-size-base-sm);
}
.entry-summary {
@include px2rem($font-size-base);
}
.null-instagram-feed .clear {
@include px2rem($font-size-smaller);
}
.section-fourcolumn-postwrap .type-post .entry-summary,
.section-sixcolumn-postwrap .type-post .entry-summary {
@include px2rem($font-size-smaller);
}
}