n.kolosnaj/Globaly-CSS-Practice
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

commit jun 10

Browse Source
This commit is contained in:
nkolosnjaj
2024-06-10 11:37:04 +02:00
parent 11af19a797
commit 27bfb40495
18 changed files with 601 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
style/_menu.scss
View File

@@ -67,7 +67,7 @@ span {
#li-home {
background-color: $lightblue;
color: white;
color: white !important;
}
.dropdown-content .navs:hover {

15
style/_nav.scss
View File

@@ -150,6 +150,13 @@ input::placeholder {
.navs{
padding: 1rem;
color: #333333 !important;
.hor-navs-a{
color: #333333;
}
.hor-navs-a:hover{
color:white;
}
}
.navs:hover {
@@ -177,6 +184,14 @@ input::placeholder {
.navs{
padding: 45px 22px !important;
color: #333333 !important;
.hor-navs-a{
color: #333333;
}
.hor-navs-a:hover{
color:white;
}
}
header{

6
style/about_us/_header-au.scss
View File

@@ -33,7 +33,7 @@
color: #15c1c6;
}
.img {
.img-au {
min-height: 22vh;
background-image: url('/assets/images/image32.jpg');
background-size: cover;
@@ -46,7 +46,7 @@
padding-top: 15px;
}
.img{
.img-au{
min-height: 40vh;
}
}
@@ -58,7 +58,7 @@
padding-bottom: 5px;
}
.img{
.img-au{
min-height: 80vh;
}
header{

45
style/contacts/_contacts_address.scss Normal file
View File

@@ -0,0 +1,45 @@
.address-contacts{
.address{
text-align: center;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.4375;
font-family: MerriweatherSans, sans-serif;
letter-spacing: 0px;
color: #777777;
}
.num-container-contacts{
margin-top: 10px;
text-align: center;
#phone-img{
color: #15c1cb;
}
.number-contacts{
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 1.4375;
font-family: MerriweatherSans, sans-serif;
letter-spacing: 0px;
color: #777777;
}
}
}
.google-map{
iframe{
height: 412px;
}
}
@media only screen and (min-width:768px) {
.google-map{
iframe{
height: 612px;
}
}
}

8
style/news/_categories-news.scss
View File

@@ -196,3 +196,11 @@
}
}
@media only screen and (min-width:992px) {
.categories-news{
.categories-title {
font-size: 25px;
}
}
}

65
style/news/_custom-post.scss
View File

@@ -1,8 +1,9 @@
.recent-posts{
.recent-posts {
border-top: 1px solid #e0e0e8;
margin-right: 15px;
margin-left: 15px;
.date-a{
.date-a {
text-decoration: none;
color: #15c1c6;
margin-right: 15px;
@@ -10,12 +11,14 @@
font-style: italic;
font-weight: 400;
}
.date-a:hover{
.date-a:hover {
color: #31353d;
transition:0.3s;
transition: 0.3s;
text-decoration: none;
}
.recent-title{
.recent-title {
font-size: 18px;
line-height: 1.2;
font-family: Merriweather, serif;
@@ -23,7 +26,8 @@
font-weight: 700;
margin-bottom: 18px;
}
.recent-subtitle{
.recent-subtitle {
font-size: 1rem;
font-style: normal;
font-weight: 500;
@@ -31,11 +35,17 @@
padding-top: 20px;
line-height: 1.38462;
letter-spacing: 0px;
cursor: pointer;
}
blockquote::before{
.recent-subtitle:hover {
color: #15c1c6;
transition: 0.3s;
}
blockquote::before {
content: '\201c';
font-family: 'Times New Roman', serif;
font-family: 'Times New Roman', serif;
font-size: 6em;
line-height: 1;
margin-left: -12px;
@@ -45,10 +55,11 @@
color: #15c1c6;
}
blockquote{
blockquote {
padding: 0 39px 0 44px;
}
.quotes-text{
.quotes-text {
font-style: italic;
font-weight: 700;
font-size: 25px;
@@ -62,9 +73,41 @@
}
@media only screen and (min-width:768px) {
.recent-posts{
.recent-posts {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (min-width:992px) {
.recent-posts {
.custom-post{
margin-bottom: 45px;
.custom-post-text{
margin-left: 20px;
.recent-subtitle{
padding-top: 0px !important;
}
}
}
.recent-title {
font-size: 25px;
}
.quotes-text {
text-align: start;
padding-top: 29px;
}
blockquote {
padding: 0 70px 0 0;
}
blockquote::before {
font-size: 4rem;
}
}
}

5
style/news/_news-first.scss
View File

@@ -161,7 +161,7 @@
@media only screen and (min-width:768px) {
.news-first-part {
margin: 0 60px !important;
margin: 0 60px;
.news-card {
.news-img-container {
@@ -197,7 +197,8 @@
@media only screen and (min-width:992px) {
.news-first-part {
margin-top: 34px !important;
// margin-top: 34px !important;
margin: 34px 0px 0px 60px;
.news-card {
margin-bottom: 25px !important;

7
style/news/_page-nav.scss
View File

@@ -56,4 +56,11 @@
}
}
@media only screen and (min-width:992px){
.side-bar{
flex: 0 0 28% !important;
max-width: 28% !important;
}
}

15
style/news/_search-news.scss
View File

@@ -49,6 +49,21 @@
width: 90% !important;
}
}
.side-bar{
margin-bottom: 20px;
}
}
@media only screen and (min-width:992px) {
.search-news{
margin-bottom: 38px;
.search-news-input{
width: 70% !important;
}
}
.side-bar{
margin-bottom: 1350px;
}
}

116
style/style.css
View File

@@ -149,6 +149,13 @@ input::placeholder {
}
.nav-ul-hor .navs {
padding: 1rem;
color: #333333 !important;
}
.nav-ul-hor .navs .hor-navs-a {
color: #333333;
}
.nav-ul-hor .navs .hor-navs-a:hover {
color: white;
}
.nav-ul-hor .navs:hover {
background-color: #15c1c6;
@@ -169,6 +176,13 @@ input::placeholder {
}
.navs {
padding: 45px 22px !important;
color: #333333 !important;
}
.navs .hor-navs-a {
color: #333333;
}
.navs .hor-navs-a:hover {
color: white;
}
header {
padding: 0 96px !important;
@@ -256,7 +270,7 @@ span {
#li-home {
background-color: #15c1c6;
color: white;
color: white !important;
}
.dropdown-content .navs:hover {
@@ -1079,7 +1093,7 @@ footer .footer-copyright a:hover {
color: #15c1c6;
}
.img {
.img-au {
min-height: 22vh;
background-image: url("/assets/images/image32.jpg");
background-size: cover;
@@ -1091,7 +1105,7 @@ footer .footer-copyright a:hover {
margin-left: 45px;
padding-top: 15px;
}
.img {
.img-au {
min-height: 40vh;
}
}
@@ -1101,7 +1115,7 @@ footer .footer-copyright a:hover {
padding-top: 35px;
padding-bottom: 5px;
}
.img {
.img-au {
min-height: 80vh;
}
header {
@@ -1850,7 +1864,7 @@ footer .footer-copyright a:hover {
@media only screen and (min-width: 768px) {
.news-first-part {
margin: 0 60px !important;
margin: 0 60px;
}
.news-first-part .news-card .news-img-container .link-on-image {
position: absolute;
@@ -1875,7 +1889,7 @@ footer .footer-copyright a:hover {
}
@media only screen and (min-width: 992px) {
.news-first-part {
margin-top: 34px !important;
margin: 34px 0px 0px 60px;
}
.news-first-part .news-card {
margin-bottom: 25px !important;
@@ -1963,6 +1977,12 @@ footer .footer-copyright a:hover {
margin-left: 100px !important;
}
}
@media only screen and (min-width: 992px) {
.side-bar {
flex: 0 0 28% !important;
max-width: 28% !important;
}
}
.search-news {
padding-top: 48px;
margin-top: 24px;
@@ -2012,6 +2032,20 @@ footer .footer-copyright a:hover {
.search-news .search-news-input {
width: 90% !important;
}
.side-bar {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 992px) {
.search-news {
margin-bottom: 38px;
}
.search-news .search-news-input {
width: 70% !important;
}
.side-bar {
margin-bottom: 1350px;
}
}
.recent-posts {
border-top: 1px solid #e0e0e8;
@@ -2047,6 +2081,11 @@ footer .footer-copyright a:hover {
padding-top: 20px;
line-height: 1.38462;
letter-spacing: 0px;
cursor: pointer;
}
.recent-posts .recent-subtitle:hover {
color: #15c1c6;
transition: 0.3s;
}
.recent-posts blockquote::before {
content: "“";
@@ -2079,6 +2118,30 @@ footer .footer-copyright a:hover {
margin-left: 60px;
}
}
@media only screen and (min-width: 992px) {
.recent-posts .custom-post {
margin-bottom: 45px;
}
.recent-posts .custom-post .custom-post-text {
margin-left: 20px;
}
.recent-posts .custom-post .custom-post-text .recent-subtitle {
padding-top: 0px !important;
}
.recent-posts .recent-title {
font-size: 25px;
}
.recent-posts .quotes-text {
text-align: start;
padding-top: 29px;
}
.recent-posts blockquote {
padding: 0 70px 0 0;
}
.recent-posts blockquote::before {
font-size: 4rem;
}
}
.categories-news {
border-top: 1px solid #e0e0e8;
margin: auto 15px;
@@ -2249,4 +2312,45 @@ footer .footer-copyright a:hover {
margin-right: 60px;
margin-left: 60px;
}
}
@media only screen and (min-width: 992px) {
.categories-news .categories-title {
font-size: 25px;
}
}
.address-contacts .address {
text-align: center;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.4375;
font-family: MerriweatherSans, sans-serif;
letter-spacing: 0px;
color: #777777;
}
.address-contacts .num-container-contacts {
margin-top: 10px;
text-align: center;
}
.address-contacts .num-container-contacts #phone-img {
color: #15c1cb;
}
.address-contacts .num-container-contacts .number-contacts {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 1.4375;
font-family: MerriweatherSans, sans-serif;
letter-spacing: 0px;
color: #777777;
}
.google-map iframe {
height: 412px;
}
@media only screen and (min-width: 768px) {
.google-map iframe {
height: 612px;
}
}/*# sourceMappingURL=style.css.map */

2
style/style.css.map
View File

File diff suppressed because one or more lines are too long

3
style/style.scss
View File

@@ -42,6 +42,9 @@
@import 'news/_custom-post';
@import 'news/_categories-news';
// CONTACTS
@import 'contacts/_contacts_address';