rdrew
/
vre2024
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

added vars

master
rdrew 5 months ago
parent
d924c59a51
commit
409856c018
10 changed files with 3079 additions and 107 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 12
      bs.js
  2. 184
      css/base.css
  3. 9
      css/components.css
  4. 8
      css/footer.css
  5. 9
      css/header.css
  6. 2
      css/layout.css
  7. 46
      css/site-variables.css
  8. 2912
      package-lock.json
  9. 3
      package.json
  10. 1
      vre2024.libraries.yml

12
bs.js
Unescape View File

@ -1,13 +1,17 @@
var browserSync = require('browser-sync');
var themeName = 'vre2024';
var siteUrl = 'https://library_local.lndo.site';
var cssWatchDir = 'css/**/*.css';
var filesToServe = '.';
browserSync({
proxy: 'https://islandlives2023.lndo.site',
files: 'css/**/*.css',
proxy: siteUrl,
files: cssWatchDir,
plugins: ['bs-rewrite-rules'],
serveStatic: ['.'],
serveStatic: [filesToServe],
rewriteRules: [
{
match: /\/themes\/custom\/robertsonlibrary_v1/g,
match: /\/themes\/custom\/vre2024/g,
replace: ''
}
]

184
css/base.css
Unescape View File

@ -1,22 +1,3 @@
/* Font info
---------------------------------------- */
/* Variables
---------------------------------------- */
:root {
--upei-red: #8c2004;
--upei-green: #5C8727;
--upei-yellow: #fbb040;
--primary: #365AB5;
--secondary: #D05700;
--dark: #232742;
--light: #D5DCEE;
--border: #99A4C1;
--color-text: #444444;
--color-heading: #111111;
}
/* Default box sizing.
---------------------------------------- */
*,
@ -47,7 +28,7 @@ html:focus-within {
}
html {
font-size: 16px;
scroll-behavior: smooth;
scroll-behavior: smooth;
}
html,
body {
@ -55,7 +36,19 @@ body {
}
body {
color: var(--color-text);
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
background-color: var(--body-bg-color);
font-family:
system-ui,
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
Roboto,
Oxygen,
Ubuntu,
Cantarell,
'Open Sans',
'Helvetica Neue',
sans-serif;
font-size: 1rem;
font-weight: 400;
min-height: 100vh;
@ -112,22 +105,22 @@ h6 {
line-height: 1.6;
}
h1 {
font-size: 2.2rem;
font-size: var(--h1-size);
}
h2 {
font-size: 1.9rem;
font-size: var(--h2-size);
}
h3 {
font-size: 1.6rem;
font-size: var(--h3-size);
}
h4 {
font-size: 1.3rem;
font-size: var(--h4-size);
}
h5 {
font-size: 1.1rem;
font-size: var(--h5-size);
}
h6 {
font-size: 1.1rem;
font-size: var(--h6-size);
}
p {
margin: 0 0 1.2rem 0;
@ -210,11 +203,12 @@ var {
mark {
background: var(--primary);
}
acronym[title], abbr[title] {
acronym[title],
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
text-decoration: underline dotted;
}
abbr,
acronym {
@ -228,7 +222,7 @@ canvas,
progress,
video {
vertical-align: baseline;
max-width:100%;
max-width: 100%;
}
audio:not([controls]) {
display: none;
@ -297,13 +291,13 @@ select {
text-transform: none;
}
.button {
display:inline-block;
display: inline-block;
}
.button,
button,
[type="button"],
[type="reset"],
[type="submit"] {
[type='button'],
[type='reset'],
[type='submit'] {
position: relative;
cursor: pointer;
border: 0;
@ -312,16 +306,16 @@ button,
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
outline: 0;
}
button[disabled],
@ -346,19 +340,19 @@ input,
textarea {
max-width: 100%;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
textarea {
padding: 10px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus,
textarea:focus {
outline: 0;
}
@ -366,28 +360,28 @@ textarea {
width: 100%;
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
[type='checkbox'],
[type='radio'] {
padding: 0;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
[type='search'] {
-webkit-appearance: textfield;
outline-offset: -2px;
-webkit-appearance: textfield;
-moz-appearance: textfield;
}
[type="search"]::-webkit-search-decoration {
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
[type="file"] {
[type='file'] {
cursor: pointer;
}
fieldset {
@ -420,7 +414,7 @@ label[for] {
margin-bottom: 1rem;
}
.form-required:after {
content: "*";
content: '*';
display: inline-block;
padding-left: 4px;
color: red;
@ -445,11 +439,11 @@ label.option {
:-ms-input-placeholder {
color: var(--border);
}
.field--name-body input[type="text"],
.field--name-body input[type="email"],
.field--name-body input[type="url"],
.field--name-body input[type="password"],
.field--name-body input[type="search"],
.field--name-body input[type='text'],
.field--name-body input[type='email'],
.field--name-body input[type='url'],
.field--name-body input[type='password'],
.field--name-body input[type='search'],
.field--name-body textarea {
display: block;
margin-bottom: 0.8rem;
@ -490,38 +484,38 @@ blockquote > :last-child {
/* List
---------------------------------------- */
ul,
ol {
margin: 0;
padding: 0 0 0.25rem 1rem;
}
[dir="rtl"] ul,
[dir="rtl"] ol {
padding: 0 1rem 0.25rem 0;
}
ol ol,
ul ul {
margin: 0;
padding: 0 0 0.25rem 1rem;
}
[dir="rtl"] ol ol,
[dir="rtl"] ul ul {
padding: 0 1rem 0.25rem 0;
}
ul {
list-style: disc;
}
li > ul,
li > ol {
margin-bottom: 0;
}
[dir="rtl"] ul,
[dir="rtl"] ol {
padding: 0 1rem 0.25rem 0;
}
li {
padding: 4px 0;
}
ul,
ol {
margin: 0;
padding: 0 0 0.25rem 1rem;
}
[dir='rtl'] ul,
[dir='rtl'] ol {
padding: 0 1rem 0.25rem 0;
}
ol ol,
ul ul {
margin: 0;
padding: 0 0 0.25rem 1rem;
}
[dir='rtl'] ol ol,
[dir='rtl'] ul ul {
padding: 0 1rem 0.25rem 0;
}
ul {
list-style: disc;
}
li > ul,
li > ol {
margin-bottom: 0;
}
[dir='rtl'] ul,
[dir='rtl'] ol {
padding: 0 1rem 0.25rem 0;
}
li {
padding: 4px 0;
}
/* Table
---------------------------------------- */

9
css/components.css
Unescape View File

@ -78,15 +78,16 @@ ul.page-tabs {
display: inline-flex;
padding: 0;
}
.page-tabs li a {
background-color: var(--dark);
color: #ffffff;
background-color: var(--page-tab-bg-color);
color: var(--page-tab-text-color);
padding: 0.5rem 1rem;
border-right: 2px solid var(--border);
border-right: 2px solid var(--page-tab-border-color);
}
.page-tabs li.active-page-tab a,
.page-tabs li a:hover {
color: var(--primary);
color: var(--page-tab-text-color-active);
}
/* Node submitted details */
.node-submitted-details {

8
css/footer.css
Unescape View File

@ -4,11 +4,15 @@
/* Footer */
.footer {
position: relative;
background-color: var(--light);
background-color: var(--footer-bg-color);
color: var(--footer-text-color);
width: 100%;
margin: 0;
padding: 0;
}
a {
color: var(--footer-link-color);
}
}
.footer ul {
list-style: none;
padding: 0;

9
css/header.css
Unescape View File

@ -8,6 +8,8 @@
width: 100%;
margin: 0;
padding: 0.5rem 0;
background: var(--header-bg-color);
color: var(--header-text-color);
}
.header-top-container {
position: relative;
@ -81,6 +83,7 @@
}
.site-logo {
padding-right: 5px;
width: var(--logo-width);
}
.site-logo img {
display: block;
@ -101,6 +104,12 @@
.site-slogan {
line-height: 1.1;
}
.site-name {
a {
font-size: var(--site-name-font-size);
color: var(--site-name-font-color);
}
}
/* Header -> header right */
.header-right {

2
css/layout.css
Unescape View File

@ -5,7 +5,7 @@
.container {
position: relative;
width: 100%;
max-width: 1170px;
max-width: var(--page-container-width);
margin: 0 auto;
padding: 0 10px;
}

46
css/site-variables.css
Unescape View File

@ -0,0 +1,46 @@
/* Font info
---------------------------------------- */
/* Variables
---------------------------------------- */
:root {
--upei-red: #8c2004;
--upei-green: #5c8727;
--upei-yellow: #fbb040;
--primary: #365ab5;
--primary: var(--upei-red);
--secondary: #d05700;
--dark: #232742;
--light: #ccc;
--border: #a8a6a6;
--color-text: #444444;
--color-heading: #111111;
--body-bg-color: #fff;
--page-tab-bg-color: var(--light);
--page-tab-text-color: #333;
--page-tab-text-color-active: var(--primary);
--page-tab-border-color: var(--border);
--h1-size: 2.2rem;
--h2-size: 1.9rem;
--h3-size: 1.6rem;
--h4-size: 1.3rem;
--h5-size: 1.1rem;
--h6-size: 1.1rem;
--page-container-width: 1440px;
--header-bg-color: #333;
--header-text-color: #fff;
--logo-width: 100px;
--site-name-font-size: 2em;
--site-name-font-color: var(--header-text-color);
/*footer*/
--footer-bg-color: #ccc;
--footer-text-color: initial;
--footer-link-color: var(--upei-red);
}

2912
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

3
package.json
Unescape View File

@ -11,6 +11,7 @@
"license": "ISC",
"devDependencies": {
"browser-sync": "^3.0.2",
"bs-rewrite-rules": "^2.1.2"
"bs-rewrite-rules": "^2.1.2",
"prettier": "3.2.5"
}
}

1
vre2024.libraries.yml
Unescape View File

@ -2,6 +2,7 @@ global-styling:
version: VERSION
css:
base:
css/site-variables.css: {}
css/base.css: {}
layout:
css/layout.css: {}

Write Preview
Loading…
Cancel
Save