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

MainPage,module.scss

Blame
  • 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%;
        }
      }
    
    }