forked from markus/AMPERION_Webpage
Refactor SCSS styles in common and about templates
- Removed unused styles and nested selectors from _common.scss to streamline the code. - Cleaned up the .about section in _about.scss by eliminating redundant styles for headings and paragraphs. - Improved overall readability and maintainability of the SCSS files.
This commit is contained in:
parent
99b78797b2
commit
30fb9c0827
13 changed files with 288 additions and 323 deletions
|
|
@ -250,35 +250,8 @@ input[type="tel"] {
|
|||
|
||||
.title {
|
||||
padding: 20px 0 30px;
|
||||
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.section-title {
|
||||
margin-bottom: 70px;
|
||||
|
||||
@include tablet {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
margin: 0px;
|
||||
padding: 30px 0px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-style: italic;
|
||||
color: darken( $light, 57.64);
|
||||
font-family: $font-secondary;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.section-subtitle {
|
||||
|
|
@ -303,13 +276,6 @@ input[type="tel"] {
|
|||
.block {
|
||||
text-align: center;
|
||||
|
||||
h1 {
|
||||
color: $white;
|
||||
font-weight: 200;
|
||||
letter-spacing: 0.15em;
|
||||
margin-top: 0;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
p {
|
||||
color: $white;
|
||||
|
|
@ -321,20 +287,6 @@ input[type="tel"] {
|
|||
.heading {
|
||||
padding-bottom: 60px;
|
||||
text-align: center;
|
||||
|
||||
h2 {
|
||||
color: $black;
|
||||
font-size: 30px;
|
||||
line-height: 40px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 18px;
|
||||
line-height: 40px;
|
||||
color: lighten( $black, 16.078);
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,26 +1,5 @@
|
|||
.about{
|
||||
.block{
|
||||
h2 {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
h3 {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
p {
|
||||
padding-top: 0px;
|
||||
line-height:28px;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.about-img {
|
||||
overflow:hidden;
|
||||
|
|
@ -35,7 +14,4 @@
|
|||
}
|
||||
}
|
||||
|
||||
.section-title {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue