Something went wrong on our end
Select Git revision
MainPage,module.scss
-
Aliaksandr BUDZKO authoredAliaksandr BUDZKO authored
FeatureSection.module.scss 1.36 KiB
@import "../../../utils";
@import "../../../style/fonts";
@import "../../../style/colors";
.FeatureSection {
background: white;
background-size: 100% 100%;
position: relative;
min-height: 60vh;
.LeftSide {
padding-top: 5%;
padding-left: 30%;
font-weight: $primary_font_weight;
font-family: $primary_font;
display: flex;
flex-direction: column;
.Feature {
display : flex;
flex-direction: row;
padding: 10% 5% 5% 5%;
font-size: 2em;
line-height: 2.5rem;
.Checkmark {
padding-right: 5%;
font-size: 4rem;
}
}
}
.RightSide {
font-weight: $primary_font_weight;
font-family: $primary_font;
color: $primary_black;
padding-top: 10%;
// taken from
// https://codingislove.com/css-speech-bubbles/
.Bubble {
width: 70%;
margin: 50px auto;
position:relative;
border: solid $primary_black;
padding: 5px 5px;
&:before {
content: "";
width: 0px;
height: 0px;
position: absolute;
border-right: 10px solid $primary_black;
border-left: 10px solid transparent;
border-top: 10px solid $primary_black;
border-bottom: 10px solid transparent;
bottom: -20px;
left: 50px;
}
}
.Author {
position: relative;
padding-left: 25%;
}
}
}