FM / scss

/var/www/cobraambalaj/resources/scss

Name	Size	Mode	Actions
web-rtl.scss	237	0644	edit dl rm
web.scss	213	0644	edit dl rm
_basic.scss	3440	0644	edit dl rm
_components.scss	8630	0644	edit dl rm
_helpers.scss	2449	0644	edit dl rm
_rtl.scss	4589	0644	edit dl rm
_sections.scss	15688	0644	edit dl rm
_variables.scss	408	0644	edit dl rm

Edit: /var/www/cobraambalaj/resources/scss/_basic.scss (3440B)

// Outlines
* {
   outline: none;
}

// Body
body {
   font-family: "Poppins";
   font-size: 14px;
   color: $fourth;
}

// Links

a {
   transition: all 300ms;
   color: $fourth;
   &:hover,
   &:focus {
      text-decoration: none;
      color: $second;
   }
}

//Form

.form-control {
   font-size: 1em;
   height: 48px;
   background-color: $light;
   border: 0;
   border-radius: 6px;
   &:focus {
      background-color: $light;
      border-color: transparent;
      outline: 0;
      box-shadow: 0 0 0;
   }
}

// Sections

section {
   padding: 70px 0;
   .sec-head {
      text-align: center;
      margin-bottom: 70px;
      > span {
         margin-bottom: 10px;
         color: $first;
         display: block;
      }
      h1 {
         font-weight: 300;
         font-size: 2.4em;
         margin-bottom: 0;
      }
   }
   .sec-head-horizontal {
      display: flex;
      align-items: center;
      margin-bottom: 70px;
      .title {
         margin-right: 60px;
         min-width: 400px;
         > span {
            margin-bottom: 10px;
            color: $first;
            display: block;
         }
         h1 {
            font-weight: 300;
            font-size: 2.4em;
            margin-bottom: 0;
         }
      }
      > p {
         font-size: 1.1em;
         margin-bottom: 0;
         color: $textColor;
      }
   }
   .sec-head-vertical {
      display: flex;
      flex-direction: column;
      .title {
         > span {
            margin-bottom: 10px;
            color: $first;
            display: block;
         }
         h1 {
            font-weight: 300;
            font-size: 2.4em;
            margin-bottom: 30px;
         }
      }
      > p {
         font-size: 1.1em;
         margin-bottom: 0;
         color: $textColor;
      }
   }
   .more-btn {
      text-align: center;
      margin-top: 70px;
      .btn {
         min-width: 160px;
      }
   }
}

@media (max-width: 768px) {
   section {
      padding: 30px 0;
      .sec-head {
         margin-bottom: 30px;
         text-align: center;
         > span {
            margin-bottom: 10px;
            color: $first;
            display: block;
         }
         h1 {
            font-size: 2em;
         }
      }
      .sec-head-horizontal {
         flex-direction: column;
         align-items: unset;
         text-align: center;
         margin-bottom: 30px;
         .title {
            margin-right: 0 !important;
            margin-left: 0 !important;
            min-width: unset;
            h1 {
               font-size: 2em;
               margin-bottom: 15px;
            }
         }
         > p {
            font-size: 1em;
         }
      }
      .sec-head-vertical {
         display: flex;
         flex-direction: column;
         text-align: center;
         margin-bottom: 30px;
         .title {
            > span {
               margin-bottom: 10px;
               color: $first;
               display: block;
            }
            h1 {
               font-size: 2em;
               margin-bottom: 15px;
            }
         }
         > p {
            font-size: 1em;
         }
      }
      .more-btn {
         margin-top: 30px;
      }
   }
}

/* Custom Scroll */

.os-padding {
   z-index: auto;
}

cmd: