bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css butons

Browse Source
This commit is contained in:
ouidade
2023-11-27 13:52:24 +01:00
parent db6fbd215f
commit 6be6858de8
3 changed files with 63 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/css/reha.css
+23 -16
View File
@@ -2,12 +2,14 @@
/*reha*/ /*reha*/
/*global*/ /*global*/
/* Colors used for REHA */ /* Colors used for REHA */
.field--type-link { .field--type-link, .field--type-file, .links, .create-account-link, .request-password-link {
text-transform: uppercase; text-transform: uppercase;
padding: 1rem; padding: 1rem;
border: solid black 1px; border: solid black 1px;
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: white; background-color: white; }
.field--type-link {
width: fit-content; } width: fit-content; }
.bouton { .bouton {
@@ -15,20 +17,8 @@
border: none !important; border: none !important;
cursor: pointer; } cursor: pointer; }
.field--type-file { .create-account-link {
text-transform: uppercase; width: 80%; }
padding: 1rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: white; }
.links {
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: white;
width: fit-content; }
.mailto { .mailto {
text-decoration: underline; } text-decoration: underline; }
@@ -215,6 +205,23 @@ header {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px); clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% 5% 5%; } padding: 5% 10% 5% 5%; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full .titre {
width: 100%;
position: relative; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full .titre ::after {
position: relative;
left: 430px; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form {
width: 70%;
display: flex;
flex-direction: column;
align-items: end; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul {
width: 70%;
display: flex;
flex-direction: column; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul li {
margin-bottom: 3rem; }
header .region-header #block-reha-config-pages { header .region-header #block-reha-config-pages {
grid-column: 10; grid-column: 10;
display: flex; display: flex;
web/themes/custom/reha/scss/global/variables/_buttons.scss
+17 -12
View File
@@ -1,12 +1,18 @@
// home // home
.field--type-link{
%buttonwithborder {
text-transform: uppercase; text-transform: uppercase;
padding: 1rem; padding: 1rem;
border: solid black 1px; border: solid black 1px;
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: $white-button; background-color: $white-button;
}
.field--type-link {
@extend %buttonwithborder;
width: fit-content; width: fit-content;
} }
.bouton{ .bouton{
background-color: $white-button !important; background-color: $white-button !important;
@@ -17,18 +23,17 @@
.field--type-file{ .field--type-file{
text-transform: uppercase; @extend %buttonwithborder;
padding: 1rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: $white-button;
} }
.links{ .links{
text-transform: uppercase; @extend %buttonwithborder;
padding: 1rem; }
border: solid black 1px;
margin-bottom: 1rem; .create-account-link{
background-color: $white-button; @extend %buttonwithborder;
width: fit-content; width: 80%
}
.request-password-link{
@extend %buttonwithborder;
} }
web/themes/custom/reha/scss/partials/_header.scss
+22
View File
@@ -69,6 +69,28 @@ header{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px); clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% 5% 5%; padding: 5% 10% 5% 5%;
.titre{
width: 100%;
position: relative;
::after{
position: relative;
left: 430px;
}
}
#user-login-form{
width: 70%;
display: flex;
flex-direction: column;
align-items: end;
}
ul{
width: 70%;
display: flex;
flex-direction: column;
li{
margin-bottom: 3rem;
}
}
} }
} }