mirror of
https://github.com/ae-utbm/sith.git
synced 2026-10-14 14:46:03 +00:00
Compare commits
5
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
b8ef4e2fdc | ||
|
|
182976406f | ||
|
|
67cfcb66b6 | ||
|
|
15c5a37c99 | ||
|
|
07648f596e |
No files matched your search
@@ -5,7 +5,6 @@
|
|||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
padding: 0.4em;
|
padding: 0.4em;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
background: $white-color;
|
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
--box-shadow: rgb(60 64 67 / 30%) 0 1px 3px 0, rgb(60 64 67 / 15%) 0 3px 7px 2px;
|
--box-shadow: rgb(60 64 67 / 30%) 0 1px 3px 0, rgb(60 64 67 / 15%) 0 3px 7px 2px;
|
||||||
background: lighten($second-color, 5%);
|
background: var(--bg-yellow);
|
||||||
box-shadow: var(--box-shadow);
|
box-shadow: var(--box-shadow);
|
||||||
padding: .75rem;
|
padding: .75rem;
|
||||||
margin: 0 0 0.5em 0;
|
margin: 0 0 0.5em 0;
|
||||||
@@ -85,7 +85,7 @@
|
|||||||
|
|
||||||
#links_content {
|
#links_content {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
box-shadow: $shadow-color 1px 1px 1px;
|
box-shadow: var(--bg-darkened-off-white) 1px 1px 1px;
|
||||||
min-height: 20em;
|
min-height: 20em;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
|
|
||||||
@@ -111,7 +111,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#birthdays_content {
|
#birthdays_content {
|
||||||
box-shadow: $shadow-color 1px 1px 1px;
|
box-shadow: var(--bg-darkened-off-white) 1px 1px 1px;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
|
|
||||||
ul.birthdays_year {
|
ul.birthdays_year {
|
||||||
@@ -123,7 +123,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
|
|
||||||
&:nth-child(even) {
|
&:nth-child(even) {
|
||||||
background: $secondary-neutral-light-color;
|
background: var(--bg-off-white);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -141,7 +141,7 @@
|
|||||||
|
|
||||||
/* EVENTS TODAY AND NEXT FEW DAYS */
|
/* EVENTS TODAY AND NEXT FEW DAYS */
|
||||||
.news_events_group {
|
.news_events_group {
|
||||||
box-shadow: $shadow-color 1px 1px 1px;
|
box-shadow: var(--bg-darkened-off-white) 1px 1px 1px;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
|
|
||||||
@@ -153,8 +153,8 @@
|
|||||||
display: table-cell;
|
display: table-cell;
|
||||||
padding: 0.6em;
|
padding: 0.6em;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
background: $primary-neutral-dark-color;
|
background: var(--deepblue);
|
||||||
color: $white-color;
|
color: var(--text-white);
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -180,7 +180,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.news_event:nth-of-type(even) {
|
.news_event:nth-of-type(even) {
|
||||||
background: $primary-neutral-light-color;
|
background: var(--bg-white);
|
||||||
}
|
}
|
||||||
|
|
||||||
.news_event {
|
.news_event {
|
||||||
|
|||||||
@@ -1,41 +1,37 @@
|
|||||||
$first-color: hsl(220, 100%, 50%);
|
/**
|
||||||
$second-color: hsl(48, 100%, 67%);
|
* Sith theme variables
|
||||||
$primary-color: hsl(219.9, 53.7%, 50%);
|
*/
|
||||||
$secondary-color: hsl(204, 64%, 44%);
|
:root {
|
||||||
$primary-color-text: hsl(0, 0%, 100%);
|
--bg-yellow: #ffe270;
|
||||||
$secondary-color-text: hsla(0, 0%, 0%, 0.87);
|
--bg-white: #f9fafb;
|
||||||
|
--bg-off-white: #f0f0f0;
|
||||||
|
--bg-darkened-off-white: #e3e3e3;
|
||||||
|
--bg-lightgrey: #d4d4d4;
|
||||||
|
|
||||||
$primary-light-color: hsl(219.8, 46.4%, 64.9%);
|
--text-white: #f9fafb;
|
||||||
$primary-dark-color: hsl(203, 75%, 40%);
|
--text-black: #2b2b2b;
|
||||||
|
--text-red: #eb2f06;
|
||||||
|
|
||||||
$secondary-light-color: hsl(40, 68%, 65%);
|
--blue: #3b69c4;
|
||||||
$secondary-dark-color: hsl(40, 68%, 35%);
|
--lightblue: #1a78b3;
|
||||||
|
// darkened-deepblue is 10% darker than deepblue
|
||||||
$primary-neutral-color: hsl(219.6, 20.8%, 50%);
|
// This is explicitely declared, because the `darken` scss function
|
||||||
$primary-neutral-light-color: hsl(0, 0%, 94%);
|
// isn't called at compile-time somehow.
|
||||||
$primary-neutral-dark-color: hsl(210, 29%, 29%);
|
--deepblue: #354a5f;
|
||||||
|
--darkened-deepblue: #23313e;
|
||||||
$secondary-neutral-color: hsl(204, 64%, 44%);
|
}
|
||||||
$secondary-neutral-light-color: hsl(0, 0%, 91%);
|
|
||||||
$secondary-neutral-dark-color: hsl(40, 57.6%, 17%);
|
|
||||||
|
|
||||||
$white-color: hsl(219.6, 20.8%, 98%);
|
|
||||||
$black-color: hsl(0, 0%, 17%);
|
|
||||||
$red-text-color: #eb2f06;
|
|
||||||
$hovered-red-text-color: #ff4d4d;
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Brand colours.
|
||||||
|
* Those are officially defined by their respective companies,
|
||||||
|
* and so are more appropriate as scss variables.
|
||||||
|
*/
|
||||||
$faceblue: hsl(221, 44%, 41%);
|
$faceblue: hsl(221, 44%, 41%);
|
||||||
$twitblue: hsl(206, 82%, 63%);
|
$twitblue: hsl(206, 82%, 63%);
|
||||||
$discordblurple: #7289da;
|
$discordblurple: #7289da;
|
||||||
$instagradient: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
|
$instagradient: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
|
||||||
$githubblack: rgb(22, 22, 20);
|
$githubblack: rgb(22, 22, 20);
|
||||||
|
|
||||||
$shadow-color: rgb(223, 223, 223);
|
|
||||||
|
|
||||||
$background-button-color: hsl(0, 0%, 95%);
|
|
||||||
|
|
||||||
$deepblue: #354a5f;
|
|
||||||
|
|
||||||
@mixin shadow {
|
@mixin shadow {
|
||||||
box-shadow: rgba(60, 64, 67, 0.3) 0 1px 3px 0,
|
box-shadow: rgba(60, 64, 67, 0.3) 0 1px 3px 0,
|
||||||
rgba(60, 64, 67, 0.15) 0 4px 8px 3px;
|
rgba(60, 64, 67, 0.15) 0 4px 8px 3px;
|
||||||
|
|||||||
@@ -17,7 +17,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
background-color: $primary-neutral-light-color;
|
background-color: var(--bg-off-white);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
position: relative;
|
position: relative;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@@ -30,12 +30,12 @@
|
|||||||
gap: 20px;
|
gap: 20px;
|
||||||
|
|
||||||
&:disabled {
|
&:disabled {
|
||||||
background-color: darken($primary-neutral-light-color, 5%);
|
background-color: var(--bg-darkened-off-white);
|
||||||
opacity: 65%;
|
opacity: 65%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.clickable:not(:disabled):hover {
|
&.clickable:not(:disabled):hover {
|
||||||
background-color: darken($primary-neutral-light-color, 5%);
|
background-color: var(--bg-darkened-off-white);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ ui-tab-group {
|
|||||||
.tab-headers {
|
.tab-headers {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
background-color: $primary-neutral-light-color;
|
background-color: var(--bg-off-white);
|
||||||
padding: 3px 12px 12px;
|
padding: 3px 12px 12px;
|
||||||
column-gap: 20px;
|
column-gap: 20px;
|
||||||
border-top-left-radius: 5px;
|
border-top-left-radius: 5px;
|
||||||
@@ -25,23 +25,27 @@ ui-tab-group {
|
|||||||
background-color: unset;
|
background-color: unset;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: var(--bg-lightgrey);
|
||||||
|
}
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-bottom: 4px solid darken($primary-neutral-light-color, 10%);
|
border-bottom: 4px solid var(--bg-lightgrey);
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
transition: all 0.2s ease-in-out;
|
transition: all 0.2s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover:after {
|
&:hover:after {
|
||||||
border-bottom-color: darken($primary-neutral-light-color, 20%);
|
filter: brightness(85%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active:after {
|
&.active:after {
|
||||||
border-bottom-color: $primary-dark-color;
|
border-bottom-color: var(--lightblue);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ footer.bottom-links {
|
|||||||
@media (max-width: $small-devices) {
|
@media (max-width: $small-devices) {
|
||||||
margin-top: 0.6em;
|
margin-top: 0.6em;
|
||||||
padding: 1.25em;
|
padding: 1.25em;
|
||||||
background-color: $primary-neutral-dark-color;
|
background-color: var(--deepblue);
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -28,24 +28,24 @@ footer.bottom-links {
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $white-color;
|
color: var(--text-white);
|
||||||
width: auto;
|
width: auto;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $white-color;
|
color: var(--text-white);
|
||||||
text-shadow: 0.5px 0.5px 0.5px $shadow-color;
|
text-shadow: 0.5px 0.5px 0.5px var(--bg-darkened-off-white);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fa-github {
|
.fa-github {
|
||||||
color: $white-color;
|
color: var(--text-white);
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 0px;
|
height: 0;
|
||||||
border: none;
|
border: none;
|
||||||
border-top: 0.5px solid $white-color;
|
border-top: 0.5px solid var(--bg-white);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -59,24 +59,22 @@ footer.bottom-links {
|
|||||||
|
|
||||||
section:first-of-type {
|
section:first-of-type {
|
||||||
margin: 0.6em 0;
|
margin: 0.6em 0;
|
||||||
color: $white-color;
|
color: var(--text-white);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: $primary-neutral-dark-color;
|
background-color: var(--deepblue);
|
||||||
box-shadow: $shadow-color 0 0 15px;
|
box-shadow: var(--bg-white) 0 0 15px;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $white-color;
|
|
||||||
width: auto;
|
width: auto;
|
||||||
padding: 0.8em;
|
padding: 0.8em;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $white-color;
|
text-shadow: 0.5px 0.5px 0.5px var(--bg-white);
|
||||||
text-shadow: 0.5px 0.5px 0.5px $shadow-color;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+10
-14
@@ -16,7 +16,6 @@
|
|||||||
input[type="file"] {
|
input[type="file"] {
|
||||||
border: none;
|
border: none;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: $background-button-color;
|
|
||||||
padding: 0.4em;
|
padding: 0.4em;
|
||||||
margin: 0.1em;
|
margin: 0.1em;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
@@ -24,7 +23,7 @@
|
|||||||
color: black;
|
color: black;
|
||||||
|
|
||||||
&:not(.link-like):not(:disabled):hover {
|
&:not(.link-like):not(:disabled):hover {
|
||||||
background: hsl(0, 0%, 83%);
|
background: var(--bg-lightgrey);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -53,7 +52,7 @@
|
|||||||
.ts-control {
|
.ts-control {
|
||||||
border: none;
|
border: none;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: $background-button-color;
|
//background-color: $background-button-color;
|
||||||
padding: 0.4em;
|
padding: 0.4em;
|
||||||
margin: 0.1em;
|
margin: 0.1em;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
@@ -64,7 +63,7 @@
|
|||||||
textarea {
|
textarea {
|
||||||
border: none;
|
border: none;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: $background-button-color;
|
//background-color: $background-button-color;
|
||||||
padding: 7px;
|
padding: 7px;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
@@ -75,7 +74,7 @@
|
|||||||
border: none;
|
border: none;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
background-color: $background-button-color;
|
//background-color: $background-button-color;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@@ -83,14 +82,14 @@
|
|||||||
|
|
||||||
a:not(.button) {
|
a:not(.button) {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: $primary-dark-color;
|
color: var(--lightblue);
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $primary-light-color;
|
color: var(--blue);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
color: $primary-color;
|
color: var(--blue);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -762,16 +761,13 @@ form {
|
|||||||
// a submit input that should look like a regular <a>
|
// a submit input that should look like a regular <a>
|
||||||
input[type="submit"], button {
|
input[type="submit"], button {
|
||||||
&.link-like {
|
&.link-like {
|
||||||
color: $primary-dark-color;
|
color: var(--lightblue);
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $primary-light-color;
|
color: var(--blue);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.link-red {
|
&.link-red {
|
||||||
color: $red-text-color;
|
color: var(--text-red);
|
||||||
&:hover {
|
|
||||||
color: $hovered-red-text-color;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ $background-color-hovered: #283747;
|
|||||||
|
|
||||||
.header {
|
.header {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: $deepblue;
|
background-color: var(--deepblue);
|
||||||
box-shadow: 3px 3px 3px 0 #dfdfdf;
|
box-shadow: 3px 3px 3px 0 #dfdfdf;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -96,7 +96,7 @@ $background-color-hovered: #283747;
|
|||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: $deepblue;
|
background-color: var(--deepblue);
|
||||||
width: 45px;
|
width: 45px;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@@ -212,7 +212,7 @@ $background-color-hovered: #283747;
|
|||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-color: $deepblue;
|
background-color: var(--deepblue);
|
||||||
}
|
}
|
||||||
|
|
||||||
>.options {
|
>.options {
|
||||||
@@ -298,7 +298,7 @@ $background-color-hovered: #283747;
|
|||||||
width: 10px;
|
width: 10px;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
background-color: $red-text-color;
|
background-color: var(--text-red);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -50%;
|
top: -50%;
|
||||||
|
|||||||
@@ -1,7 +1,4 @@
|
|||||||
.markdown {
|
.markdown {
|
||||||
--bg-lightgrey: rgb(240, 241, 245);
|
|
||||||
--border-lightgrey: rgb(215, 216, 220);
|
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
h2,
|
h2,
|
||||||
h3,
|
h3,
|
||||||
@@ -28,8 +25,8 @@
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
tab-size: 4;
|
tab-size: 4;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 1px solid var(--border-lightgrey);
|
border: 1px solid var(--bg-lightgrey);
|
||||||
background-color: var(--bg-lightgrey);
|
background-color: var(--bg-off-white);
|
||||||
padding: 1px 2px;
|
padding: 1px 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
$desktop-size: 500px;
|
$desktop-size: 500px;
|
||||||
|
|
||||||
nav.navbar {
|
nav.navbar {
|
||||||
background-color: $primary-dark-color;
|
background-color: var(--lightblue);
|
||||||
margin: 1em;
|
margin: 1em;
|
||||||
color: white;
|
color: white;
|
||||||
border-radius: 0.6em;
|
border-radius: 0.6em;
|
||||||
|
|||||||
@@ -6,27 +6,21 @@
|
|||||||
margin: 30px;
|
margin: 30px;
|
||||||
|
|
||||||
button {
|
button {
|
||||||
background-color: $secondary-neutral-light-color;
|
background-color: var(--bg-off-white);
|
||||||
min-width: 37px;
|
min-width: 37px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: darken($secondary-neutral-light-color, 10%);
|
background-color: var(--bg-lightgrey);
|
||||||
}
|
|
||||||
|
|
||||||
&:disabled {
|
|
||||||
color: #fff;
|
|
||||||
background-color: darken($secondary-neutral-light-color, 5%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active,
|
&.active,
|
||||||
&.active:hover {
|
&.active:hover {
|
||||||
background-color: $primary-neutral-color;
|
background-color: var(--deepblue);
|
||||||
color: white;
|
color: white;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:first-of-type,
|
.pagination-arrow {
|
||||||
&:last-of-type {
|
|
||||||
// previous and next buttons
|
// previous and next buttons
|
||||||
&:disabled {
|
&:disabled {
|
||||||
// Hide the arrows when they are disabled, without
|
// Hide the arrows when they are disabled, without
|
||||||
|
|||||||
+23
-24
@@ -57,7 +57,7 @@ body {
|
|||||||
|
|
||||||
.collapse-header {
|
.collapse-header {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: $deepblue;
|
background-color: var(--deepblue);
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -141,7 +141,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#info_box {
|
#info_box {
|
||||||
background: $primary-neutral-light-color;
|
background: var(--bg-off-white);
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
content: "\f05a";
|
content: "\f05a";
|
||||||
@@ -150,11 +150,11 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#alert_box {
|
#alert_box {
|
||||||
background: $second-color;
|
background: var(--bg-yellow);
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
content: "\f06a";
|
content: "\f06a";
|
||||||
color: $white-color;
|
color: var(--text-white);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -189,10 +189,10 @@ body {
|
|||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
|
||||||
&.btn-blue {
|
&.btn-blue {
|
||||||
background-color: $deepblue;
|
background-color: var(--deepblue);
|
||||||
|
|
||||||
&:not(:disabled):hover {
|
&:not(:disabled):hover {
|
||||||
background-color: darken($deepblue, 10%);
|
background-color: var(--darkened-deepblue);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:disabled {
|
&:disabled {
|
||||||
@@ -215,7 +215,7 @@ body {
|
|||||||
&.btn-green {
|
&.btn-green {
|
||||||
$bg-color: rgba(0, 210, 83, 0.4);
|
$bg-color: rgba(0, 210, 83, 0.4);
|
||||||
background-color: $bg-color;
|
background-color: $bg-color;
|
||||||
color: $black-color;
|
color: var(--text-black);
|
||||||
|
|
||||||
&:not(:disabled):hover {
|
&:not(:disabled):hover {
|
||||||
background-color: darken($bg-color, 15%);
|
background-color: darken($bg-color, 15%);
|
||||||
@@ -272,8 +272,8 @@ body {
|
|||||||
/*--------------------------------CONTENT------------------------------*/
|
/*--------------------------------CONTENT------------------------------*/
|
||||||
#content {
|
#content {
|
||||||
padding: 1.5em 3%;
|
padding: 1.5em 3%;
|
||||||
box-shadow: $shadow-color 0 5px 10px;
|
box-shadow: var(--bg-darkened-off-white) 0 5px 10px;
|
||||||
background: $white-color;
|
background: var(--bg-white);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -343,7 +343,7 @@ body {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
float: right;
|
float: right;
|
||||||
background: $primary-neutral-light-color;
|
background: var(--bg-off-white);
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -351,7 +351,7 @@ body {
|
|||||||
a {
|
a {
|
||||||
padding: 7px;
|
padding: 7px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: $black-color;
|
color: var(--text-black);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
@@ -359,14 +359,14 @@ body {
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
||||||
&.selected_tab {
|
&.selected_tab {
|
||||||
background: $primary-color;
|
background: var(--blue);
|
||||||
color: $white-color;
|
color: var(--text-white);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $primary-color;
|
background: var(--blue);
|
||||||
color: $white-color;
|
color: var(--text-white);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -556,23 +556,23 @@ thead td {
|
|||||||
}
|
}
|
||||||
|
|
||||||
thead {
|
thead {
|
||||||
background-color: $deepblue;
|
background-color: var(--deepblue);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
tbody>tr {
|
tbody>tr {
|
||||||
&:nth-child(even):not(.highlight) {
|
&:nth-child(even):not(.highlight) {
|
||||||
background: $primary-neutral-light-color;
|
background: var(--bg-off-white);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.clickable:hover {
|
&.clickable:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background: $secondary-neutral-light-color;
|
background: var(--bg-lightgrey);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.highlight {
|
&.highlight {
|
||||||
color: $primary-dark-color;
|
color: var(--lightblue);
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -598,7 +598,7 @@ em {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.highlight {
|
.highlight {
|
||||||
background: $second-color;
|
background: var(--bg-yellow);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -700,15 +700,15 @@ u,
|
|||||||
height: 18em;
|
height: 18em;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
box-shadow: $shadow-color 1px 1px 1px;
|
box-shadow: var(--bg-darkened-off-white) 1px 1px 1px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 1px 1px 5px $second-color;
|
box-shadow: 1px 1px 5px var(--bg-yellow);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.matmat_user a {
|
.matmat_user a {
|
||||||
color: $primary-neutral-dark-color;
|
color: var(--deepblue);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -723,7 +723,6 @@ u,
|
|||||||
display: block;
|
display: block;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background: $white-color;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
|
|||||||
@@ -71,7 +71,7 @@ main {
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: $primary-neutral-light-color;
|
background-color: var(--bg-white);
|
||||||
|
|
||||||
> span {
|
> span {
|
||||||
font-size: small;
|
font-size: small;
|
||||||
|
|||||||
@@ -62,7 +62,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:enabled>.fa {
|
&:enabled>.fa {
|
||||||
background-color: #354a5f;
|
background-color: var(--deepblue);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -102,6 +102,7 @@
|
|||||||
@click.prevent="{{ page }}--"
|
@click.prevent="{{ page }}--"
|
||||||
:disabled="{{ page }} <= 1"
|
:disabled="{{ page }} <= 1"
|
||||||
@keyup.right.window="{{ page }} = Math.min({{ nb_pages }}, {{ page }} + 1)"
|
@keyup.right.window="{{ page }} = Math.min({{ nb_pages }}, {{ page }} + 1)"
|
||||||
|
class="pagination-arrow"
|
||||||
>
|
>
|
||||||
<i class="fa fa-caret-left"></i>
|
<i class="fa fa-caret-left"></i>
|
||||||
</button>
|
</button>
|
||||||
@@ -112,6 +113,7 @@
|
|||||||
@click.prevent="{{ page }}++"
|
@click.prevent="{{ page }}++"
|
||||||
:disabled="{{ page }} >= {{ nb_pages }}"
|
:disabled="{{ page }} >= {{ nb_pages }}"
|
||||||
@keyup.left.window="{{ page }} = Math.max(1, {{ page }} - 1)"
|
@keyup.left.window="{{ page }} = Math.max(1, {{ page }} - 1)"
|
||||||
|
class="pagination-arrow"
|
||||||
>
|
>
|
||||||
<i class="fa fa-caret-right"></i>
|
<i class="fa fa-caret-right"></i>
|
||||||
</button>
|
</button>
|
||||||
@@ -163,12 +165,14 @@
|
|||||||
href="?{{ querystring(request, page=current_page.previous_page_number()) }}"
|
href="?{{ querystring(request, page=current_page.previous_page_number()) }}"
|
||||||
{%- endif -%}
|
{%- endif -%}
|
||||||
>
|
>
|
||||||
<button>
|
<button class="pagination-arrow">
|
||||||
<i class="fa fa-caret-left"></i>
|
<i class="fa fa-caret-left"></i>
|
||||||
</button>
|
</button>
|
||||||
</a>
|
</a>
|
||||||
{% else %}
|
{% else %}
|
||||||
<button disabled="disabled"><i class="fa fa-caret-left"></i></button>
|
<button disabled="disabled" class="pagination-arrow">
|
||||||
|
<i class="fa fa-caret-left"></i>
|
||||||
|
</button>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% for i in paginator.get_elided_page_range(current_page.number) %}
|
{% for i in paginator.get_elided_page_range(current_page.number) %}
|
||||||
{% if i == current_page.number %}
|
{% if i == current_page.number %}
|
||||||
@@ -201,12 +205,14 @@
|
|||||||
{%- else -%}
|
{%- else -%}
|
||||||
href="?{{querystring(request, page=current_page.next_page_number())}}"
|
href="?{{querystring(request, page=current_page.next_page_number())}}"
|
||||||
{%- endif -%}
|
{%- endif -%}
|
||||||
><button>
|
><button class="pagination-arrow">
|
||||||
<i class="fa fa-caret-right"></i>
|
<i class="fa fa-caret-right"></i>
|
||||||
</button>
|
</button>
|
||||||
</a>
|
</a>
|
||||||
{% else %}
|
{% else %}
|
||||||
<button disabled="disabled"><i class="fa fa-caret-right"></i></button>
|
<button disabled="disabled" class="pagination-arrow">
|
||||||
|
<i class="fa fa-caret-right"></i>
|
||||||
|
</button>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</nav>
|
</nav>
|
||||||
{% endmacro %}
|
{% endmacro %}
|
||||||
|
|||||||
@@ -71,7 +71,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
margin: 0.2em;
|
margin: 0.2em;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: $secondary-neutral-light-color;
|
background: var(--bg-off-white);
|
||||||
|
|
||||||
img {
|
img {
|
||||||
max-width: 70%;
|
max-width: 70%;
|
||||||
|
|||||||
@@ -48,7 +48,7 @@ des scripts complets mais qui restent lisibles,
|
|||||||
```
|
```
|
||||||
Ok, c'est de la triche, on installe un package externe.
|
Ok, c'est de la triche, on installe un package externe.
|
||||||
Mais bon, ça marche, et l'équivalent pur bash
|
Mais bon, ça marche, et l'équivalent pur bash
|
||||||
serait carrément plus moche.
|
serait un pur enfer.
|
||||||
|
|
||||||
=== "nu"
|
=== "nu"
|
||||||
|
|
||||||
@@ -59,20 +59,18 @@ des scripts complets mais qui restent lisibles,
|
|||||||
|
|
||||||
Nombre de lignes total :
|
Nombre de lignes total :
|
||||||
```nu
|
```nu
|
||||||
ls **/*.py | insert linecount { get name | open | lines | length } | math sum
|
ls **/*.py | par-each { open $in.name | lines | length } | math sum
|
||||||
```
|
```
|
||||||
|
|
||||||
Vous pouvez aussi exlure les lignes vides
|
Vous pouvez aussi exlure les lignes vides
|
||||||
et les les lignes de commentaire :
|
et les les lignes de commentaire :
|
||||||
```nu
|
```nu
|
||||||
ls **/*.py |
|
ls **/*.py |
|
||||||
insert linecount {
|
par-each {
|
||||||
get name |
|
open $in.name |
|
||||||
open |
|
|
||||||
lines |
|
lines |
|
||||||
each { str trim } |
|
each { str trim } |
|
||||||
filter { |l| not ($l | str starts-with "#") } | # commentaires
|
where { |l| ($l | str length) > 0 and not ($l | str starts-with "#") } |
|
||||||
filter { |l| ($l | str length) > 0 } | # lignes vides
|
|
||||||
length
|
length
|
||||||
} |
|
} |
|
||||||
math sum
|
math sum
|
||||||
|
|||||||
+35
-11
@@ -18,7 +18,8 @@ il n'est pas possible de développer le site sur ce système d'exploitation.
|
|||||||
Heureusement, il existe une alternative qui ne requiert pas de désinstaller votre
|
Heureusement, il existe une alternative qui ne requiert pas de désinstaller votre
|
||||||
OS ni de mettre un dual boot sur votre ordinateur : `WSL`.
|
OS ni de mettre un dual boot sur votre ordinateur : `WSL`.
|
||||||
|
|
||||||
- **Prérequis:** vous devez être sur Windows 10 version 2004 ou ultérieure (build 19041 & versions ultérieures) ou Windows 11.
|
- **Prérequis:** vous devez être sur Windows 10 version 2004 ou ultérieure (build 19041 & versions ultérieures) ou
|
||||||
|
Windows 11.
|
||||||
- **Plus d'info:** [docs.microsoft.com](https://docs.microsoft.com/fr-fr/windows/wsl/install)
|
- **Plus d'info:** [docs.microsoft.com](https://docs.microsoft.com/fr-fr/windows/wsl/install)
|
||||||
|
|
||||||
```shell
|
```shell
|
||||||
@@ -43,7 +44,7 @@ il suffit d'utiliser la commande suivante :
|
|||||||
cd /mnt/<la_lettre_du_disque>/vos/fichiers/comme/dhab
|
cd /mnt/<la_lettre_du_disque>/vos/fichiers/comme/dhab
|
||||||
```
|
```
|
||||||
|
|
||||||
!!!note
|
!!!success
|
||||||
|
|
||||||
À ce stade, si vous avez réussi votre installation de `WSL` ou bien qu'il
|
À ce stade, si vous avez réussi votre installation de `WSL` ou bien qu'il
|
||||||
était déjà installé, vous pouvez effectuer la mise en place du projet en suivant
|
était déjà installé, vous pouvez effectuer la mise en place du projet en suivant
|
||||||
@@ -101,10 +102,10 @@ cd /mnt/<la_lettre_du_disque>/vos/fichiers/comme/dhab
|
|||||||
ln -s /usr/bin/valkey-server /usr/bin/redis-server
|
ln -s /usr/bin/valkey-server /usr/bin/redis-server
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
=== "macOS"
|
=== "macOS"
|
||||||
|
|
||||||
Pour installer les dépendances, il est fortement recommandé d'installer le gestionnaire de paquets `homebrew <https://brew.sh/index_fr>`_.
|
Pour installer les dépendances, il est fortement recommandé
|
||||||
|
d'installer le gestionnaire de paquets `homebrew <https://brew.sh/index_fr>`_.
|
||||||
Il est également nécessaire d'avoir installé xcode
|
Il est également nécessaire d'avoir installé xcode
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
@@ -116,12 +117,15 @@ cd /mnt/<la_lettre_du_disque>/vos/fichiers/comme/dhab
|
|||||||
|
|
||||||
!!!note
|
!!!note
|
||||||
|
|
||||||
Si vous rencontrez des erreurs lors de votre configuration, n'hésitez pas à vérifier l'état de votre installation homebrew avec :code:`brew doctor`
|
Si vous rencontrez des erreurs lors de votre configuration,
|
||||||
|
n'hésitez pas à vérifier l'état de votre installation homebrew
|
||||||
|
avec :code:`brew doctor`
|
||||||
|
|
||||||
!!!note
|
!!!note
|
||||||
|
|
||||||
Python ne fait pas parti des dépendances puisqu'il est automatiquement
|
Python ne fait pas parti des dépendances puisqu'il est automatiquement
|
||||||
installé par uv. Il est cependant parfois nécessaire d'installer les headers Python nécessaire à la compilation de certains paquets.
|
installé par uv. Il est cependant parfois nécessaire d'installer
|
||||||
|
les headers Python nécessaire à la compilation de certains paquets.
|
||||||
|
|
||||||
## Finaliser l'installation
|
## Finaliser l'installation
|
||||||
|
|
||||||
@@ -145,7 +149,6 @@ uv run ./manage.py install_xapian
|
|||||||
de texte à l'écran.
|
de texte à l'écran.
|
||||||
C'est normal, il ne faut pas avoir peur.
|
C'est normal, il ne faut pas avoir peur.
|
||||||
|
|
||||||
|
|
||||||
La modification de la configuration passe par la modification de variables
|
La modification de la configuration passe par la modification de variables
|
||||||
d'environnement.
|
d'environnement.
|
||||||
Ces variables sont stockées dans un fichier `.env`.
|
Ces variables sont stockées dans un fichier `.env`.
|
||||||
@@ -183,11 +186,32 @@ Il suffit ensuite d'utiliser cette commande :
|
|||||||
uv run ./manage.py runserver
|
uv run ./manage.py runserver
|
||||||
```
|
```
|
||||||
|
|
||||||
!!!note
|
Le serveur est alors accessible à l'adresse
|
||||||
|
[http://localhost:8000](http://localhost:8000)
|
||||||
|
ou bien [http://127.0.0.1:8000/](http://127.0.0.1:8000/).
|
||||||
|
|
||||||
Le serveur est alors accessible à l'adresse
|
Pour vous connecter, vous pouvez utiliser un des comptes utilisateur
|
||||||
[http://localhost:8000](http://localhost:8000)
|
créés durant l'installation :
|
||||||
ou bien [http://127.0.0.1:8000/](http://127.0.0.1:8000/).
|
|
||||||
|
| username | description |
|
||||||
|
|------------------|----------------------------------------------------------------------------|
|
||||||
|
| `root` | super-utilisateur<br/>il peut tout faire et tout voir |
|
||||||
|
| `subscriber` | simple cotisant |
|
||||||
|
| `old_subscriber` | ancien cotisant |
|
||||||
|
| `public` | non-cotisant |
|
||||||
|
| `krophil` | cotisant<br/>barman Foyer<br/>président du Troll Penché |
|
||||||
|
| `sli` | cotisant<br/>VP Troll |
|
||||||
|
| `skia` | cotisant<br/>barman MDE<br/>membre du bureau AE<br/>ancien membre du Troll |
|
||||||
|
| `comunity` | cotisant<br/>membre du bureau PdF<br/>admin communication |
|
||||||
|
| `counter` | cotisant<br/>admin comptoirs |
|
||||||
|
| `comptable` | cotisant<br/>admin comptabilité |
|
||||||
|
| `rbatsbak` | cotisant<br/>membre du Troll |
|
||||||
|
|
||||||
|
En plus de ces dernier, quelques centaines d'utilisateurs
|
||||||
|
supplémentaires sont générés procéduralement,
|
||||||
|
afin de rajouter un peu de volume de données.
|
||||||
|
|
||||||
|
Tous les utilisateurs ont le mot de passe `plop`.
|
||||||
|
|
||||||
!!!note
|
!!!note
|
||||||
|
|
||||||
|
|||||||
@@ -67,7 +67,7 @@
|
|||||||
.fa-plus,
|
.fa-plus,
|
||||||
.fa-minus {
|
.fa-minus {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background-color: #354a5f;
|
background-color: var(--deepblue);
|
||||||
color: white;
|
color: white;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|||||||
@@ -288,7 +288,7 @@ $min_col_width: 100px;
|
|||||||
border: none;
|
border: none;
|
||||||
color: black;
|
color: black;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: $primary-neutral-light-color;
|
background-color: var(--bg-white);
|
||||||
padding: 0.4em;
|
padding: 0.4em;
|
||||||
margin: 0.1em;
|
margin: 0.1em;
|
||||||
font-size: 1.18em;
|
font-size: 1.18em;
|
||||||
|
|||||||
@@ -13,7 +13,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.topic {
|
.topic {
|
||||||
border: solid $primary-neutral-color 1px;
|
border: solid var(--darkened-deepblue) 1px;
|
||||||
|
border-radius: 5px;
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
margin: 1px;
|
margin: 1px;
|
||||||
|
|
||||||
@@ -23,7 +24,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $black-color;
|
color: var(--text-black);
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
@@ -56,7 +57,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.forum {
|
.forum {
|
||||||
background: $primary-neutral-light-color;
|
background: var(--bg-white);
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
margin: 1px;
|
margin: 1px;
|
||||||
|
|
||||||
@@ -66,7 +67,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $black-color;
|
color: var(--text-black);
|
||||||
}
|
}
|
||||||
a:hover {
|
a:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
@@ -91,7 +92,7 @@
|
|||||||
|
|
||||||
.category {
|
.category {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
background: $secondary-color;
|
background: var(--deepblue);
|
||||||
color: white;
|
color: white;
|
||||||
border-radius: 10px 10px 0 0;
|
border-radius: 10px 10px 0 0;
|
||||||
.title {
|
.title {
|
||||||
@@ -105,12 +106,12 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
background: $secondary-neutral-light-color;
|
background: var(--bg-off-white);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
border: 1px darken($secondary-neutral-light-color, 10%) solid;
|
border: 1px var(--bg-lightgrey) solid;
|
||||||
|
|
||||||
&:nth-child(odd) {
|
&:nth-child(odd) {
|
||||||
background: $primary-neutral-light-color;
|
background: var(--bg-white);
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-header {
|
.message-header {
|
||||||
|
|||||||
@@ -23,7 +23,6 @@ $pedagogy-white-text: #f0f0f0;
|
|||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
|
|
||||||
.closed td.title {
|
.closed td.title {
|
||||||
color: lighten($black-color, 10%);
|
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -69,9 +68,6 @@ $pedagogy-white-text: #f0f0f0;
|
|||||||
min-width: 300px;
|
min-width: 300px;
|
||||||
}
|
}
|
||||||
.info-container {
|
.info-container {
|
||||||
// Darken the background color just enough to make this part
|
|
||||||
// stand out a little, while not being too perceptible
|
|
||||||
background: darken($white-color, 1%);
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
@@ -158,9 +154,9 @@ $pedagogy-white-text: #f0f0f0;
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
background: $primary-neutral-light-color;
|
background: var(--bg-off-white);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
border: 1px darken($secondary-neutral-light-color, 10%) solid;
|
border: 1px var(--bg-lightgrey) solid;
|
||||||
|
|
||||||
&.reported {
|
&.reported {
|
||||||
border: #fc8181 1px solid;
|
border: #fc8181 1px solid;
|
||||||
|
|||||||
@@ -27,7 +27,7 @@ main {
|
|||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
color: black;
|
color: black;
|
||||||
background-color: $primary-neutral-light-color;
|
background-color: var(--bg-white);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
||||||
@@ -36,7 +36,7 @@ main {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:disabled {
|
&:disabled {
|
||||||
background-color: $primary-neutral-light-color;
|
background-color: var(--bg-white);
|
||||||
color: #d4d4d4;
|
color: #d4d4d4;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -239,7 +239,7 @@
|
|||||||
>.tools {
|
>.tools {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
.btn {
|
.btn {
|
||||||
background-color: $primary-neutral-light-color;
|
background-color: var(--bg-white);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
display: block;
|
display: block;
|
||||||
margin: 2em auto;
|
margin: 2em auto;
|
||||||
.header {
|
.header {
|
||||||
background-color: $white-color;
|
background-color: var(--bg-white);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
width: calc(100% - var(--hour-side-width) - 10px);
|
width: calc(100% - var(--hour-side-width) - 10px);
|
||||||
|
|||||||
Reference in new issue
Block a user