computer-scienceangular-roadmapbackend-roadmapblockchain-roadmapdba-roadmapdeveloper-roadmapdevops-roadmapfrontend-roadmapgo-roadmaphactoberfestjava-roadmapjavascript-roadmapnodejs-roadmappython-roadmapqa-roadmapreact-roadmaproadmapstudy-planvue-roadmapweb3-roadmap
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
138 lines
2.5 KiB
138 lines
2.5 KiB
5 years ago
|
import styled from 'styled-components';
|
||
|
|
||
|
export const FeaturedContentWrap = styled.div`
|
||
5 years ago
|
.featured-head {
|
||
5 years ago
|
text-align: center;
|
||
5 years ago
|
display: block;
|
||
|
|
||
5 years ago
|
h3 {
|
||
5 years ago
|
font-weight: 700;
|
||
5 years ago
|
font-size: 35px;
|
||
5 years ago
|
margin-bottom: 30px;
|
||
5 years ago
|
}
|
||
5 years ago
|
}
|
||
5 years ago
|
|
||
5 years ago
|
.featured-separator {
|
||
|
font-weight: 400;
|
||
|
font-size: 18px;
|
||
|
margin-bottom: 40px;
|
||
|
margin-top: 25px;
|
||
5 years ago
|
|
||
5 years ago
|
span {
|
||
|
background: #f8f9fa;
|
||
|
}
|
||
|
|
||
5 years ago
|
a {
|
||
|
background: black;
|
||
|
color: white;
|
||
|
padding: 3px 8px;
|
||
|
border-radius: 6px;
|
||
|
font-size: 14px;
|
||
|
text-decoration: none;
|
||
|
margin-left: 5px;
|
||
|
}
|
||
5 years ago
|
}
|
||
5 years ago
|
|
||
|
.swim-lane {
|
||
5 years ago
|
.featured-block {
|
||
5 years ago
|
border: 1px solid #f7f7f7;
|
||
|
display: block;
|
||
|
text-decoration: none;
|
||
|
color: #000000;
|
||
|
background: #ffffff;
|
||
|
padding: 28px 25px 25px;
|
||
|
border-radius: 10px;
|
||
|
box-shadow: rgba(0, 0, 0, 0.12) 0 5px 10px;
|
||
|
transition: box-shadow 0.2s ease 0s;
|
||
|
cursor: pointer;
|
||
5 years ago
|
margin-bottom: 32px;
|
||
5 years ago
|
|
||
|
&:hover {
|
||
|
box-shadow: rgba(0, 0, 0, 0.12) 0 30px 60px;
|
||
|
}
|
||
|
|
||
|
h4 {
|
||
5 years ago
|
line-height: 27px;
|
||
|
font-weight: 600;
|
||
|
font-size: 22px;
|
||
|
white-space: nowrap;
|
||
|
text-overflow: ellipsis;
|
||
|
flex: 0 0 auto;
|
||
|
overflow: hidden;
|
||
5 years ago
|
}
|
||
|
|
||
|
p {
|
||
|
font-size: 15px;
|
||
|
line-height: 25px;
|
||
|
color: #999999;
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
5 years ago
|
|
||
|
.guide-item {
|
||
|
border-bottom: 1px solid #dee2e6;
|
||
|
padding: 15px 10px;
|
||
|
|
||
|
p {
|
||
|
margin-bottom: 0;
|
||
|
font-size: 15px;
|
||
|
color: #999;
|
||
|
}
|
||
|
|
||
|
&:last-child {
|
||
|
border-bottom: none;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.journey-block {
|
||
|
a {
|
||
|
border: 1px solid #f7f7f7;
|
||
|
display: block;
|
||
|
text-decoration: none;
|
||
|
color: #000000;
|
||
|
background: #ffffff;
|
||
|
box-shadow: rgba(0, 0, 0, 0.12) 0 5px 10px;
|
||
|
transition: box-shadow 0.2s ease 0s;
|
||
|
cursor: pointer;
|
||
|
margin-bottom: 32px;
|
||
|
border-radius: 0 0 10px 10px;
|
||
|
|
||
|
&:hover {
|
||
|
box-shadow: rgba(0, 0, 0, 0.12) 0 30px 60px;
|
||
|
|
||
|
img {
|
||
|
filter: grayscale(0);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.journey-meta {
|
||
|
padding: 18px 25px 20px;
|
||
|
|
||
|
h4 {
|
||
|
line-height: 27px;
|
||
|
font-weight: 600;
|
||
|
margin-bottom: 0;
|
||
|
font-size: 18px;
|
||
|
white-space: nowrap;
|
||
|
text-overflow: ellipsis;
|
||
|
flex: 0 0 auto;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
p {
|
||
|
font-size: 15px;
|
||
|
line-height: 25px;
|
||
|
color: #999999;
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
img {
|
||
|
width: 100%;
|
||
|
filter: grayscale(1);
|
||
|
border-radius: 10px 10px 0 0;
|
||
|
}
|
||
|
}
|
||
5 years ago
|
`;
|