peterkrzyzek/ghost_leaders_theme
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity

Refactor

Browse source 
Splitting and tidying files
This commit is contained in:
John O'Nolan 2019-11-17 17:37:59 +07:00
parent 7c4eefd66b
commit 2588ef44ab
14 changed files with 45 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

20
assets/css/components/buttons.css
View file

@ -1,7 +1,7 @@
/* Buttons
/* ---------------------------------------------------------- */
.button {
.gh-button {
display: inline-block;
height: var(--height);
padding: 0 2rem;
@ -19,49 +19,49 @@
transition: 0.4s ease;
}
.button.fit {
.gh-button.gh-button-fit {
width: 100%;
}
.button.small {
.gh-button.gh-button-small {
height: calc(var(--height) * 0.9);
line-height: calc(var(--height) * 0.9);
padding: 0 1.5rem;
font-size: 1.2rem;
}
.button.large {
.gh-button.gh-button-large {
height: calc(var(--height) * 1.14);
line-height: calc(var(--height) * 1.14);
padding: 0 3rem;
font-size: 1.6rem;
}
.button.disabled,
.button:disabled {
.gh-button.gh-button-disabled,
.gh-button:disabled {
pointer-events: none;
opacity: 0.4;
}
.button {
.gh-button {
color: var(--color-primary) !important;
background-color: transparent;
box-shadow: inset 0 0 0 2px var(--color-primary);
}
.button:hover {
.gh-button:hover {
text-decoration: none;
color: color(var(--color-primary) l(-15%)) !important;
box-shadow: inset 0 0 0 2px color(var(--color-primary) l(-10%));
transition: 0.2s ease;
}
.button.primary {
.gh-button.gh-button-primary {
color: #fff !important;
background-color: var(--color-primary);
box-shadow: none;
}
.button.primary:hover {
.gh-button.gh-button-primary:hover {
background-color: color(var(--color-primary) l(-10%));
}