Skip to content

Instantly share code, notes, and snippets.

@Bobz-zg
Created December 7, 2020 21:22
Show Gist options
  • Save Bobz-zg/fd8bf3b5568966a5c666e1f24204bbf8 to your computer and use it in GitHub Desktop.
Save Bobz-zg/fd8bf3b5568966a5c666e1f24204bbf8 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
.forms-report-service {
.span-4,
.span-12 {
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.span-buttons {
text-align: right;
}
.btn-primary {
border: none;
padding: 15px 30px;
font-size: 15px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #00669e;
&:hover {
cursor: pointer;
}
}
label.elementor-field-label {
font-weight: 600;
margin-bottom: 0;
}
.field-text {
color: #495057;
border: 1px solid #ced4da;
padding: 0.55rem 0.7rem;
background: #fff;
min-height: 45px;
border-radius: 0.25rem;
transition: all 0.15s ease-in-out;
}
.loading {
opacity: 0.6;
pointer-events: none;
}
#ssbrs-response {
margin: 10px auto;
display: block;
min-height: 40px;
&.error {
color: red;
border: 1px solid red;
padding: 7px 15px;
font-size: 16px;
}
}
@media all and (min-width: 750px) {
.row-spans {
width: calc(100% + 20px);
display: flex;
flex-flow: row wrap;
margin-left: -10px;
margin-right: -10px;
}
.span-4 {
width: 33.333%;
}
.span-12 {
width: 100%;
}
}
.forms-report-service .span-4,
.span-12 {
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.forms-report-service .span-buttons {
text-align: right;
}
.forms-report-service .btn-primary {
border: none;
padding: 15px 30px;
font-size: 15px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #00669e;
}
.forms-report-service .btn-primary:hover {
cursor: pointer;
}
.forms-report-service label.elementor-field-label {
font-weight: 600;
margin-bottom: 0;
}
.forms-report-service .field-text {
color: #495057;
border: 1px solid #ced4da;
padding: 0.55rem 0.7rem;
background: #fff;
min-height: 45px;
border-radius: 0.25rem;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.forms-report-service .loading {
opacity: 0.6;
pointer-events: none;
}
.forms-report-service #ssbrs-response {
margin: 10px auto;
display: block;
min-height: 40px;
}
.forms-report-service #ssbrs-response.error {
color: red;
border: 1px solid red;
padding: 7px 15px;
font-size: 16px;
}
@media all and (min-width: 750px) {
.forms-report-service .row-spans {
width: calc(100% + 20px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-left: -10px;
margin-right: -10px;
}
.forms-report-service .span-4 {
width: 33.333%;
}
.forms-report-service .span-12 {
width: 100%;
}
}
{
"sass": {
"compiler": "dart-sass/1.26.11",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": true
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment