Styling reorganization

This commit is contained in:
PMKuipers 2023-08-26 17:07:42 +02:00
parent ecd47829e1
commit 19e2bf7312
6 changed files with 400 additions and 325 deletions

File diff suppressed because it is too large Load Diff

16
scss/colors.scss Normal file
View File

@ -0,0 +1,16 @@
.path-local-treestudyplan, .features-treestudyplan
{
/* we can override these colors in the :root field if needed */
--less-light: color-mix(in srgb, var(--light) 80%, #ccc);
--highlight-mix: 10%;
--highlight: var(--info);
--past: var(--purple);
--present: var(--blue);
--future: var(--gray);
--coursecat-list: var(--blue);
--course-list: var(--green);
--excellent: var(--blue);
--pending: var(--gray);
--incomplete: var(--gray);
}

15
scss/generic.scss Normal file
View File

@ -0,0 +1,15 @@
.path-local-treestudyplan {
div.tab-pane:target {
margin-top: 0px;
}
[v-cloak] {
visibility: hidden;
}
.vue-loader {
width: 32px;
margin: auto;
}
}

View File

@ -1,21 +1,3 @@
/* stylelint-disable length-zero-no-unit, color-hex-case, color-hex-length*/
.path-local-treestudyplan {
div.tab-pane:target {
margin-top: 0px;
}
[v-cloak] {
visibility: hidden;
}
.vue-loader {
width: 32px;
margin: auto;
}
}
/******************* /*******************
* *
* Invite manager * Invite manager

20
scss/readme-moodle.txt Normal file
View File

@ -0,0 +1,20 @@
The amount of css rules required for this plugin is quite high. To accomodate the
moodle plugin practice of plugin specific css selectors, this makes the css rules
quite hard to maintain.
Unfortunately, moodle does not extend the sass/scss compiler support to plugins
that are not a theme.
To alleviate this, this plugin includes it's own scss compiler script that compiles
all scss files in this directory into one css file - css/devstyles.css
This files is used instead of styles.css in order to avoid having to clear the theme
cache every time a style rule is changed during development.
Once I devise a method to use styles.css in production environtments and css/devstyles.css
production environments, the compiler will compile it into both css/devstyles.css
and styles.css
Call the plugin's scss compiler by running scssbuild.sh in the plugin's root.

View File

@ -1,19 +1,6 @@
/* stylelint-disable length-zero-no-unit, color-hex-case, color-hex-length, no-eol-whitespace, unit-blacklist, block-no-empty */
.path-local-treestudyplan, .block_mytreestudyplan .path-local-treestudyplan, .features-treestudyplan
{ {
/* we can override these colors in the :root field if needed */
--less-light: color-mix(in srgb, var(--light) 80%, #ccc);
--highlight-mix: 10%;
--highlight: var(--info);
--past: var(--purple);
--present: var(--blue);
--future: var(--gray);
--coursecat-list: var(--blue);
--course-list: var(--green);
--excellent: var(--blue);
--pending: var(--gray);
--incomplete: var(--gray);
.t-toolbox-preface { .t-toolbox-preface {
margin: 10px; margin: 10px;