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

cleanup basic css

Browse Source
This commit is contained in:
ouidade
2023-06-15 15:03:05 +02:00
parent 0a62c93aa3
commit 0e6de56e3e
69 changed files with 459 additions and 3999 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/rorschach/scss/components/_tablefields.scss
+14
View File
@@ -0,0 +1,14 @@
// .tablefield{
// border: 1px 1px 1px black;
// thead{
// box-shadow: 1px 0px 1px $black;
// }
// }
thead th {
border-bottom: 1px solid #333;
text-align: center;
font-weight: bold;
}
web/themes/custom/rorschach/scss/global/_layout.scss
+42 -26
View File
@@ -1,5 +1,14 @@
.block{
box-shadow: 1px 0px 1px $black;
}
// .layout-sidebar-first{
// clear: left;
// }
.layout-container {
font-family: $font-family-default;
margin: none;
@@ -14,12 +23,18 @@
flex: 0 0 100%;
}
main{
position: relative;
// top: -7rem;
.layout-sidebar-first{
}
}
footer{
flex: 0 0 100%;
}
}
.layout-content{
padding-top: 7rem;
@@ -28,31 +43,32 @@
visibility: hidden;
}
}
.path-frontpage{
margin: 0;
}
.path-node {
margin: 0;
// .path-frontpage{
// margin: 0;
// }
// .path-node {
// margin: 0;
main{
width: 100%;
}
.main-content{
margin-top: 7rem;
}
// main{
// width: 100%;
// }
// .main-content{
// margin-top: 7rem;
// }
// .field--name-field-titre{
// .field__item{
// color: $blue-dark;
// font-weight: 900;
// font-size: 2rem;
// }
// .field__label{
// visibility: hidden;
// }
// }
// .inter-titre {
// color: $blue-light;
// // text-transform: uppercase;
// }
// }
.field--name-field-titre{
.field__item{
color: $blue-dark;
font-weight: 900;
font-size: 2rem;
}
.field__label{
visibility: hidden;
}
}
.inter-titre {
color: $blue-light;
// text-transform: uppercase;
}
}
web/themes/custom/rorschach/scss/pages/_bookpage.scss
+18
View File
@@ -1,3 +1,21 @@
.field--name-field-subheading{
font-size: 2rem;
}
.block{
border: black;
}
h2{
}
article.node-type-book{
width: 70%;
h2{
visibility: hidden;
}
div:nth-child(1) > nav:nth-child(1) > ul:nth-child(2){
display: flex;
flex-direction: row;
justify-content: space-between;
}
}
web/themes/custom/rorschach/scss/pages/_header.scss
-270
View File
@@ -1,270 +0,0 @@
.layout-container{
position: relative;
header{
// display: block;
width: 100%;
position: fixed;
z-index: 99;
// position: -webkit-sticky;
// position: sticky;
// top: 0;
// .sticky{
// position: fixed;
// }
}
}
#header-top {
height: 7rem;
background-color: $white;
box-shadow: 1px 0px 8px $black;
display: flex;
flex-direction: row;
justify-content: space-between;
color: $black;
top:0%;
scroll-margin: 8rem {};
// logo + menu déroulant
.region-header-top-left {
display:flex;
flex-direction: row;
padding: 1rem;
padding-left: 4%;
align-items:center;
color: $black;
font-weight: 800;
flex: 1;
#block-logogouv{
display: flex;
height: 100%;
align-items: center;
img{
width: 80%;
height: auto;
}
}
#block-logoeql{
display: flex;
height: 100%;
align-items: center;
img{
// min-width: 80px;
width: 80%;
height: auto;
}
}
#block-headermenu{
align-self: baseline;
width: 70%;
margin-left: 3rem;
margin-right: 3rem;
}
ul{
font-size: 1rem;
list-style: none;
display: flex;
flex-direction: row;
justify-content: space-between;
// margin-right: 20px;
width: 100%;
padding-inline-start: 0px;
padding: 1rem;
.is-active{
color:$blue-light;
}
ul{
display: flex;
flex-direction: column;
display: none;
min-width: 100px;
width: 100%;
justify-content: space-between;
background:$white;
// padding-inline-start: 0;
padding-inline-start: 0px;
.is-active{
color:$blue-light;
}
}
li{
display: flex;
flex-direction: column;
// justify-content: space-between;
background-color: $white;
padding-bottom: 0.8rem;
max-width: inherit;
align-items: center;
// padding-left: 0;
// text-align: none
;
// .menuOpen{
// display: flex;
// }
a {
color: $black;
}
.is-active{
color:$blue-light;
}
:hover{
color: $blue-light;
}
}
li:hover ul {
display: block;
}
}
}
// reseaux sociaux
#block-socialnetwork-2{
position: relative;
top: -33px;
align-self: flex-end;
margin-left: auto;
.field--name-body{
min-height: 75px;
margin-right: 1rem;
}
p{
display: flex;
flex-direction: row-reverse;
margin-bottom: 0;
min-height: 65px;
justify-content: space-around;
width: 120%;
a{
color: $white;
font-size: 0;
}
svg.ext{
display: none;
}
.link-twitter{
display: flex;
background-color: black;
width: 40px;
justify-content: center;
align-items: flex-end;
&:before{
content: url("../images/pictos/twitter_white.svg");
min-width: 30px;
padding-bottom: 0.3rem;
}
}
.link-youtube{
display: flex;
background-color: black;
min-width: 40px;
justify-content: center;
align-items: flex-end;
&:before{
content: url("../images/pictos/youtube_white.svg");
min-width: 25px;
padding-bottom: 0.5rem;
}
}
.link-linkedin{
display: flex;
background-color: black;
min-width: 40px;
justify-content: center;
align-items: flex-end;
// background-position-y: top;
&:before{
content: url("../images/pictos/linkedin_white.svg");
min-width: 35px;
padding-bottom: 0.2rem;
}
}
}
}
// menu burger à droite
#block-burger {
z-index: 1;
background-color: $blue-light;
font-size: 0.7rem;
color: $white;
display: block;
width: 7rem;
height: 100%;
margin-top: 0;
:hover{
cursor: pointer;
}
h2{
padding-top: 1rem;
}
h2:after{
display: block;
margin:auto;
height: 70px;
content:url('data:image/svg+xml,<svg width="100" height="70" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 30,13 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 30,25 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 30,37 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>');
}
#block-burger-menu{
display: block;
margin: 0;
align-self: center;
text-align: center;
// height:7rem;
}
// block menu open fond bleu
.ul1:not(.sous-liste){
width: 300%;
position: relative;
right: 260px;
margin: 0;
padding-top: 2rem;
padding-bottom: 2rem;
z-index: 99;
}
ul {
display: none;
background-color: $blue-light;
line-height: 2rem;
list-style: none;
.ul1 .sous-liste{
a{
opacity: 1;
}
}
a{
opacity: 0.6;
color: $white;
font-weight: 800;
font-size: 1rem;
}
}
&.opened ul {
display: block;
}
}
}
web/themes/custom/rorschach/scss/partials/_header.scss
+7 -9
View File
@@ -18,12 +18,8 @@
// }
}
}
#header-top {
height: 7rem;
background-color: $white;
@@ -36,11 +32,12 @@
scroll-margin: 8rem {};
// .region-header-top-rigth{
// display: flex;
// flex-direction: row;
// }
.region-header-top-rigth{
display: flex;
flex-direction: row;
}
// logo + menu déroulant
.region-header-top-left {
display:flex;
@@ -57,7 +54,7 @@
}
}
#block-rorschach-main-menu{
align-self: baseline;
@@ -134,6 +131,7 @@
}
// menu burger à droite
web/themes/custom/rorschach/scss/partials/_navigation.scss
View File
web/themes/custom/rorschach/scss/styles.scss
+3 -1
View File
@@ -1,7 +1,8 @@
/*eql*/
/*components*/
@import "components/_quotes";
@import "components/_quotes";
@import "components/_tablefields";
/*global*/
@@ -29,5 +30,6 @@
/*partials*/
@import "partials/_header";
@import "partials/_footer";
@import "partials/_navigation";