Skip to content

B
Backend Server
Commit f78016f8 authored by SpinShare's avatar SpinShare
Browse files
Options

updated buttons

parent 186b2090
Hide whitespace changes
Inline Side-by-side
Showing with 23 additions and 26 deletions
public/assets/css/main.css
View file @ f78016f8
...@@ -72,24 +72,22 @@ section.section-library { ...@@ -72,24 +72,22 @@ section.section-library {
button, button,
.button { .button {
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
font-size: 12px; text-decoration: none;
border: 0px;
color: #fff; color: #fff;
background: rgba(255, 255, 255, 0.2); font-size: 12px;
text-transform: uppercase; font-weight: bold;
font-weight: 700; letter-spacing: 0.1em;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
padding: 10px 20px;
border-radius: 4px; border-radius: 4px;
padding: 7px 14px; text-transform: uppercase;
border: 0px; transition: 0.2s ease-in-out all;
text-decoration: none; cursor: pointer;
text-align: center;
user-select: none;
transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
} }
button:hover, button:hover,
.button:hover { .button:hover {
background: #fff; opacity: 0.6;
color: #222;
cursor: pointer;
} }
button:focus, button:focus,
.button:focus { .button:focus {
......
public/assets/css/main.less
View file @ f78016f8
...@@ -77,22 +77,21 @@ section { ...@@ -77,22 +77,21 @@ section {
button, .button { button, .button {
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
font-size: 12px; font-size: 12px;
text-decoration: none;
border: 0px;
color: #fff; color: #fff;
background: rgba(255,255,255,0.2); font-size: 12px;
text-transform: uppercase; font-weight: bold;
font-weight: 700; letter-spacing: 0.1em;
background: linear-gradient(135deg, rgba(255,255,255,0.3), rgba(255,255,255,0.1));
padding: 10px 20px;
border-radius: 4px; border-radius: 4px;
padding: 7px 14px; text-transform: uppercase;
border: 0px; transition: 0.2s ease-in-out all;
text-decoration: none; cursor: pointer;
text-align: center;
user-select: none;
transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
&:hover { &:hover {
background: #fff; opacity: 0.6;
color: #222;
cursor: pointer;
} }
&:focus { &:focus {
outline: 0; outline: 0;
...@@ -102,7 +101,7 @@ button, .button { ...@@ -102,7 +101,7 @@ button, .button {
background: transparent; background: transparent;
&:hover { &:hover {
background: rgba(255,255,255,0.2); background: rgba(255, 255, 255, 0.2);
color: #fff; color: #fff;
} }
&:active { &:active {
......
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