Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
G
gitlab-ce
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
iv
gitlab-ce
Commits
aed65f56
Commit
aed65f56
authored
11 years ago
by
Dmitriy Zaporozhets
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
New style for buttons (bootstrap 3 like)
Signed-off-by:
Dmitriy Zaporozhets
<
dmitriy.zaporozhets@gmail.com
>
parent
37741f3e
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
51 additions
and
41 deletions
+51
-41
app/assets/stylesheets/gitlab_bootstrap/buttons.scss
app/assets/stylesheets/gitlab_bootstrap/buttons.scss
+51
-41
No files found.
app/assets/stylesheets/gitlab_bootstrap/buttons.scss
View file @
aed65f56
.btn
{
display
:
inline-block
;
padding
:
6px
12px
;
margin-bottom
:
0
;
font-size
:
13px
;
line-height
:
$baseLineHeight
;
font-weight
:
normal
;
text-align
:
center
;
vertical-align
:
middle
;
cursor
:
pointer
;
border
:
1px
solid
#BBB
;
color
:
$style_color
;
@include
border-radius
(
$baseBorderRadius
);
@include
box-shadow
(
inset
0
1px
0
rgba
(
255
,
255
,
255
,.
2
));
@include
linear-gradient
(
#f1f1f1
,
#e1e1e1
);
text-shadow
:
0
1px
1px
#FFF
;
text-decoration
:
none
;
background-image
:
none
;
border
:
1px
solid
transparent
;
white-space
:
nowrap
;
padding
:
6px
12px
;
font-size
:
13px
;
line-height
:
1
.5
;
border-radius
:
4px
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
-o-user-select
:
none
;
user-select
:
none
;
color
:
#333333
;
background-color
:
#fff
;
border-color
:
#ccc
;
text-shadow
:
none
;
&
.hover
,
&
:hover
{
color
:
$style_color
;
background
:
#f1f1f1
;
border-color
:
#AAA
;
color
:
#333333
;
text-decoration
:
none
;
@include
linear-gradient
(
#fAfAfA
,
#f1f1f1
);
background-color
:
#ebebeb
;
border-color
:
#adadad
;
}
&
.focus
,
&
:focus
{
color
:
#333333
;
text-decoration
:
none
;
@include
box-shadow
(
inset
0
2px
4px
rgba
(
0
,
0
,
0
,.
15
));
outline
:
thin
dotted
#333
;
outline
:
5px
auto
-
webkit-focus-ring-color
;
outline-offset
:
-2px
;
}
&
.active
,
&
:active
{
background-image
:
none
;
outline
:
0
;
text-decoration
:
none
;
@include
box-shadow
(
inset
0
2px
4px
rgba
(
0
,
0
,
0
,.
15
));
background-image
:
none
;
-webkit-box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0
.125
);
box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0
.125
);
}
&
.disabled
,
&
[
disabled
]
{
cursor
:
default
;
background-image
:
none
;
@include
opacity
(
65
);
@include
box-shadow
(
none
);
cursor
:
not
-
allowed
;
pointer-events
:
none
;
opacity
:
0
.65
;
filter
:
alpha
(
opacity
=
65
);
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
}
&
.btn-primary
{
color
:
#FFF
;
border-color
:
#189
;
text-shadow
:
0
1px
1px
#189
;
@include
linear-gradient
(
#4AC
,
#289
);
color
:
#ffffff
;
background-color
:
#429bca
;
border-color
:
#358ebd
;
&
.hover
,
&
:hover
,
&
.disabled
,
&
[
disabled
]
{
color
:
#FFF
;
background
:
#389
;
color
:
#ffffff
;
background-color
:
#3286b1
;
border-color
:
#286e8e
;
}
}
&
.btn-success
{
color
:
#FFF
;
border-color
:
#1A1
;
text-shadow
:
0
1px
1px
#FFF
;
text-shadow
:
0
1px
1px
#181
;
@include
linear-gradient
(
#62C452
,
#51a351
);
color
:
#ffffff
;
background-color
:
#5cb85c
;
border-color
:
#4cae4c
;
&
.hover
,
&
:hover
,
&
.disabled
,
&
[
disabled
]
{
color
:
#FFF
;
background
:
#2A2
;
color
:
#ffffff
;
background-color
:
#47a447
;
border-color
:
#398439
;
}
}
&
.btn-danger
{
color
:
#FFF
;
text-shadow
:
0
1px
1px
#811
;
border-color
:
#BD362F
;
@include
linear-gradient
(
#EE5F5B
,
#BD362F
);
color
:
#ffffff
;
background-color
:
#d9534f
;
border-color
:
#d43f3a
;
&
.hover
,
&
:hover
,
&
.disabled
,
&
[
disabled
]
{
color
:
#FFF
;
background
:
#A22
;
color
:
#ffffff
;
background-color
:
#d2322d
;
border-color
:
#ac2925
;
}
}
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment