CSS: Make buttons use bootstraps' variable for roundness

This commit is contained in:
2018-09-21 16:12:23 +02:00
parent e9d247fe97
commit 831858a336
7 changed files with 24 additions and 21 deletions

View File

@@ -163,3 +163,6 @@ $navbar-padding-y: 0
$btn-padding-y-sm: 0.1rem
$grid-breakpoints: (xs: 0,sm: 576px,md: 768px,lg: 1060px,xl: 1500px, xxl: 1800px)
$border-radius: .33rem
$btn-border-radius: .33rem

View File

@@ -54,9 +54,9 @@
padding: 5px
text-decoration: none
&.sign-up
+button($color-primary, 3px, true)
+button($color-primary, $btn-border-radius, true)
&.sign-in
+button($color-text-dark-primary, 3px)
+button($color-text-dark-primary, $btn-border-radius)
#node-overlay
#error-container

View File

@@ -369,7 +369,7 @@ a.page-card-cta
margin-right: 0
&.download
+button($color-success, 3px, true)
+button($color-success, $btn-border-radius, true)
opacity: 1
padding-left: 20px
padding-right: 20px

View File

@@ -178,7 +178,7 @@
display: block
margin: 15px auto 0 auto
width: 200px
+button($color-success, 3px)
+button($color-success, $btn-border-radius)
padding: 5px 10px
.blender_sync-main-last
text-align: right

View File

@@ -801,7 +801,7 @@ a.learn-more
font-size: .9em
margin-left: 20px
padding: 5px 10px
+button($color-info, 3px)
+button($color-info, $btn-border-radius)
.node-extra
display: flex
@@ -1683,7 +1683,7 @@ a.learn-more
width: 100%
#files-action-add
+button($color-success, 3px, true)
+button($color-success, $btn-border-radius, true)
width: 200px
padding: 5px 10px
margin-bottom: 10px
@@ -1816,10 +1816,10 @@ a.learn-more
button.cancel
+button($color-text-dark-primary, 3px)
+button($color-text-dark-primary, $btn-border-radius)
button.move
+button($color-success, 3px, true)
+button($color-success, $btn-border-radius, true)
&.disabled
pointer-events: none
@@ -1841,27 +1841,27 @@ a.learn-more
.fileupload-buttonbar
padding: 10px 0
.fileinput-button
+button($color-success, 3px)
+button($color-success, $btn-border-radius)
.start
+button($color-info, 3px)
+button($color-info, $btn-border-radius)
.cancel
+button($color-warning, 3px)
+button($color-warning, $btn-border-radius)
.delete
+button($danger, 3px)
+button($danger, $btn-border-radius)
.toggle
margin: 0 20px
.files
.btn
&.start
+button($color-info, 3px)
+button($color-info, $btn-border-radius)
&.cancel
+button($color-warning, 3px)
+button($color-warning, $btn-border-radius)
&.delete
+button($danger, 3px)
+button($danger, $btn-border-radius)
&.create
+button($color-success, 3px)
+button($color-success, $btn-border-radius)
.template-upload,
.template-download
@@ -1928,11 +1928,11 @@ a.learn-more
a.cta
padding: 5px 35px
+button($color-primary, 3px, true)
+button($color-primary, $btn-border-radius, true)
a.cta-learn-more
padding: 5px 20px
+button(white, 3px)
+button(white, $btn-border-radius)
display: inline-block
margin: 25px 0 25px 15px
padding: 5px 35px

View File

@@ -87,10 +87,10 @@
padding: 10px 0
#submit_edit_user
+button($color-success, 3px, true)
+button($color-success, $btn-border-radius, true)
#button-cancel
+button(#aaa, 3px)
+button(#aaa, $btn-border-radius)
margin: 0 10px
#user-edit-notification

View File

@@ -34,7 +34,7 @@
margin-right: 10px
.fieldlist-action-button
+button($color-success, 3px)
+button($color-success, $btn-border-radius)
margin: 0 0 0 10px
padding: 5px 10px
text-transform: initial