klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-07-07 02:25:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

style.scss: lint

Browse Source
This commit is contained in:
Skia 2023-01-11 15:23:19 +01:00
parent d726f4b1e8
commit d0e121c8eb
1 changed files with 476 additions and 435 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

135
core/static/core/style.scss
View File

@ -11,7 +11,6 @@ $primary-dark-color: hsl(203, 75%, 40%);
$secondary-light-color: hsl(40, 68%, 65%); $secondary-light-color: hsl(40, 68%, 65%);
$secondary-dark-color: hsl(40, 68%, 35%); $secondary-dark-color: hsl(40, 68%, 35%);
$primary-neutral-color: hsl(219.6, 20.8%, 50%); $primary-neutral-color: hsl(219.6, 20.8%, 50%);
$primary-neutral-light-color: hsl(0, 0%, 94%); $primary-neutral-light-color: hsl(0, 0%, 94%);
$primary-neutral-dark-color: hsl(210, 29%, 29%); $primary-neutral-dark-color: hsl(210, 29%, 29%);
@ -29,7 +28,7 @@ $pinktober: #ff5674;
$pinktober-secondary: #8a2536; $pinktober-secondary: #8a2536;
$pinktober-primary-text: white; $pinktober-primary-text: white;
$pinktober-bar-closed: $pinktober-secondary; $pinktober-bar-closed: $pinktober-secondary;
$pinktober-bar-opened: #388E3C; $pinktober-bar-opened: #388e3c;
$shadow-color: rgb(223, 223, 223); $shadow-color: rgb(223, 223, 223);
@ -49,7 +48,11 @@ body {
font-family: sans-serif; font-family: sans-serif;
} }
button, input[type=button], input[type=submit], input[type=reset],input[type=file] { button,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"] {
border: none; border: none;
text-decoration: none; text-decoration: none;
background-color: $background-button-color; background-color: $background-button-color;
@ -62,15 +65,24 @@ button, input[type=button], input[type=submit], input[type=reset],input[type=fil
} }
} }
input[type=button], input[type=submit], input[type=reset],input[type=file] { input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"] {
font-weight: bold; font-weight: bold;
} }
button:not(:disabled), input[type=button]:not(:disabled), input[type=submit]:not(:disabled), input[type=reset]:not(:disabled),input[type=file]:not(:disabled) { button:not(:disabled),
input[type="button"]:not(:disabled),
input[type="submit"]:not(:disabled),
input[type="reset"]:not(:disabled),
input[type="file"]:not(:disabled) {
cursor: pointer; cursor: pointer;
} }
input,textarea[type=text],[type=number]{ input,
textarea[type="text"],
[type="number"] {
border: none; border: none;
text-decoration: none; text-decoration: none;
background-color: $background-button-color; background-color: $background-button-color;
@ -143,7 +155,8 @@ a {
} }
.shadow { .shadow {
box-shadow: rgba(60, 64, 67, .3) 0 1px 3px 0, rgba(60, 64, 67, .15) 0 4px 8px 3px; box-shadow: rgba(60, 64, 67, 0.3) 0 1px 3px 0,
rgba(60, 64, 67, 0.15) 0 4px 8px 3px;
} }
.w_big { .w_big {
@ -162,7 +175,9 @@ a {
cursor: pointer; cursor: pointer;
} }
[x-cloak] { display: none !important; } [x-cloak] {
display: none !important;
}
/*--------------------------------HEADER-------------------------------*/ /*--------------------------------HEADER-------------------------------*/
@ -195,7 +210,6 @@ header {
background-color: $primary-neutral-dark-color; background-color: $primary-neutral-dark-color;
border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px;
#header_logo { #header_logo {
background-color: $white-color; background-color: $white-color;
padding: 0.2em; padding: 0.2em;
@ -338,7 +352,8 @@ header {
flex-wrap: wrap; flex-wrap: wrap;
width: 90%; width: 90%;
margin: 1em auto; margin: 1em auto;
#alert_box, #info_box { #alert_box,
#info_box {
flex: 49%; flex: 49%;
font-size: 0.9em; font-size: 0.9em;
margin: 0.2em; margin: 0.2em;
@ -369,7 +384,6 @@ header {
} }
} }
#page { #page {
width: 90%; width: 90%;
margin: 20px auto 0; margin: 20px auto 0;
@ -485,7 +499,6 @@ header {
} }
} }
#content { #content {
padding: 1em 1%; padding: 1em 1%;
box-shadow: $shadow-color 0 5px 10px; box-shadow: $shadow-color 0 5px 10px;
@ -587,19 +600,22 @@ header {
} }
} }
@media screen and (max-width: $small-devices) { @media screen and (max-width: $small-devices) {
#left_column, #right_column { #left_column,
#right_column {
flex: 100%; flex: 100%;
} }
} }
/* AGENDA/BIRTHDAYS */ /* AGENDA/BIRTHDAYS */
#agenda,#birthdays { #agenda,
#birthdays {
display: block; display: block;
width: 100%; width: 100%;
background: white; background: white;
font-size: 70%; font-size: 70%;
margin-bottom: 1em; margin-bottom: 1em;
#agenda_title,#birthdays_title { #agenda_title,
#birthdays_title {
margin: 0em; margin: 0em;
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
box-shadow: $shadow-color 1px 1px 1px; box-shadow: $shadow-color 1px 1px 1px;
@ -615,7 +631,8 @@ header {
box-shadow: $shadow-color 1px 1px 1px; box-shadow: $shadow-color 1px 1px 1px;
height: 20em; height: 20em;
} }
#agenda_content,#birthdays_content { #agenda_content,
#birthdays_content {
.agenda_item { .agenda_item {
padding: 0.5em; padding: 0.5em;
margin-bottom: 0.5em; margin-bottom: 0.5em;
@ -867,7 +884,10 @@ header {
/*---------------------------POSTERS----------------------------*/ /*---------------------------POSTERS----------------------------*/
#poster_list, #screen_list, #poster_edit, #screen_edit{ #poster_list,
#screen_list,
#poster_edit,
#screen_edit {
position: relative; position: relative;
#title { #title {
position: relative; position: relative;
@ -907,16 +927,19 @@ header {
} }
} }
} }
#posters, #screens{ #posters,
#screens {
position: relative; position: relative;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
#no-posters, #no-screens{ #no-posters,
#no-screens {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.poster, .screen{ .poster,
.screen {
min-width: 10%; min-width: 10%;
max-width: 20%; max-width: 20%;
display: flex; display: flex;
@ -976,7 +999,8 @@ header {
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
} }
.begin, .end{ .begin,
.end {
width: 48%; width: 48%;
} }
.begin { .begin {
@ -984,7 +1008,9 @@ header {
padding-right: 2%; padding-right: 2%;
} }
} }
.edit, .moderate, .slideshow{ .edit,
.moderate,
.slideshow {
padding: 5px; padding: 5px;
border-radius: 20px; border-radius: 20px;
background-color: hsl(40, 100%, 50%); background-color: hsl(40, 100%, 50%);
@ -1017,8 +1043,7 @@ header {
} }
} }
} }
&.not_moderated &.not_moderated {
{
border: 1px solid red; border: 1px solid red;
} }
&:hover .tooltip { &:hover .tooltip {
@ -1058,7 +1083,6 @@ header {
} }
} }
/*---------------------------ACCOUNTING----------------------------*/ /*---------------------------ACCOUNTING----------------------------*/
#accounting { #accounting {
.journal-table { .journal-table {
@ -1084,7 +1108,12 @@ header {
} }
/*-----------------------------GENERAL-----------------------------*/ /*-----------------------------GENERAL-----------------------------*/
h1, h2, h3, h4, h5, h6 { h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold; font-weight: bold;
margin-top: 0.5em; margin-top: 0.5em;
} }
@ -1119,12 +1148,15 @@ h6 {
margin-left: 50px; margin-left: 50px;
} }
p, pre { p,
pre {
margin-top: 0.8em; margin-top: 0.8em;
margin-left: 0; margin-left: 0;
} }
ul, ol, dl { ul,
ol,
dl {
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
margin-left: 25px; margin-left: 25px;
@ -1167,7 +1199,7 @@ blockquote h5:first-child {
table { table {
width: 100%; width: 100%;
font-size: 0.90em; font-size: 0.9em;
} }
td { td {
@ -1207,11 +1239,13 @@ sub {
font-size: smaller; font-size: smaller;
} }
b, strong { b,
strong {
font-weight: bold; font-weight: bold;
} }
i, em { i,
em {
font-style: italic; font-style: italic;
} }
@ -1220,7 +1254,8 @@ i, em {
font-weight: bold; font-weight: bold;
} }
u, .underline { u,
.underline {
text-decoration: underline; text-decoration: underline;
} }
@ -1273,7 +1308,8 @@ u, .underline {
#user_profile_infos_items { #user_profile_infos_items {
margin-top: 3em; margin-top: 3em;
} }
.user_profile_infos_item, .user_profile_infos_item_value { .user_profile_infos_item,
.user_profile_infos_item_value {
vertical-align: top; vertical-align: top;
display: inline-block; display: inline-block;
width: 49%; width: 49%;
@ -1293,7 +1329,8 @@ u, .underline {
text-align: right; text-align: right;
color: grey; color: grey;
font-style: italic; font-style: italic;
&:after, &:before { &:after,
&:before {
content: "\201C"; content: "\201C";
vertical-align: middle; vertical-align: middle;
} }
@ -1330,7 +1367,8 @@ u, .underline {
} }
} }
@media screen and (max-width: $small-devices) { @media screen and (max-width: $small-devices) {
#user_profile_infos, #user_profile_pictures { #user_profile_infos,
#user_profile_pictures {
flex-basis: 50%; flex-basis: 50%;
} }
} }
@ -1439,7 +1477,6 @@ u, .underline {
} }
} }
/*---------------------------------PAGE--------------------------------*/ /*---------------------------------PAGE--------------------------------*/
.page_content { .page_content {
@ -1720,7 +1757,8 @@ label {
} }
} }
#cash_summary_form label, .inline { #cash_summary_form label,
.inline {
display: inline; display: inline;
} }
@ -1775,13 +1813,19 @@ label {
/*--------------------------------JQuery-------------------------------*/ /*--------------------------------JQuery-------------------------------*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
.ui-state-active, a.ui-button:active, .ui-button:active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover { .ui-button.ui-state-active:hover {
background: $primary-color; background: $primary-color;
border-color: $primary-color; border-color: $primary-color;
} }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-top, .ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-top,
.ui-corner-left { .ui-corner-left {
border-radius: 0; border-radius: 0;
} }
@ -1795,7 +1839,6 @@ label {
max-width: 10em; max-width: 10em;
} }
} }
} }
/* --------------------------------------pedagogy-----------------------------------*/ /* --------------------------------------pedagogy-----------------------------------*/
@ -1819,7 +1862,7 @@ $pedagogy-white-text: #f0f0f0;
} }
&.grade-without-star { &.grade-without-star {
display: none display: none;
} }
@media screen and (max-width: $large-devices) { @media screen and (max-width: $large-devices) {
@ -1851,11 +1894,9 @@ $pedagogy-white-text: #f0f0f0;
text-align: center; text-align: center;
border: none; border: none;
} }
} }
#search_form { #search_form {
.search-form-container { .search-form-container {
display: grid; display: grid;
grid-template-columns: auto auto; grid-template-columns: auto auto;
@ -1921,7 +1962,8 @@ $pedagogy-white-text: #f0f0f0;
grid-area: radio-semester; grid-area: radio-semester;
} }
.radio-guide input[type="radio"],input[type="checkbox"] { .radio-guide input[type="radio"],
input[type="checkbox"] {
display: none; display: none;
} }
.radio-guide { .radio-guide {
@ -2111,7 +2153,7 @@ $pedagogy-white-text: #f0f0f0;
"grade-block" "grade-block"
"comment" "comment"
"info" "info"
"comment-end-bar" "comment-end-bar";
} }
.grade-block { .grade-block {
@ -2261,7 +2303,6 @@ $pedagogy-white-text: #f0f0f0;
a:hover { a:hover {
color: $pedagogy-hover-blue; color: $pedagogy-hover-blue;
} }
} }
.date { .date {