xarxaprod
/
oficinasuport-wp-theme
2
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

modified body font size and relativized sizes of headers, paragraphs and blocquotes. modified max-width

This commit is contained in:
jorge-vitrubio 2022-11-30 14:53:34 +01:00
parent 46317e2e30
commit 2bfd7fc5be
7 changed files with 80 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
sass/abstracts/variables/_typography.scss
View File

@ -9,6 +9,6 @@ $font__main: $font__regular;
// stylelint-enable value-keyword-case // stylelint-enable value-keyword-case
$font__code: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; $font__code: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
$font__pre: "Courier 10 Pitch", courier, monospace; $font__pre: "Courier 10 Pitch", courier, monospace;
$font__size-body: 1.5rem; $font__size-body: 1rem;
$font__line-height-body: 1.3; $font__line-height-body: 1.3;
$font__line-height-pre: 1.4; $font__line-height-pre: 1.4;

3
sass/base/elements/_buttons.scss
View File

@ -1,7 +1,8 @@
button, button,
input[type="button"], input[type="button"],
input[type="reset"], input[type="reset"],
input[type="submit"] { input[type="submit"],
.wp-block-button__link {
border: 1px solid; border: 1px solid;
border-color: $color__border-button; border-color: $color__border-button;
border-radius: 3px; border-radius: 3px;

5
sass/base/typography/_copy.scss
View File

@ -10,7 +10,10 @@ i {
} }
blockquote { blockquote {
margin: 0 1.5em; margin: 0;
p {
font-size: $font__size-body*1.1;
}
} }
address { address {

28
sass/base/typography/_headings.scss
View File

@ -2,9 +2,31 @@ h1,
h2, h2,
h3, h3,
h4, h4,
h5, h5 {
h6 {
font-family: $font__light;
text-transform: uppercase; text-transform: uppercase;
clear: both; clear: both;
} }
h1 {
font-family: $font__light;
font-size: $font__size-body*3.5;
}
h2 {
font-family: $font__light;
font-size: $font__size-body*2.5;
}
h3 {
font-family: $font__black;
font-size: $font__size-body*1.5;
}
h4 {
font-family: $font__bold;
font-size: $font__size-body*1.3;
}
h5 {
font-family: $font__medium;
font-size: $font__size-body*1.3;
}
h6 {
font-family: $font__light;
font-size: $font__size-body*1.1;
}

3
sass/layouts/_no-sidebar.scss
View File

@ -8,7 +8,8 @@
"footer"; "footer";
margin: auto; margin: auto;
padding: 0 3rem; padding: 0 3rem;
max-width: 51em; // max-width: 1300px;
max-width: 80em;
} }
.site-header { .site-header {
.main { .main {

54
style.css
View File

@ -390,7 +390,7 @@ optgroup,
textarea { textarea {
color: #404040; color: #404040;
font-family: "din-regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: "din-regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.5rem; font-size: 1rem;
line-height: 1.3; line-height: 1.3;
} }
@ -398,13 +398,41 @@ h1,
h2, h2,
h3, h3,
h4, h4,
h5, h5 {
h6 {
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
text-transform: uppercase; text-transform: uppercase;
clear: both; clear: both;
} }
h1 {
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 3.5rem;
}
h2 {
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 2.5rem;
}
h3 {
font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.5rem;
}
h4 {
font-family: "din-bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.3rem;
}
h5 {
font-family: "din-medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.3rem;
}
h6 {
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.1rem;
}
p { p {
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
@ -417,7 +445,11 @@ i {
} }
blockquote { blockquote {
margin: 0 1.5em; margin: 0;
}
blockquote p {
font-size: 1.1rem;
} }
address { address {
@ -595,7 +627,8 @@ a:hover, a:active {
button, button,
input[type="button"], input[type="button"],
input[type="reset"], input[type="reset"],
input[type="submit"] { input[type="submit"],
.wp-block-button__link {
border: 1px solid; border: 1px solid;
border-color: #000 #000 #000; border-color: #000 #000 #000;
border-radius: 3px; border-radius: 3px;
@ -608,7 +641,8 @@ input[type="submit"] {
button:hover, button:hover,
input[type="button"]:hover, input[type="button"]:hover,
input[type="reset"]:hover, input[type="reset"]:hover,
input[type="submit"]:hover { input[type="submit"]:hover,
.wp-block-button__link:hover {
border-color: #111 #111 #111; border-color: #111 #111 #111;
} }
@ -618,7 +652,9 @@ input[type="button"]:focus,
input[type="reset"]:active, input[type="reset"]:active,
input[type="reset"]:focus, input[type="reset"]:focus,
input[type="submit"]:active, input[type="submit"]:active,
input[type="submit"]:focus { input[type="submit"]:focus,
.wp-block-button__link:active,
.wp-block-button__link:focus {
border-color: #222 #222 #222; border-color: #222 #222 #222;
} }
@ -680,7 +716,7 @@ textarea {
grid-template-areas: "header" "main" "footer"; grid-template-areas: "header" "main" "footer";
margin: auto; margin: auto;
padding: 0 3rem; padding: 0 3rem;
max-width: 51em; max-width: 80em;
} }
.no-sidebar .site-header .main { .no-sidebar .site-header .main {

2
style.css.map
View File

File diff suppressed because one or more lines are too long