archive/pillar
0
0
Fork 0
Code Issues 42 Pull Requests Projects Releases Wiki Activity

CSS: Make buttons use bootstraps' variable for roundness

Browse Source
This commit is contained in:
Pablo Vazquez 2018-09-21 16:12:23 +02:00
parent e9d247fe97
commit 831858a336
7 changed files with 24 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/styles/_config.sass
View File

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

4
src/styles/_error.sass
View File

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

2
src/styles/_pages.sass
View File

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

2
src/styles/_project-dashboard.sass
View File

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

28
src/styles/_project.sass
View File

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

4
src/styles/_user.sass
View File

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

2
src/styles/components/_forms.sass
View File

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