Tag: sass

  • Caleran – Date Vary Picker (Calendars)

    Caleran – Date Vary Picker (Calendars)

    Caleran – Date Range Picker

    Caleran is a Date Range Picker plugin, built using jQuery and moment.js libraries. It can also be used as a single date picker besides the range selection feature. Can be shown inline or used as a dropdown beside an input.

    Special Thanks

    Thanks to Santiago for letting me use his design on this plugin,

    Features

    • Option to hide specific parts of the instance
    • Mobile friendly (both portrait and landscape layouts are supported)
    • Support for predefined ranges
    • Can be shown as an inline control
    • Wide localization support (Available languages)
    • Can also be used as a single date picker
    • Sass template included
    • Grunt file included

    Mobile Screenshots

    Portrait

    Landscape

  • Aslan – Inventive Coming Quickly Template (Underneath Building)

    Aslan – Inventive Coming Quickly Template (Underneath Building)

    Aslan

    Aslan is a Coming Soon, clean and elegant template for every creative people, corporate, agency, e-commerce, photographers or anyone who is getting their website built and want to show a coming soon page in creative way.

    aslan-img01 aslan-img02 aslan-img03

    Features

    • Responsive design
    • Creative template
    • Retina ready
    • Valid HTML5 / CSS3
    • Well documented HTML and CSS files
    • Extremely easy to setup and configure
    • Multi-Browser Support
    • 5 Banner Varient

      • Image Varient
      • Slider Varient
      • Video Varient
      • Particles Varient
      • Snow Varient
      • Polygon Varient
    • Bootstrap 3.2 Compatible
    • JavaScript + CSS3 Animation
    • jQuery Countdown
    • Working Contact and Subscribe forms
    • AJAX Subscription Form – Native, PHP and Mailchimp
    • Google Maps integrated
    • 5 Stars Support

    Support For Aslan!

    For support you can contact us via our email id nvwebthemes@gmail.com

    Once you have mailed us please be patient as it can take some time for us to reply you because of the difference in time zones of your and our country.

    Thanks for checking out Aslan!

    Please remember to star rate it! :)

  • Albedo Subject material Buttons (Buttons)

    version 1.0.0

    Modern and trendy material design.

    24 colours. 7 styles. 4 sizes. 600+ possible button variants. Built-in Font Awesome integration.

    Fully adaptive. Works perfectly on all mobile devices, tablets and desktops.

    No JavaScript required!. You can easily edit, change and customize them for yourself.

    Features

    • HTML5
    • CSS3
    • Modern and clean material design
    • PSD files are included
    • Free font: Montserrat (github)
    • Fully responsive (from 320px to 2560px)
    • Demo are integrated with scrollreveal.js — easy scroll animations library for web and mobile browsers.
    • Font Awesome integration. Just add icon!
    • Separate css files for the demo page and for buttons. No need to load unnecessary styles!
    • Source files are included:
      • html
      • css
      • jade
      • scss
      • javascript ES6 (for demo page)
    • gulpfile.js and package.json
    • BEM naming methodology

    Credits

  • Albedo Subject material Buttons (Buttons)

    version 1.0.0

    Modern and trendy material design.

    24 colours. 7 styles. 4 sizes. 600+ possible button variants. Built-in Font Awesome integration.

    Fully adaptive. Works perfectly on all mobile devices, tablets and desktops.

    No JavaScript required!. You can easily edit, change and customize them for yourself.

    Features

    • HTML5
    • CSS3
    • Modern and clean material design
    • PSD files are included
    • Free font: Montserrat (github)
    • Fully responsive (from 320px to 2560px)
    • Demo are integrated with scrollreveal.js — easy scroll animations library for web and mobile browsers.
    • Font Awesome integration. Just add icon!
    • Separate css files for the demo page and for buttons. No need to load unnecessary styles!
    • Source files are included:
      • html
      • css
      • jade
      • scss
      • javascript ES6 (for demo page)
    • gulpfile.js and package.json
    • BEM naming methodology

    Credits

  • Icicle UI Package for Zurb Groundwork 6 (Miscellaneous)

    Icicle is a UI Kit based on the Zurb Foundation Framework v6. It has a clean, bright design, with buttons that just beg to be clicked. It is perfect for apps or sites where you want a sleek, modern look. It includes all standard Foundation components, carefully styled to make a unified and coherent theme, as well as some extras.

    Includes 17 HTML templates to get you started, including an admin dashboard.

    Has SCSS files to make it easy to customise. You can also modify the CSS files directly.

  • Husky – Multipurpose AJAX Gallery (Pictures and Media)

    Husky is Multipurpose Web App Gallery using jQuery AJAX as the core engine, make it possible to collect data without load the whole page. With simple setting, wealthy options, targeted placement, and professional coding make it feels like an application rather than a website. Use it as online gallery, photography portfolio, even photography blog! Come with changeable & customizable skin & typography.

    Developer Licence

    Since there’s no Developer Licence on CodeCanyon, then Extended licence can be act as Developer Licence. With it, you allowed include this web app to your web template item

    TEST DRIVE??

    » See Online Documentation

    » Open HUSKY Using Google Resizer Tool

    Features

    • Valid HTML 5
    • Fully Responsive (s, m, l, xl, xxl breakpoints)
    • Cross Browser
    • Smart & beautifuly design
    • Powerred by jQuery AJAX
    • JSON data exchange
    • Providing JSON escape string (PHP only)
    • SASS files included
    • Effective & Eficient Javascript code
    • Neat source code
    • Full of commented code
    • Customizable
    • Modular Skin & Typography
    • Prebuild Skin & Typography
    • Powerred by Anarkit – Exclusive Anarchy Puppy Studio framework
    • Documentation (see online documentation)
    • Fully functional search form
    • Endless possibilities of detail content (multipurpose)
    • Expand mode
    • Navigations button
    • Convinience main menu panel positions
    • Image Grid

    Note

    • All images on demo ARE NOT INCLUDED in main file

    Changelog

    • v3.0

      • [improve] javascript’s functions work-flow
      • [improve] display on small device
    • v2.2

      • [fix] main menu list vertical space on large-up device
      • [fix] panel preview padding for buttons
      • [fix] font size on small device
      • [fix] panel placement for better balance
      • [update] typography
      • [new] added new skin (arc.css)
    • v2.1

      • Initial release
  • M&M — Minimal & Inventive WordPress Theme (Inventive)

    M&M — Minimal & Inventive WordPress Theme (Inventive)

    M&M puts all your content in one, minimal and creative, page. This template is the perfect solution for Agency or individuals. Showcase your case studies or project pages you craft. You can generate content dead-easy since M&M is built on SASS and Jade. M&M comes SEO ready, and each different page (Blog post page, Work post page, Team member profile page) can be loaded via AJAX. This makes it truly one pager, as you will not have any external pages. You can however load your pages externally if you wish. M&M gives you freedom and a set of custom classes to feel free and generate every content you like.

    Key Features :

    • – Free support
    • – One Pager
    • – Responsive design
    • – CSS Animations
    • – Detailed documentation
    • – Slider (With animations)
    • – Video background
    • – 4 Different Demos (More will be added)
    • – Parallax
    • – Many portfolio Demos
    • – Sidebar menu for Mobiles and/or Desktop
    • – Google maps
    • – ION Icons
    • – Bootstrap 3.3.5
    • – Clean code
    • – SASS Generated CSS styles
    • – Unique design
    • – Working AJAX Contact form
    • – Solid typography
    • – Retina ready
    • – Cross browser support
    • – Clean and Creative design
    • – AJAX Based
    • – Clean and Creative design
    • – Custom Animations
  • Lore – Stylish Data Base WordPress Theme (Miscellaneous)

    Lore – Stylish Data Base WordPress Theme (Miscellaneous)

    Knowledge Base. Elegant. Lightweight. WordPress Based.

    Straight-to-the-point Knowledge Base theme without unnecessary bloatware

    • Properly coded, following the best practices
    • Valid HTML5
    • Mobile-Friendly
    • Retina graphics
    • Support for bbPress plugin (forums)

    Ready to be translated to your language

    • Compatible with WPML and Loco Translate
    • Support for RTL languages
    • .POT file included

    What’s in the box?

    • Installable .zip of Lore theme
    • Installable .zip of Lore Child theme
    • .XML file with demo pages
    • .POT file for translations

    Credits

    Images seen in live preview (demo) are NOT included. You can find a lot of nice free images for your project at unsplash.com.

  • Neat – A Light-weight Bourbon Neat WordPress Theme (Weblog / Journal)

    Neat – A Light-weight Bourbon Neat WordPress Theme (Weblog / Journal)

    A Lightweight WordPress Theme built with Sass and the Bourbon Neat framework.

    Theme Features

    • Responsive Design
    • Visual Composer Included – $28 values
    • Revolution Slider Included – $18 values
    • Easy Theme Options with Redux Framework
    • Built with Sass, Bourbon Neat & Bitters
    • Stellar.js for Multiple Parallax Backgrounds
    • 2 Blog Page Templates: Left/Right sidebar.
    • 3 Page Templates: Left Sidebar, Right Sidebar and Fullwidth
    • 3 Post Templates: Right Sidebar, Left Sidebar and Fullwidth
    • 6 Post Formats: Standard, Audio, Gallery, Video, Quote, Image
    • Contact Form 7
    • Translation Ready
    • RTL Support
    • Child Theme Included
    • Video Help Guides Included
    • One Click Import demo data
    • Compatible with Jetpack (WP Stats and Publicize addons)
    • Compatible with Facebook, Google Plus, Twitter, Pinterest, Linkedin share counter.
    • Compatible with Facebook Like counter.
    • Facebook Comment integrated
    • Compatible with Seo By Yoast Breadcrumb, Video SEO addon.
    • Compatible with Video Importer plugin, You can use this plugin to import the videos from Youtube/Vimeo
    • Video submit form included, demo.
    • Login Form Shortcode, Login Form/Profile Widget included.
    • Neat Posts Widget with a lot of options, can be extended with the filter hook.
    • For Developer: A huge of Action and Filter hooks is supported.
    • And so much more…

    Please Note: The images used in the template preview are demo images only and are not included in the download files.

    Neat comes in 4 default color schemes, but you can easily change the highlight color to anything you like!

    Credits

    The following items used in this template deserve credit:

    FRONT-END FRAMEWORK

    SCRIPTS

    FONTS

    ICONS

    CHANGELOGS

    09/12/2014

    Initial Release
  • Recent LESS / SCSS Compiler (Utilities)

    Recent LESS / SCSS Compiler (Utilities)

    About

    Automatically compile and cache your .LESS and .SCSS files on both frontend and backend

    Main Features

    • Automatically watches and compiles .LESS and .SCSS files (.SASS syntax is not supported) that you have added directly via <a href="http://codex.wordpress.org/Function_Reference/wp_enqueue_style">wp_enqueue_style</a>
    • Works in themes, plugins, on both frontend and wp-admin
    • Integrated cache, compiles only after a change is detected
    • Create new LESS/SCSS variables on the fly with WordPress hooks – great for generating CSS from backend options
    • Does not have any GUI (Graphical User Interface)

    Including .LESS and .SCSS files

    In order to automatically watch and compile your .LESS and .SCSS files, you need to add them directly via wp_enqueue_style

    Example LESS:

    wp_enqueue_style('design', get_template_directory_uri().'/assets/css/design.less');
    

    Example SCSS:

    wp_enqueue_style('design', get_template_directory_uri().'/assets/css/design.scss');
    

    Create LESS/SCSS variables with WordPress hooks

    add_action('ff_css_variables', 'my_css_variables');
    
    function my_css_variables( $variables) 
        $variables->addVariable('design', 'backgroundcolor', '#000000'); //'wp_enqueue_style handle', 'variable name', 'variable value'
    
    

    Attributions & Credits