Stylin
This commit is contained in:
parent
353073f996
commit
25118c683b
6 changed files with 19 additions and 24 deletions
|
|
@ -608,7 +608,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: var(--primary);
|
/*color: var(--primary);*/
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
border-bottom-color: var(--primary);
|
border-bottom-color: var(--primary);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -529,7 +529,7 @@
|
||||||
&.active {
|
&.active {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
border-bottom: 1px solid var(--text-color);
|
border-bottom: 1px solid var(--text-color);
|
||||||
color: var(--text-neutral);
|
/* color: var(--text-neutral); */
|
||||||
padding-bottom: 9px;
|
padding-bottom: 9px;
|
||||||
}
|
}
|
||||||
&:focus-visible {
|
&:focus-visible {
|
||||||
|
|
|
||||||
|
|
@ -37,7 +37,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-light {
|
.navbar-light {
|
||||||
border-bottom: 1px solid $border-color;
|
|
||||||
background: $navbar-bg;
|
background: $navbar-bg;
|
||||||
|
|
||||||
.navbar-toggler .icon {
|
.navbar-toggler .icon {
|
||||||
|
|
@ -128,14 +127,15 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-light .navbar-nav .nav-link {
|
.navbar-light .navbar-nav .nav-link {
|
||||||
color: $gray-700;
|
color: var(--body-text-color);
|
||||||
font-size: $font-size-sm;
|
font-size: $font-size-sm;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&.active {
|
&.active {
|
||||||
color: $primary;
|
color: var(--body-text-color);
|
||||||
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -90,38 +90,38 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-padding {
|
.section-padding {
|
||||||
padding-top: 3rem;
|
padding-top: 1rem;
|
||||||
padding-bottom: 3rem;
|
padding-bottom: 1rem;
|
||||||
|
|
||||||
@include media-breakpoint-up(sm) {
|
@include media-breakpoint-up(sm) {
|
||||||
padding-top: 5rem;
|
padding-top: 2rem;
|
||||||
padding-bottom: 5rem;
|
padding-bottom: 2rem;
|
||||||
}
|
}
|
||||||
@include media-breakpoint-up(xl) {
|
@include media-breakpoint-up(xl) {
|
||||||
padding-top: 8rem;
|
padding-top: 3rem;
|
||||||
padding-bottom: 8rem;
|
padding-bottom: 3rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-padding-top {
|
.section-padding-top {
|
||||||
padding-top: 3rem;
|
padding-top: 1rem;
|
||||||
|
|
||||||
@include media-breakpoint-up(sm) {
|
@include media-breakpoint-up(sm) {
|
||||||
padding-top: 5rem;
|
padding-top: 2rem;
|
||||||
}
|
}
|
||||||
@include media-breakpoint-up(xl) {
|
@include media-breakpoint-up(xl) {
|
||||||
padding-top: 8rem;
|
padding-top: 3rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-padding-bottom {
|
.section-padding-bottom {
|
||||||
padding-bottom: 3rem;
|
padding-bottom: 1rem;
|
||||||
|
|
||||||
@include media-breakpoint-up(sm) {
|
@include media-breakpoint-up(sm) {
|
||||||
padding-bottom: 5rem;
|
padding-bottom: 2rem;
|
||||||
}
|
}
|
||||||
@include media-breakpoint-up(xl) {
|
@include media-breakpoint-up(xl) {
|
||||||
padding-bottom: 8rem;
|
padding-bottom: 3rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -230,22 +230,16 @@
|
||||||
padding-bottom: 1px;
|
padding-bottom: 1px;
|
||||||
|
|
||||||
.nav-link {
|
.nav-link {
|
||||||
color: $gray-800;
|
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
border: none;
|
border: none;
|
||||||
padding: 1rem 0.5rem;
|
padding: 1rem 0.5rem;
|
||||||
margin-right: 2rem;
|
margin-right: 2rem;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
@include transition();
|
@include transition();
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: $primary;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-link.active,
|
.nav-link.active,
|
||||||
.nav-item.show .nav-link {
|
.nav-item.show .nav-link {
|
||||||
color: darken($primary, 5%);
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border-bottom: 2px solid $primary;
|
border-bottom: 2px solid $primary;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -16,6 +16,7 @@ $font-family-sans-serif: "{{ google_font }}", "InterVariable", "Inter", -apple-s
|
||||||
{% if primary_color %}$primary: {{ frappe.db.get_value('Color', primary_color, 'color') }};{% endif -%}
|
{% if primary_color %}$primary: {{ frappe.db.get_value('Color', primary_color, 'color') }};{% endif -%}
|
||||||
{% if dark_color %}$dark: {{ frappe.db.get_value('Color', dark_color, 'color') }};{% endif -%}
|
{% if dark_color %}$dark: {{ frappe.db.get_value('Color', dark_color, 'color') }};{% endif -%}
|
||||||
{% if text_color %}$body-text-color: {{ frappe.db.get_value('Color', text_color, 'color') }};{% endif -%}
|
{% if text_color %}$body-text-color: {{ frappe.db.get_value('Color', text_color, 'color') }};{% endif -%}
|
||||||
|
{% if light_color %}$light: {{ frappe.db.get_value('Color', light_color, 'color') }};{% endif -%}
|
||||||
{% if background_color %}$body-bg: {{ frappe.db.get_value('Color', background_color, 'color') }};{% endif -%}
|
{% if background_color %}$body-bg: {{ frappe.db.get_value('Color', background_color, 'color') }};{% endif -%}
|
||||||
|
|
||||||
$enable-shadows: {{ button_shadows and "true" or "false" }};
|
$enable-shadows: {{ button_shadows and "true" or "false" }};
|
||||||
|
|
|
||||||
|
|
@ -6,5 +6,5 @@
|
||||||
max-width: 100vw;
|
max-width: 100vw;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background: var(--bg-light-gray);
|
/* background: var(--bg-light-gray); */
|
||||||
}
|
}
|
||||||
Loading…
Add table
Reference in a new issue