Skip to content
Snippets Groups Projects
Select Git revision
  • 38bd2bbc995beb7d701f63f7f793fa2d0219515d
  • master default protected
  • performance_fix
  • fix-performance
  • feat-add_docker
5 results

FeatureSection.module.scss

Blame
  • FeatureSection.module.scss 2.06 KiB
    @import "../../../utils";
    @import "../../../style/fonts";
    @import "../../../style/colors.module";
    
    .FeatureSection {
      background: white;
      background-size: 100% 100%;
      min-height: 60vh;
    
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
    
      font-weight: $primary_font_weight;
      font-family: $primary_font;
      color: $primary_black;
    
      .LeftSide {
        font-weight: $primary_font_weight;
        font-family: $primary_font;
        display: flex;
        flex-direction: column;
        flex-basis: 40%;
    
        .Feature {
          display : flex;
          flex-direction: row;
          padding: 5% 5% 5% 5%;
          font-size: 1.7vw;
          line-height: 1.7vw;
    
          .Checkmark {
            padding-right: 5%;
            font-size: 3vw;
          }
        }
      }
    
      .RightSide {
        flex-basis: 50%;
        // bubble css inspired by https://codingislove.com/css-speech-bubbles/
        .Bubble {
    
          width: 70%;
          margin: 50px auto;
          padding: 4% 3%;
          position:relative;
          border: solid $primary_black;
          font-size: 1vw;
    
          &: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;
          font-size: 1.2vw;