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

commit 2, jun 11

Browse Source
This commit is contained in:
nkolosnjaj
2024-06-11 12:29:03 +02:00
parent 2edc80f4ab
commit 09fea869f5
4 changed files with 75 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
style/about_us/_sixth-part-au.scss
View File

@@ -6,8 +6,9 @@
padding: 0 3px;
}
.h5-button{
cursor:pointer;
.h5-button {
cursor: pointer;
text-align: start;
color: #ffffff !important;
font-style: normal;
@@ -17,17 +18,20 @@
font-family: Merriweather, serif;
letter-spacing: 0px;
text-decoration: none !important;
padding: 0px !important ;
background-color: #15c1cb;
padding: 15px;
}
.card-header{
background-color: #333333;
.card-header {
background-color: inherit;
border-bottom: none;
text-decoration: none;
color: white;
margin-bottom: 2px;
}
.card-body{
.card-body {
color: #777777;
font-style: normal;
font-weight: 400;
@@ -36,41 +40,56 @@
letter-spacing: 0px;
margin: 50px 0;
}
.A{
.A {
color: #15c1cb;
}
// .card-q{
// .card-header{
// transition: background-color 1s ease;
// }
// .collapsed {
// background-color: #15c1cb;
// }
// }
.card-q {
.collapsed {
background-color: #333333;
}
}
}
@media only screen and (min-width:768px) {
.card-header{
i{
.card-header {
i {
text-align: center;
font-size: 25px;
color:white;
color: white;
}
.h5-button {
width: 100%;
}
.h5-button::after {
content: "\00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 ";
color: white;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' color='white' fill='currentColor' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
}
.h5-button:not(.collapsed)::after{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' color='white' fill='currentColor' class='bi bi-dash-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
}
}
}
@media only screen and (min-width:992px) {
.card-q{
.card-q {
margin: 0 330px;
}

23
style/style.css
View File

@@ -1405,12 +1405,13 @@ footer .footer-copyright a:hover {
font-family: Merriweather, serif;
letter-spacing: 0px;
text-decoration: none !important;
padding: 0px !important;
background-color: #15c1cb;
padding: 15px;
}
.sixth-part-au .card-header {
background-color: #333333;
background-color: inherit;
border-bottom: none;
text-decoration: none;
color: white;
margin-bottom: 2px;
}
.sixth-part-au .card-body {
@@ -1425,6 +1426,9 @@ footer .footer-copyright a:hover {
.sixth-part-au .A {
color: #15c1cb;
}
.sixth-part-au .card-q .collapsed {
background-color: #333333;
}
@media only screen and (min-width: 768px) {
.card-header i {
@@ -1432,6 +1436,19 @@ footer .footer-copyright a:hover {
font-size: 25px;
color: white;
}
.card-header .h5-button {
width: 100%;
}
.card-header .h5-button::after {
content: "       ";
color: white;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' color='white' fill='currentColor' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
}
.card-header .h5-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' color='white' fill='currentColor' class='bi bi-dash-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
}
}
@media only screen and (min-width: 992px) {
.card-q {

2
style/style.css.map
View File

File diff suppressed because one or more lines are too long