diff options
author | Indrajith K L | 2022-03-20 00:38:25 +0530 |
---|---|---|
committer | Indrajith K L | 2022-03-20 00:38:25 +0530 |
commit | 941642aee876a97dbb79666d8fabaa2b1feb9ff5 (patch) | |
tree | 6147d3027127466b312eaa0b34c75966743bf547 /themes/terminal/assets/css/buttons.css | |
parent | 31fc0796a09e1c0b8acbee6ac2fbee17d525b528 (diff) | |
download | experimentsofindrajith-941642aee876a97dbb79666d8fabaa2b1feb9ff5.tar.gz experimentsofindrajith-941642aee876a97dbb79666d8fabaa2b1feb9ff5.tar.bz2 experimentsofindrajith-941642aee876a97dbb79666d8fabaa2b1feb9ff5.zip |
Theme changes
Diffstat (limited to 'themes/terminal/assets/css/buttons.css')
-rw-r--r-- | themes/terminal/assets/css/buttons.css | 94 |
1 files changed, 94 insertions, 0 deletions
diff --git a/themes/terminal/assets/css/buttons.css b/themes/terminal/assets/css/buttons.css new file mode 100644 index 0000000..2bef686 --- /dev/null +++ b/themes/terminal/assets/css/buttons.css @@ -0,0 +1,94 @@ +.button-container { + display: table; + margin-left: auto; + margin-right: auto; +} + +button, +.button, +a.button { + position: relative; + display: flex; + align-items: center; + justify-content: center; + padding: 8px 18px; + margin-bottom: 5px; + text-decoration: none; + text-align: center; + border-radius: 8px; + border: 1px solid transparent; + appearance: none; + cursor: pointer; + outline: none; + + /* variants */ + + &.outline { + background: transparent; + box-shadow: none; + padding: 8px 18px; + + :hover { + transform: none; + box-shadow: none; + } + } + + &.primary { + box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08); + + &:hover { + box-shadow: 0 2px 6px rgba(50, 50, 93, .21), 0 1px 3px rgba(0, 0, 0, .08); + } + } + + &.link { + background: none; + font-size: 1rem; + } + + + /* sizes */ + + &.small { + font-size: .8rem; + } + + &.wide { + min-width: 200px; + padding: 14px 24px; + } +} + +a.read-more, +a.read-more:hover, +a.read-more:active { + display: inline-flex; + background: none; + box-shadow: none; + padding: 0; + margin: 20px 0; + max-width: 100%; +} + +.code-toolbar { + margin-bottom: 20px; + + .toolbar-item a { + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + padding: 3px 8px; + margin-bottom: 5px; + text-decoration: none; + text-align: center; + font-size: 13px; + font-weight: 500; + border-radius: 8px; + border: 1px solid transparent; + appearance: none; + cursor: pointer; + outline: none; + } +} |