-
Featured Roadmaps
-
List of roadmaps mostly visited by the community. There are more roadmaps also.
+ <>
+
+
+
+
Featured Content
+
List of roadmaps mostly visited by the community. There are more roadmaps also.
+
+
-
+
-
+ >
);
SwimLane.defaultProps = {
diff --git a/components/swim-lane/style.scss b/components/swim-lane/style.scss
index f0788e38c..682555c63 100644
--- a/components/swim-lane/style.scss
+++ b/components/swim-lane/style.scss
@@ -1,38 +1,26 @@
.lane-wrap {
- padding: 50px 0;
- border-top: 1px solid #eaeaea;
- border-bottom: 1px solid #eaeaea;
-
.lane-head {
- text-align: left;
- margin: 0 0 40px 0;
+ text-align: center;
display: block;
h3 {
font-weight: 700;
font-size: 35px;
- margin-bottom: 14px;
+ margin-bottom: 30px;
}
+ }
- p {
- font-weight: 400;
- font-size: 18px;
- margin-bottom: 0;
- }
+ .featured-separator {
+ font-weight: 400;
+ font-size: 18px;
+ margin-bottom: 40px;
+ margin-top: 25px;
}
.swim-lane {
- display: flex;
- flex-direction: row;
-
- .lane-item + .lane-item {
- margin-left: 35px;
- }
-
.lane-item {
border: 1px solid #f7f7f7;
display: block;
- margin-bottom: 1px;
text-decoration: none;
color: #000000;
background: #ffffff;
@@ -41,16 +29,20 @@
box-shadow: rgba(0, 0, 0, 0.12) 0 5px 10px;
transition: box-shadow 0.2s ease 0s;
cursor: pointer;
+ margin-bottom: 32px;
&:hover {
box-shadow: rgba(0, 0, 0, 0.12) 0 30px 60px;
}
h4 {
- font-size: 24px;
- line-height: 22px;
- font-weight: 700;
- margin-bottom: 16px;
+ line-height: 27px;
+ font-weight: 600;
+ font-size: 22px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ flex: 0 0 auto;
+ overflow: hidden;
}
p {
diff --git a/pages/global.scss b/pages/global.scss
index e69de29bb..b7438e334 100644
--- a/pages/global.scss
+++ b/pages/global.scss
@@ -0,0 +1,30 @@
+.border-top {
+ border-top: 1px solid #eaeaea;
+}
+
+.border-bottom {
+ border-bottom: 1px solid #eaeaea;
+}
+
+.dark-link {
+ font-weight: 500;
+ color: #000000;
+ text-decoration: none;
+
+ &:hover {
+ color: #101010;
+ }
+}
+
+.border-through {
+ width: 100%;
+ text-align: center;
+ border-bottom: 2px solid #f5f5f5;
+ line-height: 0.1em;
+ margin: 10px 0 20px;
+
+ span {
+ background: #fff;
+ padding: 0 10px
+ }
+}
\ No newline at end of file
diff --git a/pages/home/index.js b/pages/home/index.js
index 7921c11d3..67407b081 100644
--- a/pages/home/index.js
+++ b/pages/home/index.js
@@ -7,7 +7,7 @@ export const Home = (props) => (
-
diff --git a/pages/home/style.scss b/pages/home/style.scss
index ea7a81c86..9de7834a9 100644
--- a/pages/home/style.scss
+++ b/pages/home/style.scss
@@ -1,3 +1,3 @@
.swim-lanes {
- margin-top: 25px;
+ padding: 50px 0;
}
\ No newline at end of file