You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

109 lines
3.2 KiB

1 year ago
  1. .wp-block-button__link{
  2. box-sizing:border-box;
  3. cursor:pointer;
  4. display:inline-block;
  5. text-align:center;
  6. word-break:break-word;
  7. }
  8. .wp-block-button__link.aligncenter{
  9. text-align:center;
  10. }
  11. .wp-block-button__link.alignright{
  12. text-align:right;
  13. }
  14. :where(.wp-block-button__link){
  15. border-radius:9999px;
  16. box-shadow:none;
  17. padding:calc(.667em + 2px) calc(1.333em + 2px);
  18. text-decoration:none;
  19. }
  20. .wp-block-button[style*=text-decoration] .wp-block-button__link{
  21. text-decoration:inherit;
  22. }
  23. .wp-block-buttons>.wp-block-button.has-custom-width{
  24. max-width:none;
  25. }
  26. .wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{
  27. width:100%;
  28. }
  29. .wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{
  30. font-size:inherit;
  31. }
  32. .wp-block-buttons>.wp-block-button.wp-block-button__width-25{
  33. width:calc(25% - var(--wp--style--block-gap, .5em)*.75);
  34. }
  35. .wp-block-buttons>.wp-block-button.wp-block-button__width-50{
  36. width:calc(50% - var(--wp--style--block-gap, .5em)*.5);
  37. }
  38. .wp-block-buttons>.wp-block-button.wp-block-button__width-75{
  39. width:calc(75% - var(--wp--style--block-gap, .5em)*.25);
  40. }
  41. .wp-block-buttons>.wp-block-button.wp-block-button__width-100{
  42. flex-basis:100%;
  43. width:100%;
  44. }
  45. .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{
  46. width:25%;
  47. }
  48. .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{
  49. width:50%;
  50. }
  51. .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{
  52. width:75%;
  53. }
  54. .wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{
  55. border-radius:0;
  56. }
  57. .wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{
  58. border-radius:0 !important;
  59. }
  60. .wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{
  61. border:2px solid;
  62. padding:.667em 1.333em;
  63. }
  64. .wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){
  65. color:currentColor;
  66. }
  67. .wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){
  68. background-color:transparent;
  69. background-image:none;
  70. }
  71. .wp-block-button .wp-block-button__link:where(.has-border-color){
  72. border-width:initial;
  73. }
  74. .wp-block-button .wp-block-button__link:where([style*=border-top-color]){
  75. border-top-width:medium;
  76. }
  77. .wp-block-button .wp-block-button__link:where([style*=border-right-color]){
  78. border-left-width:medium;
  79. }
  80. .wp-block-button .wp-block-button__link:where([style*=border-bottom-color]){
  81. border-bottom-width:medium;
  82. }
  83. .wp-block-button .wp-block-button__link:where([style*=border-left-color]){
  84. border-right-width:medium;
  85. }
  86. .wp-block-button .wp-block-button__link:where([style*=border-style]){
  87. border-width:initial;
  88. }
  89. .wp-block-button .wp-block-button__link:where([style*=border-top-style]){
  90. border-top-width:medium;
  91. }
  92. .wp-block-button .wp-block-button__link:where([style*=border-right-style]){
  93. border-left-width:medium;
  94. }
  95. .wp-block-button .wp-block-button__link:where([style*=border-bottom-style]){
  96. border-bottom-width:medium;
  97. }
  98. .wp-block-button .wp-block-button__link:where([style*=border-left-style]){
  99. border-right-width:medium;
  100. }