Skip to content

Instantly share code, notes, and snippets.

@fallenturtle
Created April 22, 2021 23:17
Show Gist options
  • Save fallenturtle/f0100ace602bea9e4ccfa9122f3cec16 to your computer and use it in GitHub Desktop.
Save fallenturtle/f0100ace602bea9e4ccfa9122f3cec16 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
@import "breakpoint";
$c-green: #458528;
$c-light-green: #79b95c;
body {
font-size: 16px;
line-height: 1.5!important;
}
.rightsidebar {
display: none;
}
.content-main.col.nine {
width: 100% !important;
}
.dfwp-item .item {
position: relative;
background-color: white;
margin-bottom: 2rem;
.image-area-top {
padding-top: 36px;
padding-bottom: 0;
}
.link-item>a {
position: absolute;
top: 0;
width: 100%;
background-color: $c-green;
color: white;
padding: 10px 15px;
box-sizing: border-box;
font-size: 16px;
font-weight: bold;
line-height: 16px;
}
.description {
padding: 10px 15px;
}
}
.about-brightfutures {
@include breakpoint(550px){
display: flex;
&__video {
margin-left: 30px;
min-width: 300px;
&__title {
font-weight: bold;
border-bottom: 1px solid black;
}
}
}
&__body {
border-top: 7px solid $c-light-green;
padding-top: 1rem;
p {
line-height: 1.5;
}
}
}
.welcome-content {
display: none;
}
body {
font-size: 16px;
line-height: 1.5 !important;
}
.rightsidebar {
display: none;
}
.content-main.col.nine {
width: 100% !important;
}
.dfwp-item .item {
position: relative;
background-color: white;
margin-bottom: 2rem;
}
.dfwp-item .item .image-area-top {
padding-top: 36px;
padding-bottom: 0;
}
.dfwp-item .item .link-item > a {
position: absolute;
top: 0;
width: 100%;
background-color: #458528;
color: white;
padding: 10px 15px;
box-sizing: border-box;
font-size: 16px;
font-weight: bold;
line-height: 16px;
}
.dfwp-item .item .description {
padding: 10px 15px;
}
@media (min-width: 550px) {
.about-brightfutures {
display: flex;
}
.about-brightfutures__video {
margin-left: 30px;
min-width: 300px;
}
.about-brightfutures__video__title {
font-weight: bold;
border-bottom: 1px solid black;
}
}
.about-brightfutures__body {
border-top: 7px solid #79b95c;
padding-top: 1rem;
}
.about-brightfutures__body p {
line-height: 1.5;
}
.welcome-content {
display: none;
}
{
"sass": {
"compiler": "dart-sass/1.26.11",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": false
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment