IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed stylelint

Browse Source
This commit is contained in:
ogerly 2022-05-05 08:13:29 +02:00
parent ad34f105fa
commit 6190d686f0
5 changed files with 221 additions and 222 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/App.vue
View File

@ -17,16 +17,17 @@ export default {
} }
</script> </script>
<style> <style>
@font-face {
font-family: 'WorkSans', sans-serif !important;
src: url(./assets/scss/fonts/WorkSans-VariableFont_wght.ttf) format('truetype');
}
#app { #app {
height: 100%; height: 100%;
min-width: 360px; min-width: 360px;
font-size: 1rem; font-size: 1rem;
font-family: 'WorkSans'; font-family: 'WorkSans', sans-serif !important;
}
@font-face {
font-family: 'WorkSans';
src: url(./assets/scss/fonts/WorkSans-VariableFont_wght.ttf) format('truetype');
} }
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
#app { #app {
font-size: 0.85rem; font-size: 0.85rem;

202
frontend/src/assets/scss/gradido-template.scss
View File

@ -1,59 +1,61 @@
html, body { html,
height:100%; /*both html and body*/ body {
height: 100%; /* both html and body */
} }
/* Navbar */ /* Navbar */
.navbar-light .navbar-nav .nav-link { .navbar-light .navbar-nav .nav-link {
color: #047006; color: #047006;
} }
.text-gradido { .text-gradido {
color: rgba(249,205,105,1) color: rgb(249 205 105 / 100%);
} }
.gradient-gradido { .gradient-gradido {
background-image: linear-gradient(146deg, rgb(220, 167, 44) 50%, rgba(197,141,56,1) 100%); background-image: linear-gradient(146deg, rgb(220 167 44) 50%, rgb(197 141 56 / 100%) 100%);
} }
/* Button */ /* Button */
.btn { .btn {
border-radius: 24.8pt; border-radius: 24.8pt;
} }
.btn-gradido { .btn-gradido {
background-image: linear-gradient(146deg, rgb(220, 167, 44) 50%, rgba(197,141,56,1) 100%); background-image: linear-gradient(146deg, rgb(220 167 44) 50%, rgb(197 141 56 / 100%) 100%);
background-size: auto; background-size: auto;
background-position: 0% 0%; background-position: 0% 0%;
background-repeat: repeat; background-repeat: repeat;
border-style: none; border-style: none;
box-shadow: 10px 10px 50px 10px rgba(56, 56, 56, 0.31); box-shadow: 10px 10px 50px 10px rgb(56 56 56 / 31%);
color: #fff; color: #fff;
} }
.btn-gradido:hover { .btn-gradido:hover {
color: #212529; color: #212529;
} }
.btn-gradido:focus { .btn-gradido:focus {
outline: none; outline: none;
} }
.btn-outline-gradido { .btn-outline-gradido {
color: rgb(248,161,27); color: rgb(248 161 27);
border: 1px solid #F5B805; border: 1px solid #f5b805;
} }
.form-control, .custom-select { .form-control,
.custom-select {
border-radius: 17px; border-radius: 17px;
height: 50px; height: 50px;
} }
.rounded-right { .rounded-right {
border-top-right-radius: 17pt !important; border-top-right-radius: 17pt !important;
border-bottom-right-radius: 17pt !important; border-bottom-right-radius: 17pt !important;
} }
.alert-success { .alert-success {
background-color: #d4edda; background-color: #d4edda;
border-color: #c3e6cb; border-color: #c3e6cb;
color: #155724; color: #155724;
@ -71,151 +73,151 @@ html, body {
border-bottom-color: rgb(245 198 203 / 85%); border-bottom-color: rgb(245 198 203 / 85%);
} }
.b-toast-danger .toast .toast-body { .b-toast-danger .toast .toast-body {
background-color: rgb(252 237 238 / 85%); background-color: rgb(252 237 238 / 85%);
border-color: rgb(245 198 203 / 85%); border-color: rgb(245 198 203 / 85%);
color: #721c24; color: #721c24;
} }
.b-toast-success .toast .toast-header { .b-toast-success .toast .toast-header {
color: #155724; color: #155724;
background-color: rgb(212 237 218 / 58%); background-color: rgb(212 237 218 / 58%);
border-bottom-color: rgb(195 230 203 / 85%); border-bottom-color: rgb(195 230 203 / 85%);
} }
.b-toast-success .toast .toast-body { .b-toast-success .toast .toast-body {
color: #155724; color: #155724;
background-color: rgb(212 237 218 / 85%); background-color: rgb(212 237 218 / 85%);
border-bottom-color: rgb(195 230 203 / 85%); border-bottom-color: rgb(195 230 203 / 85%);
} }
// .btn-primary pim { // .btn-primary pim {
.btn-primary { .btn-primary {
background-color: #5a7b02; background-color: #5a7b02;
border-color: #5e72e4; border-color: #5e72e4;
} }
.gradido-font-large { .gradido-font-large {
font-size: large; font-size: large;
height: auto !important; height: auto !important;
} }
a, a,
.copyright { .copyright {
color: #5a7b02; color: #5a7b02;
} }
.font12em { .font12em {
font-size: 1.2em; font-size: 1.2em;
} }
.font2em { .font2em {
font-size: 1.5em; font-size: 1.5em;
} }
.zindex1000 { .zindex1000 {
z-index: 1000; z-index: 1000;
} }
.gradido-global-color-0E79BC { .gradido-global-color-blue {
color: #0E79BC; color: #0e79bc;
} }
.gradido-global-color-text { .gradido-global-color-text {
color: #3d443b; color: #3d443b;
} }
.gradido-global-color-accent { .gradido-global-color-accent {
color: #047006; color: #047006;
} }
.gradido-global-color-6e0a9c9e { .gradido-global-color-6e0a9c9e {
color: #000; color: #000;
} }
.gradido-global-color-2d0fb154 { .gradido-global-color-2d0fb154 {
color: #047006; color: #047006;
} }
.gradido-global-color-16efe88c { .gradido-global-color-16efe88c {
color: #7ebc55; color: #7ebc55;
} }
.gradido-global-color-1939326 { .gradido-global-color-1939326 {
color: #f6fff6; color: #f6fff6;
} }
.gradido-global-color-9d79fc1 { .gradido-global-color-9d79fc1 {
color: #047006; color: #047006;
} }
.gradido-global-color-6347f4d { .gradido-global-color-6347f4d {
color: #5a7b02; color: #5a7b02;
} }
.gradido-global-color-4fbc19a { .gradido-global-color-4fbc19a {
color: #014034; color: #014034;
} }
.gradido-global-color-d341874 { .gradido-global-color-d341874 {
color: #b6d939; color: #b6d939;
} }
.gradido-global-color-619d338 { .gradido-global-color-619d338 {
color: #8ebfb1; color: #8ebfb1;
} }
.gradido-global-color-44819a9 { .gradido-global-color-44819a9 {
color: #026873; color: #026873;
} }
.gradido-global-color-gray { .gradido-global-color-gray {
color: #858383; color: #858383;
} }
.gradido-custom-background { .gradido-custom-background {
background-color: #ebebeba3 !important; background-color: #ebebeba3 !important;
border-radius: 25pt; border-radius: 25pt;
} }
.gradido-max-width { .gradido-max-width {
width: 100%; width: 100%;
} }
.gradido-width-300 { .gradido-width-300 {
width: 300px; width: 300px;
} }
.gradido-absolute { .gradido-absolute {
position: absolute; position: absolute;
} }
.gradido-width-95-absolute { .gradido-width-95-absolute {
width: 95%; width: 95%;
position: absolute; position: absolute;
} }
.gradido-width-96-absolute { .gradido-width-96-absolute {
width: 96%; width: 96%;
position: absolute; position: absolute;
} }
.gradido-no-border-radius { .gradido-no-border-radius {
border-radius: 0; border-radius: 0;
} }
.gradido-no-border { .gradido-no-border {
border: 0; border: 0;
} }
.gradido-background-f1 { .gradido-background-f1 {
background-color: #f1f1f1; background-color: #f1f1f1;
} }
.gradido-background-white { .gradido-background-white {
background-color: #fff; background-color: #fff;
} }
.gradido-font-15rem { .gradido-font-15rem {
font-size: 1.5rem; font-size: 1.5rem;
} }

3
frontend/src/assets/scss/gradido.scss
View File

@ -51,5 +51,4 @@
// Bootstrap-vue (2.21.1) scss // Bootstrap-vue (2.21.1) scss
@import "../../../node_modules/bootstrap-vue/src/index"; @import "../../../node_modules/bootstrap-vue/src/index";
@import "gradido-template";
@import "gradido-template.scss";

7
frontend/src/components/Auth/Header.vue
View File

@ -35,7 +35,8 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.auth-header { .auth-header {
font-family: 'Open Sans'; font-family: 'Open Sans', sans-serif !important;
position: sticky;
} }
.navbar-collapse { .navbar-collapse {
margin-left: 20px; margin-left: 20px;
@ -45,10 +46,6 @@ export default {
padding-bottom: 10px; padding-bottom: 10px;
} }
.auth-header {
position: sticky;
}
.g-logo-radius { .g-logo-radius {
-webkit-border-top-right-radius: 77px; -webkit-border-top-right-radius: 77px;
-webkit-border-bottom-right-radius: 137px; -webkit-border-bottom-right-radius: 137px;

2
frontend/src/layouts/AuthLayout_gdd.vue
View File

@ -30,7 +30,7 @@
{{ $t('auth.left.hasAccount') }} {{ $t('auth.left.hasAccount') }}
<b-link <b-link
to="/login" to="/login"
class="text-gradido gradido-global-color-0E79BC" class="text-gradido gradido-global-color-blue"
@click="mobilStart = false" @click="mobilStart = false"
> >
{{ $t('auth.left.hereLogin') }} {{ $t('auth.left.hereLogin') }}