Commit 490f1b85 authored by Cristiano Silva's avatar Cristiano Silva
Browse files

Added logo. Organized sass files. Updated header blocks.

parent 637cb3f3
Pipeline #1648 failed with stages
in 3 minutes and 6 seconds
uuid: 9303d247-62af-46b4-9564-95e32d15f9ba
langcode: pt-pt
status: true
status: false
dependencies:
module:
- system
......
......@@ -11,7 +11,7 @@ dependencies:
id: drupalpt_main_menu
theme: drupalpt
region: primary_menu
weight: 0
weight: -15
provider: null
plugin: 'system_menu_block:main-menu'
settings:
......
uuid: af5a7dbe-a860-4903-8b34-075dd0a69724
langcode: pt-pt
status: true
status: false
dependencies:
theme:
- drupalpt
......
uuid: fcecb53c-ff89-4eb2-92e3-8f223eac49f3
langcode: pt-pt
status: true
dependencies:
module:
- search
theme:
- drupalpt
id: drupalpt_search
theme: drupalpt
region: top_header_form
weight: -15
provider: null
plugin: search_form_block
settings:
id: search_form_block
label: Pesquisar
provider: search
label_display: '0'
visibility: { }
......@@ -10,7 +10,7 @@ dependencies:
- drupalpt
id: useraccountmenu
theme: drupalpt
region: header_form
region: top_header
weight: -15
provider: null
plugin: 'system_menu_block:account'
......
......@@ -8,41 +8,11 @@ dependencies:
- node.type.paginas
module:
- layout_builder
- layout_discovery
- text
- user
third_party_settings:
layout_builder:
sections:
-
layout_id: layout_onecol
layout_settings: { }
components:
a93d9c02-814f-472d-ad02-ffa756d3fda2:
uuid: a93d9c02-814f-472d-ad02-ffa756d3fda2
region: content
configuration:
label_display: '0'
context_mapping:
entity: layout_builder.entity
id: 'extra_field_block:node:paginas:links'
additional: { }
weight: 0
dcdb22a9-4d97-4581-be5a-653351eeab7f:
uuid: dcdb22a9-4d97-4581-be5a-653351eeab7f
region: content
configuration:
label_display: '0'
context_mapping:
entity: layout_builder.entity
id: 'field_block:node:paginas:body'
formatter:
label: hidden
type: text_default
settings: { }
third_party_settings: { }
additional: { }
weight: 1
sections: { }
allow_custom: true
enabled: true
id: node.paginas.default
......
/*
Theme Name: Bootstrap 4 Sass
Description: Bootstrap 4 with Sass
Theme Name: Drupalpt Bootstrap 4 Sass
Description: Drupalpt Bootstrap 4 with Sass
*/
/* IMPORTS */
/* VARIABLES */
......@@ -9220,27 +9220,20 @@ nav.tabs {
.btn-outline-dark a:not(:disabled):not(.disabled):active:focus, .btn-outline-dark a:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark a.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
/*
*
*
------- MY SASS FILES ------------------------ *
*
*
*/
/*
*
--- --- --- HEADER --- --- ---
*
*/
#navbar-top {
background-color: #f8f9fa !important; }
background-color: #222222 !important; }
#navbar-top > .container {
justify-content: flex-end;
align-content: flex-start; }
#navbar-top #search-block-form fieldset input {
border-radius: 0;
border: none;
border-bottom: 1px solid #ced4da; }
border-bottom: 1px solid #007fc8; }
#navbar-top #search-block-form #edit-actions {
padding-right: 0; }
#navbar-top #search-block-form #edit-actions button {
......@@ -9250,7 +9243,12 @@ nav.tabs {
border-radius: 0; }
#navbar-main {
background-color: #c1c1c1 !important; }
background-color: #222222 !important;
padding: 0; }
#navbar-main .navbar-brand {
width: 150px; }
#navbar-main #CollapsingNavbar {
justify-content: flex-end; }
/* --- --- >> LOGO >> --- --- */
/* --- --- << LOGO << --- --- */
......@@ -9274,9 +9272,48 @@ nav.tabs {
.show {
display: block !important; }
.form-control:focus, .btn-primary:focus, .btn-primary:focus {
.form-control:focus, .btn-primary:focus {
box-shadow: none !important; }
.btn-primary:hover {
border: 1px solid #007fc8 !important; }
@media (min-width: 992px) {
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto; } }
/*
*
--- --- RIPPLE EFFECT ON BUTTONS
*
*/
/*Create ripple effec*/
.ripple {
position: relative;
overflow: hidden;
transform: translate3d(0, 0, 0); }
.ripple:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
background-repeat: no-repeat;
background-position: 50%;
transform: scale(10, 10);
opacity: 0;
transition: transform .5s, opacity 1s; }
.ripple:active:after {
transform: scale(0, 0);
opacity: .3;
transition: 0s; }
/* GENERAL STYLES
-------------------------------------------------*/
body {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
......@@ -13,3 +13,16 @@
@import "typography";
// mixins
@import "mixins";
// ---------- IMPORT MY SASS FILES ---------- //
@import "theme-styles/header";
@import "theme-styles/footer";
@import "theme-styles/globals";
// Ripple effect for buttons
@import "theme-styles/util/ripple-effect";
\ No newline at end of file
/*
Theme Name: Bootstrap 4 Sass
Description: Bootstrap 4 with Sass
Theme Name: Drupalpt Bootstrap 4 Sass
Description: Drupalpt Bootstrap 4 with Sass
*/
// import files
@import "import";
/*
*
*
------- MY SASS FILES ------------------------ *
*
*
*/
@import "theme-styles/header";
@import "theme-styles/footer";
@import "theme-styles/globals";
/* GENERAL STYLES
-------------------------------------------------*/
......
......@@ -8,9 +8,21 @@
display: block !important;
}
.form-control, .btn-primary, .btn-primary {
.form-control, .btn-primary {
&:focus {
box-shadow: none !important;
}
}
.btn-primary {
&:hover {
border: 1px solid #007fc8 !important;;
}
}
@media (min-width: 992px) {
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
}
......@@ -5,7 +5,7 @@
*/
#navbar-top {
background-color: $light !important;
background-color: #222222 !important;
> .container {
justify-content: flex-end;
......@@ -17,7 +17,7 @@
fieldset input {
border-radius: 0;
border: none;
border-bottom: 1px solid #ced4da;
border-bottom: 1px solid #007fc8;
}
// Search button
......@@ -34,10 +34,32 @@
}
}
// Header elements positioning & order
#navbar-main {
background-color: #c1c1c1 !important;
background-color: #222222 !important;
padding: 0;
// logo
.navbar-brand {
width: 150px;
}
// main menu
#CollapsingNavbar {
justify-content: flex-end;
}
// user menu (login, etc)
#block-useraccountmenu {
}
}
/* --- --- >> LOGO >> --- --- */
/* --- --- << LOGO << --- --- */
......@@ -49,7 +71,5 @@
/* --- --- >> SEARCH >> --- --- */
/* --- --- << SEARCH << --- --- */
/*
*
--- --- RIPPLE EFFECT ON BUTTONS
*
*/
/*Create ripple effec*/
.ripple {
position: relative;
overflow: hidden;
transform: translate3d(0, 0, 0);
}
.ripple:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
background-repeat: no-repeat;
background-position: 50%;
transform: scale(10, 10);
opacity: 0;
transition: transform .5s, opacity 1s;
}
.ripple:active:after {
transform: scale(0, 0);
opacity: .3;
transition: 0s;
}
\ No newline at end of file
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