spaCy/website/assets/css/_components/_misc.sass

53 lines
1.0 KiB
Sass
Raw Normal View History

2016-10-31 21:04:15 +03:00
//- 💫 CSS > COMPONENTS > MISC
2016-03-31 17:24:48 +03:00
.x-terminal
2016-10-31 21:04:15 +03:00
background: $color-subtle-light
2016-10-03 21:19:13 +03:00
color: $color-front
2017-10-03 15:14:52 +03:00
padding: $border-radius
border-radius: 1em
2016-03-31 17:24:48 +03:00
width: 100%
position: relative
2016-03-31 17:24:48 +03:00
2016-10-03 21:19:13 +03:00
.x-terminal__icons
2016-03-31 17:24:48 +03:00
position: absolute
2016-10-03 21:19:13 +03:00
padding: 10px
&:before,
&:after,
span
@include size(15px)
display: inline-block
float: left
border-radius: 50%
margin-right: 10px
2016-03-31 17:24:48 +03:00
&:before
2016-10-03 21:19:13 +03:00
content: ""
2016-10-31 21:04:15 +03:00
background: $color-red
2016-03-31 17:24:48 +03:00
span
2016-10-31 21:04:15 +03:00
background: $color-green
2016-03-31 17:24:48 +03:00
&:after
2016-10-03 21:19:13 +03:00
content: ""
2016-10-31 21:04:15 +03:00
background: $color-yellow
2016-10-03 21:19:13 +03:00
.x-terminal__code
margin: 0
border: none
2016-10-31 21:04:15 +03:00
border-bottom-left-radius: 5px
border-bottom-right-radius: 5px
2016-03-31 17:24:48 +03:00
width: 100%
2016-10-03 21:19:13 +03:00
max-width: 100%
2016-03-31 17:24:48 +03:00
white-space: pre-wrap
.x-terminal__button.x-terminal__button
@include position(absolute, bottom, right, 2.65rem, 2.6rem)
background: $color-dark
border-color: $color-dark
&:hover
background: darken($color-dark, 5)
border-color: darken($color-dark, 5)