matt/stratos
1
0
Fork 0
mirror of https://github.com/matt-fidd/stratos.git synced 2026-01-02 05:59:30 +00:00
Code Issues Projects Releases Wiki Activity

Added testimonial component

Browse Source
This commit is contained in:
matt
2022-01-25 22:51:33 +00:00
parent ec62a8c8ae
commit 52d647ddfd
3 changed files with 43 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/stylesheets/components/_testimonial.scss Normal file
View File

@@ -0,0 +1,33 @@
.testimonial {
color: black;
position: relative;
background: white;
border-radius: 0px 1rem;
padding: 1em;
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
.testimonial__icon {
color: $primary-colour;
}
p, span {
font-weight: 300;
font-size: .7em;
letter-spacing: -0.005em;
margin: 1em 0;
}
.testimonial__separator {
display: block;
background: $primary-colour;
height: .2rem;
}
.testimonial__author {
margin-top: 1rem;
p {
margin: 0;
}
}
}

1
src/stylesheets/main.scss
View File

@@ -9,3 +9,4 @@
@import 'components/homeNav'; @import 'components/homeNav';
@import 'components/button'; @import 'components/button';
@import 'components/feature'; @import 'components/feature';
@import 'components/testimonial';

9
views/partials/testimonial.hbs Normal file
View File

@@ -0,0 +1,9 @@
<div class='testimonial'>
<i class='fas fa-quote-right testimonial__icon'></i>
<p class='testimonial__content'>{{content}}</p>
<div class='testimonial__separator'></div>
<div class='testimonial__author'>
<p>{{author}}</p>
<p>{{position}}</p>
</div>
</div>