Skip to content
Snippets Groups Projects
Unverified Commit 1b31d8ef authored by Michael Lee's avatar Michael Lee Committed by GitHub
Browse files

Merge pull request #440 from ASCWebServices/canini-2 

fixing padding on advanced textareas and updating color bkgds
parents 7aad479a 866f75a9
No related branches found
No related tags found
No related merge requests found
Expand all Hide whitespace changes
Inline Side-by-side
web/themes/asc_bootstrap/assets/sass/layout/_section-background-colors.scss
+ 215
− 15
View file @ 1b31d8ef
......@@ -13,7 +13,10 @@
}
.transparent-bg {
padding: 16px;
.field--type-text-long {
padding: 16px 16px 16px 0;
}
}
......@@ -24,7 +27,11 @@
.lgray-bg {
background-color: #f5f5f5;
color: $black-base;
padding: 16px;
position: relative;
.field--type-text-long {
padding: 16px 16px 16px 0;
}
.panel {
background-color: transparent;
......@@ -37,12 +44,27 @@
.field--name-field-callout-link a:hover {
color: $black-base;
}
}
.lgray-bg:before {
content: "";
background-color: #f5f5f5;
position: absolute;
height: 100%;
width: 100px;
left: -20px;
z-index: -1;
}
.lblue-bg {
background-color: #e9eff7;
color: $black-base;
padding: 16px;
position: relative;
.field--type-text-long {
padding: 16px 16px 16px 0;
}
.panel {
background-color: transparent;
......@@ -57,10 +79,24 @@
}
}
.lblue-bg:before {
content: "";
background-color: #e9eff7;
position: absolute;
height: 100%;
width: 100px;
left: -20px;
z-index: -1;
}
.lviolet-bg {
background-color: #f3e9ef;
color: $black-base;
padding: 16px;
position: relative;
.field--type-text-long {
padding: 16px 16px 16px 0;
}
.panel {
background-color: transparent;
......@@ -75,10 +111,24 @@
}
}
.lviolet-bg:before {
content: "";
background-color: #f3e9ef;
position: absolute;
height: 100%;
width: 100px;
left: -20px;
z-index: -1;
}
.ltaupe-bg {
background-color: #f5f5ee;
color: $black-base;
padding: 16px;
position: relative;
.field--type-text-long {
padding: 16px 16px 16px 0;
}
.panel {
background-color: transparent;
......@@ -93,10 +143,24 @@
}
}
.ltaupe-bg:before {
content: "";
background-color: #f5f5ee;
position: absolute;
height: 100%;
width: 100px;
left: -20px;
z-index: -1;
}
.lturquoise-bg {
background-color: #f1f8f7;
color: $black-base;
padding: 16px;
position: relative;
.field--type-text-long {
padding: 16px 16px 16px 0;
}
.panel {
background-color: transparent;
......@@ -111,10 +175,24 @@
}
}
.lturquoise-bg:before {
content: "";
background-color: #f1f8f7;
position: absolute;
height: 100%;
width: 100px;
left: -20px;
z-index: -1;
}
.lteal-bg {
background-color: #eaf0f1;
color: $black-base;
padding: 16px;
position: relative;
.field--type-text-long {
padding: 16px 16px 16px 0;
}
.panel {
background-color: transparent;
......@@ -129,10 +207,24 @@
}
}
.lteal-bg:before {
content: "";
background-color: #eaf0f1;
position: absolute;
height: 100%;
width: 100px;
left: -20px;
z-index: -1;
}
.lyellow-bg {
background-color: #f6f9da;
color: $black-base;
padding: 16px;
position: relative;
.field--type-text-long {
padding: 16px 16px 16px 0;
}
.panel {
background-color: transparent;
......@@ -147,6 +239,16 @@
}
}
.lyellow-bg:before {
content: "";
background-color: #f6f9da;
position: absolute;
height: 100%;
width: 100px;
left: -20px;
z-index: -1;
}
// --------------------------------------------------
// Dark Colors
......@@ -155,7 +257,11 @@
.dgray-bg {
background-color: $brand-gray;
color: $white;
padding: 16px;
position: relative;
.field--type-text-long {
padding: 16px 16px 16px 0;
}
p {
color: $white;
......@@ -204,10 +310,24 @@
}
}
.dgray-bg:before {
content: "";
background-color: $brand-gray;
position: absolute;
height: 100%;
width: 100px;
left: -20px;
z-index: -1;
}
.dscarlet-bg {
background-color: #830000;
color: $white;
padding: 16px;
position: relative;
.field--type-text-long {
padding: 16px 16px 16px 0;
}
p {
color: $white;
......@@ -256,10 +376,24 @@
}
}
.dscarlet-bg:before {
content: "";
background-color: #830000;
position: absolute;
height: 100%;
width: 100px;
left: -20px;
z-index: -1;
}
.dviolet-bg {
background-color: #5d1542;
color: $white;
padding: 16px;
position: relative;
.field--type-text-long {
padding: 16px 16px 16px 0;
}
p {
color: $white;
......@@ -308,10 +442,24 @@
}
}
.dviolet-bg:before {
content: "";
background-color: #5d1542;
position: absolute;
height: 100%;
width: 100px;
left: -20px;
z-index: -1;
}
.dteal-bg {
background-color: #1b494c;
color: $white;
padding: 16px;
position: relative;
.field--type-text-long {
padding: 16px 16px 16px 0;
}
p {
color: $white;
......@@ -360,10 +508,24 @@
}
}
.dteal-bg:before {
content: "";
background-color: #1b494c;
position: absolute;
height: 100%;
width: 100px;
left: -20px;
z-index: -1;
}
.dpurple-bg {
background-color: #442369;
color: $white;
padding: 16px;
position: relative;
.field--type-text-long {
padding: 16px 16px 16px 0;
}
p {
color: $white;
......@@ -412,10 +574,24 @@
}
}
.dpurple-bg:before {
content: "";
background-color: #442369;
position: absolute;
height: 100%;
width: 100px;
left: -20px;
z-index: -1;
}
.dgreen-bg {
background-color: #565b22;
color: $white;
padding: 16px;
position: relative;
.field--type-text-long {
padding: 16px 16px 16px 0;
}
p {
color: $white;
......@@ -464,10 +640,24 @@
}
}
.dgreen-bg:before {
content: "";
background-color: #565b22;
position: absolute;
height: 100%;
width: 100px;
left: -20px;
z-index: -1;
}
.dorange-bg {
background-color: #953d1c;
color: $white;
padding: 16px;
position: relative;
.field--type-text-long {
padding: 16px 16px 16px 0;
}
p {
color: $white;
......@@ -515,3 +705,13 @@
}
}
}
.dorange-bg:before {
content: "";
background-color: #953d1c;
position: absolute;
height: 100%;
width: 100px;
left: -20px;
z-index: -1;
}
web/themes/asc_bootstrap/css/style.css
+ 339
− 129
View file @ 1b31d8ef
This diff is collapsed.
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