/var/www/flurhymez/resources/scss
Edit: /var/www/flurhymez/resources/scss/_basic.scss (2447B)
//
// Theme Bases
// --------------------------------------------------
// Theme Font
@import url($fontLink);
@import url($RTLFontLink);
// Outlines
* {
outline: none;
}
// Html
html {
font-size: 16px;
}
@media (max-width: 1450px) {
html {
font-size: 14px;
}
}
// Body
body {
font-family: "Poppins" #{"/*rtl:Tajawal*/"};
overflow-x: hidden;
}
// Paragraph
p {
font-weight: 500;
line-height: 1.8;
}
// HR
hr {
background-color: $border-color;
opacity: 1;
border-radius: 6px;
margin: 8vh 0;
&:not([size]) {
height: 8px;
}
}
// Links
a {
transition: all 300ms ease-in-out;
text-decoration: none;
&:hover,
&:focus {
text-decoration: none;
}
}
// Froms
.form-control {
border: 0;
background-color: $light;
height: 52px;
border-radius: 52px;
padding: 0.375rem 1.25rem;
&:focus {
background-color: $light;
}
}
textarea.form-control {
height: auto;
border-radius: 20px;
padding: 0.375rem 1.25rem;
}
// Sections
section {
&.bg-primary {
color: #fff;
}
.sec-head {
display: flex;
align-items: center;
justify-content: space-between;
@include margin-bottom(70px);
.sec-title {
h1 {
@include font-size(4.7rem);
font-weight: bold;
position: relative;
display: inline-block;
}
p {
@include font-size(1.8rem);
margin-bottom: 0;
}
}
.actions {
p {
font-size: 1.6em;
margin-bottom: 0;
}
}
}
.more-btn {
display: none;
text-align: center;
}
}
@media (max-width: 992px) {
section {
.sec-head {
flex-direction: column;
align-items: flex-start;
.sec-title {
h1 {
@include font-size(7rem);
}
}
.actions {
.link {
display: none;
}
}
}
.more-btn {
display: block;
}
}
}
// Custom Scroll
.os-padding {
z-index: auto;
}