AstrolabeCAE/SiteWebAstrolabe
AstrolabeCAE/SiteWebAstrolabe
2
2
Fork 5
Code Issues 2 Pull Requests 1 Packages Projects Releases 3 Activity

Compare commits

base: AstrolabeCAE:1bfef55384980f221bb759f35079c4b337db20df
Branches Tags
AstrolabeCAE:master
AstrolabeCAE:fix/members_bio
AstrolabeCAE:francois-bonningues
AstrolabeCAE:dev
AstrolabeCAE:feature-modal
AstrolabeCAE:feature-map
AstrolabeCAE:feature-thumbnails
AstrolabeCAE:feature-tags
AstrolabeCAE:V3.0
AstrolabeCAE:V2.0
AstrolabeCAE:V1.1
AstrolabeCAE:V1.0
..
compare: AstrolabeCAE:bf4905b48b6a234c3f189a49482255b4584919f3
Branches Tags
AstrolabeCAE:master
AstrolabeCAE:fix/members_bio
AstrolabeCAE:francois-bonningues
AstrolabeCAE:dev
AstrolabeCAE:feature-modal
AstrolabeCAE:feature-map
AstrolabeCAE:feature-thumbnails
AstrolabeCAE:feature-tags
AstrolabeCAE:V3.0
AstrolabeCAE:V2.0
AstrolabeCAE:V1.1
AstrolabeCAE:V1.0

2 Commits
1bfef55384 ... bf4905b48b

Author SHA1 Message Date
kevin
bf4905b48b style(home/contact): meeting cta 2023-04-17 21:16:54 +02:00
Florent Le Saout
835a3251f0 Merge pull request 'Style bouton réunions d'informations' (#47) from meeting into master 
Reviewed-on: #47
 2023-04-10 18:02:38 +02:00
2 changed files with 13 additions and 21 deletions
Show Stats Expand all files Collapse all files

2
src/_includes/partials/components/meeting.njk
View File

@ -1,5 +1,5 @@
<section id="Meeting" class="[ meeting ]"> <section id="Meeting" class="[ meeting ]">
<a class="[ meeting__link ]" href="https://framaforms.org/reunion-dinformation-collective-astrolabe-cae-1591805443" target="_blank"> <a class="[ meeting__link btn btn-secondary ]" href="https://framaforms.org/reunion-dinformation-collective-astrolabe-cae-1591805443" target="_blank">
Réunions d'information&nbsp; Réunions d'information&nbsp;
<svg width="18" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.602 5.823L12.05.376a1.357 1.357 0 00-1.875 0 1.295 1.295 0 000 1.84l3.278 3.235H1.326C.587 5.451 0 6.027 0 6.752s.587 1.302 1.326 1.302h12.127l-3.278 3.215a1.295 1.295 0 000 1.84 1.349 1.349 0 001.894 0l5.533-5.427c.246-.242.398-.576.398-.93 0-.353-.133-.687-.398-.93z" fill="#FFF"></path></svg> <svg width="18" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.602 5.823L12.05.376a1.357 1.357 0 00-1.875 0 1.295 1.295 0 000 1.84l3.278 3.235H1.326C.587 5.451 0 6.027 0 6.752s.587 1.302 1.326 1.302h12.127l-3.278 3.215a1.295 1.295 0 000 1.84 1.349 1.349 0 001.894 0l5.533-5.427c.246-.242.398-.576.398-.93 0-.353-.133-.687-.398-.93z" fill="#FFF"></path></svg>
</a> </a>

32
src/scss/components/_meeting.scss
View File

@ -3,45 +3,37 @@
position: fixed; position: fixed;
right: 0; right: 0;
top: 20%; top: 20%;
background-color: var(--color-theme-secondary);
border-top-left-radius: 1.75rem;
border-bottom-left-radius: 1.75rem;
border: 2px solid var(--color-light);
border-right: 0;
z-index: 10; z-index: 10;
line-height: 1.25rem;
text-align: center;
text-decoration: none;
font-size: 1.125rem;
font-weight: 700;
@media (max-width: 991.98px) { @media (max-width: 991.98px) {
top: unset; top: unset;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
} }
&__link { &__link {
display: block; display: block;
flex: 1 1 auto; flex: 1 1 auto;
border-radius: 0;
border-top-left-radius: 1.75rem;
border-bottom-left-radius: 1.75rem;
border: 2px solid var(--color-light);
border-right: 0;
color: var(--color-white); color: var(--color-white);
text-decoration: none;
padding: 1.125rem 1rem 1.125rem 2rem; padding: 1.125rem 1rem 1.125rem 2rem;
@media (max-width: 991.98px) { @media (max-width: 991.98px) {
padding: 1.125rem 2rem; padding: 1.125rem 2rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
} }
&:hover, &:hover {
&:focus { border-color: var(--color-white);
color: var(--color-white);
text-decoration: underline;
} }
} }
} }