@mixin button_base() { position: relative; display: inline-block; font-size: 11px; line-height: 18px; text-decoration: none; padding: 4px 22px; color: $dark_color; text-transform: uppercase; border-radius: $border_radius_small; border-width: 1px; border-style: solid; outline: none; cursor: pointer; transition: all 200ms linear; &:before { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; border-radius: $border_radius_small; background-image: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); content: ''; } &:hover { &:before { background-image: linear-gradient(0deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); } } &:active { &:before { opacity: 0; } } } @mixin button_normal() { background: $dark_color_2; &:hover { background: $dark_color_2_h; } } @mixin button_primary() { background: $blue_color; &:hover { background: $blue_color_h; } } @mixin button_success() { background: $green_color; &:hover { background: $green_color_h; } } @mixin button_danger() { background: $red_color; &:hover { background: $red_color_h; } } @mixin button_warning() { background: $orange_color; &:hover { background: $orange_color_h; } } @mixin secondary_button() { color: $light_color; border-color: $secondary_outset_1 $secondary_outset_2 $secondary_outset_2 $secondary_outset_1; background-color: $secondary_gradint_2; &:active { background-color: $secondary_bg_color; border-color: darken( $secondary_outset_2, 10%) $secondary_outset_1 $secondary_outset_1 darken( $secondary_outset_2, 10%); } } @mixin input() { font-size: 12px; line-height: 16px; color: $dark_color; background-color: $bg_color; border-radius: $border_radius_extra_small; padding: 5px; min-height: 28px; border: 1px solid $border_color; box-shadow: none; &:focus{ border-color: darken( $border_color, 20% ); box-shadow: none; } } @mixin button_icon( $icon ) { content: $icon; display: inline-block; font-family: dashicons; font-size: 16px; font-style: normal; font-weight: 400; height: 18px; line-height: 18px; text-align: center; text-decoration: inherit; transition: all 200ms linear; vertical-align: middle; } @mixin button_icon_before( $icon ) { &:before { @include button_icon( $icon ); padding: 0 5px 0 0; } } @mixin button_icon_after( $icon ) { &:after { @include button_icon( $icon ); padding: 0 0 0 5px; } } @mixin button_icon_middle( $icon ) { &:before { @include button_icon( $icon ); margin: 0 -5px; } } @mixin link() { display: inline-block; text-decoration: none; font-size: 12px; line-height: 20px; font-weight: bold; color: $blue_color; text-transform: uppercase; transition: all 200ms linear; &:hover { color: $dark_color_1; box-shadow: none; } &:focus, &:active { outline: none; border-color: rgba(41, 143, 252, .6); box-shadow: 0 0 2px rgba(41, 143, 252, .6); color: $blue_color; } } @mixin link_icon_before( $icon ) { &:before { @include button_icon( $icon ); padding: 0 5px 0 0; color: $grey_color_4; } &:hover { &:before { color: $blue_color; } } } @mixin container() { padding: 30px; border: 2px solid $grey_color_2; background: $grey_color_3; border-radius: $border_radius_large; } @mixin container_heading() { margin: -30px -30px 30px -30px; border-radius: $border_radius_large $border_radius_large 0 0; border-bottom: 1px solid $grey_color_2; padding: 20px 30px; font-weight: bold; font-size: 16px; line-height: 18px; text-align: center; background: #fff; } @mixin box() { margin: 0 0 30px; padding: 20px; background: #fff; box-shadow: $box_shadow_box; border-radius: $border_radius_small; } @mixin box_heading() { margin: -20px -20px 20px -20px; border-radius: $border_radius_small $border_radius_small 0 0; border-bottom: 1px solid $grey_color_2; padding: 20px 30px; font-weight: bold; font-size: 16px; line-height: 18px; background: #fff; } blog Archives - Solar Energy

Solar Energy

blog

SSL provides a security handshake in which the client and server computers exchange a brief burst of messages In those messages the client and server

Outsource article writing – powerful tips that guarantee success part 2 At first glance, landing your next dream job should be easy – write a great resume or cv, send it out and post online, and start fielding phone calls and emails for job interviews. However, many people consider the resume writing process to be …

SSL provides a security handshake in which the client and server computers exchange a brief burst of messages In those messages the client and server Read More »

Paranormal Activity Paranormal Activity is a film based on the terrifying journey a couple have to go through in a house full of ghosts It is captured in

Use a writing desk for your laptop computer Service contracts are really similar to an insurance policy. They may or may not save you money. The good part is that your costs are fixed, so you will know how much per year you will spend instead of hoping it won’t break down too much or …

Paranormal Activity Paranormal Activity is a film based on the terrifying journey a couple have to go through in a house full of ghosts It is captured in Read More »

Mark Twains The Five Boons of Life is a very interesting short story in which life gifts are offered to a man describing the effects each choice has

5 improvements for your business improvements Every business-idea is the seed of a concept. It is only after careful deliberation by the founder(s), does this germinate into a business venture. So, it is only understandable that they put their heart and soul into this venture to make this a success. Successful ventures already have a …

Mark Twains The Five Boons of Life is a very interesting short story in which life gifts are offered to a man describing the effects each choice has Read More »

How does Pygmalion highlight the importance of accent manners and words in 1912

Win at sports betting – 5 tips to help you make money with sports betting Making the adjustment to college life can be difficult for almost any age level, but especially for those just out of high school. There’s so many new experiences to get used to, and it can easily get overwhelming. So here …

How does Pygmalion highlight the importance of accent manners and words in 1912 Read More »

VPN Tricks and Tips for Harmless Browsing – Top Notch VPN Services

How vehicles service provider for vpn, mpls and vpls when first looking in the cisco cius, it is easy to be underwhelmed. I’m used to using my samsung galaxy tab, which is big, lightweight, clearly the android tablet leader. In order to that, the cius is small, chunky, and main. But after getting all hooked …

VPN Tricks and Tips for Harmless Browsing – Top Notch VPN Services Read More »