Commit a10a5fde authored by RajabNatshah's avatar RajabNatshah
Browse files

Issue #3035485: Have Bootstrap library Variables, with Barrio custom Variables...

Issue #3035485: Have Bootstrap library Variables, with Barrio custom Variables and then Vartheme custom variables, then VARTHEME_BS4_SUBTHEME section, .scass file header optimizations. and call for each Bootstrap library components in bootstrap.base.sass
parent b350e541
......@@ -63,36 +63,6 @@ p:last-child,
.panel:last-child {
margin-bottom: 0; }
.region-help > .glyphicon {
font-size: 2rem;
float: left;
margin: -0.05em 0.5em 0 0; }
.region-help .block {
overflow: hidden; }
form#search-block-form {
margin: 0; }
.navbar #block-search-form {
float: none;
margin: 5px 0 5px 5px; }
.navbar #block-search-form .input-group-btn {
width: auto; }
.navbar-search .control-group {
margin-bottom: 0px; }
ul.action-links {
margin: 12px 0;
padding: 0; }
ul.action-links li {
display: inline;
margin: 0;
padding: 0 6px 0 0; }
ul.action-links .glyphicon {
padding-right: 0.5em; }
input,
textarea,
select,
......@@ -100,10 +70,6 @@ select,
max-width: 100%;
width: auto; }
input.error {
color: #a94442;
border-color: #ebccd1; }
fieldset legend.panel-heading {
float: left;
line-height: 1em;
......@@ -139,46 +105,18 @@ div.image-widget-data {
float: none;
overflow: hidden; }
table.sticky-header {
z-index: 1; }
.resizable-textarea textarea {
border-radius: 4px 4px 0 0; }
.text-format-wrapper {
margin-bottom: 15px; }
.text-format-wrapper > .form-type-textarea,
.text-format-wrapper .filter-wrapper {
margin-bottom: 0; }
.filter-wrapper {
border-radius: 0 0 4px 4px; }
.filter-wrapper .panel-body {
padding: 7px; }
.filter-wrapper .form-type-select {
min-width: 30%; }
.filter-wrapper .form-type-select .filter-list {
width: 100%; }
.filter-help {
margin-top: 5px;
text-align: center; }
.filter-help .glyphicon {
margin: 0 5px 0 0;
vertical-align: text-top; }
.radio:first-child, .checkbox:first-child {
margin-top: 0; }
.radio:last-child, .checkbox:last-child {
margin-bottom: 0; }
.help-block, .control-group .help-inline {
color: #777777;
font-size: 12px;
margin: 5px 0 10px;
padding: 0; }
.panel-heading {
display: block; }
......@@ -186,37 +124,6 @@ a.tabledrag-handle .handle {
height: auto;
width: auto; }
.error {
color: #a94442; }
div.error,
table tr.error {
background-color: #f2dede;
color: #a94442; }
.form-group.error,
.form-group.has-error {
background: none; }
.form-group.error label,
.form-group.error .control-label,
.form-group.has-error label,
.form-group.has-error .control-label {
color: #a94442;
font-weight: 600; }
.form-group.error input,
.form-group.error textarea,
.form-group.error select,
.form-group.error .uneditable-input,
.form-group.has-error input,
.form-group.has-error textarea,
.form-group.has-error select,
.form-group.has-error .uneditable-input {
color: #555555; }
.form-group.error .help-block, .form-group.error .help-inline,
.form-group.has-error .help-block,
.form-group.has-error .help-inline {
color: #6c757d; }
.nav-tabs {
margin-bottom: 10px; }
......@@ -258,42 +165,6 @@ ul li.leaf {
ul.pagination li > a.progress-disabled {
float: left; }
.form-autocomplete .glyphicon {
color: #777777;
font-size: 120%; }
.form-autocomplete .glyphicon.glyphicon-adjust-hue {
color: #0079C0; }
.form-autocomplete .input-group-addon {
background-color: white; }
.ajax-progress-bar {
border-radius: 0 0 4px 4px;
border: 1px solid #ccc;
margin: -1px 0 0;
padding: 6px 12px;
width: 100%; }
.ajax-progress-bar .progress {
height: 8px;
margin: 0; }
.ajax-progress-bar .percentage,
.ajax-progress-bar .message {
color: #6c757d;
font-size: 1rem;
line-height: 1em;
margin: 5px 0 0;
padding: 0; }
.glyphicon-adjust-hue {
display: inline-block;
-o-animation: adjust-hue 1s infinite linear;
-webkit-animation: adjust-hue 1s infinite linear;
animation: adjust-hue 1s infinite linear; }
a .glyphicon-adjust-hue {
display: inline-block;
text-decoration: none; }
@-webkit-keyframes adjust-hue {
0% {
-webkit-transform: rotate(0deg); }
......@@ -357,7 +228,7 @@ div.image-style-new {
td.module,
.table-striped > tbody > tr:nth-child(odd) > td.module,
.table > tbody > tr > td.module {
background: #ddd;
background: #dee2e6;
font-weight: 700; }
.book-toc > .dropdown-menu {
......@@ -369,7 +240,6 @@ td.module,
.book-toc > .dropdown-menu .dropdown-menu {
border: 0;
display: block;
font-size: 1rem;
margin: 0;
padding: 0;
position: static;
......@@ -383,19 +253,15 @@ td.module,
#features-filter .form-item.form-type-checkbox {
padding-left: 20px; }
fieldset.features-export-component {
font-size: 1rem; }
html.js #features-export-form fieldset.features-export-component, fieldset.features-export-component {
margin: 0 0 0.5rem; }
fieldset.features-export-component .panel-heading {
fieldset.features-export-component .panel-heading {
padding: 5px 10px; }
fieldset.features-export-component .panel-heading a.panel-title {
font-weight: 500;
margin: -5px -10px;
padding: 5px 10px; }
fieldset.features-export-component .panel-heading a.panel-title {
font-size: 1rem;
font-weight: 500;
margin: -5px -10px;
padding: 5px 10px; }
fieldset.features-export-component .panel-body {
padding: 0 10px; }
fieldset.features-export-component .panel-body {
padding: 0 10px; }
div.features-export-list {
margin: -11px 0 10px;
......@@ -478,7 +344,6 @@ img {
.modal-content .panels-add-content-modal {
background: white;
border-left: 1px solid #eeeeee;
margin-left: 175px;
padding-left: 0; }
.modal-content .panels-add-content-modal .panels-modal-add-category {
......
/**
* @file
* Styles for Bootstrap Barrio affix effect.
*/
.affix {
position: fixed;
width: 100%;
......
/**
* @file
* Visual styles for comments in Barrio.
*/
.alert-sm {
padding: 5px 10px; }
......
......@@ -2,14 +2,13 @@
background: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
border-radius: 0.25rem;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
color: inherit;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 0.9rem;
font-size: 1rem;
list-style: none;
min-width: 160px;
padding: 5px 0;
......@@ -19,19 +18,19 @@
border: 0;
border-radius: 0;
clear: both;
color: #333333;
color: #212529;
cursor: pointer;
display: block;
font-weight: normal;
line-height: 1.42857;
line-height: 1.5;
margin: 0;
outline: 0;
padding: 3px 20px;
text-decoration: none;
white-space: nowrap; }
.ui-autocomplete .ui-menu-item.ui-state-hover {
background: #f5f5f5;
color: #262626; }
background: #f8f9fa;
color: #16181b; }
.ui-autocomplete .ui-menu-item.ui-state-active, .ui-autocomplete .ui-menu-item.ui-state-focus {
background: #0079C0;
background: #007bff;
color: #fff; }
/**
* @file
* Styling for the Book module.
*/
.book-navigation .menu {
padding-bottom: 0;
padding-top: 1em; }
......
/**
* @file
* Bootstrap Barrio specific styling for the Book module.
*/
.book-navigation .menu {
border-top: 1px solid #dee2e6; }
......
/**
* @file
* Styles for Bootstrap Barrio's breadcrumbs.
*/
.breadcrumb {
font-size: 0.929em 0.875rem; }
......
.bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #eeeeee;
border: 1px solid #e9ecef;
border-left-width: 5px;
border-radius: 3px;
border-radius: 3px; }
......@@ -22,32 +22,32 @@
margin-top: -5px; }
.bs-callout-danger {
border-left-color: #d9534f; }
border-left-color: #dc3545; }
.bs-callout-danger h4 {
color: #d9534f; }
color: #dc3545; }
.bs-callout-warning {
border-left-color: #f0ad4e; }
border-left-color: #ffc107; }
.bs-callout-warning h4 {
color: #f0ad4e; }
color: #ffc107; }
.bs-callout-info {
border-left-color: #5bc0de; }
border-left-color: #17a2b8; }
.bs-callout-info h4 {
color: #5bc0de; }
color: #17a2b8; }
[dir="rtl"] .bs-callout {
border-left-width: 1px;
border-right-width: 5px; }
[dir="rtl"] .bs-callout-danger {
border-left-color: #eeeeee;
border-right-color: #d9534f; }
border-left-color: #e9ecef;
border-right-color: #dc3545; }
[dir="rtl"] .bs-callout-warning {
border-left-color: #eeeeee;
border-right-color: #f0ad4e; }
border-left-color: #e9ecef;
border-right-color: #ffc107; }
[dir="rtl"] .bs-callout-info {
border-left-color: #eeeeee;
border-right-color: #5bc0de; }
border-left-color: #e9ecef;
border-right-color: #17a2b8; }
/**
* @file
* Visual styles for comments in Bartik.
*/
/* This is required to win over specificity of #content h2 */
#content .comment-wrapper h2 {
margin-bottom: 1em; }
......@@ -23,7 +19,7 @@
.comment__meta {
padding: 0 30px 0 0;
/* LTR */
font-size: 0.9rem; }
font-size: 1rem; }
[dir="rtl"] .comment__meta {
padding: 0 0 0 30px; }
......@@ -31,7 +27,6 @@
.comment__attribution img {
border: 1px solid #dee2e6; }
/* This is required to win over specificity of .field--type-image img */
.comment .field--name-user-picture img {
margin: 0; }
......@@ -119,7 +114,7 @@
.comment .links-inline span {
padding: 0 0.5em 0 0;
/* LTR */
font-size: 0.9rem; }
font-size: 1rem; }
[dir="rtl"] .comment .links-inline span {
padding: 0 0 0 0.5em; }
......@@ -136,10 +131,6 @@
margin-right: 0;
padding: 5px 5px 5px 2px; }
/**
* @todo: unpublished nodes have class .node--unpublished.
* change this to .comment--unpublished.
*/
.unpublished .comment-text .comment-arrow {
border-left: 1px solid #7ecfff;
border-right: 1px solid #7ecfff; }
......
/**
* @file
* Contextual links styles for Bootstrap Barrio.
*/
.contextual-links a {
border-bottom: none;
text-shadow: 0 0 0; }
/**
* @file
* Collapsible details.
*
* @see collapse.js
* @see http://nicolasgallagher.com/css-background-image-hacks/
*/
details {
border: 1px solid #dee2e6;
margin-top: 1rem;
......@@ -13,9 +6,6 @@ details {
details > .details-wrapper {
padding: 0.5em 1.5em; }
/* @todo Regression: The summary of uncollapsible details are no longer
vertically aligned with the .details-wrapper in browsers without native
details support. */
summary {
cursor: pointer;
padding: 0.2em 0.5em; }
/**
* @file
* Visual styles for Bartik's dropbutton component.
*/
.js .dropbutton-wrapper .dropbutton-widget {
/* This is required to win over specifity of .js td .dropbutton-widget */
position: relative; }
......@@ -59,10 +55,6 @@
background: #dedede;
border-bottom: 0 none; }
/**
* @file
* General styles for dropbuttons.
*/
.js .dropbutton-widget {
background-color: white;
border: 1px solid #cccccc; }
......
/**
* @file
* Feed icon styles for Bootstrap Barrio.
*/
.feed-icon {
border-bottom: none;
display: inline-block;
......
/**
* @file
* Visual styles for Bootstrap Barrio's field components.
*/
.field--type-entity-reference .field__label {
font-weight: normal;
margin: 0;
......
/**
* @file
* Default style for file module.
*/
/* File icons.*/
.file {
padding-left: 1.5rem;
/* LTR */
display: inline-block;
min-height: 0.9rem;
min-height: 1rem;
background-repeat: no-repeat;
background-position: left center;
/* LTR */ }
......
/**
* @file
* Visual styles for Bootstrap Barrio's form components.
*/
.form-required::after {
content: '';
vertical-align: super;
......
/* ------------------ Header ------------------ */
#navbar-top {
padding: 0 1rem; }
......
/**
* @file
* Styles for the help block.
*/
.block-help {
border: 1px solid #dee2e6;
padding: 0 1.5rem;
......
/**
* @file
* Visual styles for icons.
*/
.icon-help {
background: url(../../images/help.png) 0 50% no-repeat;
/* LTR */
......@@ -17,5 +13,5 @@
overflow: hidden;
text-indent: -9999px;
display: block;
width: 0.9rem;
height: 0.9rem; }
width: 1rem;
height: 1rem; }
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