karma/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

working on the skills (commiting to see if the

Browse Source 
font-awesome icon is shown on the server)
This commit is contained in:
Karma Riuk
2023-09-21 14:55:51 +02:00
parent 6df4f40afd
commit 65e99b27ea
9 changed files with 467 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
assets/css/style.css
View File

@ -758,6 +758,36 @@ section {
/*--------------------------------------------------------------
# My Skills
--------------------------------------------------------------*/
.skills #skills-filters {
list-style: none;
margin-bottom: 20px;
}
.skills #skills-filters li {
cursor: pointer;
display: inline-block;
margin: 0 10px 10px 10px;
font-size: 15px;
font-weight: 600;
line-height: 1;
padding: 7px 10px;
text-transform: uppercase;
color: var(--text-color);
transition: all 0.3s ease-in-out;
border: 2px solid var(--border);
}
.skills #skills-filters li:hover,
.skills #skills-filters li.filter-active {
color: #f3a200;
border-color: var(--highlight);
}
.skills .skill-item {
display: flex;
align-items: stretch;
}
.skills .icon-box {
padding: 30px;
position: relative;
@ -769,11 +799,19 @@ section {
border: 1px solid var(--border);
}
.skills .icon-box p {
text-align: justify;
}
.skills .icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 auto 20px auto;
padding-top: 17px;
display: inline-block;
text-align: center;
/* padding-top: 17px; */
/* display: inline-block; */
/* text-align: center; */
border-radius: 50%;
width: 72px;
height: 72px;
@ -787,6 +825,11 @@ section {
color: var(--highlight);
}
.skills .icon img {
max-height: 36px;
max-width: 36px;
}
.skills .title {
font-weight: 700;
margin-bottom: 15px;