Commit 050dccee authored by alain's avatar alain 🐙
Browse files

a little border tweaking

parent 90e8fb39
...@@ -94,6 +94,7 @@ ...@@ -94,6 +94,7 @@
} }
&--border { &--border {
margin: 0 10px;
padding: 30px 0; padding: 30px 0;
@media only screen and (min-width: $large) { @media only screen and (min-width: $large) {
...@@ -120,10 +121,15 @@ ...@@ -120,10 +121,15 @@
} }
.border { .border {
background: $bg-blue;
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 8px; width: 8px;
@media only screen and (min-width: $medium) {
width: 10px;
}
&--left { &--left {
left: 0; left: 0;
} }
...@@ -138,6 +144,10 @@ ...@@ -138,6 +144,10 @@
height: 8px; height: 8px;
left: 0; left: 0;
right: 0; right: 0;
@media only screen and (min-width: $medium) {
height: 10px;
}
} }
&:before { &:before {
......
...@@ -5,11 +5,14 @@ ...@@ -5,11 +5,14 @@
ol li:before, ol li:before,
ul li:before, ul li:before,
.content-row--border .container:before, .content-row--border .container:before,
.content-row--border .container:after, .content-row--border .container:after {
.border {
background: $purple; background: $purple;
} }
.border {
background: $bg-purple;
}
a.btn:before, a.btn:before,
ol li:after, ol li:after,
ul li:after { ul li:after {
...@@ -23,11 +26,14 @@ ...@@ -23,11 +26,14 @@
ol li:before, ol li:before,
ul li:before, ul li:before,
.content-row--border .container:before, .content-row--border .container:before,
.content-row--border .container:after, .content-row--border .container:after {
.border {
background: $yellow; background: $yellow;
} }
.border {
background: $bg-purple;
}
a.btn:before, a.btn:before,
ol li:after, ol li:after,
ul li:after { ul li:after {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment