infrastructure/hugo-fresh
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

New theme version

Browse Source
This commit is contained in:
lucperkins
2018-08-04 12:47:06 +02:00
commit bc9431b619
126 changed files with 7942 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
assets/fresh/partials/_buttons.scss Normal file
View File

@@ -0,0 +1,109 @@
/* ==========================================================================
Classes to change the feel of bulma buttons
========================================================================== */
// CTA buttons
.button {
cursor: pointer;
transition: all 0.5s;
&.cta {
font-family: 'Open Sans', sans-serif;
font-size: 1rem;
font-weight: 600;
padding: 26px 40px 26px 40px;
}
&.is-clear {
line-height: 0 !important;
}
&.rounded {
border-radius: 500px;
}
&.raised:hover {
box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
opacity: 0.8;
}
&.btn-outlined {
background: transparent;
}
&.signup-button {
font-size: .9rem;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
padding: 24px 26px;
width: 130px;
}
}
.button {
&.primary-btn {
outline: none;
border-color: $primary;
background-color: $primary;
color: $white;
transition: all 0.5s;
&:hover {
color: $white;
}
&.raised:hover {
box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important;
opacity: 0.8;
}
&.btn-outlined {
border-color: $primary;
color: $primary;
background-color: transparent;
&:hover {
color: $white;
background-color: $primary;
}
}
}
&.secondary-btn {
outline: none;
border-color: $secondary;
background-color: $secondary;
color: $white;
transition: all 0.5s;
&:hover {
color: $white;
}
&.raised:hover {
box-shadow: 0 14px 26px -12px rgba(243, 146, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(243, 146, 0, 0.2) !important;
opacity: 0.8;
}
&.btn-outlined {
border-color: $secondary;
color: $secondary;
background-color: transparent;
&:hover {
color: $white;
background-color: $secondary;
}
}
}
&.button.accent-btn {
outline: none;
border-color: $accent;
background-color: $accent;
color: $white;
transition: all 0.5s;
&:hover {
color: $white;
}
&.raised:hover {
box-shadow: 0 14px 26px -12px rgba(104, 187, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(104, 187, 136, 0.2) !important;
opacity: 0.8;
}
&.btn-outlined {
border-color: $accent;
color: $accent;
background-color: transparent;
&:hover {
color: $white;
background-color: $accent;
}
}
}
}